body{font-size:14px; font-family:"微软雅黑";}
.fr{ float:right;}
.fl{ float:left;}
.fn{ float:none;}
.f2{ font-size:12px;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration: none;}
img {
	vertical-align: top;
}
ul,li{padding:0px; margin:0px; list-style:none;}
ul li a:hover{ color: #267ae7;}
div a:hover{ color: #267ae7;}
input,form,select,textarea{ margin:0px;padding:0px; outline:medium; border:0; border-radius:0; background:none; font-family:"微软雅黑"; font-size:14px;}
i,em{ font-style:normal;}
.mo{ margin: 0 auto;}
.most{ width:100%; height:auto; overflow:hidden; display:block;}
.roundBorder{border-radius: 15px;} 
.clear{ clear:both; height:0; overflow:hidden;} 
.dsk{ width:100%; height:100%; display:block; overflow:hidden;}
/*定位*/
.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position: fixed;}

/*块级转换*/
.db { display: block;}
.dn { display: none;}
.di { display: inline;}
.dib { display: inline-block;}

/*清除浮动*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;}

/*首页*/
a { 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.lazy { background: url(../images/loading.gif) 50% no-repeat;}

.bg {
	 background:#F5F5F5;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.header {
	width: 100%;
	height: 135px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.hot-line {
	width: 188px;
	height: 60px;
	padding: 29px 0 0 12px;
}

.hot-line p {
	font-size: 12px;
	color: #725742;
}

.hot-line em {
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #ed9134;
}

.nav {
	width:714px;
	height: 89px;
}

.nav li {
	width: 100px;
	height: 89px;
	float: left;
	position: relative;
}

.nav-link {
	width: 108px;
	height: 89px;
}

.nav-link a {
	display: block;
	width: 108px;
	height: 70px;
	padding: 19px 0 0;
	text-align: center;
}

.nav-link span {
	display: block;
	width: 17px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 14px;
	background: #fff;
}

.nav-link em {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	color: #282828;
}

.nav-link b {
	display: block;
	font-weight: normal;
	font-size: 10px;
	color: #ccc;
	text-transform: uppercase;
}

.nav li.active .nav-link {
	background: #3787ee;
}

.nav li:hover .nav-link {
	background: #3787ee;
}

.nav li.active .nav-link em {
	color: #fff;
}

.nav li.active .nav-link b {
	color: #fff;
}

.nav li:hover .nav-link em {
	color: #fff;
}

.nav li:hover .nav-link b {
	color: #fff;
}

.nav-drop {
	display: none;
	width: 108px;
	position: absolute;
	top: 89px;
	left: 0;
	z-index: 9999;
	background: rgba(0,0,0,.5);
}

.nav-drop a {
	display: block;
	width: 108px;
	height: 40px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
}

.banner {
	width: 100%;
	margin: 89px auto 0;
	max-width: 1920px;
	height:230px;
	overflow: hidden;
	position: relative;
}
.banner .bd{width: 100%;margin: 0 auto;overflow: hidden;}
.banner .bd li {
	width: 100%;
	height:230px;
	position: relative;
	z-index: 999;
	overflow: hidden;
}
.banner .bd li img {
	width: 100%;
	height: 230px;
}

/*.banner .bd li img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	z-index: 999;
}
*/
.banner .hd {
	width: 100%;
	position: absolute;
	bottom: 14px;
	/*bottom: 27px;*/
	left: 0;
	z-index: 999;
	text-align: center;
	font-size: 0;
}
.banner .hd li {
	display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px;
    text-indent: -9999999px;
    cursor: pointer;
    background: #ffffff;
    border-radius: 50%;

/*	display: inline-block;
	width: 54px;
	height: 47px;
	margin: 0 7px;
	font-size: 30px;
	text-indent: -9999999px;
	color: #fff;
	background: url(../images/hdbar1.png) no-repeat center center;
	cursor: pointer;*/
}

.banner .hd li.on {
	background: #f08933;
	/*text-indent: 0;
	background: url(../images/hdbar2.png) no-repeat center center;
	color: #f08933;*/
}

.index-news {
	background: #f9f9f9;
}

.index-title {
	padding: 60px 0 40px;
	text-align: center;
}

.index-title h3 {
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 24px;
	color: #333;
}

.index-title h3 span {
	color: #2277e7;
}

.index-title p {
	font-size: 16px;
	color: #a4a4a5;
}

.index-news-list li {
	padding: 16px;
	float: left;
	margin: 0 6px;
	width: 350px;
	background: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.index-news-list li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.index-news-img {
	width: 350px;
	height: 173px;
	overflow: hidden;
}

.index-news-img img {
	width: 350px;
	height: 173px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.index-news-img:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.index-news-info {
	padding: 20px 5px;
}

.index-news-title {
	margin-bottom: 15px;
	font-size: 16px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-news-title a {
	color: #222;
}

.index-news-con {
	margin-bottom: 15px;
	height: 84px;
	font-size: 12px;
	color: #999;
	line-height: 28px;
	overflow: hidden;
}

.index-news-link a {
	display: block;
	margin: 0 auto;
	width: 76px;
	height: 24px;
	background: url(../images/news-arrow1.png) no-repeat;
}

.index-news-link a:hover {
	background: url(../images/news-arrow2.png) no-repeat;
}

.index-more {
	padding: 60px 0;
}

.index-more a {
	display: block;
	width: 200px;
	height: 46px;
	margin: 0 auto;
	border: 1px #b4b4b4 solid;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #b4b4b4;
}

.index-more a:hover {
	background: #4591f3;
	color: #fff;
	border: 1px #4591f3 solid;
}

.index-area {
	height: 783px;
	background: url(../images/area-bg.jpg) no-repeat center center;
}

.index-area-list ul {
	width: 105%;
}

.index-area-list li {
	width: 384px;
	height: 240px;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}

.index-area-img {
	width: 384px;
	height: 240px;
	overflow: hidden;
	background: #fff;
}

.index-area-info {
	width: 384px;
	height: 240px;
	background: rgba(0,0,0,.68);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.index-area-info:hover {
	background: rgba(2,68,139,.9);
}

.index-area-info h3 {
	width: 100%;
	height: 42px;
	font-weight: normal;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-size: 22px;
	position: absolute;
	top: 106px;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.index-area-info:hover h3 {
	top: 30px;
}

.index-area-con {
	width: 330px;
	height: 100px;
	line-height: 24px;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	top: -240px;
	left: 50%;
	margin-left: -165px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.index-area-info:hover .index-area-con {
	top: 75px;
}

.index-area-info a {
	display: block;
	width: 152px;
	height: 31px;
	border: 1px #f9f9f9 solid;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 31px;
	position: absolute;
	top: 240px;
	left: 50%;
	margin-left: -76px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.index-area-info:hover a {
	top: 188px;
}

.index-case {
	background: #fff;
}

.index-case-list ul {
	width: 105%;
}

.index-case-list li {
	width: 291px;
	height: 180px;
	float: left;
	margin-right: 12px;
	margin-bottom: 24px;
	overflow: hidden;
}

.index-case-list li a {
	display: block;
	width: 291px;
	height: 180px;
	position: relative;
	overflow: hidden;
}

.index-case-list li img {
	width: 291px;
	height: 180px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.index-case-list li:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.index-case-list li span {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	background: rgba(0,0,0,.55);
}

.footer {
	padding: 30px 0;
	background: #141519;
}

.footer-inner {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #1c2548 solid;
}

.footer-info {
	padding-top: 10px;
	width: 600px;
}

.footer-info p {
	font-size: 14px;
	color: #767676;
	line-height: 30px;
}
.footer-info p a{color: #767676;}
.footer-nav {
	margin-bottom: 20px;
	font-size: 14px;
	color: #bfbfbf;
}

.footer-nav a {
	color: #bfbfbf;
}

.footer-nav span {
	margin: 0 25px;
}

.footer-call {
	width: 226px;
	padding-top: 26px;
	padding-left: 53px;
	margin-left: 110px;
	background: url(../images/phone.png) no-repeat left 26px;
}

.footer-call h3 {
	font-weight: bold;
	font-size: 26px;
	font-family: arial;
	color: #f38002;
	line-height: 37px;
}

.footer-call p {
	font-size: 14px;
	color: #8b8b8b;
}

.footer-qr {
	width: 154px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
}

.link {
	font-size: 13px;
	color: #c3c3c3;
	line-height: 28px;
}

.link a {
	margin-right: 10px;
	color: #c3c3c3;
	white-space: nowrap;
}

/*关于我们*/
.index-ti {
	padding: 0 0 35px;
}
.index-ti h3 {
	height: 59px;
	margin: 0 0 13px;
	line-height: 59px;
	text-align: center;
	font-size: 32px;
	color: #4c4c4c;
	font-weight: normal;
}
.index-ti p {
	width: 36px;
	height: 3px;
	background: #297ce8;
	margin: 0 auto;
}


.inside-banner {
	width: 100%;
	max-width: 1920px;
	height: 327px;
	margin: 135px auto 0;
	overflow: hidden;
	position: relative;
}

.inside-banner img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	/*-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);*/
}
/*.content.move {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}*/
.sub-bar {
	height: 66px;
	margin-top: -45px;
	overflow: hidden;
	z-index: 999;
}
.sub-ti {
	width: 215px;
	height: 60px;
	padding: 6px 0 0 38px;
	background: url(../images/sub-ti-bg.png) no-repeat;
}
.sub-ti h3 {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
}
.sub-ti p {
	font-size: 16px;
	color: #97b7f1;
}
.sub-nav {
	width: 947px;
	height: 66px;
	text-align: right;
	font-size: 0;
	background: #fff;
}
.sub-nav span {
	display: inline-block;
	height: 66px;
	padding: 0 23px;
	line-height: 66px;
	background: url(../images/bar.jpg) no-repeat right center;
	font-size: 16px;
}
.sub-nav span:last-child {
	background: none;
}
.sub-nav a {
	display: inline-block;
	color: #838383;
	border-top: 2px #fff solid;
}
.sub-nav a.active {
	color: #2c7ee9;
	border-top: 2px #2c7ee9 solid;
}

.your-position {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #999;
}
.your-position a {
	color: #999;
}

.simple {
	padding: 25px;
	background: #fff;
}

.about-con {
	margin-bottom: 40px;
	line-height: 32px;
	font-size: 14px;
	color:#666666;
}
.about-con img{max-width: 100%;height: auto;}
.about-contact-info {
	width: 412px;
}

.about-contact-info h3 {
	height: 80px;
	line-height: 80px;
	font-size: 22px;
	color: #666;
}

.about-contact-info em {
	line-height: 48px;
	font-size: 16px;
	color: #ee0303;
	font-weight: bold;
}

.about-contact-info p {
	font-size: 15px;
	color: #595959;
	line-height: 28px;
}

.about-qr {
	padding: 25px 0;
	width: 150px;
	text-align: center;
}

/*招聘*/
.join-list li { margin: 0 0 24px; border-bottom: 1px #f2f2f2 solid;}
.join-bar { padding: 0 25px; line-height: 60px; position: relative; background: #f2f2f2;}
.join-bar span { display: block; width: 237px; float: left; font-size: 18px; color: #666; font-weight: bold;}
.join-bar em { display: block; width: 168px; float: left; font-size: 13px; color: #999;}
.join-bar em b { font-weight: normal; color: #333;}
.join-bar a { display: block; width: 30px; height: 30px; position: absolute; top: 14px; right: 25px; background: url(../images/join-a.png) no-repeat;}
.join-bar.join-on { background-color: #297ce8;}
.join-bar.join-on span {
	color: #fff;
}
.join-bar.join-on em {
	color: #fff;
}
.join-bar.join-on b {
	color: #fff;
}
.join-bar.join-on a { background: url(../images/join-ah.png) no-repeat;}
.join-detail { display: none; padding: 15px;font-size: 14px;color: #666;line-height: 27px;}
.join-detail a { display: block; width: 197px; height: 44px; font-size: 16px; color: #fff; text-align: center; line-height:44px; background-color: #b7b7b7;margin-top: 20px;}
.join-detail a:hover { background-color: #297ce8; color: #fff;}

/*新闻动态*/

.index-knowledge-list li {
	padding: 20px;
	border-bottom: 1px #e6e6e6 dashed;
	overflow: hidden;
}

.index-knowledge-list li:hover .plus-btn {
	display: block;
}
.index-knowledge-list .index-knowledge-img {
	width: 314px;
	height: 155px;
	overflow: hidden;
}
.index-knowledge-list .index-knowledge-info {
	width: 650px;
	height: 155px;
	overflow: hidden;
	position: relative;
}
.index-knowledge-list .index-knowledge-info h3 {
	font-size: 16px;
	color: #333;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
}
.index-knowledge-list .index-knowledge-info h3 a {
	color: #333;
}

.index-knowledge-list .index-knowledge-info h3 a:hover {
	color: #297ce8;
}

.index-knowledge-list .index-knowledge-info p {
	font-size: 12px;
	line-height: 24px;
	color: #999;
}

.index-knowledge-list .index-knowledge-bar {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	color: #999;
}

.index-knowledge-bar span {
	padding: 0 0 0 20px;
	margin-right: 13px;
	background: url(../images/clock.png) no-repeat left center;
}

.index-knowledge-bar em {
	padding: 0 0 0 20px;
	background: url(../images/eye.png) no-repeat left center;
}

.plus-btn {
	display: block;
	width: 17px;
	height: 17px;
	background: url(../images/plus.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.plus-btn:hover {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.knowledge-time {
	width: 130px;
	text-align: center;
}
.knowledge-time h3 {
	font-weight: normal; 
	font-size: 36px;
	color: #4f4f4f;
}
.knowledge-time p {
	font-size: 14px;
	color: #999;
}

/*新闻详情*/
.article-top {
	margin: 0 0 25px;
	padding: 0 0 16px;
	border-bottom: 1px #e3e3e3 solid;
}
.article-back {
	text-align: right;
	line-height: 24px;
	font-size: 14px;
}
.article-back a {
	color: #f08519;
}
.article-top h3 {
	margin: 0 0 15px;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	color: #333;
}
.article-top p {
	text-align: center;
	font-size: 12px;
	color: #666;
}
.article-con {
	padding: 0 0 25px;
	margin: 0 0 20px;
	border-bottom: 1px #e3e3e3 solid;
	height: auto;
	line-height: 27px;
	font-size: 14px;
	color: #666;
	width:1100px;
	margin:0 auto;
}
.article-con img{max-width: 100%;height: auto;}
.article-page span {
	display: block;
	width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.article-page span:last-child {
	text-align: right;
}
.article-page a {
	color: #666;
}
.article-bottom .article-back {
	text-align: center;

}
.article-bottom{margin-top: 20px;}
/*服务领域*/
.three {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px #e9e9e9 solid;
}

.three-info {
	width: 750px;
	font-size: 16px;
	color: #555;
	line-height: 36px;
	text-indent: 20px;
}
.three-info img{max-width: 100%;height: auto;}
.simple .index-case-list {
	width: 1080px;
	margin: 0 auto;
}

.simple .index-case-list li {
	width: 335px;
	height: 208px;
	margin-right: 34px;
	margin-bottom: 34px;
}

.simple .index-case-list a {
	width: 335px;
	height: 208px;
}

.simple .index-case-list img {
	width: 335px;
	height: 208px;
}

.case-ti {
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: 3px #2a7ce8 solid;
	font-size: 24px;
	color: #222;
}

.contact {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 855px;
	position: relative;
}

.contact-info {
	width: 390px;
	height: 600px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -310px;
	margin-right: -600px;
}

.contact-title {
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 30px;
	color: #333;
}

.contact-tap {
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
}

.contact-tap a {
	display: inline-block;
	width:24.3%;
    box-sizing: border-box;
	height: 40px;
	margin: 0 17px;
	line-height: 40px;
	font-size: 16px;
	border: 1px #333 dashed;
	color: #333;
	margin-bottom: 20px;
}

.contact-tap a.active {
	background: #267ae7;
	color: #fff;
	border: 1px #267ae7 solid;
}

.contact-info li {
	padding: 15px 0;
	border-bottom: 1px #e6e6e6 solid;
}

.contact-info li h3 {
	margin-bottom: 25px;
	font-weight: normal; 
	font-size: 18px;
	color: #222;
}

.contact-info li p {
	font-size: 14px;
	color: #999;
}

.contact-info li em {
	color: #d43342;
}


.three-img{width: 380px;height: 380px;}
.three-img img{max-width: 380px;max-height: 380px;}



.header-search {
    position: relative;
    width: 80px;
    height: 80px;
    float: left;
}


.header-search .on-roll {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(../images/search2.png) center 35px no-repeat;
    transition-duration: 300ms;
}

.on-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(../images/close2.png) center 35px no-repeat;
    display: none;
}
.open-search {
    position: absolute;
    right: 80px;
    top: 25px;
    width: 0;
    height:50px;
    background: #ECECF4;
    padding: 0 0 0 0;
    overflow: hidden;
}

.open-search .in-search {
    line-height: 30px;
    height: 30px;
    font-size: 17px;
    background: transparent;
    border: 0 none;
    display: block;
    width: 250px;
    float: left;
    margin: 11px 0 0 24px;
}

.open-search .submit-search {
    float: right;
    width:50px;
    height:50px;
    background: url(../images/search2.png) center 9px no-repeat;
    border: 0 none;
}


.search-list li {  
	padding: 20px;
    border-bottom: 1px #e6e6e6 dashed;
    overflow: hidden;
}
.search-list li a{
   color: #555;
   font-size: 16px;
}


.header-top{width:100%;margin: 0 auto;overflow: hidden;height:46px;background:#E5E5E5;}
.header-wel{font-size: 13px;line-height:46px;color:#616161;}
.header-search2{width:343px;height:28px;margin-top: 10px;}
.search-input{width:290px;height: 24px;border-left:1px solid #888;border-bottom:1px solid #888;border-top:1px solid #888;color:#5E5E5E;line-height:24px;font-size: 13px;text-indent: 10px;float: left;}
.search-button{width:52px;height: 26px;float: left;background: url(../images/fangdajing.png) no-repeat center center #0655A4;background-size: 26px 26px;}



/* 首页新增 */
.guanyu {
	padding-bottom: 50px;
	background: #f2f2f2;
}

.guanyu-wrap {
	padding: 40px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.guanyu-info {
	width: 580px;
}

.guanyu-logo {
	margin-bottom: 15px;
}

.guanyu-logo .hot-line {
	padding-top: 10px;
}

.guanyu-con {
	font-size: 14px;
	line-height: 34px;
	color: #667286;
	height: 250px;
	overflow-y: auto;
}

.guanyu-video {
	width: 506px;
	height: 327px;
	position: relative;
	margin-top:5px;
}

.guanyu-video i {
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/play-icon.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -28px;
	margin-left: -28px;
	z-index: 9;
}



@media screen and (max-width: 1200px) {
	.bg{
		width: 1315px;
	}
}

.logo a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 232px;
	height: 89px;
}
.logo img{
	max-width: 232px;max-height: 89px;
}

.guanyu-logo .logo a{
	display: block;
	width: auto;
	height: auto;
}

.guanyu-logo .logo a img{
	max-width: 210px;
	max-height:57px;
}