@charset "utf-8";
.wrapper{
  min-width:1200px;
  max-width:1920px;
  margin:auto;
  position: relative;
  padding-top: 149px;
  background-color: #dde9f1;
}
#index .wrapper{
  padding-top: 0;
}
#header,#among,#footer,.width{
  max-width:1200px;
  margin:auto;
}
#among{
  margin-top: 40px;
  margin-bottom: 40px;
}
.header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  z-index: 999;
  background: rgba(255,255,255,.8);
}
.header1{
  position: absolute;
  top: 105px;
  left: 0;
  width: 100%;
  z-index: 998;
  background: #2eafe9;
}
#header .logo{
  float:left;
  min-width:20px;
}
#header .logo a{
  display:block;
}
#header .logo a img{
  margin-left:0;
}
#header form{
  display: block;
  float: left;
  font-size: 0;
  letter-spacing: -1px;
  overflow:hidden;
  border-radius:9px;
  border:1px solid #e5e5e5;
}
#header form input{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  height: 24px;
  border: 0;
}
#header form input[type='text']{
  padding:0 10px;
  width:214px;
  background:none;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header form input[type='submit']{
  width: 38px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/s.png) center center no-repeat;
}
#header .fl-right p{
  margin:39px 0 0;
  line-height:28px;
  font-size:12px;
}
#header .fl-right ul{
  position:relative;
  float:left;
}
#header .fl-right ul span{
  display:block;
  padding:0 0 0 31px;
  margin-left:10px;
  line-height: 26px;
  background:url(../images/wx.png) no-repeat;
}
#header .fl-right ul li{
  position:absolute;
  display:none;
  left:-30px;
  width:170px;
  top:100%;
  margin-top:12px;
  border-radius:6px;
  padding:18px 0 4px;
  background:rgba(23,23,23,.57);
}
#header .fl-right ul:hover li{
  display:block;
}
#header .fl-right ul li img{
  width:82px;
  height:82px;
  background:white;
  padding:4px;
  border:1px solid #f0f0f0;
}
#header .fl-right ul li font{
  display:block;
  text-align:center;
  color:white;
  font-size:12px;
  line-height:3;
}
#header .menu{
  float:left;
  position:relative;
  z-index:999;
  width: calc(100% / 10);
}
#header .menu > a{
  display:block;
  font-size:15px;
  line-height: 44px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
#header .menu:hover > a{
  color:yellow;
}
#header .menu p{
  display:none;
  position:absolute;
  min-width:100%;
  margin: 0;
  background:rgba(255,255,255,.8);
  overflow:hidden;
  box-shadow:0 0 5px #dbdbdb;
}
#header .menu:hover p{
  display:block;
}
#header .menu p a{
  display:block;
  text-align:center;
  color:#363636;
}
#header .menu p a:hover{
  color:#FFF;
  background:#2eafe9;
}
#header .menu p.nav a{
  white-space:nowrap;
  text-align:left;
  padding:0 20px;
}
.footer{
  background:#565656;
}
.footer1{
  background:#3c3c3c;
}
#footer *{
  color:white;
  font-size: 13px;
  line-height:24px;
}
#footer a:hover{
  color:yellow;
}
#footer .menu{
  text-align: center;
  font-size: 0;
  letter-spacing: -1px;
  border-bottom: 1px solid #7e7e7e;
}
#footer .menu a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 14px;
  padding: 0 8px;
  margin: 32px 45px 17px 0;
}
#footer .menu a:first-child{
  margin-left: 0;
}
#footer .logo{
  float: left;
  margin: 35px 0;
}
#footer .contact{
  float: left;
  width: 330px;
  margin:32px 0 32px 95px;
}
#footer .contact > p{
  margin:0;
  font-size:16px;
  line-height:2;
}
#footer .contact > .nr,
#footer .contact > .nr *{
  font-size:12px;
}
#footer .ewm{
  float: right;
  margin: 23px 0;
}
#footer .ewm img{
  width: 101px;
  height: 101px;
  border: 5px solid white;
}
#footer .bdsharebuttonbox{
  height: 34px;
  overflow:hidden;
  margin:60px 0 60px 160px;
  float: left;
}
#footer .bdsharebuttonbox a{
  margin-top:4px;
}







#footer .bdsharebuttonbox a.text{
  margin-top:0;
  padding:0;
  line-height:24px;
  background:none;
}
#footer .copyright{
  text-align: center;
  margin: 8px 0;
}
/* Banner图片样式开始 ============================================== */
#banner{
  display:block;
  width:100%;
  overflow:hidden;
  background:center top no-repeat;
}
#banner img{
  display:block;
  margin: 0 auto;
  filter:alpha(opacity=0);
  opacity:0;
}
#mainBox{
  position:relative;
}
#mainBox .bd{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  overflow:hidden;
}
#mainBox .bd,
#mainBox .bd ul,
#mainBox .bd ul li,
#mainBox .bd ul li a{
  height:100%;
}
#mainBox .bd li{
  overflow:hidden;
  text-align:center;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
}
#mainBox .bd li a{
  display:block;
}
#mainBox .hd{
  width:100%;
  position:absolute;
  z-index:1;
  bottom:10px;
  left:0;
  height:20px;
}
#mainBox .hd ul{
  text-align:center;
}
#mainBox .hd ul li{
  cursor:pointer;
  display:inline-block;
  vertical-align:top;
  width:12px;
  height:12px;
  margin:0 5px;
  overflow:hidden;
  background:#999;
  line-height:999px;
  border-radius:10px;
}
#mainBox .hd ul .on{
  background:#e76400;
}
#mainBox .prev, 
#mainBox .next{
  display:none;
  position:absolute;
  z-index:1;
  top:50%;
  margin-top:-40px;
  left:20px;
  width:40px;
  height:80px;
  background:url(http://images02.cdn86.net/kps01/M00/16/19/wKiAiVin6DDlORweAAALjO1gjoI316.png) -140px 5px no-repeat;
  cursor:pointer;
  filter:alpha(opacity=50);
  opacity:0.5;
}
#mainBox .next{
  left:auto;
  right:20px;
  background-position:-6px 5px;
}
#mainBox .img{
  width:100%;
  overflow:hidden;
}
#mainBox .img img{
  filter:alpha(opacity=0);
  opacity:0;
}
/* Banner图片样式结束 ============================================== */
#news-pro-tn{
  text-align:center;
  margin:0 0 5px;
  font-size:18px;
  font-weight: normal;
  line-height: 1.7;
}
#detailed .bigimg{
  text-align:center;
  margin-bottom:18px;
}
#detailed .bigimg ul{
  position:relative;
  display:inline-block;
  vertical-align: top;
  max-width:100%;
  min-width:100px;
}
#detailed .bigimg ul li{
  border: 1px solid #eee;
}
#detailed .bigimg ul li img{
  width:100%;
  min-width:200px;
}
#detailed .bigimg ul > a{
  display:block;
  position:absolute;
  top:50%;
  margin-top:-32px;
  opacity:0;
  transition:all .5s;
}
#detailed .bigimg ul:hover > a{
  opacity:1;
}
#detailed .bigimg ul > li:first-child+a{
  left:10px;
}
#detailed .bigimg ul > li:first-child+a+a{
  right:10px;
}
#detailed .bigimg ul > a img{
  display:block;
}
#aside{
  float:left;
  width:256px;
}
#aside h2{
  background: #22a0d9;
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  width: 256px;
}
#aside h2 span{
  display: block;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #FFF;
}
#aside h2 font{
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFF;
  line-height:1.8;
  text-align: center;
  font-weight:normal;
}
#aside h2 i{
  display: block;
  width: 41px;
  height: 3px;
  background: #FFF;
  margin: 6px auto 0;
}
#aside .list{
  margin-bottom: 9px;
}
#aside .list li{
  margin-top:7px;
}
#aside .list li a{
  line-height:20px;
  display:block;
  font-size:14px;
  padding:18px 12px 18px 68px;
  background:#ededed url(../images/arrow.png) 43px 23px no-repeat;
}
#aside .list li.hover a,
#aside .list li:hover a{
  background-color:#2eafe9;
  color:white;
  background-image:url(../images/arrow1.png);
}
#right{
  float:right;
  width:915px;
}
#location,#location *{
  font-size: 0;
}
#location b{
  display: block;
  font-size: 28px;
  color: #1b1b1b;
}
.content{
  margin:10px auto 0 auto;
  min-height:450px;
}
.content > p:first-child{
  margin-top:0;
}
.content > p:last-child{
  margin-bottom:0;
}
#listPro a{
  display: block;
  background: #f4f4f4;


  margin-top: 28px;
  height: 244px;
  overflow: hidden;
}
#listPro a:nth-child(1){
  margin-top:0;
}
#listPro a img{
  display: block;
  width: 506px;
  height: 100%;
  float: left;
}
#listPro a div{


  float: left;
  width: 359px;
  margin-left: 23px;
}
#listPro a div ul{
  width: 359px;
  height:244px;
  vertical-align: middle;
  display: table-cell;
}
#listPro a div ul h1{
  font-size: 16px;
  margin-bottom: 8px;
}
#listPro a div ul:hover h1{
  color:#22a0d9;
}
#listPro a div ul li{
  font-size: 14px;
  line-height: 20px;
  max-height: 100px;
}
#listShare a{
  float:left;
  display: block;
  width:31%;
  margin:16px 0 0 3.5%;
}
#listShare a:nth-child(-n+3){
  margin-top:0;
}
#listShare a:nth-child(3n+1){
  clear:both;
  margin-left:0;
}
#listShare a li{
  border:1px solid #EEE;
}
#listShare a li img{
  width:100%;
}
#listShare a span{
  display:block;
  margin-top:12px;
  text-align:center;
  line-height:1.4;
}
.type-name{
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 35px;
}
.type-name h1{
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  color:#CCC;
  letter-spacing:2px;
  font-family:'微软雅黑';
  line-height:1.8;
}
.type-name h2{
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 18px;
  color:#0081d3;
  padding:0 20px;
  font-weight:normal;
  font-family: '幼圆';
  line-height:22px;
  letter-spacing:1px;
}
.type-name h2 ol.left{
  right: 100%;
  border-right: 1px solid #e6e6e6;
}
.type-name h2 ol.right{
  left: 100%;
  border-left: 1px solid #e6e6e6;
}
.type-name h2 ol{
  display: block;
  position: absolute;
  top:0;
  width:999999px;
  height: 22px;
}
.type-name h2 ol i{
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width:100%;
  background: #e6e6e6;
}
.about .fl-left{
  width: 602px;
  height: 234px;
  background: #f8f8f8;
  overflow: hidden;
  margin-top: 15px;
  box-shadow:5px 5px 10px #f1f1f1;
}
.about .fl-left > img{
  float: left;
  width: 346px;
  height: 100%;
}
.about .fl-left > div{
  float:left;
  width:226px;
  margin:28px 0 0 17px;
}
.about .fl-left > div > h1{
  font-weight:normal;
  font-size:20px;
  color:#343434;
  line-height:1.4;
}
.about .fl-left > div > h2{
  font-weight:normal;
  font-size:16px;
  color:#a4a4a4;
  line-height:1.4;
  padding-bottom:15px;
  text-transform:uppercase;
  border-bottom:1px solid #e2e2e2;
}
.about .fl-left > div > .nr{
  height:80px;
  overflow:hidden;
  margin-top:10px;
}
.about .fl-left > div > .nr,
.about .fl-left > div > .nr *{
  font-size:12px;
  line-height:20px;
}
.about .fl-left > div > a{
  display:block;
  float:right;
  font-size:12px;
  color:#0988d5;
  margin-top:12px;
}
.about .fl-left > div > a:hover{
  text-decoration: underline;
}
.about .fl-right{
  width: 578px;
  height: 234px;
  background: #f8f8f8;
  overflow: hidden;
  margin-top: 15px;
  font-size: 0;
  letter-spacing: -1px;
  text-align: center;
  box-shadow:5px 5px 10px #f1f1f1;
}
.about .fl-right a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 118px;
  line-height: 50px;
  margin:46px 0 0 54px;
}
.about .fl-right a:first-child{
  margin-left: 0;
}
.about .fl-right a b{
  display: block;
  width: 116px;
  height: 116px;
  border: 1px solid #dedede;
  border-radius: 100%;
  margin: 0 auto;
  text-align: center;
  background:center center no-repeat;
}
.about .fl-right a:nth-child(1) b{
  /*background-image: url(../images/img1.jpg);*/
  background-image: url(../images/img1.png);
}
.about .fl-right a:nth-child(2) b{
  /*background-image: url(../images/img2.jpg);*/
  background-image: url(../images/img2.png);
}
.about .fl-right a:nth-child(3) b{
  /*background-image: url(../images/img3.jpg);*/
  background-image: url(../images/img3.png);
}
.about .fl-right a:hover b{
  /*background-color: #0081d3;
  color: #0081d3;*/
}
.about .fl-right a:hover:nth-child(1) b{
  background-image: url(../images/img1.png);
}
.about .fl-right a:hover:nth-child(2) b{
  background-image: url(../images/img2.png);
}
.about .fl-right a:hover:nth-child(3) b{
  background-image: url(../images/img3.png);
}
.news{
  /*background: url(../images/bg.jpg) center top no-repeat;*/
  height: 690px;
  overflow: hidden;
  margin-top: 56px;
}
.news .fl-left{
  width: 714px;
  height: 404px;
  overflow: hidden;
  background: #000;
  margin-top: 120px;
}
.news .fl-right{
  width: 445px;
}
.news .fl-right > img{
  float: left;
  margin-top: 120px;
}
.news .fl-right > .more{
  display: block;
  float: right;
  padding-right: 25px;
  font-size: 14px;
  color: #008dd7;
  margin-top: 160px;
  background: url(../images/arrow.jpg) right no-repeat;
}
.news .fl-right > .list{
  clear: both;
  display:block;
  padding: 16px 155px 16px 0;
  border-top: 1px solid #a2e6fb;
  border-bottom: 1px solid #a2e6fb;
  position: relative;
  height: 99px;
  margin-bottom:12px;
}
.news .fl-right > .list h1{
  font-weight: normal;
  font-size: 15px;
  margin-top:8px;
}
.news .fl-right > .list:hover h1{
  color:inherit;
}
.news .fl-right > .list p{
  margin:5px 0 0;
  font-size: 12px;
  line-height: 16px;
  height: 48px;
  color: #6e6e6e;
  -webkit-line-clamp:3;
}
.news .fl-right > .list img{
  position: absolute;
  right: 0;
  top: 16px;
  width: 130px;
  height: 99px;
}
.news .fl-right > .list1{
  position:relative;
  font-size:12px;
  line-height:30px;
  color:#151515;
  padding:0 70px 0 15px;
}
.news .fl-right > .list1:hover{
  color:#008dd7;
}
.news .fl-right > .list1 span{
  position:absolute;
  right:0;
  top:0;
}
.news .fl-right > .list1:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:12px;
  width:6px;
  height:6px;
  border-radius:100%;
  background:#008dd7;
}
.business .list a{
  display: block;
  float: left;
  width: 185px;
  position: relative;
  height: 277px;
  overflow: hidden;
  margin:35px 0 40px 18px;
}
.business .list a:first-child{
  margin-left:0;
}
.business .list a img{
  width: 100%;
  height: 146px;
  margin-top: 95px;
}
.business .list a p{
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  padding:0 35px;
  overflow:hidden;
  height: 241px;
  font-size:14px;
  line-height:20px;
  text-align:center;
  letter-spacing:2px;
  background: url(../images/bg.png) center top no-repeat;
}
.business .list a p:before{
  content:'';
  display:block;
  width:73px;
  height:3px;
  background:#0081d3;
  margin:18px auto 16px;
}
.business .list a:hover p{
  background-image: url(../images/bg1.png);
}
.business .list a font{
  display: block;
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 3;
  text-transform:uppercase;
}
.business .list a:hover font{
  color: #05aafa;
}
.business .more{
  text-align:center;
  margin-bottom:80px;
}
.business .more a{
  display:inline-block;
  vertical-align:top;
  color:white;
  font-size:16px;
  line-height:2.8;
  background:#05aafa;
  border-radius:10px;
  padding:0 50px;
}
.list_news ul{
  background: #f8f8f8;
  margin-top: 20px;
  height:94px;
  overflow:hidden;
  position:relative;
}
.list_news ul:first-child{
  margin-top:0;
}
.list_news ul dd{
  position:absolute;
  left:0;
  top:0;
  width:103px;
  height:94px;
  overflow:hidden;
  color: #22a0d9;
  display:block;
}
.list_news ul dd b{
  display:block;
  text-align:center;
  font-size:44px;
  line-height:50px;
  margin-top:13px;
}
.list_news ul dd span{
  display:block;
  text-align:center;
  font-size:13px;
  line-height:20px;
}
.list_news ul li{
  margin:0 12px 0 103px;
}
.list_news ul li a{
  font-size:14px;
  font-weight:bold;
  padding-top:6px;
}
.list_news ul li p{
  margin: 0;
  color:#707070;
  height:44px;
  font-size:13px;
  line-height:22px;
  margin-top:2px;
  -webkit-line-clamp:2;/*控制行数，超出用...省略*/
}
.floatBox{
  position:fixed;
  z-index:1000;
  right:0;
  top:50%;
  width:70px;
  background:#2eafe9;
  margin-top:-105px;
  border-radius:5px 0 0 5px;
}
.floatBox > ul{
  position:relative;
}
.floatBox > ul > li{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:70px;
  height:54px;
}
.floatBox > ul > li .top{
  cursor: pointer;
}
.floatBox > ul p{
  display:none;
  position:absolute;
  right:100%;
  top:0;
  margin:0;
  width:120px;
  background:#2eafe9;
  border:1px solid #EEE;
  border-radius:5px;
  padding:10px 20px 20px;
}
.floatBox > ul p span{
  display:block;
  color:white;
  font-size:16px;
}
.floatBox > ul p font,
.floatBox > ul p a{
  display:block;
  color:white;
  font-size:14px;
  line-height:18px;
  margin-top:9px;
}
.floatBox > ul p img{
  display:block;
  width:100%;
  border:5px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.floatBox > ul:hover p{
  display:block;
}
.floatBox > i{
  display:block;
  width: 54px;
  margin:0 auto;
  border-bottom:1px dashed #abdff6;
}
.list_news1 ul{
  height:205px;
  position:relative;
  overflow:hidden;
  margin-top:30px;
}
.list_news1 ul:first-child{
  margin-top:0;
}
.list_news1 ul img{
  width:280px;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:#f1f1f1;
}
.list_news1 ul li{
  margin-left:310px;
}
.list_news1 ul li a{
  font-size:16px;
  font-weight:bold;
}
.list_news1 ul li p{
  margin:5px 0 0;
  font-size:14px;
  color:#666;
  height:120px;
  line-height:24px;
}