﻿@charset "utf-8";
/* CSS Document */
a:hover{
	text-decoration:none;
	transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}

/*banner*/
.banner{ overflow: hidden; position: relative; width: 100%;}
.banner a{ display: block !important; background:url("../images/banner.jpg") no-repeat center;}
#flashs{ position:relative;overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{overflow: hidden; width: 100%; text-align: center;position: absolute; left:0; bottom: 60px; z-index: 9999}
#flashs .btn span{ display: inline-block; width: 12px; height: 12px; background: url("../images/banner_btn.png") no-repeat center top;  margin: 0 10px;}
#flashs .btn span{ *display: inline}
#flashs .btn span.cur { background-position: bottom}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

/*搜索*/
.ss{ overflow:hidden; width:100%; height:52px; background: #eeeeee}
.ss .ssBox{ overflow:hidden;}
.ss .ssBox p{ line-height:52px; color:#125EA9;  font-size:14px; float:left}
.ss .ssBox p a{ color:#999; padding:0 20px;}
.ss .ssK{overflow:hidden;float:right;height:30px;width: 240px;/* padding:0 10px; */margin-top: 12px;background:url(../images/ssbg.png) no-repeat center;}
.ss .ssK input{float:left;height:30px;line-height:30px;font-size:12px;width: 184px;outline:none;background:none;border:none;color:#999;padding-left: 15px;}
.ss .ssK a{ display:block; float:right; background:url(../images/ssfdj.png) no-repeat center; width:40px; height:30px;}


/*Service*/
.Service{  overflow: hidden; width: 100%; background-color: #fff; padding-top: 40px;}
.Service .serviceLt{ float: left;  width: 245px;}
.Service .serviceLt h2{ overflow: hidden; padding: 40px 0; background-color: #125EA9; color: #fff; text-indent: 38px;   }
.Service .serviceLt h2 a{ display: block; font-size: 32px; color: #fff}
.Service .serviceLt h2 p{ font-size: 20px; text-transform: uppercase; font-weight: normal}
.Service .serviceLtBox,.Service .dl{ overflow: hidden; width: 100%; background: #eeeeee;}
.Service .dl dt,.Service .dl dd{ text-indent: 28px;  }
.Service .dl dt{ font-size: 20px; color: #fff; background: #ffba00; line-height: 45px;}
.Service .dl dt a{  color: #fff;}
.Service .dl dd{ padding: 10px 0;}
.Service .dl dd a{ display: block;font-size: 16px; color: #666;  line-height: 36px; height: 36px;}
.Service .dl dd a:hover{ color: #125EA9}
.Service dl.Ltlast{ padding-bottom: 78px;}
.Service .serviceRt{float: right;width: 713px;}
.Service .serviceRt-dl{ float: left; border: 1px solid #eee; padding: 11px; width: 320px; height: 297px; background-color: #fff; margin-right: 24px; margin-bottom: 24px;}
.Service .serviceRt-dl dt img{ display: block;}
.Service .serviceRt-dl dd{ padding: 0 10px; overflow: hidden}
.Service .serviceRt-dl dd h3{ font-size: 16px; font-weight:normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-top: 20px;}
.Service .serviceRt-dl dd h3 a{  color: #125EA9}
.Service .serviceRt-dl dd p{ font-size: 14px; line-height: 20px;    margin-top: 10px; color: #666666; }
.Service .serviceRt-dl dd a.more{ display: block; float: left;    margin-top: 10px; color: #125EA9;}
.Service dl.bottom{ margin-bottom: 0}
.Service dl.last{ margin-right: 0}
.Service .serviceRt-dl:hover{ background-color: #125EA9}
.Service .serviceRt-dl:hover h3 a,.Service .serviceRt-dl:hover dd p,.Service .serviceRt-dl:hover dd a.more{ color: #fff}


.phone22 { overflow:hidden; margin-top: 10px; width:170px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(../images/pro_phone.png) no-repeat 20px center; background-color:#125EA9;}
.phone22 p{ font-size:16px; color:#fff;}
.phone22 b{ display:block; font-size:24px;  color:#fff; font-family:'Times New Roman'}

/*标题*/
.title{ overflow: hidden; width: 100%; text-align: center; margin-top: 55px;}
.title h2{ font-size: 36px; color: #125EA9; font-weight: normal}
.title h2 a{color: #125EA9;}
.title i{display:block;width: 30px;height: 1px;background: #125EA9; margin: 15px auto 0}
.title em{ font-size: 12px; color: #999999; margin-top: 15px}
.title p{ font-size: 14px; color: #666666; margin-top: 15px}
.title strong{ color: #ffae00;}

/*客户感言*/
.customer{ overflow:hidden; width:100%; background:#fff; }
.customer .customerBox{ overflow:hidden; width:1400px;  margin: 0 auto; margin-top:25px; position:relative}
.customer .customerBox em{ display: block; width: 70px; height: 70px; position: absolute; top:65px;}
.customer .customerBox em.sclt{ background: url("../images/customerlt.png") no-repeat center top; left:0}
.customer .customerBox em.scrt{ background: url("../images/customerrt.png") no-repeat center top; right:0}
.customer .customerBox em:hover{ background-position: bottom; cursor: pointer}
.customer .scCon{ overflow:hidden; width:1200px; height:310px; margin:0 auto; position:relative}
.customer ul{ position:absolute; top:0; left:0}
.customer ul li{ width:285px;float:left; text-align:center; margin-right:20px;}
.customer ul li a{ text-decoration:none}
.customer ul li img{ display:block; margin:0 auto; background-color: #fff;}
.customer ul li h3{ font-size:16px; margin-top: 20px; font-weight: normal}
.customer ul li h3 a{ font-size:16px;  color:#666}
.customer ul li p{ font-size:14px; margin-top: 15px; line-height: 20px; color: #666666; height: 40px; overflow: hidden}
.customer ul li:hover img{ opacity:.85;}


/*Answer*/
.Answer{ background: url("../images/answerbg.jpg") no-repeat center; width: 100%; height: 452px; overflow: hidden;}
.Answer .box{width: 1000px;height:280px;margin-top: 10px;position: relative;padding-top: 1px;}
.Answer dl.dl{background: url("../images/answerconbg.png") no-repeat center;width: 1000px;height:55px;margin: 15px auto 0;position: relative;}
.Answer dl.dl dt,.Answer dl.dl dd{line-height: 55px;font-size: 16px;text-indent: 76px;width: 500px;float: left;white-space: nowrap;}
.Answer dl.dl dt {color: #fff;background: url("../images/answerwen.png") no-repeat 30px center;}
.Answer dl.dl dd{color: #125EA9;background: url("../images/answerda.png") no-repeat 30px center;}
.Answer img.img{position: absolute;right: -215px;top: -99px;}


/*Harm*/
.Harm{ overflow: hidden; width: 100%; background:url("../images/harmbg.jpg") no-repeat center; height: 865px;}
.Harm .HarmBox{width: 500px;margin: 0 auto;color: #fff;text-align: right;margin-top: 150px;overflow: hidden;}
.Harm .harmCon{width: 235px;overflow: hidden;}
.Harm .harmCon h3{ font-size: 42px; margin-top: 40px;}
.Harm .harmCon p{ font-size:16px; line-height: 25px; height: 75px; overflow: hidden; margin-top: 20px;}
.Harm .textLeft{ text-align: left}


/*advantage*/
.advantage{ overflow: hidden; width: 100%; background: url("../images/advantagebg.jpg") no-repeat center; height: 843px;}
.advantage .advantageList{ width: 100%; margin-top: 45px; height: 385px; position: relative; *margin-top: 52px; }
.advantage li{ width: 176px; padding: 0 15px; background: url("../images/yslibg.png") no-repeat center top; position:absolute;text-align: center; height: 249px; color: #fff}
.advantage li h3{ font-size: 24px; margin-top: 45px;}
.advantage li p{ margin-top: 20px; line-height: 22px; font-size: 14px;}
.advantage li i{ position:absolute; background: url("../images/advantageli.png") no-repeat center top; width: 25px; height: 25px; left:50%; margin-left: -12px;}
.advantage li.li01{ left:0; top:70px;}
.advantage li.li02{ left:265px; top:0px;}
.advantage li.li03{ right:265px; top:0px;}
.advantage li.li04{ right:0; top:70px;}
.advantage li.li01 i{bottom: -105px;}
.advantage li.li02 i{bottom: -83px;}
.advantage li.li03 i{bottom: -75px;}
.advantage li.li04 i{ bottom: -95px;}
.advantage li:hover{ background-position: bottom; color: #724217}
.advantage li:hover i{ background-position: bottom;}

/*Principle*/
.Principle{ overflow:hidden; width: 100%; background-color: #fff; padding-bottom: 35px}
.Principle .title{ margin-top: 55px;}
.Principle .list{ overflow: hidden; width:1000px; margin-top: 20px;}
.Principle .list li{ float: left; width:180px; padding: 0 10px; text-align: center; overflow: hidden}
.Principle .list li h3{ font-size: 24px; color: #125EA9; font-weight: normal; margin-top: 15px;}
.Principle .list li p{ line-height: 22px; font-size: 14px; color: #666666; height: 66px; margin-top: 15px;}
.Principle h4{color: #b8d3c4;background: url("../images/principlephone.png") no-repeat center;margin: 0 auto;width: 360px;height: 50px;line-height: 50px;margin-top: 25px;text-align: center;font-size: 26px;/* font-weight: normal */}
.Principle h4 span{ font-size: 18px; color: #fff; font-weight: normal}

/*流程*/
.lC{overflow: hidden;width: 100%;background: #f7f7f7  url("../images/lcbg.png") repeat-x left 300px;padding-bottom:55px;}
.lC .lcBox{ width: 1200px; margin-top: 35px; height: 355px;}
.lC .dl{width: 150px;float: left;text-align: center;position: relative;height:350px;}
.lC .lcBox dt i{ width: 88px; height: 79px; overflow: hidden; display: block; margin: 0 auto}
.lC .lcBox dt img{ display: block;}
.lC .lcBox dt p{ font-size: 18px; line-height: 35px; color: #125EA9;}
.lC .wen{background: url("../images/lc_libg.png") no-repeat center;width: 39px;height: 39px;margin: 0 auto;margin-top: 19px;font-size: 18px;color: #cccccc;line-height:39px;}
.lC img.lcIMg{ position: absolute; bottom: 0; left:-60px; display: none}
.lC .dl:hover i img,.lC dl.on i img{ margin-top: -79px;}
.lC .dl:hover p,.lC dl.on p{  color: #ffae00;}
.lC .dl:hover  .wen,.lC dl.on  .wen{ background: url("../images/lc_libg_h.png") no-repeat center  top; height: 69px;color: #ffae00;}
.lC .dl:hover  img.lcIMg,.lC dl.on  img.lcIMg{ display: block}

/*Treatment*/
.Treatment{ overflow: hidden; width: 100%; padding-bottom: 55px;}
.Treatment .title{ margin-top: 35px;}
.Treatment .TreatmentBox{ width: 1000px; margin-top:95px; height: 280px; position: relative }
.Treatment .dl{ width: 340px; overflow:hidden; position: absolute}
.Treatment .dl dt{ width:77px; height:118px;}
.Treatment .dl dd{width: 248px;text-align: justify;}
.Treatment .dl dd h3{ font-weight: normal; font-size: 18px; color: #333333}
.Treatment .dl dd p{  font-size: 14px; line-height: 26px; color: #666666; margin-top: 15px;}
.Treatment .top{top:0 }
.Treatment .right{right:0 }
.Treatment .bottom{bottom:0 }
.Treatment .left{left:0 }
.Treatment img.img{ position:absolute; left:50%; margin-left: -150px; top:-35px;}

/*air*/
.air{ overflow: hidden; width: 100%; background: url("../images/airbg.jpg") no-repeat center; height: 197px;}
.air .airPhone{font-size: 14px;color:#fff;margin-top: 140px;text-indent: 275px;}
.air .airPhone b{ font-size: 24px;}

/*about*/
.about{ overflow: hidden; width: 100%;}
.about dl{ overflow:hidden; padding: 35px 0; width: 100%;}
.about dl dt{ width:429px; float: right}
.about dl dd{ width:520px; float: left;}
.about dl dd h3{ font-size: 18px;}
.about dl dd h3 a{ color:#125EA9}
.about dl dd i{ display: block; width: 40px; height: 1px; background:#125EA9; margin: 25px 0;}
.about dl dd p{ font-size: 14px; color: #666666; line-height: 28px; height: 84px; overflow: hidden;}
.about dl dd a.more{display:block; margin-top: 30px; width: 130px }

/*团队*/
.team{ overflow: hidden; width: 100%; background:#fff; padding: 20px 0 30px;}
.team .teamLt{ width: 735px; float: left;}
.team h3{ font-size: 18px; font-weight: normal; color: #999999; text-transform: uppercase; margin-bottom: 25px;}
.team h3 a{ font-weight: bold; color: #125EA9}
.team .teamBox{ position:relative; width: 735px; height:285px; overflow: hidden}
.team .list{ position: absolute; top:0; left:0}
.team .list li{ width: 240px; float: left; margin-right: 6px;}
.team .list li span{ display: block; text-align: center; font-size: 13px; line-height: 35px; color: #333}
.team .teamRt{ float: right; width: 244px;}
.team .teamCon{ width: 243px; height: 318px; background-color: #eeeeee; position: relative; overflow: hidden;}
.team .rtList{ position:absolute; left:0; top:0}
.team .rtList li{ width: 193px; height: 259px; padding: 15px 25px; float: left}
.team .btn{ width: 100%; text-align: center; overflow: hidden; position: absolute; left:0; bottom: 15px}
.team .btn span{ width: 15px; height:15px; background: #fff; border-radius: 50%; display: inline-block; margin: 0 3px;}
.team  .btn span{ *display: inline}
.team .btn span.cur{ background: #ffae00}

/*choose*/
.choose{ overflow: hidden; width: 100%; background: #125EA9; padding-bottom: 55px;}
.choose .title h2 a,.choose .title  em{ color: #fff; text-transform: uppercase;}
.choose .title strong{color: #fff}
.choose .title i{ background-color: #fff}
.choose .chooseBox{ position: relative; width: 1200px; height: 83px; margin-top: 40px; overflow: hidden}
.choose .lsit{ position: absolute; top:0; left:0}
.choose .lsit li{ width: 1200px; height: 83px; float: left;}
.choose .lsit li a{ display: block; width: 184px; height: 83px; margin-right: 16px; float: left;}
.choose .lsit li a.last{ margin-right: 0}
.choose .btn{ width: 100%; text-align: center; overflow: hidden; /*margin-top: 45px;*/}
.choose .btn span{ width: 50px; height:4px; background: #fff; display: inline-block; margin: 0 3px;}
.choose .btn span{ *display: inline}
.choose .btn span.cur{ background: #ffae00}

/*news*/
.news{ 
	overflow: hidden; 
	width: 100%; 
	background:url(../images/newsbg.jpg) no-repeat center;
	padding:50px 0;
	margin-top:-100px;
	background-size:cover;
}
.news .tytitle{
	margin-top:0;
}
.news .tytitle h1{
	color:#fff;
}
.newsBox{
	background:#fff;
	padding:20px 0 10px;
}
.newsBox ul{
	padding:40px 30px 20px;
}
.newsBox li{
	float:left;
	margin-right:60px;
	margin-bottom:30px;
	width:540px;
}
.newsBox li a{
	display:flex;
	justify-content:space-between;
}
.newsBox li a:hover h1{
	color: #00549E;
}

.newsBox li:nth-child(2n){
	margin-right:0;
}

.newsDate p{
	width:80px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-family:impact;
	font-size:24px;
	background: #013B96;
}
.newsDate span{
	width:80px;
	line-height:30px;
	color:#fff;
	background:#041E46;
	font-size:14px;
	display:block;
	text-align:center;
}
.newsCont{
	width:445px;
}
.newsCont h1{
	color:#000;
	font-size:16px;
	line-height:34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
}
.newsCont p{
	font-size:14px;
	color:#999;
	line-height: 22px;
}
.newsBox a.more{
	display:block;
	width:200px;
	border:1px solid #ECECEC;
	text-align:center;
	color:#000;
	margin:0 auto 20px;
	line-height:40px;
	transition: .3s;
}
.newsBox a.more:hover{
	color:#fff;
	background:#00549E;
	border-color:#00549E;
}

/*link*/
.link{ overflow: hidden; width: 100%; padding: 20px 0}
.link h3{ float: left; width: 65px; color: #666666; font-size: 14px; margin-top: 5px;}
.link h3 a{  color: #666666; }
.link .ul{ float: right; width: 930px;}
.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #125EA9; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}


/**/
.about_box{width:940px;margin:50px auto;overflow:hidden;padding-bottom: 25px;}
.pp_about{float:left;}
.pp_about h3{color:#125EA9;font-family:"impact"; border-bottom:1px solid #9d9d9d;text-align:center;padding-bottom:10px;}
.pp_about p{color:#333;font:16px/20px "微软雅黑"; text-align:center;}

.qusetion{width:1174px;margin:30px auto ;}
.qusetion table{width:1174px;border-top: 1px solid #125EA9;border-bottom: 1px solid #125EA9;}
.qusetion table tr{height:50px;line-height:50px;}
.qusetion table th{display:flex;justify-content:center;align-items:center;border: 1px solid #125EA9;border-top:none;border-bottom:none;font-size:16px;}
.qusetion table th img {width:20px;margin-right:10px;}
.qusetion table tr td{float:left;width:390px;text-align:right;font-size:14px;padding:0;}
.ask_btn{float:right;width:110px;border-radius:4px;height:30px;line-height:30px;text-align:center;color:#fff;background:#125EA9;margin:10px 30px 0 15px;}
.ask_btn:hover{background:#FF9900;color:#fff;}
.qusetion table tr td:first-child{border-left: 1px solid #125EA9;}
.qusetion table tr td:last-child{border-right: 1px solid #125EA9;}
.qusetion table tr td:nth-child(2){border-left: 1px solid #125EA9;border-right: 1px solid #125EA9;}


/*治理方案*/
.zlfa{width: 100%;margin: 0 auto;background:url(../images/syjjfa.png) no-repeat center;}
.jd{ height:653px; margin-bottom:55px; overflow:hidden;width:1200px; margin:0 auto;}
.jd h3{ font:30px "Microsoft Yahei"; text-align:center; font-weight:bold; height:113px; overflow:hidden;margin-bottom:30px;}
.jd h3 a{ color:#333333;}
.jd h3 span{ display:block; font:18px "Microsoft Yahei"; text-align:center; color:#125EA9; line-height:35px;}
.jd2{ width:600px; height:520px; overflow:hidden;margin-top:40px;}
.jd2 h4{ display:block; width:236px; height:43px; font:16px "Microsoft Yahei"; line-height:43px; background:url(../images/jd_h.gif) no-repeat left top; color:#fff; padding-left:20px;}
.jd2 dl{ width:600px; height:220px; background:#fff; overflow:hidden;}
.jd2 dt{ width:300px; height:220px; overflow:hidden; position:relative;}
.jd2 dt img{ width:300px; height:220px;cursor: pointer;transition: all 0.6s;}
.jd2 dt span{ display:block; width:13px; height:19px; overflow:hidden; position:absolute; top:99px; right:-1px;}



.jd2 dt span img{ width:13px; height:19px;}
.jd2 dd{ width:215px; display:inline; margin-right:50px;}
.jd2 dd h5{ display:block; font:20px "Microsoft Yahei"; font-weight:bold; height:36px; line-height:36px; overflow:hidden; margin-top:20px; color:#fff;}
.jd2 dd p{ font:14px "Microsoft Yahei"; line-height:24px; color:#fff; width:215px;}
.jd2 .dl02 dd{ margin-left:50px; margin-right:0;}
.jd2 .dl02 dt span{ left:-1px;}
.jd2 dl:hover img{transform: scale(1.2);}


/*首页搜索*/

.sysearch{
	width:100%;
	height:70px;
	background:#F0F0F0;
}
.sysearch .w{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:70px;
}
.sysearch .fl p{
	font-size:16px;
	color:#333;
}
.sysearch .fl p a{
	color:#666;
	margin-right: 10px;
}
.sysearch .fl p a:hover{
	text-decoration:none;
	color:#00549E;
}
.search .search_cont{
	width:250px;
	height:38px;
	line-height:38px;
	border:1px solid #ddd;
	border-radius:6px 0 0 6px;
	margin-right: -5px;
	background:#F0F0F0;
}
.search .search_cont:focus{
	background:#fff;
}

.search_btn{
	height:38px;
	width:38px;
	background:#125EA9 url(../images/search_btn.png) no-repeat center;
	border:none;
	background-size: 20px;
	cursor:pointer;
}
.search_btn:hover{
	background-color:#002546;
}

/*产品展示*/
.cpzs{
	width:100%;
	background:url(../images/probg.jpg) no-repeat center;
	background-size:cover;
	padding-bottom: 10px;
}
.cpzs .tytitle {
	padding-top:50px;
	margin-top:0;
}
.cpzs .tytitle h1{
	color:#fff;
}
.ss-slide{
	background:#fff;
	
}
.ssImg{
	height:236px;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	width: 94%;
	margin: 20px auto ;
}
.ssImg img{
	height:100%;
	cursor: pointer;
	transition: all 0.6s;
}
.ss-slide p{
	font-size:16px;
	padding:10px 0;
	text-align:center;
}
.ss-slide:hover .ssImg img{ 
	transform: scale(1.1);
}
.ss-slide a{
	display:block;
	width:150px;
	line-height:32px;
	text-align:center;
	color:#125EA9;
	border:1px solid #125EA9;
	border-radius:20px;
	margin:10px auto 20px;
}
.ss-slide a:hover{
	color:#fff;
	background:#125EA9;
}
.ss-pagination{
	margin:20px 0;
}
.ss-container .swiper-pagination-bullet-active{
	width:30px;
	height:8px;
	border-radius:2em;
	background:#D60C18;
}
.ss-container .swiper-pagination-bullet{
	opacity:1;
}
.ss-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	text-align:center;
}
.cpzs a.more{
	display:block;
	width:170px;
	line-height:38px;
	border:1px solid #013CB4;
	text-align:center;
	margin:20px auto;
	color:#CCCCCC;
	font-size:14px;
}
.cpzs a.more:hover{
	color:#125EA9;
	background:#fff;
	border-color:#fff;
	
}

/*为什么选择我们*/
.ys01{ height:1629px; background:url(../images/ys_bg.jpg) no-repeat center top; overflow:hidden;margin-top:50px;}
.ys{ width:1200px; margin:0 auto; position:relative; height:1636px;}
.ys dl{ width:520px; height:255px; position:absolute;}
.ys dt{ height:53px; font:24px "Microsoft Yahei"; font-weight:bold; line-height:46px; overflow:hidden; color:#00549E;}
.ys dt span{float:left; width:45px; height:46px; font:26px impact; text-align:center; line-height:46px; color:#FF9900; overflow:hidden; margin-right:18px;border:2px solid #FF9900;border-radius:6px;}
.ys dd p{ font:16px "Microsoft Yahei"; line-height:24px; color:#454545; margin-top:21px;}
.ys dl em{ color:#32a129;}
.ys .dl01{ top:300px; left:40px;}
.ys .dl02{ top:640px; left:650px;}
.ys .dl03{ top:965px; left:40px;}
.ys .dl04{ top:1372px; left:650px;}


/*客户案例logo*/
.khlogo{
	width:1200px;
	margin:0 auto 30px;
}
.khlogo ul li{
	float:left;
	width:268px;
	margin-right:40px;
	height:105px;
	border:1px solid #D7D7D7;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:20px;
}
.khlogo ul li img{ 
	max-width:80%;
	max-height:80%;
}
.khlogo ul li:nth-child(4n){
	margin-right:0;
}
/*关于我们*/
.syAbout{
	width:100%;
	background:url(../images/syabout.jpg) no-repeat center;
	position:relative;
	padding-bottom: 100px;
	
}
.home_title{
	text-align:center;
	width:94%;
	margin:0 auto;
}
.home_title .a{
	font-size: 44px;
	color: #00549E;
	background: url(../images/title_ico.png) no-repeat center;
	line-height: 44px;
	font-weight: 600;
	background-size: contain;
}
.home_title .b {
    font-size: 16px;
    margin-top: 15px;
    color: #666666;
    line-height: 16px;
    letter-spacing: 15px;
}

.syAboutBox{
	width:1200px;
	margin:0 auto ;
	padding-top:50px;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
	background:#fff;
}
.aboutback .fl{
	top: 55px;
	float: left;
	z-index: 2;
	left:-20px;
	position: absolute;
}
.aboutback .fr{
	width: 630px;
	height: 445px;
	background-color: #00549E;
	margin-top: 105px;
	right: -20px;
	position: absolute;
}

.aboutback .fr h2.comname{
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 120px;
	line-height: 20px;
	margin-top: 40px;
}
.aboutback .fr span.heng{
	display: block;
	margin-top: 20px;
	height: 2px;
	width: 90px;
	background-color: #D70C19;
	margin-left: 120px;
}
.aboutback .fr p.syaboutT{
	font-size:26px;
	color:#FF9900;
	padding:10px 0 30px;
}
.aboutback>.fr>div.font{
	color: #f3f8fb;
	line-height: 28px;
	height: 200px;
	width: 470px;
	margin-left: 120px;
	margin-top: 30px;
}
.aboutback .fr a.more{
	display: block;
	height:40px;
	width: 140px;
	border: 1px solid #FFFFFF;
	margin-left: 120px;
	margin-top:50px;
	text-align: center;
	line-height:40px;
	color: #FFFFFF;
	transition: .3s;
}
.aboutback .fr a.more:hover{
	color: #00549E;
	background-color: #FFFFFF;
}

.aboutback{
	height: 550px;
	background: url( ../images/about_back.png) no-repeat center 0px;
	position: relative;
	width: 94%;
	margin: 50px auto 0;
	background-size: contain;
}
.gcsp{
	width:1200px;
	padding-bottom:40px;
	background:#fff;
	position:relative;
}

.gcsp h3{
	text-align:center;
	line-height:90px;
	background:url(../images/gcspT.png) no-repeat center;
	font-size:32px;
	color:#10377D;
	font-weight:bold;
}
.gcspBox{
	width:1200px;
	margin-top: 20px;
}
.gcspList{
	width:1080px;
	overflow:hidden;
}
.gcspList ul {


}
.gcspList ul li{
	width:285px;
	float:left; 
	text-align:center; 
	margin-right:20px;
}
.gcspList ul li img{ 
	display:block; 
	margin:0 auto; 
	background-color: #fff;
}
.gcspList ul li h3{ 
	font-size:16px; 
	font-weight: normal;
}
.gcspList ul li h3 a{ 
	font-size:16px; 
	color:#333;
}


/*核心服务*/
.tytitle{
	text-align:center;
	margin:50px 0;
}
.tytitle h1{
	font-size:36px;
	color:#000;
	font-weight:normal;
}
.tytitle span{
	display:inline-block;
	width:20px;
	height:5px;
	background:#D70C19;
	margin:10px 0;
}
.tytitle p{
	font-size:14px;
	color:#CCCCCC;
}

.hxservice ul{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:50px;
}
.hxservice ul li{
	margin-right:100px;
}
.hxservice ul li:last-child{
	margin-right:0;
}
.hxservice ul li span{
	display:block;
	width:123px;
	height:123px;
}
.hxservice ul li p{
	font-size:16px;
	color:#333;
	text-align:center;
	padding:15px 0;
}
.hxservice ul li span.hxservice01{
	background:url(../images/hxservice01.png) no-repeat center;
}
.hxservice ul li span.hxservice02{
	background:url(../images/hxservice02.png) no-repeat center;
}

.hxservice ul li span.hxservice03{
	background:url(../images/hxservice03.png) no-repeat center;
}

.hxservice ul li span.hxservice04{
	background:url(../images/hxservice04.png) no-repeat center;
}

.hxservice ul li span.hxservice05{
	background:url(../images/hxservice05.png) no-repeat center;
}

.hxservice ul li:hover span.hxservice01{
	background:url(../images/hxservice001.png) no-repeat center;
}
.hxservice ul li:hover span.hxservice02{
	background:url(../images/hxservice002.png) no-repeat center;
}
.hxservice ul li:hover span.hxservice03{
	background:url(../images/hxservice003.png) no-repeat center;
}
.hxservice ul li:hover span.hxservice04{
	background:url(../images/hxservice004.png) no-repeat center;
}
.hxservice ul li:hover span.hxservice05{
	background:url(../images/hxservice005.png) no-repeat center;
}
.hxservice ul li:hover p{
	color:#125EA8;
}

.pronav{
	width:1200px;
	margin:0 auto 30px;
	text-align:center;
}
.pronav a{
	display:inline-block;
	padding:0 20px;
	border-radius:6px;
	background:#0f3979;
	text-align:center;
	line-height:40px;
	margin-right:15px;
	color:#fff;
	font-size:14px;
}
.pronav a:last-child{
	margin-right:0;
}
.pronav a:hover,
.pronav a.cur{
	background:#535252;
}



