@charset "utf-8";
body,html{ min-width: 1240px; }
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }
body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
/*strong,b{ font-weight:normal;}*/

b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1200{ width: 1200px; margin: 0 auto; }
.top{ background: #003366; height: 84px; position: fixed; top: 0; left: 0; right: 0; z-index: 9999;}
.top.on{ animation-name:down; animation-duration: 1s; animation-fill-mode: both; box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
z-index: 99999;}
.navbar { margin-right: 35px;}
.navbar li{ float: left; position: relative; height: 45px; margin-top: 22px;  position: relative; width: 115px; overflow: hidden;}
.navbar li a{ width:100%;height:45px;}
.navbar li b,.navbar li span{ display: block; height: 45px; line-height: 45px; overflow: hidden; text-align: center; font-size: 15px; color: #fff;
transition: all 0.6s; position: absolute; left: 0; right: 0;  }
.navbar li b{ text-transform: uppercase; position: absolute; top: 45px; font-weight: bold;}
.navbar li span{ top: 0;}
.navbar li:hover span,.navbar li.on span{ top: -45px;}
.navbar li:hover b,.navbar li.on b{ top: 0;}
.banner{ position: relative;  width: 100%; height: 600px; overflow: hidden; margin-top: 84px;}
.banner .hd li{ display: inline-block; width: 15px; height: 15px; border-radius: 100%; overflow: hidden; background: #fff !important;
 margin: 0 5px; z-index: 333; cursor: pointer;}
.banner .hd li.on{ background: #003366 !important;}
.banner .hd{ position: absolute; bottom: 20px; text-align: center; width: 100%; height: 10px;}
.lingyu .title{ background: #003366; width: 190px;	height: 50px; padding: 30px 25px;}
.lingyu .title h3{ color: #627e9a; font-size: 16px; text-transform: uppercase; }
.lingyu .title h1{ color: #ffffff; font-size: 20px; }
.lingyu{ margin-top: -110px; position: relative; z-index: 333; overflow: hidden;}
.lingyu .sec1{ background: #fff; border-bottom: 1px solid #f5f5f5; width: 1600px; margin-right: -400px;}
.smallScroll{ width:940px; position: relative;}
.smallScroll li p{ color: #141418; font-size: 16px; text-align: center;}
.smallScroll li{width: 170px; height: 110px;}
.smallScroll .tempWrap{ width: 850px !important; overflow: hidden; float: left; margin-left:50px;}
.smallScroll li.on{ background: #d3a35f;}
.smallScroll li.on p{ color: #fff;}
.smallScroll ul{ margin-right: 30px; float: left;}
.smallScroll li i{ display: block; margin: 20px auto 10px auto; background: url(../img/icon.png) no-repeat  top center;
transition: all 0.6s;}


.smallScroll li:nth-child(1)  i{ background-position: -250px -16px;  width: 31px; height: 28px;}
.smallScroll li:nth-child(2)  i{ background-position: -66px -15px;   width: 34px; height:27px;}
.smallScroll li:nth-child(3)  i{ background-position: -379px -18px;  width: 42px; height: 28px;}
.smallScroll li:nth-child(4)  i{ background-position: -695px -16px;  width: 33px; height: 28px;}
.smallScroll li:nth-child(5)  i{ background-position: -191px -15px;  width: 31px; height: 30px;}
.smallScroll li:nth-child(6)  i{ background-position: -504px -18px;  width: 33px; height: 28px;} 
.smallScroll li:nth-child(7)  i{ background-position: -10px -16px;  width: 33px; height: 28px;}
.smallScroll li:nth-child(8)  i{ background-position: -635px -20px; width: 33px; height: 28px;}
.smallScroll li:nth-child(9)  i{ background-position: -447px -18px;  width: 33px; height: 28px;}
.smallScroll li:nth-child(10) i{ background-position: -130px -15px;  width: 30px; height: 30px;}
.smallScroll li:nth-child(11) i{ background-position: -567px -18px;  width: 33px; height: 28px;}

.smallScroll li:nth-child(12) i{ background-position: -755px -18px;  width: 38px; height: 33px;}
.smallScroll li:nth-child(13) i{ background-position: -815px -18px;  width: 38px; height: 33px;}
.smallScroll li:nth-child(14) i{ background-position: -875px -18px;  width: 38px; height: 33px;}
.smallScroll li:nth-child(15) i{ background-position: -940px -18px;  width: 38px; height: 36px;}
.smallScroll li:nth-child(16) i{ background-position: -1003px -18px;  width: 38px; height: 36px;}


.smallScroll li:nth-child(1).on  i,.smallScroll  li:nth-child(1):hover i{background-position: -250px -60px; }
.smallScroll li:nth-child(2).on  i,.smallScroll  li:nth-child(2):hover i{background-position: -66px -60px; }
.smallScroll li:nth-child(3).on  i,.smallScroll  li:nth-child(3):hover i{background-position: -379px -64px; }
.smallScroll li:nth-child(4).on  i,.smallScroll  li:nth-child(4):hover i{background-position: -695px -60px; }
.smallScroll li:nth-child(5).on  i,.smallScroll  li:nth-child(5):hover i{background-position: -191px -60px; }
.smallScroll li:nth-child(6).on  i,.smallScroll  li:nth-child(6):hover i{background-position: -504px -64px; }
.smallScroll li:nth-child(7).on  i,.smallScroll  li:nth-child(7):hover i{background-position: -10px -60px;}
.smallScroll li:nth-child(8).on  i,.smallScroll  li:nth-child(8):hover i{background-position: -635px -64px; }
.smallScroll li:nth-child(9).on  i,.smallScroll  li:nth-child(9):hover i{background-position: -447px -64px;}
.smallScroll li:nth-child(10).on i,.smallScroll li:nth-child(10):hover i{background-position: -130px -60px;}
.smallScroll li:nth-child(11).on i,.smallScroll li:nth-child(11):hover i{background-position: -567px  -68px; }

.smallScroll li:nth-child(12).on i,.smallScroll li:nth-child(12):hover i{background-position: -755px  -68px; }
.smallScroll li:nth-child(13).on i,.smallScroll li:nth-child(13):hover i{background-position: -815px  -68px; }
.smallScroll li:nth-child(14).on i,.smallScroll li:nth-child(14):hover i{background-position: -875px  -68px; }
.smallScroll li:nth-child(15).on i,.smallScroll li:nth-child(15):hover i{background-position: -940px  -68px; }
.smallScroll li:nth-child(16).on i,.smallScroll li:nth-child(16):hover i{background-position: -1003px  -68px; }





.smallScroll .sPrev{ position: absolute; background:#fff url(../img/icon.png) no-repeat -18px -110px; width: 13px; height: 22px;
top: 40px; left: 20px;}
.smallScroll .sNext{ position: absolute; background:#fff url(../img/icon.png) no-repeat -62px -112px; width: 13px; height: 22px;
top: 40px; right: 20px;}
.bigScroll .line{ width: 31px;	height: 2px;	background:#003366; margin-bottom: 30px;}
.bigScroll h2{ color: #000000; font-size: 30px;}
.bigScroll h2 b{ color: #e1e2e4; font-size: 20px; font-family: Arial; text-transform: lowercase;}
.bigScroll h3{  color: #666666; font-size: 16px; margin-top: 15px;}
.bigScroll p{ width: 560px; margin-top: 43px; font-size: 14px; color: #666; line-height: 30px;}
.bigScroll .more{ width: 157px;	height: 43px;	 color: #fff; margin-top: 30px; transition: all 0.6s;
font-size: 15px; line-height: 43px; background: #003366;display: block; text-align: center;}
.bigScroll .more b{ display: inline-block;}
.bigScroll .more span{background: url(../img/icon.png) no-repeat -107px -119px;  width: 24px; height: 11px; display: inline-block;}
.bigScroll{ margin-top: 42px;}
.bigScroll .more:hover{ transform: translateX(10px); box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);}
.bigScroll .left{ float: left;}
.bigScroll .right{ float: right;}
.bigScroll .box{ clear: both; overflow: hidden;}
.about{ background: url(../img/bg.png) no-repeat top center; height: 745px; margin-top: 40px;}
.about-text{ width: 600px; float: right; padding-top: 100px;}
.about-text h3{ color: #000000; font-size: 20px; padding: 25px 0;} 
.about-text h3 b{ width: 44px;	height: 1px;	background-color: #003366; display: block; margin-top: 22px;}
.about-text p{ color: #666666; line-height: 33px; font-size: 15px;}
.about-text .txtbox{color: #666666; line-height: 33px; font-size: 15px;}
.num-div{ width: 965px;	height: 130px;	background-color: #ffffff;	box-shadow: 0px 3px 13px 0px rgba(213, 213, 213, 0.75); float: right;
margin-top: 57px;}
.num-div li{ float: left; border-right: 1px solid #f5f5f5; padding: 0 50px; margin-top: 20px; transition: all 1s;}
.num-div li:last-child{ border-right: none;}
.num-div li strong span{ display: inline-block; font-family: Aparajita; color: #003366; font-size: 55px; }
.num-div li:hover{ transform: translateX(10px);}
.num-div li p{ font-size: 16px; color: #333333;}
.num-div li strong i{ display: inline-block; color: #003366; font-size: 30px;font-family: Aparajita;
vertical-align: 20px;}
.title-main h2{ color: #000000; font-size: 32px; text-align: center;}
.title-main h2 b{ color: #e1e2e4; font-size:20px; font-family: arial;}  
.title-main h3{  color: #666666; font-size: 15px; text-align: center; padding: 25px 0;}
.title-main .line i{ display: block; width: 52px;	height: 4px;background: #003366; margin: 0 auto;}
.title-main .line{ border-bottom: 1px solid #F5F5F5;}
.tuandui{ padding-top: 45px;}
.tuandui figure,.tuandui figure img{ display: block;width: 555px;	height: 290px; overflow: hidden; transition: all 1s;}
.tuandui .piclist li{ width:272px !important; overflow: hidden; margin: 0 10px; border:1px solid #F5F5F5; position: relative; overflow: hidden;}
.tuandui .td-cont{ margin-top: 50px;}
.tuandui .piclist li h2{ color: #141418; font-size: 24px; margin-top: 10px;}
.tuandui .piclist  li p{ color: #666666; line-height: 14px; line-height: 30px; margin-top: 10px;}
.tuandui .piclist li figcaption{ padding: 15px; overflow: hidden; transition: all 0.6s; position: absolute;
left: 0; right: 0; bottom: -50px;}
/*
.tuandui .piclist li .more{ display: block;  width: 35px; height: 35px; color: #0d3d6e;	background:#fff url(../img/icon.png) no-repeat -278px -130px; border-radius: 100%;
font-size: 28px; text-align: center; line-height: 28px; font-family: "微软雅黑"; float: right; margin-top: 30px;}
.tuandui .piclist li:hover figcaption{background: #0D3D6E;  bottom: 0;}
.tuandui .piclist li:hover h2{ color: #fff;}
.tuandui .piclist li:hover p{ color: #fff;}
*/
.tuandui .pageBtn ul{ display: none;}
.tuandui .ohbox{ width: 1180px; margin: auto;}
.tuandui .td-cont{ position: relative;}
.tuandui .prev{ display: block; width: 43px;	height: 43px; line-height: 36px;	
background:#c6c6c6 url(../img/icon.png) no-repeat -0px -135px; border-radius: 100%;
text-align: center; color: #fff; position: absolute; top: 50%; left: -40px; transition: all 0.6s; 
 cursor: pointer; }
.tuandui .next{ display: block; width: 43px;	height: 43px;line-height: 36px;	background:#c6c6c6 url(../img/icon.png) no-repeat -65px -135px;border-radius: 100%;
text-align: center; color: #fff; font-size: 30px; position: absolute; right: -40px; top: 50%;  transition: all 0.6s; cursor: pointer;}
.tuandui  .piclist li:hover figure img{ transform: scale(1.1);} 
.tuandui .next:hover,.tuandui .prev:hover{ background-color: #003366;}
.morebtn{ width: 171px;	height: 45px;	border-radius: 23px;	border: solid 1px #c1c1c1;font-family: Arial; color: #666;
	font-size: 14px; display: block; margin: auto; text-align: center; line-height: 45px; margin-top: 50px; transition: all 1s;}
.morebtn:hover{ transform: translateX(10px); box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);}
/*增加*/
.index-hehuo ul{ margin-right: -25px;}
.index-hehuo li{width: 280px; float: left; margin-right: 25px; position: relative; margin-bottom: 25px;}
.index-hehuo li figure,.index-hehuo li figure img{ display: block; width: 100%; height: 400px; overflow: hidden; transition: all 0.7s;}
.index-hehuo li h3{ font-size: 18px; color: #fff; text-align: center;}
.index-hehuo li figcaption{ background: rgba(0,0,0,0.6); padding: 20px 0; position: absolute; left: 0; right: 0; bottom: 0;
transition: all 0.51s;}
.index-hehuo li h3 b{ display: block; width: 30px; height: 2px; background: #fff; margin: 10px auto;}
.index-hehuo li p{ text-align: center; color: #fff; padding:0 0 15px 0;}
.index-hehuo .tel-zx{ width: 100px; height: 34px; line-height: 34px; color: #fff; background: #0D3D6E;display: inline-block; text-align: center;
margin-right: 10px;}
.index-hehuo .online-zx{ width: 100px; height: 34px; line-height: 34px; color: #fff; background: #ffa842;display: inline-block; text-align: center;}
.index-hehuo li .btn{ text-align: center;}
.index-hehuo li:hover figcaption{ bottom: 30px; background: rgba(255,168,66,0.6);}
.case{ background: #F5F5F5; padding: 50px 0; margin-top: 50px;}
.case figure{ float: left; transition: 0.6s;  width: 235px;	height: 145px; overflow: hidden;}
.case figure img{ display: block; width: 235px; height: 145px; overflow: hidden;  transition: all 0.6s;}
.case .case-top:hover img{ transform: scale(1.1);}
.case figcaption{ float: left; margin-left: 15px; width: 460px;}
.case figcaption h3{font-size: 18px; color: #4c4c4c; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
padding-top: 10px;}
.case figcaption h6{font-size: 14px; color: #b2b2b2; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
font-family: arial; font-weight: normal; margin-bottom: 15px;}
.case figcaption p{ color: #666; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px;}
.case li a{ display: block; overflow: hidden; clear: both; padding: 25px 0; border-bottom: 1px dashed #e0e0e0;}
.case li b{  width: 26px;	height: 2px;	background: #003366; display: inline-block; vertical-align: middle; margin-right: 5px;}
.case li p{  color: #666; font-size: 15px; float: left; line-height: 1; transition: all 0.6s;}
.case li  span{ display: block; float: right; font-size: 14px; color: #b1aeae;}
.case li:hover p{ transform: translateX(10px);}
.case .left li{width: 650px;}
.casecont{ margin-top: 40px;}
.case .right{ width: 484px;height: 410px;	background-color: #ffffff;}
.case .right li{ transition: all 0.6s;}
.case .right li a{ border-bottom: 1px solid #f5f5f5; padding: 0; height: 83px; line-height: 83px;}
.case .right li a p{ height: 83px; line-height: 83px; padding-left: 10px; transition: all 0.6s;}
.case .right li i{ display: block; float: right; background: url(../img/icon.png) no-repeat -186px -108px; width: 43px;
height: 43px; transition: all 0.6s; margin-top:20px; margin-right: 15px;}
.case .right li:hover i{ background-position: -226px -108px;}
.case .right li:hover{ background: #003366;}
.case .right li:hover p{ color: #fff;}
.case .right li:hover b{ background: #fff;}
.news{ margin-top:55px;}
.news .left{ position: relative;}
.news .hd ul{ overflow: hidden; clear: both; width: 400px; margin:50px auto;}
.news .hd li{ width: 149px;	height: 40px;	border:1px solid #f5f5f5;border-radius: 20px; color: #666666;
line-height: 40px; text-align: center; font-size: 15px; float: left; margin: 0 20px;}
.news .hd li.on{ background: #003366; color: #fff;}
.news .hd li.on a{color: #fff;}
.news .time strong{ color: #fff;  font-size: 24px; padding-top: 10px; margin-left: 10px; display: block;}
.news .time{width: 102px;	height: 74px;	background-color: #003366;  position: absolute; left: 0; top: 0;}
.news .time p{ color: #ffffff; font-size: 15px; margin-left: 10px;}
.news figure,.news figure img{ display: block; overflow: hidden; width: 524px;	height: 229px; transition: all 0.6s;}
.news figure:hover img{ transform: scale(1.1);}
.news .left h2{ font-size: 18px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:15px ;}
.news .left figcaption p{ color: #888; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px;}
.news .left{ width: 524px; float: left; overflow: hidden;}
.news .left .more{ width: 157px;	height: 43px;	 color: #fff; margin-top: 30px; transition: all 0.6s;
font-size: 15px; line-height: 43px; background: #003366;display: block; text-align: center;}
.news .left .more i{background: url(../img/icon.png) no-repeat -107px -119px;  width: 24px; height: 11px; display: inline-block;}
.news .left .more:hover{ transform: translateX(10px); box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);}
.news .right{  width: 634px; float: right; overflow: hidden;}
.news .right h3{ font-size: 18px; color: #000;  padding:0 0 15px 0; transition: all 0.6s;}
.news .right h3 span{  display: inline-block; vertical-align: middle;  font-size: 20px; font-weight: normal; vertical-align: middle;
margin-right: 15px;}
.news .right p{  line-height: 26px; overflow: hidden; height: 52px; color: #666;  font-size: 14px;}
.news .right li{ border-bottom: 1px solid #f5f5f5; padding: 30px 0; transition: all 0.6s;}
.news .right li:hover h3{ color: #003366;}
.news .right li:hover{ transform: translateX(10px);}
.news .bd .box{ display: none;}
.news .bd .box.on{ display: block;}
.dibu{ background: #222; margin-top: 50px; }
.lianjie{ border-bottom: 1px solid #363636; height: 65px; line-height: 65px; }
.lianjie span{ font-size: 14px; color: #fff;}
.lianjie li{float:left;}
.lianjie li a{ font-size: 14px; color: #eaeaea; display: inline-block; padding: 0 15px;}
.dibu p{ font-size: 14px; color: #fff;}
.dibu .div1{ float: left; padding-top: 35px;}
.dibu strong{ color: #ffffff;font-family: Impact;	font-size: 30px;}
.dibu .div1 .code{ margin-right: 20px;}
.dibu .div2{  padding: 35px 30px; border-left:1px solid #363636;  border-right:1px solid #363636; margin-left: 29px;}
.dibu .div2 p{line-height: 32px;}
.dibu .div3{ padding-left: 20px; padding-top: 35px;}
.dibu .div3 p{ margin-bottom: 15px;}
.dibu .text{ display: block; float: left; width: 375px; height: 50px; line-height: 50px; color: #fff;
font-size: 14px; padding-left: 10px; background: #3d3d3d; }
.dibu .sub{ display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; background: #003366; 
width: 60px; float: right;}
.dibu .copyright{ background: #1a1a1a; height: 63px; line-height: 63px;}
.dibu .copyright p{ line-height: 63px; font-size: 14px; color: #fff; font-size:14px;}
.neibanner{ width: 100%; overflow: hidden; height: 350px;  position: relative;  margin-top: 84px; text-align:center;}
.topban{ position: absolute; left: 0; right: 0; top: 100px; z-index: 333;}
.topban h2{ font-size: 24px; color: #fff; text-align: center;}
.topban img{ display: block; margin:20px auto;}
.topban p{ text-align: center; color: #fff; font-size: 14px;}
.nei-nav{ background: #003366;  margin-top: -50px; position: relative; z-index: 33333; padding: 20px; box-sizing: border-box;}
.nei-nav .nei-nav-link a{ display: inline-block; height: 50px; line-height: 50px; font-size: 14px; width: 140px; text-align: center;
color: #fff; transition: all 1s;}
.nei-nav .nei-nav-link a:hover,.nei-nav .nei-nav-link a.on{ background: #ffa842 !important;}
.nei-nav .back-btn{ display: inline-block; height: 50px; line-height: 50px;}
.nei-nav .fanhui{ height: 50px; line-height: 50px; color: #7891ab; text-align: center; margin-right: 15px; cursor: pointer;}
.neicont{ margin-top: 40px; padding-bottom: 5px;}
.nei-left{ width: 260px; float: left;}
.sidebar{ width: 260px; padding: 10px; border:1px solid #F5F5F5;}
.sidebar ul li figure{ margin: 0 auto; width: 240px; height: 150px; overflow: hidden;}
.sidebar ul li{ margin-bottom: 10px;}
.sidebar ul li img{ width: 240px; height: 150px; overflow: hidden; transition: all 1s;}
.sidebar ul li:hover img{ transform: scale(1.1);}
.sidebar h1{ color: #000; font-size: 18px; height: 45px; line-height: 45px; padding-bottom: 15px;
border-bottom: 1px solid #E0E0E0; margin-bottom: 20px; padding-left: 10px;}
.sidebar h1 b{ display: inline-block; height:30px; background: #FFA842; width: 2px; vertical-align: middle; margin-right: 10px;} 
.sidebar li p{ text-align: center; color: #666; padding: 10px 0;}
.sidebar2{ margin-top: 25px;}
.sidebar3 li a{ display: block; overflow: hidden; clear: both; padding: 10px 0;}
.sidebar3 li i{ float: left;  display: block; vertical-align: middle; height: 5px; width: 5px; transform: rotate(45deg); background: #eee;
vertical-align: middle; margin-top: 10px; margin-left: 5px;}
.sidebar3 li p{ float: left; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
padding: 0; text-align: left; padding-left: 10px;}
.sidebar4{ padding: 0; width: 280px; margin-top: 20px;}
.Contact_tel{text-align: center; padding: 40px 8px; box-sizing: border-box;background:#003366 ;/*background:url(../img/list-zxad.jpg) no-repeat  top center; */}
.Contact_tel h2{line-height: 33px;color: #ffffff; font-size: 14px;}
.Contact_tel h2 b{font-size: 26px;color: #ffffff; font-weight: bold; font-family: arial;}
.Contact_tel h4{ text-align: center; color: #fff; font-size: 16px;}
/*.Contact_tel .tel{width: 100%; background: url(../img/telphone.png) center top no-repeat;height: 50px;}
*/
.nei-right{ width: 870px;}
.I_case_list li{width: 100%; border-bottom: 1px dashed  #d8d8d8; margin-top: 25px; padding:0 18px; 
transition: all 0.6s;}
.I_case_list li h2{color: #141418; font-size: 16px; line-height: 28px; margin-bottom: 15px; }
.I_case_list li p{color: #666666; font-size: 14px; line-height: 28px; margin-bottom: 15px;height: 58px; overflow: hidden;}
.I_case_left .prev{ cursor: pointer; position: absolute; right: 60px;width: 45px;height: 23px; border: 1px solid #d8d8d8; margin-top: 7px; }
.I_case_left .next{ cursor: pointer; position: absolute; right: 10px;width: 45px;height: 23px; border: 1px solid #d8d8d8; margin-top: 7px; }
.I_case_left .prev img ,.I_case_left .next img{text-align: center; margin: 8px auto 0;}
.I_case_list li a{display: block;}
.I_case_list li a:hover h2{color: #003366;}
.I_case_list li:hover{ transform: translateX(10px);}
.pager{ height:50px; padding:35px 0 0px 30px; text-align:center;  width: 800px; margin:auto;}
.pager a{ display:inline-block; background:#fff; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; 
font-size:14px; border:1px #e0e0e0 solid; color:#666; transition: all 0.36s;}
.pager span{ display:inline-block; color:#fff; background:#003366; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; 
font-size:14px; border:1px #003366 solid; transition: all 0.36s;}
.pager a:hover{ color:#fff; background:#003366; transition:all 0.3s ease 0s;}
.pager a.current{ color:#fff; background:#003366;}
.tuandui1 figure,.tuandui1 figure img{ display: block;width: 555px;	height: 290px; overflow: hidden; transition: all 1s;}
.tuandui1 .piclist1 li{ width: 555px; overflow: hidden; margin: 0 16px; border:1px solid #F5F5F5; position: relative;
height: 450px; overflow: hidden; float: left; margin-bottom: 40px;}
.tuandui1 .piclist1 li h2{ color: #141418; font-size: 24px; margin-top: 10px;}
.tuandui1 .piclist1  li p{ color: #666666; line-height: 14px; line-height: 30px; margin-top: 10px;}
.tuandui1 .piclist1 li figcaption{ padding: 15px; overflow: hidden; transition: all 0.6s; position: absolute;
left: 0; right: 0; bottom: -50px;}
.tuandui1 .piclist1 li .more{ display: block;   width: 35px; height: 35px; color: #0d3d6e; border-radius: 100%;
text-align: center; line-height: 28px; float: right; margin-top: 30px; background-size: contain;
background:#fff url(../img/icon.png) no-repeat -278px -130px;}
.tuandui1 .piclist1 li:hover figcaption{background: #0D3D6E;  bottom: 0;}
.tuandui1 .piclist1 li:hover h2{ color: #fff;}
.tuandui1 .piclist1 li:hover p{ color: #fff;}
.tuandui1 .td-cont{ position: relative;}
.tuandui1 .piclist1 li:hover figure img{ transform: scale(1.1);} 
/*合伙人页面*/
.hehuo ul{ margin-right: -25px;}
.hehuo li{width: 280px; float: left; margin-right: 25px; position: relative; margin-bottom: 25px;}
.hehuo li figure,.hehuo li figure img{ display: block; width: 100%; height: 400px; overflow: hidden; transition: all 0.7s;}
.hehuo li h3{ font-size: 18px; color: #fff; text-align: center;}
.hehuo li figcaption{ background: rgba(0,0,0,0.6); padding: 20px 0; position: absolute; left: 0; right: 0; bottom: 0;
transition: all 0.51s;}
.hehuo li h3 b{ display: block; width: 30px; height: 2px; background: #fff; margin: 10px auto;}
.hehuo li p{ text-align: center; color: #fff; padding:0 0 15px 0;}
.hehuo .tel-zx{ width: 100px; height: 34px; line-height: 34px; color: #fff; background: #0D3D6E;display: inline-block; text-align: center;
margin-right: 10px;}
.hehuo .online-zx{ width: 100px; height: 34px; line-height: 34px; color: #fff; background: #ffa842;display: inline-block; text-align: center;}
.hehuo li .btn{ text-align: center;}
.hehuo li:hover figcaption{ bottom: 30px; background: rgba(255,168,66,0.6);}
.sousuo{ background: #fff; overflow: hidden; clear: both; margin-bottom: 25px; }
.sousuo .s-div{ width: 900px; margin: auto;}
.sousuo .s-sou{ height: 50px; width: 800px; background: #F5F5F5; padding-left: 15px; font-size: 14px; color: #999; float: left;}
.sousuo .s-sub{ width: 80px; color: #fff; background: #003366; height: 50px; float: left;}
.zhaopin-list{ margin-top: 35px; background: #F5F5F5; border:1px solid #F5F5F5; margin-bottom: 25px;}
.zhaopin-list li{ overflow: hidden; clear: both; padding: 15px 0; transition: all 0.6s;}
.zhaopin-list li span{ color: #333; font-size: 14px; display: block; float: left; text-align: center; width: 16.66% !important;}
.zhaopin-list li span:nth-child(1){  width: 230px;}
.zhaopin-list li span:nth-child(2){  width: 100px;}
.zhaopin-list li span:nth-child(3){  width: 100px;}
.zhaopin-list li span:nth-child(4){  width: 100px;}
.zhaopin-list li span:nth-child(5){  width: 100px;}
.zhaopin-list li span:nth-child(6){  width: 100px;}
.zhaopin-list li:nth-child(1) span{ font-weight: bold; color: #fff; font-size: 20px;}
.zhaopin-list li:nth-child(1){ background: #0D3D6E; padding: 20px 0;}
.zhaopin-list li:nth-child(2n){ background: #fff;}
.zhaopin-list li:hover{ background: #627E9A;}
.zhaopin-list li:hover span{ color: #fff;}
.zhaopin-list li:nth-child(1):hover{ background: #0D3D6E;}
.tuan-nei .text1 h2{ color: #000; font-size: 20px; font-weight: bold; background: #F5F5F5; padding: 15px;}
.tuan-nei .text1 h2 b{ display: inline-block; font-size: 14px; color: #666; margin-left: 10px;}
.tuan-nei .text1 p{ line-height: 36px; color: #666; font-size: 14px; margin-top: 15px;}
.js_team_info_case h1{ color: #000; font-size: 20px; font-weight: bold; background: #F5F5F5; padding: 15px;}
.js_team_info_case { margin-top: 35px;}
/*合伙人内页*/
.hhr-pic{ margin-bottom: 20px;}
.hhr-pic figure,.hhr-pic figure img{ width: 240px; overflow: hidden; margin: auto;}
.hhr-pic h3{ color: #333; text-align: center; font-size: 16px; padding-top: 15px;}
.hhr-pic h3 b{ display: block; margin: 10px auto 10px auto; background: #003366; height: 2px; width: 35px;}
.hhr-pic p{ text-align: center; font-size: 14px; color: #999;}
.hhr-nei .text2{ margin-top: 35px;}
.hhr-nei .text2 img{ display: block; margin: 20px auto;}
.hhr-nei .text1 h2{ color: #000; font-size: 20px; font-weight: bold; background: #F5F5F5; padding: 15px;}
.hhr-nei .text1 h2 b{ display: inline-block; font-size: 14px; color: #666; margin-left: 10px;}
.hhr-nei .text1 p{ line-height: 36px; color: #666; font-size: 14px; margin-top: 15px;}
.pagecont{line-height: 36px; color: #666; font-size: 14px; margin-top: 15px;}
/*团队内页*/
.side-tuan h1{ color: #000; font-size: 18px; height: 45px; line-height: 45px; padding-bottom: 15px;
border-bottom: 1px solid #E0E0E0; margin-bottom: 20px; padding-left: 10px;}
.side-tuan h1 b{ display: inline-block; height:30px; background: #FFA842; width: 2px; vertical-align: middle; margin-right: 10px;} 
.side-tuan li p{ text-align: center; color: #666; padding: 10px 0;}
.tuan-pic{ margin-bottom: 20px;}
.tuan-pic figure,.tuan-pic figure img{ width: 100%; overflow: hidden; margin: auto;}
.tuan-pic h3{ color: #333; text-align: center; font-size: 20px; font-weight:bold; padding-top: 15px;}
.tuan-pic h3 b{ display: block; margin: 10px auto 10px auto; background: #003366; height: 2px; width: 35px;}
.tuan-pic p{ text-align: center; font-size: 14px; color: #999;}
.tuan-nei .text2{ margin-top: 35px;}
.tuan-nei .text2 img{ display: block; margin: 20px auto;}
.tuan-nei .text1 h2{ color: #000; font-size: 20px; font-weight: bold; background: #F5F5F5; padding: 15px;}
.tuan-nei .text1 h2 b{ display: inline-block; font-size: 14px; color: #666; margin-left: 10px;}
.tuan-nei .text1 p{ line-height: 36px; color: #666; font-size: 14px; margin-top: 15px;}
/*在线咨询*/
.contact-nei h1{ color: #000; font-size: 20px;  border-bottom: 1px solid #F5F5F5; padding: 15px; margin-bottom: 35px; font-weight: bold;
background: #F5F5F5; margin-top: 35px;}
.contact-nei p{ font-size: 14px; color: #666; padding: 15px 0;}
.contact-nei .biao{ margin-right: -35px;}
.contact-nei .input1{ display: inline-block; height: 55px; line-height: 55px; width: 568px; border: 1px solid #E0E0E0;
padding-left: 10px; margin-bottom: 25px; font-size: 14px; color: #666;  margin-right: 35px;}
.contact-nei select{ background: none; border:none; display: inline-block; height: 55px; line-height: 55px; width: 578px; background: #fff;
 margin-bottom: 15px; font-size: 14px; color: #666;  margin-bottom: 25px; border: 1px solid #E0E0E0;}
 .contact-nei .btn-sub{ text-align: center; padding:20px 0 35px 0;}
.contact-nei .area{background: none; border:none;  height: 180px; resize: none;  background: #fff; width: 1185px;  border: 1px solid #E0E0E0;}
.contact-nei  .tijiao{ display:inline-block;  width: 200px; background: #003366; color: #fff;
font-size: 16px; height: 50px; margin-right: 15px; cursor: pointer;}
.contact-nei .res{ display: inline-block;  width: 200px; background: #FFA842; color: #fff;
font-size: 16px; height: 50px;  cursor: pointer;}
.yiyuyue{ margin-top: 35px;}
.yiyuyue h2{ color: #000; font-size: 20px; font-weight: bold; background: #F5F5F5; padding: 15px;}
.online-map h2{ color: #000; font-size: 20px; font-weight: bold; background: #F5F5F5; padding: 15px; margin-bottom: 35px;}
.yiyuyue ul{ margin-top: 20px;}
.yiyuyue li{ overflow: hidden; clear: both; padding:20px 0; border-bottom: 1px dashed #F5F5F5;}
.yiyuyue li span{ display: block; float: left; width: 25%; text-align: center; font-size: 14px;}
.link-cont ul{ padding-bottom: 30px;}
.link-cont li h3{ color: #000; font-weight: bold; font-size: 16px; text-align: center;}
.link-cont li p{ text-align: center; font-size: 14px; color: #666;  margin-top: 15px; height: 60px; line-height: 30px;}
.link-cont li{ float: left; width: 33%; border-right: 1px solid #F5F5F5;}
.link-cont li:last-child{ border-right: none;}
.link-cont h6{ font-size: 16px; text-align: center; color: #666; font-weight: normal;}
.link-cont li img{ display: block; margin: 30px auto; height: 40px;}
.map .mapbox {height:450px; overflow:hidden;}
.map .mapbox img{ width: 100%;}
/*点击页面*/
.zMain_right img{ display: block; width: 100%; height: auto;}
.displayTitle {margin: 20px auto;}
.displayTitle h2{ font-size:23px; font-weight:normal; color:#333333; text-align: center;}
.dianji_num{ font-size:15px; color:#666666; margin:23px auto; text-align: center; height: 33px; line-height: 33px;}
.dianji_num .clearfix{text-align: center; margin: 0 auto 0 100px;}
.dianji_num span{display: inline-block; margin-right: 20px; }
.displayMain{  margin-top:35px; padding:10px 20px 30px; line-height:30px; overflow:hidden;}
.displayMain strong{font-family:bold !important;}

.displayMain p{ font-size:15px; color:#666666; text-align:left; margin-bottom: 30px;}
.displayMain img{ margin:20px auto; max-width:100%;}
.share{ border-top:1px dotted #cccccc; margin-top:40px; margin-bottom:20px; padding-top:25px;}
.share_l{ width:560px; color:#666666;}
.share_l li{ height:35px; line-height:35px; overflow:hidden; margin-right: 1em;}
.share_l li a{ color:#666666; font-size:16px;}
.share_l li a:hover{ color:#172a7e;}
.share_r{ margin-top:10px;}
.share_r span a{ background:#0D3D6E; width:100px; height:45px; color:#fff; display:block; text-align:center; line-height:45px; font-size:16px;
transition: all 0.6s;}
.share_r span a:hover{ background: #FFA842;}
/*关于我们*/
.about-cont{margin-top:65px;}
.about-cont .about-text img{ display: block; margin: auto;}
.about-cont .about-text h3{ text-align: center;}
.about-cont .about-text h3 b{ margin:22px auto 0 auto;}
.about-cont .about-text p{  width: 90%; margin: auto;}
.about-cont .about-text{ width: 100%; padding-top: 0; float: none;}
.about-cont .num-div{ width: 100%;}
.about-cont .num-div li{ width: 15%; padding: 0; margin-right: -1px; padding: 0 5%;}
.about-cont .num-div li strong{ text-align: center; display: block;}
.about-cont .num-div li p{ text-align: center;}
.about-wenhua{ background: url(../img/honnerbg.jpg) no-repeat top center; width: 100%; overflow: hidden;
margin-top: 75px; background-size: 100% 100%; padding: 75px 0;}
.about-wenhua .title-main .line{ border-bottom: none; }
.about-wenhua  ul{ margin-top: 40px; margin-right: -20px; }
.about-wenhua li{ background: rgba(255,255,255,0.7); float: left; width: 385px; margin-bottom: 20px; margin-right: 20px;
transition: all 0.6s;}
.about-wenhua li img{ display: block; margin: auto; transition: all 0.6s;}
.about-wenhua li h3{ text-align: center; color: #000; font-size: 16px; font-weight: bold;}
.about-wenhua li p{ line-height: 26px; color: #666; text-align: center; padding: 15px 15px 30px 15px; font-size: 14px;}
.about-wenhua li:nth-child(3),.about-wenhua li:nth-child(5),.about-wenhua li:nth-child(1){ background: rgba(0,51,102,0.7);}
.about-wenhua li:nth-child(3) p,.about-wenhua li:nth-child(3) h3,.about-wenhua li:nth-child(5) p,.about-wenhua li:nth-child(5) h3,
.about-wenhua li:nth-child(1) p,.about-wenhua li:nth-child(1) h3{color: #fff;}
.about-wenhua li:hover img{ transform: scale(0.9); }
/*发展历程*/
.about-page .sec4{ background: url(../img/honnerbg.jpg) no-repeat top center; width: 100%; overflow: hidden;
margin-top: 75px; background-size: 100% 100%; padding: 75px 0; padding: 50px 0; background-size: cover;}
.about-page .sec4 .left li{ position: relative; border-left: 1px solid rgba(255,255,255,0.3);  padding-left: 50px;
  padding-bottom: 30px;
margin: 25px 0 10px 0;  width: 1000px; margin-left: 100px;}
.about-page .sec4 .title-main .line{ border-bottom: none;}
.about-page .item_wrapper{ border-bottom:1px solid #E0E0E0; overflow: hidden; clear: both; padding:0 0 20px 0;}
.about-page .sec4  .point_small{ display: block; position: absolute; left: -5px; background:#FFA842; height: 10px; width: 10px; 
border-radius: 100%;  z-index: 3;  top: 15px; transition: all 0.6s;}
.about-page .sec4  .point_big{ position: absolute; left: -20px; width: 40px; height: 40px; border-radius: 100%; background:#FFA842;
font-size: 14px; text-align: center; line-height: 40px; color: #fff; top:0px; transition: all 0.6s; opacity: 0; z-index: 333;}
.about-page .sec4 li:hover .point_small{ transform: scale(6);  background:#FFA842;}
.about-page .sec4 li:hover .point_big{ background: #FFA842; opacity: 1;}
.about-page .sec4 li .t1{ font-size: 16px; color: #999; float: left; margin-right: 25px; width: 100px;}
.about-page .sec4 li .description{ font-size: 16px; color: #000; float: left; width: 750px; overflow: hidden;  line-height: 30px;}
.about-page .sec4 .w1200{ position: relative;}
.about-page .scroll_main {width: 100%;	height: 430px; display: block; padding: 50px 0;}  
.about-page .scroll_wrap { width: 100%; height: 430px; position: relative;  }  
.about-page .scroll_wrap .scroll_cont { height: 100%; overflow: hidden; } 
.about-page .scroll_wrap .scroll_bar { position: absolute; top:0; right:0; width: 2px; height: 100%; background-color: #172A7E; z-index: 999; }  
.about-page .scroll_wrap .scroll_slider { position: absolute; top: 0; left: 0px; width: 2px; height:60px; background-color: #FFA842;
 border-radius:5px; } 
.about-page .sec5{ padding: 50px 0 0 0;}
.about-page .sec5 .ohbox{ margin-right: -25px; margin-top: 50px;}
.about-page .sec5 li{ width: 280px; overflow: hidden; margin-right: 25px;  float: left; margin-bottom: 25px;}
.about-page .sec5 li figure,.about-page .sec5 li figure img{ display:block; width: 280px; height:200px ; transition: all 0.6s;}
.about-page .sec5 li:hover figure img{  transform:scale(1.1);}
.about-page .sec5 .jiazai{ display: block; width: 160px; height: 40px; line-height: 40px; text-align: center;  background: #003366;
color: #fff; font-size: 14px;  margin: 20px auto 0 auto;}
/*新增*/
.nei-left1{ width: auto;}
/*.nei-nav .nei-nav-link a{ width: 90px;}*/

.threebar{ border:1px solid #F5F5F5}
.threebar li a{ display: block; color: #666; font-size: 16px; padding: 20px 0; text-align: center; border-bottom: 1px solid #F5F5F5;}
.threebar li.on a{ background: #003366; color: #fff;}
.three-tit{ padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; margin-top: 15px;}
.three-tit h1{ font-size: 20px; padding-left: 20px; border-left: 2px solid #ffa842;}
.three-ul li{ transition: all 0.6s;}
.three-ul li a{ display: block; padding: 25px 0; border-bottom: 1px dashed #E0E0E0;}
.three-ul li h2{ color: #333; font-size: 18px; padding-bottom: 10px;}
.three-ul li .desc{ color: #999; font-size: 14px; }
.three-ul li .desc span{ display: inline-block; margin-right: 10px; padding-bottom: 15px;}
.three-ul li p{ color: #666; font-size: 14px; line-height: 30px;}
.three-ul li:hover{ transform: translateX(10px);}
.xinwen-list li{ transition: all 0.6s;}
.xinwen-list li a{ display: block; overflow: hidden; clear: both; border-bottom: 1px solid #F5F5F5; padding: 25px 0;}
.xinwen-list li figure{ float: left; width: 200px; overflow: hidden; height: 130px;}
.xinwen-list li figure img{ display: block; width: 200px; height: 130px; transition: all 0.6s;}
.xinwen-list li figcaption{ float: left;  width: 620px; padding-left: 30px;}
.xinwen-list li h2{ font-size: 16px; color: #000; height: 30px; line-height: 30px; overflow: hidden;}
.xinwen-list li h5{ font-size: 14px; color: #999; padding: 5px 0 15px 0; }
.xinwen-list li p{ font-size: 14px; color: #666; height: 60px; line-height: 30px; overflow: hidden;}
.xinwen-list li:hover figure img{ transform: scale(1.1);}
.xinwen-list li:hover{ transform: translateX(10px);}
 @keyframes down{
	 	from{transform: translate(0,-100%);}
	 	to{transform: translate(0,0);}
 }
 @keyframes weizhi{
		from{ left: -50%;}
		to{ left: 100%; }
}