/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


.head_bg{ background:#4c94dc; position:relative; z-index:999; height:119px;}
.header{ height:94px;}
.header .logo{ float:left; width:140px;}
.header .logo img{ width:100%; margin: 12px;}


/*menu*/
.menu{height:77px;line-height:77px; float:left; margin-left:60px; margin-top:17px;}
.menu ul li{ float:left; position:relative; width:110px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:77px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px; margin:0 10px; }
.menu ul li dl dd a{ font-size:15px; color:#666; font-weight:normal; display:block; padding:0; text-align:center;}
.menu ul li dl dd a:hover{ color:#666;}
.menu a{ font-size:18px;color:#fff; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#fff; font-size:23px;}
a.menu_hover{ /*background:url(../images/br.png) center top repeat-x;*/color:#fff;}

	
.header .tel{ float:right; width:200px; margin-top:18px;}
.header .tel span{ display:block; width:100%; height:26px; line-height:26px; font-size:16px; color:#fff;}	
.header .tel strong{ display:block; width:100%; height:30px; line-height:30px; color:#fff; font-size:24px;}


.con01{ margin-top:80px;}
.con01 h2{ height:60px; margin-bottom:30px;}
.con01 h2 strong{ display:block; width:100%; height:40px; line-height:40px; color:#eee; font-size:66px; text-align:center; text-align:center; font-style:italic;}
.con01 h2 span{ display:block; width:100%; height:40px; line-height:40px; color:#0099cc; font-size:48px; text-align:center; text-align:center; margin-top:-20px;}
.con01 ul li{ float:left; width:23%; height:297px; margin-right:2.6%; margin-top:29px; overflow:hidden;}
.con01 ul li:nth-child(4n){ margin-right:0;} 
.con01 ul li img{ width:100%; will-change:transform; transition:transform ease-in-out .5s;}
.con01 ul li img:hover{transform: scale(1.07);}
.con01 a.a1{ display:block; width:120px; height:38px; line-height:38px; border:#888 solid 2px; color:#888; font-size:16px; text-align:center; margin:30px auto 0 auto;}



.con02{ margin-top:80px;}
.con02 h2{ height:60px; margin-bottom:30px;}
.con02 h2 strong{ display:block; width:100%; height:40px; line-height:40px; color:#eee; font-size:66px; text-align:center; text-align:center; font-style:italic;}
.con02 h2 span{ display:block; width:100%; height:40px; line-height:40px; color:#0099cc; font-size:48px; text-align:center; text-align:center; margin-top:-20px;}
.con02 ul li{ float:left; width:30%; margin-right:5%; margin-top:29px;}
.con02 ul li:nth-child(3n){ margin-right:0;}
.con02 ul li img{ width:100%;}
.con02 ul li span{ display:block; width:100%; height:30px; line-height:30px; font-size:16px; text-align:center; color:#333; overflow:hidden;}
.con02  a.a1{ display:block; width:120px; height:38px; line-height:38px; border:#888 solid 2px; color:#888; font-size:16px; text-align:center; margin:30px auto 0 auto;}


.con03{ margin-top:80px;}
.con03 h2{ height:60px; margin-bottom:30px;}
.con03 h2 strong{ display:block; width:100%; height:97px; line-height:124px; color:#eee; font-size:66px; text-align:center; text-align:center; font-style:italic;}
.con03 h2 span{ display:block; width:100%; height:40px; line-height:15px; color:#0099cc; font-size:48px; text-align:center; text-align:center; margin-top:-20px;}


html,body { position: relative; height: 100%;}
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0;
padding: 0;}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { padding:30px 0 100px 0;}
.swiper-slide .zj{ width:708px; height:340px; padding:20px 0; margin:56px auto; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
.swiper-slide .zj h3{ height:50px; line-height:50px; text-align:center; font-size:24px; margin-bottom:20px;}
.swiper-slide .zj .left{ float:left; width:340px; margin-left:30px;}
.swiper-slide .zj .left span{ display:block; width:100%; line-height:30px; font-size:14px;}
.swiper-slide .zj .left a{ display:block; width:80px; height:30px; line-height:30px; background:#3099dd; color:#fff; font-size:12px; text-align:center;}

.swiper-slide .zj .right{ float:right; width:300px; margin-right:30px;}
.swiper-slide .zj .right img{ width:100%;}



.con04{ margin-top:80px;}
.con04 h2{ height:60px; border-bottom:#ccc solid 1px; margin-bottom:40px;}
.con04 h2 strong{ display:block; width:100%; height:30px; line-height:30px; font-size:28px; text-align:center; color:#333; padding-top:7px;}
.con04 h2 em{ margin:20px auto 0 auto; display:block; width:30px; height:3px; background:#c00;}
.con04 .left{ float:left; width:546px; height:367px; overflow:hidden; box-shadow:2px 2px 5px #ccc;}
.con04 .left img{ width:100%; will-change:transform; transition:transform ease-in-out .5s;}
.con04 .left img:hover{transform: scale(1.07);}
.con04 .right{ float:right; width:560px;}
.con04 .right h3{ height:40px; line-height:40px; font-size:20px; color:#000;}
.con04 .right span{ display:block; width:100%; margin-top:30px; height:200px; line-height:25px; overflow:hidden; font-size:14px; color:#333;}
.con04 .right a{ display:block; width:120px; height:40px; line-height:40px; color:#fff; background:#0099cc; font-size:14px; text-align:center; margin-top:30px;}


.con05{ margin-top:80px;}
/*slideTxtBox_01*/
.slideTxtBox_01{ float:left; width:546px;}
.slideTxtBox_01 .hd ul{ float:left;}
.slideTxtBox_01 .hd ul li{ float:left; width:168px; height:36px; line-height:36px; border:#ddd solid 1px; text-align:center; margin-right:10px;}
.slideTxtBox_01 .hd ul li.on{ background:#0099cc; border:#0099cc solid 1px; color:#fff; cursor:pointer; } 
.slideTxtBox_01 .hd a{ float:left; display:block;width:180px; height:36px; line-height:36px; border:#ddd solid 1px; text-align:center;}
.slideTxtBox_01 .bd{ margin-top:20px;}
.slideTxtBox_01 .bd ul li{ height:35px; line-height:35px; border-bottom:#ddd dashed 1px; background:url(../images/dian.jpg) left center no-repeat; padding:5px 0;}
.slideTxtBox_01 .bd ul li span{ display:block; float:left; margin-left:20px; height:35px; line-height:35px; width:100px; font-size:14px; color:#333;}
.slideTxtBox_01 .bd ul li a{ display:block; float:left; margin-left:30px; width:360px;height:35px; line-height:35px; /*width:100px;*/ font-size:14px; color:#333; overflow:hidden;}

.con05 .right{ float:right;}
.con05 .right ul li{ float:left; width:310px; margin-left:17px; height:240px; background:#f0f0f0; color:#000;}


.con06{ margin-top:80px;}



.foot_bg{ margin-top:80px; background:#3b4551;}
.footer{ padding:20px 0;}
.footer .left{ float:left; width:800px;}
.footer .left .f_logo{ width:160px; margin-bottom:15px;}
.footer .left .f_logo img{ width:100%;}
.footer .left  ul li{ line-height:30px; color:#fff; font-size:14px;}
.footer .left  ul li a{ color:#fff; font-size:14px;}

.footer .right{ float:right; width:220px;}
.footer .right img{ width:120px; height:120px; display:block; margin:20px auto 0 auto;}
.footer .right span{ display:block; width:100%; height:30px; line-height:30px; color:#fff; text-align:center;}



/*Add------------------------------------------------------------------------------*/

.n_ban{ width:100%;}
.n_ban img{ width:100%; outline-width:0; vertical-align:top;}


.pro{ margin-top:50px;}
.pro .left{ float:left; background:#f6f8fb; width:250px;}
.pro .left h2{ height:40px; padding:20px 0;} 
.pro .left h2 strong{ float:left; height:40px; line-height:40px; color:#333; font-size:24px; margin-left:20px;}
.pro .left h2 span{ float:left; height:40px; line-height:40px; color:#aaaaaa; font-size:14px; margin-left:10px; font-weight:normal;}
.pro .left ul li{ line-height:30px;}
.pro .left ul li a{ display:block; width:90%; padding:0 5%; font-size:14px; background:#4c94dc; border-bottom:#ddd solid 1px; height:30px; line-height:30px; color:#fff;}
.pro .left ul li a:hover{ background:#f0f0f0; color:#4c94dc;}
.pro .left ul li dl{ display:none; background:#92bce5 !important;}
.pro .left ul li dl dd{ line-height:25px; background:#92bce5!important; text-align:center; }
.pro .left ul li dl dd a{ color:#fff; display:block; background:#92bce5!important;}
.pro .left ul li dl dd a:hover{ background:#f0f0f0 !important; color:#92bce5;}
.pro .left ul li:hover dl{ display:block;}





.tree_box{ width:250px; overflow: hidden;}
.tree_box h3{cursor: pointer; height:50px; line-height:50px;}
.tree_box h3 a{ display:block; float:left; font-size:14px; margin-left:20px; font-weight:normal;}
.tree_box h3 span{ display:block; float:right; margin-right:10px; font-size:14px; font-family:"宋体"; color:#ccc;}
.tree_one{display:none; overflow: hidden;}
.tree_one li h4{ height:40px; line-height:40px; border-bottom:#ddd solid 1px; overflow:hidden;}
.tree_one li h4 a{ margin-left:30px; font-size:14px; font-weight:normal;}

.pro .right{ float:right; width:895px;}
.pro .right h2{ height:40px; line-height:40px; border-bottom:#0099cc solid 1px; color:#333; font-size:20px;}
.pro .right ul li{ float:left; width:30%; margin-right:5%; margin-top:20px;}
.pro .right ul li:nth-child(3n){ margin-right:0;}
.pro .right ul li .img{ width:220px; overflow:hidden;}
.pro .right ul li .img img{ width:100%; height:220px; will-change:transform; transition:transform ease-in-out .5s;}
.pro .right ul li .img img:hover{ transform: scale(1.07);}
.pro .right ul li span{ display:block; width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; color:#333;}


.xdfa{ margin-top:60px;}
.taba-3 { width:301px; float:left;}
.taba-4 { width:300px; float:left; margin-left:51px;}
.taba-5 { width:301px; float:left; margin-left:50px;}
.taba-3 .title,
.taba-4 .title,
.taba-5 .title {
	font-size:24px;
	color:#999;
}
.taba-3 .title span,
.taba-4 .title span,
.taba-5 .title span {
	font-family:'FranklinGothicHeavyRegular',Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#333;
	font-style:italic;
	width:30px;
	float:left;
	line-height:38px;
}
.taba-3 .con,
.taba-4 .con,
.taba-5 .con {
	font-size:12px;
	color:#333;
	line-height:18px;
} 
.taba-3 .con table td,
.taba-4 .con table td,
.taba-5 .con table td {
	color:#666;
	font-weight:bold;
} 
.height-40{ height:40px;}
.taba-5 .con ul { list-style:none; width:301px; float:left; margin-top:30px;}
.taba-5 .con ul li { width:80px; float:left; margin-left:30px;}
.taba-5 .con ul li:first-child { margin-left:0px;}
.taba-5 .con ul li .img { width:100%; float:left; text-align:center;}
.taba-5 .con ul li img { width:60px; height:auto;}
.taba-5 .con ul li .title-proa { width:100%; float:left; text-align:center; margin-top:15px; color:#333; font-weight:bold;}
.taba-5 .con ul li .title-prob { width:100%; float:left; text-align:center; margin-top:1px; color:#999; font-weight:bold;}
.taba-5 .con ul:first-child { margin-top:0px;}


.anli{ margin-top:80px;}
.anli ul li{ float:left; width:45%; -webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px; border-radius:10px; margin-right:5%; margin-bottom:30px; padding-bottom:30px;}
.anli ul li:nth-child(2n){ margin-right:0;}
.anli ul li strong{ display:block; width:100%; height:30px; padding:20px 0; font-size:18px; color:#76aef3; font-weight:normal; text-align:center; overflow:hidden;}
.anli ul li span{ display:block; width:90%; margin:10px auto 0 auto; height:72px; line-height:18px;}
.anli ul li .con{ width:90%; margin:10px auto 0 auto; min-height:100px;}

.case-fl-tit{ text-align: center;}
.case-fl-tit span{ font-size:30px; color: #333333;}
.case-fl-tit p{  margin-top:5px; font-size: 12px; color: #999999; text-transform: uppercase;}
.case-tab{ margin-top: 35px; text-align: center;}
.case-tab a{ margin:0 2px; display: inline-block; width: 138px; height: 40px; line-height: 38px; font-size: 16px; color: #333333; border: 1px solid #e5e5e5;}
.case-tab a:hover{ color: #2b65bc;}
.case-tab a.active{ background: #2b65bc; border: 1px solid #2b65bc; color: #FFFFFF;}
.case-list{ margin-top: 25px;}
.case-list li{ margin-top: 20px; float: left; width: 20%; padding: 0 13px;}
.case-list .item{ padding: 10px 10px 0px; border:1px solid #eeeeee; text-align: center;}
.case-list .item img{ width: 100%;}
.case-list .item p{height: 54px; line-height: 54px;}
.case-list .item:hover{ border: 1px solid #2b65bc; background: #2b65bc; color: #FFFFFF;}
.service-des{ margin-top: 25px; padding: 0 20px; text-align: center; line-height: 30px;}
.contact{ padding:70px 0;}
.contact-ul{ margin-top: 55px; border-bottom: 1px solid #e5e5e5;  border-left: 1px solid #e5e5e5;  }
.contact-ul li{ float: left; width: 27.4%; border: 1px solid #e5e5e5; border-left: none; border-bottom: none; padding: 55px 20px 35px 50px; min-height: 175px; color: #333333; line-height: 24px;}
.contact-ul li .ico{ float:left; position: relative; display: inline-block;  width: 50px;}
.contact-ul li .ico .hover{ position: absolute; top:0; left:0; transform: rotateY(-180deg); -webkit-transform: rotateY(180deg); opacity:0;}
.contact-ul li div{ margin-left: 62px;}
.contact-ul li div p{  min-height: 48px;}
.contact-ul li:hover {background: #3864bc; color: #FFFFFF;}
.contact-ul li:hover .ico .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.contact-ul li:hover .ico .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1;}

.contact-box{ margin-top:60px;}
.contact-box ul{ float: left; width:59%;}
.contact-box li { margin-bottom:30px; border:1px solid #e5e5e5; line-height: 26px; padding:18px 30px;}
.contact-box li span{ font-size: 16px; color: #3864bc;}
.contact-box li:hover{ border:1px solid #FFFFFF; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.contact-box .map-box{ float: right; width:38%; height:558px; border: 1px solid #e5e5e5; position: relative;}
.contact-box .map-box img{ max-width:1000%; width: auto;}
.contact-box .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact-box .map-box .anchorBL{ display: none; }

.map{ float:right; width:460px;}


.new{ margin-top:80px;}
.new h2{ height:50px; line-height:50px; font-size:26px; text-align:center; color:#333;}
.new dl{ padding:20px; margin-top:20px;}
.new dl dt{ float:left; width:25%;}
.new dl dt img{ width:100%;}
.new dl dd{ float:right; width:68%;}
.new dl dd a.a1{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:18px; overflow:hidden;}
.new dl dd span{ display:block; width:100%; height:80px; line-height:20px; overflow:hidden; font-size:16px; margin-top:12px;}
.new dl dd a.a2{ display:block; width:100%; height:30px; line-height:30px; font-size:16px; margin-top:16px;}
.new dl:hover{ background:#76aef3;}
.new dl:hover dd a.a1{ color:#fff;}
.new dl:hover dd span{ color:#fff;}
.new dl:hover dd a.a2{ color:#fff;}




.inside{ margin-top:80px;}
.inside .con{ min-height:500px;}