@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; background:url("../images/banner.jpg") no-repeat center; height: 527px}

#flashs{ position:relative; height:527px; 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:#0061AE;  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: #0061AE; 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: #0061AE}

.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: #0061AE}

.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: #0061AE;}

.Service dl.bottom{ margin-bottom: 0}

.Service dl.last{ margin-right: 0}

.Service .serviceRt-dl:hover{ background-color: #0061AE}

.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:#0061AE;}

.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: #0061AE; font-weight: normal; font-weight:bold}

.title h2 a{color: #0061AE;}

.title i{display:block;width: 30px;height: 1px;background: #0061AE; 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: #0061AE;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: #0061AE; 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;}

.lC .lcBox{ width: 1200px;margin-top: 50px;height: 380px;}

.lC .dl{width: 150px;float: left;text-align: center;position: relative;}

.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: #0061AE;}

.lC .wen{background: url("../images/lc_libg.png") no-repeat center;width: 39px;height: 39px;margin: 0 auto;margin-bottom: 19px;font-size: 18px;color: #cccccc;line-height:39px;}

.lC .lcIMg{ position: absolute; left:-60px; display: none;width: 225px;height: 149px;font-size: 14px;background: #f39700;border-radius: 10px;padding: 0 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;bottom: -165px;}

.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;color: #ffae00;}

.lC .dl:hover .lcIMg,.lC dl.on .lcIMg{ display: block}

.lcIMg p{

	display:flex;

	align-items:center;

	height:149px;

	color:#fff !important;

}





/*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:#0061AE}

.about dl dd i{ display: block; width: 40px; height: 1px; background:#0061AE; 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: #0061AE}

.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: #0061AE; 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%; padding: 60px 0;}

.news .newsLt{ float: left; width: 755px; }

.news .newsRt{ float: right; width: 365px;}

.news .newsNav{ overflow: hidden}

.news .newsNav li{ width: 133px; height: 38px; line-height:38px;text-align: center; font-size: 14px; background-color: #eee; float: left; margin-right: 10px;}

.news .newsNav li a{ color: #666666; text-decoration: none}

.news .newsNav li:hover,.news .newsNav li.cur{ background: #0061AE}

.news .newsNav li:hover a,.news .newsNav li.cur a{  color: #fff}

.news .newsBox,.news .newsCon,.news dl{ overflow: hidden; width: 100%; }

.newsNav a.more{

	float:right;

	color:#333;

	text-align:center;

	line-height:22px;

	padding: 5px 10px;

	background:#efefef;

	margin-top: 3px;

}

.newsNav a.more:hover{

	background:#0061AE;

	color:#fff;

}







/*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 #0061AE; 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:#0061AE;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 #0061AE;border-bottom: 1px solid #0061AE;}

.qusetion table tr{height:50px;line-height:50px;}

.qusetion table th{display:flex;justify-content:center;align-items:center;border: 1px solid #0061AE;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:#0061AE;margin:10px 30px 0 15px;}

.ask_btn:hover{background:#FF9900;color:#fff;}

.qusetion table tr td:first-child{border-left: 1px solid #0061AE;}

.qusetion table tr td:last-child{border-right: 1px solid #0061AE;}

.qusetion table tr td:nth-child(2){border-left: 1px solid #0061AE;border-right: 1px solid #0061AE;}





/*治理方案*/

.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:#0061AE; 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:#0061AE url(../images/search_btn.png) no-repeat center;

	border:none;

	background-size: 20px;

	cursor:pointer;

}

.search_btn:hover{

	background-color:#002546;

}



/*产品展示*/

.cpzs{

	margin-top:20px;

}

.cpzs .cpzs_t{

	width:100%;

	position:relative;

	display:flex;

	justify-content:space-between;

	align-items: center;

	top:53px;

	

}

.cpzs>.cpzs_t>div{

	z-index:99;

}

.cpzs .cpzs_t a{

	color:#666;

	z-index: 99;

	text-decoration: none;

	font-size:14px;

	margin-top: 30px;

}



.tab {

    position: relative;

    width: 100%;

    overflow: hidden;

    font-family: Arial;



}



.tab-nav {

    height: 50px;

	border-bottom: 3px solid #00549E;

	padding-left:180px;

}



.tab-nav a {

    display: block;

    float: left;

    width: 120px;

    height: 47px;

    line-height: 47px;

    text-decoration: none;

    color: #00549E;

    background: #fff;

    font-size: 18px;

	border:2px solid #00549E;

	border-radius:10px 10px 0 0;

	margin-right: 20px;

	border-bottom: 0;

	margin-bottom:-1px;

	padding-left: 70px;

	background-repeat:no-repeat;

	background-position: 30px center;

}

.tab-nav a:nth-child(1){

	background-image:url(../images/cpzs01.png);

}

.tab-nav a:nth-child(2){

	background-image:url(../images/cpzs02.png);

}

.tab-nav a:nth-child(3){

	background-image:url(../images/cpzs03.png);

}

.tab-nav a:nth-child(4){

	background-image:url(../images/cpzs04.png);

}



.tab-nav a:nth-child(1).current{

	background-image:url(../images/cpzs011.png);

}

.tab-nav a:nth-child(2).current{

	background-image:url(../images/cpzs022.png);

}

.tab-nav a:nth-child(3).current{

	background-image:url(../images/cpzs033.png);

}

.tab-nav a:nth-child(4).current{

	background-image:url(../images/cpzs044.png);

}





.tab-nav a.current {

    color: #fff;

	background-color:#00549E;

	

}



.tab-con {



    position: relative;



    width: 100%;



    overflow: hidden;



    background: #fff;



}



.tab-con-item {

    display: none;

    padding: 20px 0;



}

.tab-con-item table{

	max-width:100%;

}

.tab1 {

    width: 100%;

    background: #fff;

    margin: 20px 0;

    position: relative;

}



.tab-nav1 {

    height: 60px;

    overflow: hidden;

}



.tab-nav1 a {

    display: inline-block;

    padding-bottom: 10px;

    font-size: 16px;

    font-weight: bold;

    margin-right: 30px;

    color: #8a8a8a;

    border-bottom: 3px solid #fff;

}



.tab-nav1 a.current {

    border-bottom: 3px solid #61605e;

    color: #61605e;

}



.tab-con1 .tab-con-item {

    width: 100%;

    padding: 10px 0;

    text-align: left;

}



.tab1 a.more,

.tab3 a.more {

    position: absolute;

    right: 0;

    top: 20px;

    font-size: 12px;

    color: #8a8a8a;

    display: inline-block;

    border: 1px #eee solid;

    padding: 0px 10px;

    line-height: 26px;



}



.tab1 a.more:hover,

.tab3 a.more:hover {

    color: #4a4a4a;

    background-color: #eee;

}



.proTabNav{

	width:100%;

	padding:10px 0 20px;

}

.proTabNav a{

	display:inline-block;

	padding:0 20px;

	line-height:42px;

	border:1px solid #00549E;

	color:#00549E;

	font-size:14px;

	text-decoration:none;

	border-radius:4px;

	margin-right: 10px;

}

.proTabNav a:hover{

	background:#00549E;

	color:#fff;

}

.proTabList ul li{

	float:left;

	width:380px;

	margin-right:30px;

	margin-bottom:20px;

}

.proTabList ul li:nth-child(3n){

	margin-right:0;

}

.proTabList ul li .proTabListImg{

	width:100%;

	height:240px;

	overflow:hidden;

	display:flex;

	justify-content:center;

	align-items:center;

}

.proTabList ul li .proTabListImg img{

	width:100%;

	transition: all 0.6s;



}

.proTabList ul li a{

	text-decoration:none;

}

.proTabList ul  li p{

	font-size:16px;

	color:#666;

	padding:15px 0;

	text-align:center;

}

.proTabList ul li:hover .proTabListImg img{

	transform: scale(1.1);

}

.proTabList ul  li:hover{

	box-shadow: rgba(0, 0, 0, 0.85) 0px 0px 6px 0px;

}

.proTabList ul  li:hover p{

	background:#00549E;

	color:#fff;

	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;

}

/*为什么选择我们*/

.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%;

	height:580px;

	background:url(../images/syabout.jpg) no-repeat center;

	position:relative;



}

.syAboutBox{

	width:1200px;

	margin:0 auto ;

	padding-top:100px;

}





.syAboutBox .fr{

	width:630px;

}



.syAboutBox .fr h2{

	font-size:40px;

	color:#fff;

}

.syAboutBox .fr p.syaboutT{

	font-size:26px;

	color:#FF9900;

	padding:10px 0 30px;

}

.syAboutBox>.fr>div{

	font-size:14px;

	color:#fff;

	line-height:26px;

}

.syAboutBox .fr a.more{

	display:block;

	margin-top:50px;

	width:140px;

	text-align:center;

	font-size:14px;

	color:#5678B8;

	background:#0B2351;

	line-height:40px;

}

.syAboutBox .fr a.more:hover{

	background:#fff;

	color:#0061AE;

}

.gcsp{

	width:1200px;

	padding-bottom:40px;

	background:#fff;

	position:absolute;

	bottom:-295px;

	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



.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;

}

.bxycpzx {
	width: 100%;
	height: 2180px;
	background: url(../images/bxycpzx.jpg) no-repeat top center;
	overflow: hidden;
}
.bxycpzxn {
	width: 1080px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.bxycpzxnz {
	width: 230px;
	/* height: 910px; */
	position: absolute;
	left: 4px;
	top: 88px;
	overflow: hidden;
}
.bxycpzxnz .bxycpzxnz1s {
	width: 200px;
	height: 26px;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/bxycpzxnz1s.jpg) no-repeat top center;
	padding-left: 30px;
	margin-top: 8px;
	/* margin-bottom: 8px; */
}
.bxycpzxnz .bxycpzxnz1s a {
	color: #fff;
}
.bxycpzxnz dt {
	width: 200px;
	height: 26px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/bxycpzxnzdt.jpg) no-repeat top center;
	padding-left: 30px;
	;
	margin-top: 8px;
	margin-bottom: 5px;
}
.bxycpzxnz dt a {
	color: #000;
}
.bxycpzxnz dd {
	padding-left: 25px;
	width: 220px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	background: url(../images/bxycpzxnzdd.jpg) no-repeat 13px center;
	float:left;
}
.bxycpzxnz dd a {
	color: #1a1a1a;
}
.bxycpzxnz dd a:hover {
	color: #0151a7;
}
.bxycpzxny {
	width: 796px;
	/* height: 990px; */
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
}
.qhkj {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.qhdh {
	overflow: hidden;
}
.qhdhmore {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 123px;
	height: 42px;
	font-size: 14px;
	line-height: 41px;
	background: #0151a7;
	padding-left: 70px;
}
.qhdhmore a {
	color: #fff;
}
.qhdh ul li {
	float: left;
	width: 123px;
	padding-left: 70px;
	height: 42px;
	font-size: 14px;
	line-height: 41px;
	margin-right: 8px;
	overflow: hidden;
	color: #fff;
	background: url(../images/bxycpzxny1.jpg) no-repeat top center;
}
.qhdh ul li.hover {
	background: url(../images/bxycpzxny2.jpg) no-repeat top center;
}
.qhnr {
	width: 100%;
	height: 935px;
	margin-top: 8px;
	/* overflow: hidden; */
}
.qhnrs {
	width: 796px;
	height: 392px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.qhnrs img {
	width: 100%;
	height: 100%;
	transition: all 2s;
}
.qhnrs:hover img {
	transform: scale(1.1);
}
.qhnrs p {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: rgba(0,0,0,0.6);
	text-align: center;
	font-size: 14px;
	transition: all 2s;
}
.qhnrs:hover p {
	transform: translateY(30px);
}
.qhnr ul {
	width: 100%;
	padding-left: 30px;
}

.qhnr :hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
}


.qhnr li {
	width: 250px;
	height: 260px;
	float: left;
	margin-right: 15px;
	margin-right: 15px;
}
.qhnr li .li1 {
	
	

}
.qhnr li img {
	width: 250px;
	height: 153px;
	
}
.qhnr li .li1:hover img {
 

}
.qhnr li p {
	
	
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: rgba(0,0,0,0.6);
	text-align: center;
	font-size: 14px;
	
}

.qhnr li .li2 {
	width: 250px;
	height: 50px;
	overflow: hidden;
	padding-top:15px;
}
.qhnr li .li2 .a1 {
	color: #fff;
	font-size: 14px;
	width: 100px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	display: block;
	background: #cb0d00;
	margin-left: 23px;
	margin-top: 15px;
	border-radius: 5px;
	float: left;
}
.qhnr li .li2 .a2 {
	color: #fff;
	font-size: 14px;
	width: 100px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	display: block;
	background: #0151a7;
	margin-left: 8px;
	margin-top: 15px;
	border-radius: 5px;
	float: left;
}

.main{ display: block;}
.main .page .col4{ width: 25%; float: left; transition:0.3s all ease-in-out; }
.main .page .col4 a { padding: 28px 20px; display: block; border-right: 1px solid #e9e9e9; }
.main .page .col4:hover{ background: #B2CE33; }
.main .page .col4:hover a p{ color: #fff}
.main .page .col4:hover a p strong{ color: #fff}
.main .page .col4_1 a{ border-left: 1px solid #e9e9e9}
.main .page .col4 i { background: url(../images/20180301172302_881445924.png) no-repeat -2px -3px; width: 55px; height: 55px; display: block; margin: 0 auto; margin-right: auto; float: left; /*margin-right: 10px;*/ transition:0.3s all ease-in-out; }
.main .page .col4 p{ font-size: 13px; line-height: 25px; color: #000; display: block; transition:0.3s all ease-in-out; }
.main .page .col4 p strong{ font-size: 20px; font-weight: bold; display: block; line-height: 29px; transition:0.3s all ease-in-out; }
.main .page .col4_2 i{ background-position:-64px -3px; }
.main .page .col4_3 i{ background-position:-123px -3px; }
.main .page .col4_4 i{ background-position:-183px -3px; }
.main .page .col4:hover i{ background-position-y:-65px; } 


.video {
    margin: 15px auto;
    width: 1200px;
    background: url(../images/video-bj.jpg) no-repeat;
    height: 553px;
    background-position: center;
}

.video .v-left {
    width: 56%;
    /* background: #ff00ff; */
    height: 96%;
    float: left;
    padding-top: 27px;
    padding-left: 50px;
}
.video .v-left h1 {
    font-size: 24px;
    color:#007bc7;
    display: inline;
    font-weight:bold;
    font-family: "华康字体WP9";
}
.video .v-left h3 {
    font-size: 30px;
    display: inline;
	color: #e21111;
	font-weight:bold;
	font-family:"华康字体WP9";
}

.video .v-left p {
    font-size: 20px;
    color: #b0b0b0;
    padding-left: 3px;
    margin-top: 9px;
}

.video .v-right {
    float: left;





    width: 27%;
    height: 100%;
    padding-top: 17px;
}
.video .v-right {
    float: left;
    width:35%;
    height: 100%;
    padding-top: 17px;
}
.video .v-right dt{background: url(../images/w1.jpg) no-repeat left; height:30px; line-height:30px;}
.video .v-right dt a{  font-size:14px;font-weight: bold;padding-left:40px;}
.video .v-right dd{background: url(../images/w2.jpg) no-repeat left; height:30px; line-height:30px;padding-left:40px; margin-top: 5px;}
.video .v-right dd a{  font-size:14px;padding-left:40px;}


.video .v-right .q span {
    font-size: 24px;
    background: #333;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
}
.alMu{ padding-bottom:20px;}
.page{ margin:0 auto; width:1200px; background: #fff;}
.search11{ width:100%; top: -50px;}
.search {width: 1200px; margin: 0 auto; height: 50px; background:#0054a3; margin-top: 20px;}
.search{}
.search .gjc{overflow:hidden; float:left; height:51px; line-height:51px; font-size:13px;color: #fff; margin-left: 15px;}
.search .gjc span{color: #fff;}
.search .gjc a{ font-size:13px;color: #fff;}
.search .sc{ float:right; margin-top:12px;}
.search .sc .tt{ float:left; width:234px; height:25px; line-height:25px; padding:0 10px; background:none; border:1px solid #eee; font-size:13px; color:#a1a0a0; outline:none;}
.search .sc .s_bt{ border:0px ; float:left; width:50px; height:27px; line-height:27px; text-align:center; font-size:13px; color:#fff; text-decoration:none; background-color:#0e56b8;}

/*新闻中心*/
.news_bt{text-align: center; background:url("../images/news_line.png") no-repeat center 70px;height: 95px; padding-top:20px;}
.news_bt a{font-size: 28px;color: #333;-webkit-transition:transform .3s;transition:transform .3s;display: block;}
.news_bt em{display: block;width: 42px;height: 42px; margin:0 auto; padding:0 0 10px;}
.news_bt em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.news_bt a:hover em img{ transform: rotateY(180deg);}
.news_bt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.news,.wd{ width:725px; padding:0 0 45px; font-size:0;}
.news_t{ height:45px; line-height:45px; border-bottom:#c8c8c8 1px solid;}
.news_t a{font-size: 20px;color: #0061AE;font-weight: bold;}
.news_t em{display: block;float: left;width: 22px; padding:13px 10px 0 0;}
.news_t span{ float:right;}
.news_t span a{ font-size:14px; color:#999;font-weight: normal;}
.news dl{ width:725px; padding:25px 0 30px; display:inline-block; overflow:hidden;}
.news dt{ width:300px; height:150px;float: left;overflow: hidden;}
.news dt img{ width:300px; height:150px;}
.news dd{ float:left; overflow:hidden; width:400px; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;}
.news dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color: #006060;}
.news .news_desc{ font-size:14px; color:#666; height:66px; line-height:22px;overflow: hidden; padding:5px 0 0;}
.news dd span{ display:block;width: 100px; padding:15px 0 0;}
.news dd span a{font-size: 14px;color: #fff;display: block; width:100px; height:30px;background: #FF8A00;text-align: center;line-height: 30px;overflow: hidden;}
.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.news ul li{ height:50px; overflow:hidden; width:362px; float:left; padding:0 0 16px;}
.news ul li em{display: block;float: left;width: 85px;height: 50px;text-align: center;line-height: 50px;background: #888;font-size: 16px;color: #fff;font-family:"Times New Roman", Times, serif;}
.news ul li a{display: block;height: 48px;line-height: 48px; border:#ddd 1px solid; font-size:14px; color:#555; padding:0 5px 0 10px;width: 250px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*常见问题*/
.wd{ width:400px; font-size:0;}
.wd .news_t{ margin:0 0 20px;}
.wd dl{ width:400px; height:85px; border-bottom:#c4c4c4 1px dashed; padding:15px 0 0;}
.wd dt{ background:url(../images/wen.gif)no-repeat; padding-left:35px; height:25px; line-height:20px; overflow:hidden;}
.wd dt a{ font-size:16px; color:#333; font-weight:bold;}
.wd dd{ font-size:14px; color:#555; background:url("../images/da.gif") no-repeat 0 5px; padding-left:35px; line-height:25px; height:50px; overflow:hidden;}
.area{width: 100%;background: #fff;margin-bottom: 20px;}
.area h3{font-size:26px;text-align:center; margin-top:10px; background:url(../images/zjwy_bg.png) no-repeat center top}
.area h3 a{color:#0061AE;}
.area .area_list{width: 100%;padding: 10px;overflow: hidden;}
.area .area_list a{display: inline-block;margin: 0 15px;line-height: 35px;font-size: 14px;}


.link{ overflow: hidden; width: 100%; padding: 27px 0;    background: url(../images/linkbg.jpg) no-repeat center top;margin-bottom: 20px;}
.link h3{ float: left; width: 65px; color: #fff; font-size: 14px; padding-left: 100px;}
.link .ul{ float: right; width: 930px;}
.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #005950; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}


.box{ width:1200px; margin:0 auto;}
	
	.liucheng{ height:276px; background:url(../images/liucheng_bg.jpg) no-repeat center;}
.liucheng .lmt strong{ color:#fff;}
.liucheng .lmt p{ color:#fff;}
.liucheng ul{ width:1266px; margin-left:20px;}
.liucheng ul li{ display:block; float:left; width:120px; margin-right:60px; position:relative; }
.liucheng ul li img{ display:block; margin:0 auto;}
.liucheng ul li p{ text-align:center; color:#fff; font-size:15px; margin-top:8px;}
.liucheng ul li:after{ content:""; width:46px; height:10px; background:url(../images/liucheng_after.png) no-repeat center; position:absolute; right:-53px; top:43px;}
.liucheng ul li.last:after{ display:none;}

.lmt{ padding-top:40px; margin-bottom:20px;}
.lmt strong{ display:block; text-align:center; font-size:36px; font-weight:normal;}
.lmt p{ font-size:16px; text-align:center; color:#797979; margin-top:10px;}