@charset "utf-8";
body,html{ min-width: 1240px; overflow-x: hidden;}
*{ 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;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; }
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;}
.w1240{ width: 1240px; margin: 0 auto; }
.bg{ background: url(../images/bg_repeat.png) repeat;}

.top{ height: 65px;}
.top h4{ color: #666; font-size: 14px; line-height: 1; margin-top: 25px;}
.top div.fr{ margin-top: 23px;} 
.top a img{ display: inline-block; padding-right: 10px; vertical-align: middle;}
.top a{ color: #666; font-size: 14px; display: inline-block; padding:0 10px; line-height: 1; }
.top a b{ color: #035cac; font-size: 20px; font-family: arial;}
.weixin-pop{ background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 333; display: none;}
.weixin-pop img{ position: fixed; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px;  display: block; transition: all 0.7s;}
.weixin-pop .close{ font-size: 24px; font-weight: bold; color: #fff; position: fixed; left: 56%; top: 35%; cursor: pointer;}
.top.on{ top: -65px;}

.nav{ background: #035cac; height: 100px;  position: fixed; top: 65px; left: 0; width: 100%; z-index: 3333;}
.nav .logo{ display: block; float: left; width:300px; margin-top: 20px; transition: all 0.7s;}
.navbar{ float: right; margin-right: -30px; margin-top: 30px;  transition: all 0.7s;}
.navbar li{ float: left; padding:0 30px;   }
.navbar li a{ display: block; height: 45px; line-height: 45px; overflow: hidden; font-size: 16px; color: #fff; 
position: relative; width: 64px;}
.navbar li b{ display: block; height: 45px; transition: all 0.37s; position: absolute; top: 0; left: 0;}
.navbar li span{ display: block; text-transform: uppercase; font-size:14px; color: #fff; transition: all 0.37s; top: 45px; height: 45px; left: 0;
position: absolute;}
.navbar li:hover b{ top: -45px;}
.navbar li:hover span{ top: 0;}
.nav.on{ animation-duration: 1s; animation-fill-mode: both; animation-name: down; top: 0; height: 70px;}
.nav.on .logo{ height: 35px;   margin-top: 5px;}
.nav.on .logo img{width:300px;}
.nav.on .navbar{ margin-top: 10px;}

.banner { position: relative; overflow: hidden;  margin-top: 100px; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
/*.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease;
 -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
*/
.banner .bannerfix >li img{width:100%;height:auto; display:block; margin:0 auto;} 

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}

.about{ background: #f4f4f4;}
.about .tab-nav-wrap{ box-shadow: 0 0 5px 5px #eee; background: #fff; height: 80px;}
.about .tab li{ display: block; float: left; width: 12.5%; color: #555; font-size: 18px; line-height: 80px; cursor: pointer; position: relative;
text-align: center;}
.about .tab li i{ display:inline-block; background: url(../images/i1.png) no-repeat top center; width: 20px; height: 20px; vertical-align: middle;
padding-right: 18px; transition: all 0.7s;}
.about .tab li.on:nth-child(2) i{ background-image: url(../images/i1.png);}
.about .tab li.on:nth-child(3) i{ background-image: url(../images/i3.png);}
.about .tab li.on:nth-child(4) i{ background-image: url(../images/i4.png);}
.about .tab li.on:nth-child(5) i{ background-image: url(../images/i5.png);}
.about .tab li.on{ background: #035CAC;}
.about .tab li b{ position: absolute; display: block; content: ; width:0px; height: 0px; border:10px solid #035CAC;
 border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent;
 bottom: -10px; left: 50%; margin-left: 5px; transition: all 0.5s; visibility: hidden;}
.about .tab li.on i{ background-position: bottom center; }
.about .tab li.on b{  bottom: -20px;  visibility: visible; z-index: 233;}
.about .tab li.on { color: #fff;}
.about-cont{ height: 550px; background: url(../images/bg2.png) no-repeat bottom center; position: relative;}
.tab-cont h1{ font-size: 28px; color: #035CAC; padding:60px 0; }
.tab-cont p{ color: #666; font-size: 16px; line-height: 36px; width:520px;}
.tab-cont a.more{  font-size: 16px; color: #035CAC; transition: all 0.36s; padding:80px 0; display: block;}
.tab-cont a.more img{ display: inline-block; vertical-align: middle; padding-left: 10px;}
.tab-cont a.more:hover{ transform: translateX(10px); }
.tab-cont h4 a{ display: inline-block; width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #000;
background: #fff; margin-right: 20px; position: relative; z-index: 2; transition: all 0.36s;}
.tab-cont .box{ display: none;}
.tab-cont .box.on{ display: block;}
.tab-cont h4 a::before{ display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
 transform: scale(1,0); transition: all 0.7s; z-index: -1;}
.tab-cont h4 a:hover::before{ transform: scale(1); background: #035CAC;}
.tab-cont h4 a:hover{color: #fff;}
.about-cont .img-ding{top: 90px; right: 140px; position: absolute;}
.about-cont .red{ width: 78px; height: 84px; background: #f3ddde; display: block; position: absolute; right: 50px; bottom: 225px; 
 animation-duration: 0.36s; animation-iteration-count: infinite; animation-name: color1; animation-direction: alternate;}
.about-cont .blue{ width: 50px; height: 50px; background: #dbe5ed; position: absolute; display: block;  bottom: 175px; right: 0;
animation-duration: 0.36s; animation-iteration-count: infinite; animation-name: color; animation-direction: alternate;}


.case{ padding-top: 60px; background: url(../images/bg.jpg) no-repeat bottom center; padding-bottom:90px ;}
.title{  padding-bottom: 45px;}
.title h2{ font-size: 28px; color: #000; }
.title p{ font-size: 16px; color: #666; padding:25px 0;}
.title h5{ display: block; width: 120px; height: 1px; background: #666;}
.title .more{ display: block; width: 210px; height: 50px; text-align: center; color: #333; font-size: 16px; line-height: 50px; background: #eee;
margin-top: 20px;}
.case-left{ width: 790px;}
.case-left figure{ float: left; width: 372px; height: 251px; overflow: hidden;}
.case-left figure img{ display: block; width: 372px; height: 251px; overflow: hidden; transition: all 0.36s;}
.case-left:hover img{ transform: scale(1.1);}
.case-left figcaption{ float: right; width: 395px;}
.case-left figcaption h5{ font-size: 14px; font-family: arial;  color: #035CAC;}
.case-left figcaption h1{ font-size: 24px; color: #000; padding:20px 0 20px 0;}
.case-left figcaption p{ font-size: 14px; color: #666; line-height: 30px;}
.case-left figcaption .more{ display: block;  width: 138px; height: 34px; line-height: 34px; text-align: center; background: #035CAC;
color: #fff; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 40px;
position: relative; z-index: 3;}
.case-right{ width: 400px;}
.case-left figcaption .more::before{ display: block; content:'' ;  position: absolute;  left: 0;
right: 0; bottom: 0; top: 0; transform: scale(1,0); transition: all 0.36s;}
.case-left figcaption .more:hover::before{ transform: scale(1); z-index: -1; background: #000000;}
.case-right li a{ display: block; font-size: 14px; color: #666; margin-bottom: 25px; line-height: 1; position: relative; padding-left: 20px;
transition: all 0.7s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.case-right li a::before{ display: block; position: absolute; content:'';  width: 5px; height: 5px; background: #666; border-radius: 100%;
left:0; top: 50%; margin-top: -2px; }
.case-right li:hover a{ color: #035CAC;}

.team{ background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;}

.team .cont{ position:relative;}
.team ul{ margin-right: -34px;}
/* .team .piclist li{ float: left; width: 390px; margin-right: 34px; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); position: relative; height: 500px; overflow: hidden;} */

/* .team figure,.team figure img{ display: block; width: 390px; height: 355px; overflow: hidden; transition: all 0.36s;} */
/* .team .piclist li:hover figure img{ transform: scale(1.1);} */

.team figcaption{ background: #fff; padding:20px;  transition: all 0.7s; height: 110px; position: absolute; bottom: 0; }
.team figcaption h1{ display: block; overflow: hidden; clear: both;}
.team figcaption h1 strong{ font-weight: bold; font-size: 24px; color: #000; float: left; line-height: 1;}
.team figcaption h1 span{ color: #000; font-size: 14px; float: right; line-height: 1;}
.team figcaption p{  color: #666; font-size: 14px; line-height: 30px; margin-top: 25px; height: 60px; overflow: hidden;}
.team figcaption h2{ border-top: 1px solid #f5f5f5; text-align: center; font-size: 16px;  padding:10px 0; margin-top: 30px; background: #035CAC;
color: #fff;}
.team .piclist li:hover figcaption{ height: 210px;}
.team .prev{ left: -60px; top: 45%; position: absolute; cursor: pointer;}
.team .next{ right: -50px; top: 45%; position: absolute; cursor: pointer;}
 
.team .piclist li{ float: left; width: 280px; margin-right: 34px; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); position: relative; height: 500px; overflow: hidden;}
.team figure,.team figure img{ display: block; width: 280px; height: 355px; overflow: hidden; transition: all 0.36s;}
 
.news{ padding:60px 0;}
.news-left{ width: 470px;}
.news-right{ width: 715px;}
.news-left figure,.news-left figure img{ display: block;  width: 470px; height: 300px; overflow: hidden; transition: all 0.7s; position: relative;}
.news-left .time strong{ display: block; font-size: 24px; font-weight: bold; color: #fff; font-family: arial; text-align: center;
line-height: 1; padding:20px 0 10px 0;}
.news-left .time span{display: block; font-size: 16px; color: #fff; font-family: arial; text-align: center; }
.news-left .time{ background: #035CAC; position: absolute; left: 0; top: 0; width: 84px; height: 84px;}
.news-left figcaption h3{  font-size: 16px; color: #000; padding:30px 0; line-height: 1;}
.news-left figcaption p{  line-height: 30px; color: #666; font-size: 14px;}
.news-left .more{ display: block; width: 150px; height: 40px; text-align: center; color: #fff; font-size: 16px;
 line-height: 40px; background: #035CAC;margin-top: 30px; position: relative; z-index: 1;}
.news-left .more::before{ position: absolute; left: 0; right: 0; width: 0; bottom: 0; top:0; content: ''; display: block;
transition: all 0.7s; z-index: -1;  transform: scale(1,0); width: 100%; height: 100%;}
.news-left .more:hover::before{ transform: scale(1);  background: #000;}

.news-right  h1 span{  font-size: 20px; color: #035CAC; font-family: arial; display: inline-block;}
.news-right h1 strong{ font-size: 16px; color: #000; padding-left: 20px; display: inline-block;} 
.news-right p{ color: #666; font-size: 14px; line-height: 30px; padding:30px 0; }
.news-right li{ border-bottom: 1px solid #F5F5F5; padding-top: 23px; position: relative; z-index: 2;}
.news-right li::before{ position: absolute; left: 0; right: 0; width: 0;bottom: 0; content: ''; display: block;
transition: all 0.7s; z-index: -1; height: 1px;}
.news-right li:hover::before{ width: 100%; background: #035CAC; } 
.news-right li:hover h1 strong{ color: #035CAC;}

.map{ display: block; width: 100%; height: 260px; overflow: hidden; position: relative;}
#dituContent{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:1;}
.map .w1240{ position: relative;  height: 260px;}
.map ul{ position: absolute; bottom: 68px; left: 0; z-index: 33;}
.map ul li{ float: left; background:#1d1d1d; height: 110px; width: 310px; padding:30px 50px;}
.map ul li:first-child{ background: #000; position: relative;}
.map ul li h1{ color: #fff; font-size: 16px;}
.map ul li h2{ display: block; width: 26px; height: 2px; background: #fff; margin:15px 0;}
.map ul li p{ color: #aaa; font-size: 14px;}
.map ul li:first-child b{ position: absolute; display: block; content: ; width:0px; height: 0px; border:10px solid #000;
 border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;
top: -20px; left: 50%; margin-left: 5px; transition: all 0.5s;  z-index: 33;}

.BMap_Marker{ background: url(../images/map-icon.png) no-repeat center; width: 35px !important; height: 44px !important; display: block;}


.footer{ background: #222222; padding:60px 0 0 0;}
.footer .w1240{padding-right: -80px;}
.footer dl{ float: left; margin-right: 80px;}
.footer dl.code{ margin: 0 100px 0 100px;}
.footer dt{ color: #fff; font-size: 14px; padding-bottom: 40px;}
.footer dd p a{ display: block; font-size: 14px; color: #999; margin-bottom: 20px; line-height: 1; transition: all 0.36s;}
.footer dd p a:hover{ color: #035CAC;}
.footer dl div{ float: left ; padding-right: 35px;}
.footer dl div img{ display: block; margin:auto; }
.footer dl div h3{text-align: center; color: #fff; font-size: 14px; color: #aaa; padding-top: 23px}
.footer dl h1{font-size: 32px; font-family: arial; color: #035cac;}
.footer dl h3{ font-size: 12px; color: #999; margin:15px 0 30px 0; }
.footer dl h4{font-size: 14px; color: #999;  }
.footer dl h4 img{display: inline-block; padding-right: 10px; vertical-align: middle;}
.footer .zixun{ display: block; width: 150px; height: 32px; text-align: center; color: #fff; font-size: 14px;
 line-height: 32px; background: #035CAC;margin-top: 30px; position: relative; z-index: 1;}
.footer .zixun::before{ position: absolute; left: 0; right: 0; width: 0; bottom: 0; top:0; content: ''; display: block;
transition: all 0.7s;  z-index: -1;  transform: scale(1,0); width: 100%; height: 100%;}
.footer .zixun:hover::before{ background: #F4F4F4; transform: scale(1);}
.footer .zixun:hover{ color: #000;}
.copyright{ border-top: 1px solid #434343; padding:30px 0; line-height: 1; font-size: 14px; color: #999; margin-top: 10px;}


.neibanner{ padding-top: 100px; width: 100%; overflow: hidden; }
.neibanner img{width:100%; height:auto;}
.bread-crumb{ box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2);; background: #fff; padding:25px 0;}
.bread-crumb div.fl a{ display: inline-block; font-size: 16px; color: #333; margin-right: 30px; transition: all 0.36s;}
.bread-crumb div.fl a.on i,.bread-crumb div.fl a:hover{ border-color:#035CAC;}
.bread-crumb div.fl a.on,.bread-crumb div.fl a:hover{ color: #035CAC;}
.bread-crumb div.fl a i{ display: inline-block; height: 8px; width: 8px; border:2px solid #9a9a9a; border-radius: 100%; margin:0 10px 0 0;}
.bread-crumb div.fr a{ display:block; font-size: 16px; color: #666;}
.bread-crumb div.fr a img{ display: inline-block; margin-right: 10px;}

.newspage .xwzx{ width:100%; margin-top: 40px; }
.newspage .xwzx dl{  margin-bottom:30px; border:1px #e0e0e0 solid; padding:10px; transition: all 1s;}
.newspage .xwzx dl dt{ display:block; width:300px; float:left; overflow:hidden; height: 190px;}
.newspage .xwzx dl dt img{ width:100%; height:190px; transition-duration: 0.5s;}
.newspage .xwzx dl:hover dt img{transform:scale(1.2);}
.newspage .xwzx dl dd{ width:900px; float:left; overflow:hidden; display:block;  position:relative; padding-left: 15px;}
.newspage .xwzx dl dd h2{ font-size:18px; line-height:30px; overflow:hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
font-weight: bold;}
.newspage .xwzx dl dd p{ color:#555; font-size:14px; line-height:36px; margin-top:5px;  overflow:hidden;}
.newspage .xwzx dl dd h3{ color:#555; font-size:14px; line-height:26px; overflow:hidden;
background: url(../images/time.png) no-repeat left center; padding-left: 20px;}
.newspage .xwzx dl:hover dd h2{ color:#035CAC;}
.newspage .xwzx dl:hover{ box-shadow:2px 2px 5px #eee;  }


.fenye{ text-align: center; padding-top: 30px;  }
.fenye a{ display: inline-block; width: 60px; height: 40px; border:1px solid #eee; background: #fff;
color: #555; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye span{width: 60px; height: 40px; border:1px solid #eee;background: #035CAC; color: #fff; cursor: pointer;padding:5px;
 line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye span:hover,.fenye span.on{ background: #035CAC; color: #fff; cursor: pointer; }


.casepage .team{ background: none !important; padding-bottom: 0;}
.casepage .team li{ margin-bottom: 34px; overflow: hidden;}
.casepage .team li{ float: left; width: 280px; margin-right: 34px; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); position: relative; height: 400px; overflow: hidden;}

.casepage .team figcaption{ overflow: hidden; width:240px; right: 0; left: 0;}
.casepage .team figcaption h1 strong{ display: block; float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
font-size: 18px; line-height: 30px; }
.casepage .team figcaption p{ margin-top: 20px;}
.casepage  .fenye{ margin-bottom: 60px; margin-top: 10px;}

.toubu{ width:100%; height:39px; line-height:39px; border-bottom:1px #e0e0e0 solid;}
.toubu h2{ display:block; border-bottom:2px #035CAC solid; float:left; font-size:16px;}
.neirong{ width:100%; overflow:hidden; padding:20px 0 40px;}
.neirong li a{ display:block; line-height:36px; overflow:hidden; color:#333; font-size:14px; transition: all 0.36s;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.neirong li a:hover{ color:#035CAC; }

.detailspage { padding-bottom: 40px;}
.detailspage .right{ width:290px; float:right; overflow:hidden; padding-top: 40px;}
.detailspage .left{width:870px ; float: left; }
.de-tit{ padding:40px 0  20px 0;  }
.de-tit h1{ font-size: 20px; color: #333; text-align: center; padding:15px 0; font-weight: bold; }

.de-tit p{ text-align: center; border-bottom:1px solid #f5f5f5; padding:0 0 20px 0; } 
.de-tit p span{ display: inline-block; margin:0 15px; font-size: 14px; color: #888;  }
.de-cont { line-height: 38px; font-size: 14px; color: #333;  }
.de-cont p{ line-height: 38px; font-size: 14px; color: #333;  }.de-cont img{max-width:100%; margin:0 auto; display:block;}

.fenpian{ padding:30px 0;  border-top: 1px solid #f6f6f6; margin-top: 40px;}
.fenpian>div{ padding:15x 0; }
.fenpian span{ display: block; font-size: 14px; color: #222; float: left;  vertical-align: middle; line-height: 30px; }
.fenpian p a{ font-size: 14px; color: #555; float: left; display: block; line-height: 30px; }
.fenpian a:hover{ color: #035CAC; }
.de-img{ text-align: center; padding:20px 0; }
.de-img img{ display: block; margin: auto; max-width: 100%; }
.fenpian .fanhui{ display: block; float: right; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #035CAC; border-radius: 10px;
  color: #fff; cursor: pointer;}

/**/
.online{ padding:20px 40px; background:#fff; overflow:hidden; position:relative; }
.online h1{ font-size:40px; line-height:50px; font-weight:bold; text-align:center; font-family:Arial;}
.online h2{ text-align:center; font-size:16px; padding-bottom:40px; overflow:hidden;}
.online .zxly{ width:550px; overflow:hidden;}
.online .zxly li{ overflow:hidden; margin-top:15px;}
.online .zxly li:nth-child(1){ margin:0;}
.online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:480px; background:#f8f8f8; border:none;}
.online .xxnr{ width:550px; overflow:hidden;}
.online .xxnr textarea{ padding:10px; overflow:hidden; background:#f8f8f8; width:530px; height:325px; border:none; outline:none;}
.online .ljtj{ width:100%; overflow:hidden; padding-top:15px;}
.online .ljtj input.sub{ background:#373636; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}


.footer-link { padding:20px 0 10px 0;}

.footer-link h3.fl{ color: #fff; font-size: 14px; line-height:30px;}

.footer-link p b{ color: #fff; line-height:30px;display: inline-block; color: #fff; opacity: 0.3;}

.footer-link p a{ display: inline-block;line-height:30px; color: #fff; opacity: 0.6; margin: 0 15px;}

@keyframes  color{
	from{ background: #f3ddde;}
	to{ background: #DBE5ED;}
}
@keyframes  color1{
	from{ background: #DBE5ED;}
	to{ background: #f3ddde;}
}


@keyframes  down{
	from{ transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}