.base-ban{
  width: 100%;
  overflow: hidden;
  padding-top: 96px;
}
.base-ban img{
  display: block;
  width: 100%;
}
.base-box{
  width: 1200px;
  margin: 40px auto 80px;
}
.base-box .left{
  width: 260px;
}
.base-box .left .list{
  width: 100%;
  background-color: #f8f8f8;
  margin-bottom: 25px;
}
.base-box .left .list .max-tit{
  width: 230px;
  background: url(../image/img14.jpg) center no-repeat;
  height: 50px;
  padding: 25px 0 25px 30px;
}
.base-box .left .list .max-tit .title{
  font-size: 24px;
  color: #ffffff;
  line-height: 1;
  padding:0 0 12px 12px;
  border-left: 5px solid #d1e1f2;
}
.base-box .left .list .max-tit .en{
  font-size: 14px;
  color: #d1ebff;
  line-height: 1;
  text-transform: uppercase;
  padding-left: 12px;
  border-left: 5px solid #d1e1f2;
}
.base-box .left .list .mlist a{
  display: block;
  width: 230px;
  padding-left: 30px;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ededed;
  font-size: 16px;
  color: #666666;
  background: url(../image/img17.1.png) 220px center no-repeat;
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.base-box .left .list .mlist a:hover,
.base-box .left .list .mlist a.on{
  color: #0f7ae8;
  background: url(../image/img17.png) 225px center no-repeat;
}
.base-box .left .list .mlist .mbox{display: none;}
.base-box .left .list .mlist .mbox a{
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 200px;
  padding-left: 60px;
  background: none;
  position: relative;
}
.base-box .left .list .mlist .mbox a:before{
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 48px;
  top: 50%;
   -webkit-transition: all 0.4s;
      transition: all 0.4s;
  margin-top: -2px;
  background-color: #ccc;
}
.base-box .left .list .mlist .mbox a:hover:before,
.base-box .left .list .mlist .mbox a.on:before{
  background-color: #1865e5
}

.base-box .left .list .bg{
  background: url(../image/img15.jpg) center no-repeat;
}
.base-box .left .list .mli a{
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 58px;
  border-top: 1px solid #ededed;
  font-size: 14px;
  color: #666666;
}
.base-box .left .list .mli a.tel{
  background: url(../image/img18.png) 30px center no-repeat;
}
.base-box .left .list .mli a.qq{
  background: url(../image/img19.png) 30px center no-repeat;
}
.base-box .left .list .mli a.clock{
  background: url(../image/img21.png) 30px center no-repeat;
}
.base-box .left .list .mli a.add{
  background: url(../image/img20.png) 34px center no-repeat;
  line-height: 1.4;
  padding: 15px 30px 15px 58px;
  height: auto;
}
.base-box .right{
  width: 900px;
}

body.on .base-box .left .list .max-tit .title,
body.on .about .title,
body.on .about .bot-box h3,
body.on .about .list li .box.odd h3, 
body.on .about .list li .box.even h3{
  font-size: 22px;
}
body.on .about .detaile h3{
  font-size: 21px;
}
body.on .base-box .left .list .mlist a,
body.on .base-box .right .bread a{
  font-size: 14px;
}


.base-box .right .bread{
  height: 56px;
  line-height: 56px;
  background-color: #f4f4f4;
  padding-left: 20px;
}
.base-box .right .bread a{
  display: inline-block;
  color: #333333;
  font-size: 16px;
  /* float: left; */
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.base-box .right .bread span{
  display: inline-block;
  float: left;
  width: 8px;
  margin: 0 15px;
}


.base-box .right .bread a.hom{
  padding-left: 28px;
  background: url(../image/img22.png) left center no-repeat;
}
.base-box .right .bread a:hover,
.base-box .right .bread a.on{
  color: #0058b9;
}
.base-box .right .bread a.hom:hover{
  background: url(../image/img22.1.png) left center no-repeat;
}
.base-box .right .contact{
  width: 100%;
  margin-top: 25px;
}
.base-box .right .contact .map{
  width: 100%;
  height: 310px;
}
.base-box .right .contact .map #allmap{
  width: 100%;
  height: 100%;
}
.anchorBL{display: none}
.base-box .right .contact .detaiel{
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  padding: 10px 0 20px;
}
.base-box .right .contact .list{
  width: 100%;
}
.base-box .right .contact .list li{
  float: left;
  width: 283px;
  height: 162px;
  border: 1px solid #dddddd;
  float: left;
  margin-right: 22px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  line-height: 1.4;
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.base-box .right .contact .list li.on{margin-right: 0}
.base-box .right .contact .list li img{
  max-width: 100%;
  margin: 35px 0 25px;
}
.base-box .right .contact .list li a{
  color: #666666;
}
.base-box .right .contact .list li:hover{
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.08)
}


body.on .base-box .right .contact .list li{
  font-size: 16px;
}


.base-box .right .message{
  width: 100%;
  margin:25px 0 0;
}
.base-box .message .form-top{
  width: 100%;
}
.base-box .message .form-top .form-inp{
  width: 615px;
}
.base-box .message .form-inp .inp{
  margin-bottom: 19px;
}
.base-box .message .form-inp .inp .mbox,
.base-box .message .form-inp .cont{
  width: 270px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #ddd;
  padding-left: 18px;
  font-size: 14px;
  color: #666;
}
.base-box .message .form-inp .inp label,
.base-box .message .form-inp .inp-list .mbox label,
.base-box .message .form-inp .cont label,
.base-box .message .form-bot .text label,
.base-box .message .form-bot .btns .mbox label{
  display: inline-block;
  float: left;
  width: auto;
  height: 38px;
  line-height: 38px;
  margin-right: 5px;
}
.base-box .message .form-inp .inp input,
.base-box .message .form-inp .inp select,
.base-box .message .form-inp .cont input{
  display: block;
  width: 170px;
  height: 38px;
  line-height: 38px;
  border: 0;
  padding: 0;
  float: left;
}
.base-box .message .form-inp .inp .mbox .tup{
  width: 35px;
  float: left;
  cursor: pointer;
  padding-left: 22px;
  background: url(../image/img34.png) left center/14px no-repeat;
}
.base-box .message .form-inp .inp .mbox .tup.on{
  background: url(../image/img35.png) left center/14px no-repeat;
}
.base-box .message .form-inp .inp .mbox .tup.cur{
  margin-left: 18px;
}

.base-box .message .form-inp .inp .mbox input{
  width: 110px;
  margin-left: 20px;
}

.base-box .message .form-inp .tip{
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin: 20px 0 7px;
}
.base-box .message .form-inp .inp-list .mbox{
  width: 170px;
  height: 38px;
  line-height: 38px;
  float: left;
  margin-right: 22.5px;
  border: 1px solid #ddd;
  padding-left: 18px;
  font-size: 14px;
  color: #666;
}
.base-box .message .form-inp .inp-list .mbox.on{
  margin-right: 0
}
.base-box .message .form-inp .inp-list .mbox select{
  display: block;
  width: 85px;
  height: 38px;
  line-height: 38px;
  border: 0;
  padding: 0;
  float: left;
}
.base-box .message .form-inp select{
  background: url(../image/img21.jpg) 95% center no-repeat;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.base-box .message .form-inp .cont{
  width:595px;
  margin-top: 19px ;
}
.base-box .message .form-inp .cont input{
  display: block;
  width: 500px;
}
.base-box .message .form-top .pic{
  width: 247px;
  height: 247px;
}
.base-box .message .form-top .pic img{
  display: block;
  width: 100%;
}
.base-box .message .form-bot{
  width: 100%;
}
.base-box .message .form-bot .text{
  width: 880px;
  border: 1px solid #ddd;
  margin-top: 19px;
  padding-left: 18px;
  font-size: 14px;
    color: #666;
}
.base-box .message .form-bot .text textarea{
  display: block;
  width: 820px;
  height: 180px;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  border: 0;
  padding: 8px 0;
}
.base-box .message .form-bot .btns{
  width: 100%;
  margin-top: 24px;
}
.base-box .message .form-bot .btns .mbox{
  display: block;
  width: 170px;
  border: 1px solid #ddd;
  padding-left: 18px;
  font-size: 14px;
  color:#666;
  height: 38px;
  line-height: 38px;
  float: left;
  margin-right: 150px;
  position: relative;
}
.base-box .message .form-bot .btns .mbox input{
  display: block;
  width: 90px;
  height: 38px;
  line-height: 38px;
  float: left;
  border: 0;
  font-size: 14px;
  color: #666;
  padding: 0;
}
.base-box .message .form-bot .btns img{
  display: block;
  height: 40px;
  float: left;
  cursor: pointer;
  margin: 0 13px;
  position: absolute;
  right: -150px;
  top: -1px;
}
.base-box .message .form-bot .btns .btn{
  display: block;
  height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  float: left;
  width: 178px;
  border: 1px solid #ddd;
    -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.base-box .message .form-bot .btns .btn:hover{
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
} 





.experment{
  width: 100%;
  overflow: hidden;
}
.experment ul{
  width: 921px;
  padding-bottom: 10px;
}
.experment ul li{
  width: 283px;
  float: left;
  position: relative;
  border: 1px solid #f7f7f8;
  margin: 30px 22px 0 0;
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1)
}
.experment ul li .pic{
  display: block;
  *display: inline;
  width: 100%;
  overflow: hidden;
}
.experment ul li .pic img,
.news li .pic img{
  
  width: 100%;
}
.news li .pic {
  height: 166px;
}
.news li .pic img{
  height: 100%;
}

.experment ul li:hover .pic img,
.news li:hover .pic img{
    transform:scale3d(1.08,1.08,1);
  -webkit-transform:scale3d(1.08,1.08,1);
}
.ani{
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.experment ul li .box{
  padding: 23px 20px;
}
.experment ul li .box .tit{
  font-size: 18px;
  color: #333;
  line-height: 1.6;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 8px;
}
.experment ul li .box .tit:before{
  display: block;
  width:25px ;
  height: 2px;
  background-color: #dddddd;
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
}
.experment ul li .box .detaile,
.news li .box .detaile,
.problem li .mbox .detaile{
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  overflow: hidden;
  height: 44px;
}
.problem li .mbox .detaile,
.news li .box .detaile{
  height: 55px;
  line-height: 2;
}

.experment ul li:hover{
  background-color: #1866e6;
}
.experment ul li:hover .box .detaile,
.experment ul li:hover .box .tit{
  color: #fff;
}
.experment ul li:hover .box .tit:before{
  background-color: #fff;
}
body.on .experment ul li .box .tit{
  font-size: 16px;
  padding-bottom: 8px;
}



.news{
  width: 100%;
  overflow: hidden;
}
.news li{
  width: 100%;
  margin-top:30px; 
}
.news li .pic{
  width: 250px;
  overflow: hidden;
}
.news li .box{
  width: 620px;
}
.news li .box .tit{
  font-size: 18px;
  color: #333;
  line-height: 1.6;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  float: left;
}
.news li .box .time{
  font-size: 14px;
  color: #999;
  line-height: 1.4;
 
     padding-top: 5px;
  float: right;
}
.news li .box .btn{
  display: block;
  width: 95px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #1866e6;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-right: 18px;
  border-radius: 30px;
  background:#1866e6 url(../image/img13.png) 85% center no-repeat;
  margin-top:13px;
}
.news li:hover .box .tit{
  color: #1866e6;
}
.news li:hover .box .btn{
  background-color: #fff;
  color: #1866e6;
  background: url(../image/img13.1.png) 85% center no-repeat;
}

body.on .news li .box .tit{
  font-size: 16px;
}



.invoice{
  width: 100%;
  margin-top: 30px;
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
}
.invoice img{
  max-width: 100%;
}
.invoice h3{
  font-size: 18px;
  color: #0058b9;
  line-height: 1.6;
  margin-top: 30px;
}
.invoice p{
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
}

body.on .invoice h3{
  font-size: 16px;
  margin-top: 25px;
}


.problem{
  width: 100%;
}
.problem li{
  margin-top:40px; 
  padding-bottom: 20px;
  border-bottom:1px solid #eee;
}
.problem li .time{
  width: 60px;
  text-align: center;
  font-family: 'arial';
}
.problem li .time .lamp{
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  background:#999999 url(../image/img24.png) center no-repeat;
}
.problem li .time .data{
  font-size: 18px;
  color: #666;
  line-height: 1.2;
}
.problem li .time .year{
  font-size: 14px;
  color: #999999;
  line-height: 1.4;
}
.problem li .mbox{
  width: 820px;
  padding-top: 4px;
}
.problem li .mbox .tit{
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  margin-bottom: 8px;
}
.problem li .mbox .tit .tt{
  max-width: 540px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.problem li .mbox .tit .win{
  color: #999;
  font-size: 14px;
  margin-left: 20px;
  padding-left: 25px;
  background: url(../image/img25.png) left center no-repeat;
}
.problem li:hover .time .lamp{
  background-color:#1866e6;
}
.problem li:hover .time .data,
.problem li:hover .time .year,
.problem li:hover .mbox .tit,
.problem li:hover .mbox .tit .win{
  color: #1866e6
}
.problem li:hover .mbox .tit .win{
  background: url(../image/img25.1.png) left center no-repeat;
}


body.on .problem li .mbox .tit .tt{
   font-size: 16px;
}


.project{
  padding-top: 25px;
  width: 100%;
  overflow: hidden;
}
.project ul{
  width: 940px;
}
.project li{
  width: 430px;
  float: left;
  margin:0 40px 50px 0;
  
}
.project li:hover{
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}
.project li .img,
.business li .img{
  width: 100%;
  display: block;
  
  overflow: hidden;
  position: relative;
}
.project li .img:before,
.project li .img:after,
.business li .img:before,
.business li .img:after{
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.project li .img:before,
.business li .img:before{
  z-index: 5;
  background-color: rgba(16,118,232,0.3);
}
.project li .img:after,
.business li .img:after{
  z-index: 6;
  background: url(../image/img10.png) center no-repeat;
}
.project li:hover .img:before,
.project li:hover .img:after,
.business li:hover .img:before,
.business li:hover .img:after{
  opacity: 1;
  filter: alpha(opacity=100);
}
.project li .img img,
.business li .img img{
  
  
  width: 100%;
}
.project li:hover .img img,
.business li:hover .img img{
  transform:scale3d(1.08,1.08,1);
  -webkit-transform:scale3d(1.08,1.08,1);
}
.project li .tit{
  height: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 18px;
  color: #666;
  border:1px solid #ddd;
  border-top: 0;
}
.project li:hover .tit,
.business li:hover .tit{
  color: #fff;
  border:1px solid #1076e8; 
  border-top: 0;
  background-color: #1076e8
}
 
body.on .project li .tit{
  font-size: 16px;
}




.business{
  width: 100%;
  overflow: hidden;
}
.business ul{
  width: 922px;
}
.business li{
  margin:27px 22px 0 0;
  width: 285px;
  float: left;
}
.business li .tit{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #666666;
  text-align: center;
  border:1px solid #ddd;
  border-top: 0
}



.process{
  width: 100%;
  padding-top: 65px;
  position: relative;
}
.process:before{
  display: block;
  width: 1px;
  height: 38px;
  position: absolute;
  left: 50%;
  top:34px;
  background-color: #e0e0e0;
  content: ''
}
.process li{
  position: relative;
  background:url(../image/img36.jpg) center top  no-repeat;
}
.process li.odd .mbox{
  width: 400px;
  padding-right:50px;
  text-align: right;
  float: left;
}
.process li.even .mbox{
  width: 400px;
  padding-left:50px;
  text-align: left;
  float: right;
}
.process li .title{
  font-size: 18px;
  color: #0d61bd;
  line-height: 26px;
  height: 26px;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 7px;
}
.process li.odd .title{
  padding-right: 40px;
  background: url(../image/img37.jpg) right bottom no-repeat;
}
.process li.even .title{
  padding-left: 40px;
  background: url(../image/img37.jpg) left bottom no-repeat;
}
.left{
  left: 0;
}
.right{
  right: 0;
}
.process li .title span{
  width: 26px;
  height: 26px;
  background-color: #0d61bd;
  color: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-family: 'arial';
  font-size: 14px;
  position: absolute;
  top: 0;
}
.process li .detaile{
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
}
.process li i{
  display: block;
  width: 1px;
  height: 95%;
  content: '';
  background-color: #e0e0e0;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -0px;
}


body.on .process li .title{
  font-size: 16px;
}


.standard{
  width: 100%;
  padding-top: 25px;
}
.standard li{
  width: 100%;
  height: 64px;
  line-height: 64px;
  float: left;
  overflow: hidden;
}
.standard li .tit{
  width: 700px;
  padding-left: 30px;
  background:url(../image/img26.png) left center no-repeat;
  font-size: 18px;
  float: left;
  color: #333;
  margin-left: 25px;
}
.standard li .time{
  font-size: 14px;
  float: right;
  color: #666;
  width: 90px;
  text-align: right;
  margin-right: 25px;
}
.standard li.odd{
  background-color: #f6f6f6;
}
.standard li.even{
  background-color: #e9e9e9;
}
.standard li:hover{
  background-color: #1176e8;
}
.standard li:hover .time,
.standard li:hover .tit{
  color: #fff;
}


body.on .standard li .tit{
  font-size: 16px;
}


.down{
  width: 100%;
  padding-top:25px;
}
.down ul{
  width: 924px;
  font-size: 0;
}
.down li{
  width: 285px;
  text-align: center;
  float: left;
  margin: 0 23px 30px 0;
}
.down li .pic{
  width: 100%;
  padding: 40px 0;
  background-color: #f8f8f8;
}
.down li .tit{
  font-size: 16px;
  color: #333;
  height: 47px;
  line-height: 47px;
  background-color: #ddd;
}
.down li:hover .tit{
  background-color: #1866e6;
  color: #fff;
}
.order{
  width: 100%;
  padding-top: 30px;
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}
.order img{
  max-width: 100%;
}

body.on .down li .tit{
  font-size: 14px;
}



.about{
  padding-top: 30px;
  width: 100%;
}
.about .title{
  font-size: 24px;
  color: #0f7ae8;
  line-height: 1.2;
  margin-bottom: 5px;
}
.about .tit{
  font-size: 14px;
  color: #999999;
  line-height: 1.2;
}
.about .detaile{
  font-size: 14px;
  line-height: 1.9;
  color: #888888;
}
.about .detaile img{
  max-width: 100%;
  margin: 20px 0;
}
.about .detaile h3{
  font-size: 23px;
  color: #333333;
  line-height: 1.2;
  margin-bottom: 10px;
}
.about .bot-box{
  width: 100%;
  margin-top: 40px;
}
.about .bot-box h3{
  font-size: 24px;
  color: #333333;
  line-height: 1.2;
  margin-bottom: 25px;
}
.about .bot-box .list{
  padding: 110px 0 45px;
  position: relative;
  width: 100%;
  background:url(../image/img48.jpg) center top repeat-y;
}
.about .bot-box .list .point{
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #1867be;
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -5px;
}
.about .bot-box .list li{
  width: 100%;
  position: relative;
}
.about .bot-box .list li .odd i,
.about .bot-box .list li .even i{
  display: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border:1px solid #eee;
  position: absolute;
  top: -30px;
  background-color: #fff;
  z-index: 5;
}
.about .bot-box .list li .odd i{
  right: -5px;
}
.about .bot-box .list li .even i{
  left: -5px;
}
.about .bot-box .list li .odd.cur i,
.about .bot-box .list li .even.cur i{
  display: block;
}

.about .list li .box{
  width: 450px;
  float: left;
  position: relative;
  margin-top: 25px;
}
.about .list li .box.on{
  margin-top:80px;
}
.about .list li .box em{
  display: none;
}
.about .list li .box.on em{
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color:#eee;
  top: -25px;
  left: 0;
}
.about .list li .box.odd{
  text-align: right;
}
.about .list li .box.even{
  text-align: left;
}
.about .list li .box.odd h3,
.about .list li .box.even h3{
  display: block;
  font-size: 24px;
  color: #0058b9;
  font-family: 'arial';
  line-height: 1.2;
  position: absolute;
  top: -58px;
}
.about .list li .box.odd h3{
  right: 50px;
}
.about .list li .box.even h3{
  left: 50px;
}
.about .list li .box .mbox{
  width: 350px;
  margin: 0 auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.about .list li .box .month{
  font-size: 18px;
  color:#333;
  line-height: 1.4;
}
.about .list li .box .pic{
  width: 100%;
  overflow: hidden;
  margin: 5px 0;
}
.about .list li .box .pic img{
  display: block;
  width: 100%;
}
.about .list li .box .detaile{
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  height: 120px;
  overflow: hidden;
}


.culture{
  width: 100%;
  padding-top: 25px;
}
.culture .detaiel-box{
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
}
.culture .detaiel-box li{
  margin-bottom: 25px;
  padding-left: 45px;
}
.culture .detaiel-box li h3{
  font-size: 18px;
  color: #333333;
  line-height: 24px;
  position: relative;
  left: -45px;
  top: 0;
  padding-left: 45px;
}
.culture .detaiel-box li p{
  margin-top:10px;
}
.culture .list{
  width: 100%;
}
.culture .list li{
  float: left;
  width: 180px;
  text-align: center;
  position: relative;
}
.culture .list li .math{
  font-size:48px;
  color: #0789e9;
  line-height: 1.2;
  font-family: 'BEBAS';
  margin-bottom: 5px;
}
.culture .list li .detaile{
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}
.culture .list i{
  display: block;
  width: 1px;
  height: 44px;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px;
}

body.on .culture .detaiel-box li h3{
  font-size: 16px;
}
body.on .culture .list li .math{
  font-size: 46px;
}





.honor{
  width: 100%;
  overflow: hidden;
}
.honor ul{
  width: 932px;
}
.honor li{
  width: 200px;
  margin: 35px 33px 0 0;
  text-align: center;
  float: left;
}
.honor li .pic{
  width: 100%;
  margin-bottom: 2px;
}
.honor li .pic img{
  display: block;
  width: 100%;
}
.honor li .tit{
  font-size: 18px;
  color: #333333;
  height: 40px;
  line-height: 40px;
  position: relative;
}
.honor li .tit:before{
  display: block;
  width: 0px;
  height: 2px;
  background-color: #669bd5;
  content: '';
  position: absolute;
  left: 50%;
  margin-left:0;
  bottom: 0;
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.honor li:hover .tit:before{
  width: 25px;
  margin-left: -12.5px;
}
.honor li:hover .tit{
  color: #0058b9;
}

body.on .honor li .tit{
  font-size: 16px;
}



.case{
  width: 100%;
  padding-top: 5px;
}
.case li{
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.case li .pic{
  width: 308px;
  overflow: hidden;
  display: block;
  *display: block;
}
.case li .pic img{
  display: block;
  *display: block;
  width: 100%;
}
.case li:hover .pic img{
  transform: scale3d(1.08,1.08,1);
  -webkit-transform: scale3d(1.08,1.08,1);
}
.case li .box{
  width:560px;
  margin-right: 5px;
  padding-top: 20px;
}
.case li .box .title{
  font-size: 24px;
  color: #333;
  line-height: 36px;
  position: relative;
}
.case li .box .title span{
  font-size: 14px;
  color: #999999;
  float: right;
}
.case li .box .detaile{
  font-size: 14px;
  color: #999999;
  line-height: 1.7;
  height: 44px;
  overflow: hidden;
  margin: 10px 0 18px;
}
.case li .box .btn{
  display: block;
  width: 98px;
  height: 28px;
  border-radius: 30px;
  line-height: 28px;
  text-align: center;
  padding-right: 15px;
  color: #fff;
  border: 1px solid #1866e6;
  font-size: 14px;
  background:#1866e6 url(../image/img13.png) 90px center no-repeat;
}
.case li:hover .box .title{
  color: #1866e6
}
.case li:hover .box .btn{
  background-color: #fff;
  color: #1866e6
  
}

body.on .case li .box .title{
  font-size: 22px;
}



.job{
  width: 100%;
  padding-top: 7px;
}
.job .titles{
  width: 100%;
  height: 52px;
  line-height: 52px;
}
.job .titles li{
  float: left;
  text-align: center;
  font-size: 16px;
  color: #0058b9;
}
.job .list{
  width: 100%;
  background-color: #f9f9f9;
}
.job .list .title{
  height: 49px;
  line-height: 49px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
}
.job .list .title p{
  float: left;
  font-size: 14px;
  color: #000000;
}
.job .list .title p.time{
  background:url(../image/img27.png) 150px center no-repeat;
  cursor: pointer;
}
.job .list li.on .title p.time{
  background:url(../image/img28.png) 154px center no-repeat;
}
.job .list .detaile{
  padding: 20px 30px 30px;
  font-size: 14px;
  color: #666666;
  display: none;
  line-height: 1.7;
  border-bottom: 1px solid #eeeeee;
}
.job .list .btn{
  display: block;
  border: 1px solid #bdbdbd;
  width: 100px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #666;
  border-radius: 30px;
  padding-right: 13px;
  background:url(../image/img23.png) 90px center no-repeat;
  margin-top: 25px;
}
.job .list .btn:hover{
  background:#0058b9 url(../image/img23.1.png) 90px center no-repeat;
  color: #fff;
  border: 1px solid #0058b9;
}

body.on .job .titles li{
  font-size: 14px;
}
body.on .job .list .title p,
body.on .job .list .detaile,
body.on .job .list .btn{
  font-size: 13px;
}
body.on .job .list .title p.time{
  background: url(../image/img27.png) 150px center/13px no-repeat;
}
body.on .job .list li.on .title p.time {
    background: url(../image/img28.png) 154px center/7px no-repeat;
}


.form-box{
  width: 1100px;
  margin: 50px auto 100px;
  padding: 50px;
  border:1px solid #ddd;
}
.form-box .top{
  font-size: 18px;
  color: #333333;
  margin-bottom: 42px;
  line-height: 1.6;
}
.form-box .top span {
  color: #888888;
  font-size: 14px;
}
.form-box .inp {
  float: left;
  width: 340px;
  margin-right: 40px;
  padding: 0;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  font-size: 0;
  overflow: hidden;
}
.form-box .inp .fibox .btn-success,
.form-box .inp .fibox .btn-success input{
  padding: 0 !important
}
.form-horizontal .controls {
    margin-left: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.form-horizontal .control-group {
    margin-bottom:0px !important;
}
.form-box .inp.code img{
    height: 30px;
    display: block;
    float: left;
    margin-left: 10px;
}
.form-box .inp.on{margin-right: 0}
.form-box .inp .xh,
.form-box .right .xh{
  color: #333333;
  font-size: 14px;
  display: inline-block;
  width: 26px;
  float: left;
}
.form-box .inp label,
.form-box .right label{
  width: 5em;
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  color: #333333;
  margin: 0 9px 0 0;
  float: left;
  vertical-align: top;
}
.form-box .inp input,.form-box .inp select {
  display: inline-block;
  box-sizing: border-box;
  width: 240px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: #f6f6f6;
  font-size: 12px;
  padding: 0 20px 0 10px;
}
.form-box .inp input{
  *width: 210px;
  *height: 28px;
}
.form-box .inp .fibox{
  width: 200px;
  display: inline;
}
.form-box .inp .text,
.form-box .left{
  width: 100%;
  margin-bottom: 0
}
.form-box .left{
  float: left;
  width: 380px;
  margin-bottom: 15px;
}
input,button,select,textarea{outline:none;}
.form-box .inp.code input{
  width: 98px;
  margin-right: 0;
  float: left;
}
.form-box .inp.code .img {
  display: inline-block;
  height: 30px;
  margin: -10px 0 0 10px;
}
.form-box .right{
  width: 720px;
  float: left;
}
.form-box textarea{
  display: block;
  width: 590px;
  border: 0;
  background-color: #f6f6f6;
  height: 80px;
  padding: 0 20px 0 10px;
  line-height: 26px;
}
.form-box .inp.submit{
  width: 100%;
  margin-right: 0
}
.form-box .inp.submit input{
  width: 150px;
  height: 43px;
  padding: 0;
  color: #ffffff;
  font-size: 13px;
  background-color: #0175c7;
  float: right;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #0175c7;
  margin-right: 0;
}
.form-box .inp.submit input:hover{
  color: #0175c7;
background-color: #fff;
}


.liability{
  width: 100%;
  padding-top: 25px;
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
}
.liability p{
  margin-bottom: 20px;
}
.liability img{
  max-width: 100%;
}


.select{
  width: 60%;
  padding-top: 80px ;
  padding-left: 180px ;
}
.select .sel{
  height: 40px;
  line-height: 40px;
  background-color: #f5f5f5;
  width: 300px;
  border: 1px solid #ddd;
}
input:-webkit-autofill{box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;}
.select .sel .txt{
  width: 200px;
  float: left;
  height: 40px;
  line-height: 40px;
  text-indent: 40px;
  border: 0;
  padding: 0 10px;
  font-size: 14px;
  color: #666;
  background-color: #f5f5f5;
}
.select .sel .btn{
  width: 60px;
  height: 40px;
  border: 0;
  float: right;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.select .sel .btn:hover{
  color: #fff;
  background-color: #0058b9;
}
.select .sel-tip{
  font-size: 14px;
  color: red;
  line-height: 1.6;
  margin-top: 15px;
}
.select .tip-sle{
  width:260px;
  height: 115px;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left:50%;
  display: none;
  margin: -100px 0 0 -150px;
  z-index: 102;
  border: 1px solid #ededed;
  border-radius: 2px;
  padding: 35px 30px 30px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.select .tip-sle .title{
  font-size: 18px;
  margin-bottom: 52px;
  line-height: 1.4;
}
.select .tip-sle .btns div{
  float: left;
  width: 80px;
  height: 32px;
  margin-right: 15px;
  line-height: 32px;
  color: #fff;
  cursor: pointer;
  border-radius:2px;
  background-color: #afadad;
  text-align: center;
  font-size: 15px;
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
}
.select .tip-sle .btns div.confirm{
  background-color: #3689e4;
}
.select .tip-sle .btns div.confirm:hover{
  background-color: #1d6bc1;
}
.select .tip-sle .btns div.colse:hover{
  background-color: #8c8b8b;
}
.tip-bg{
  position: fixed;
  z-index: 101;
  width: 100%;
  height:100%;
  left: 0;
  top: 0;
  display: none;
  background: url(../image/img1.png) center repeat;
}

.newsinfor{
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 80px;
}
.newsinfor .title,
.projectinfor .title{
  font-size: 22px;
  font-family: 'arial';
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
.projectinfor .title{
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.newsinfor .time,
.projectinfor .time{
  color: #999;
  font-size: 14px;
  margin: 15px 0 25px;
  padding-bottom: 15px;
  text-align: center;
  line-height: 1.3;
  border-bottom: 1px solid #ddd;
}
.newsinfor .detaile,
.projectinfor .detaile{
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
  line-height: 2;
  font-size: 16px;
}
.newsinfor .bot-btn,
.projectinfor .bot-btn{
  width: 100%;
  margin-top: 30px;
}
.newsinfor .bot-btn .left,
.projectinfor .bot-btn .left{
  line-height: 1.7;
  font-size: 16px;
  color: #333;
  width: 75%;
}
.newsinfor .bot-btn .left p,
.projectinfor .bot-btn .left  p{
    margin-bottom: 7px;
}
.newsinfor .bot-btn .left a,
.projectinfor .bot-btn .left a{
  color: #333;
  float: left;
}
.newsinfor .bot-btn .left .fa,
.projectinfor .bot-btn .left .fa{
  color: #666;
}
.newsinfor .bot-btn .left .fa:hover,
.projectinfor .bot-btn .left .fa:hover{
  color: #1866e6;
}
.newsinfor .bot-btn .btn {
  display: block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  background:#1866e6;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #1866e6;
  box-sizing: border-box;
}
.newsinfor .bot-btn .btn:hover{
  color: #1866e6;
  background-color: #f5f5f5;
}

.f5{
  background-color: #f5f5f5
}

.projectinfor{
  width:100%;
  padding: 35px 0 ;
  margin: 0 auto;
}
.projectinfor .bot-btn .left{
  width: 70%;
}
.projectinfor .bot-btn .btn{
    display: block;
    width: 120px;
    float: right;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    background: #1866e6;
    color: #fff;
        margin-top: 7px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #1866e6;
    box-sizing: border-box;
}

.projectinfor .bot-btn .btn:hover{
      color: #1866e6;
    background-color: #f5f5f5;
}


body.on .newsinfor .title, 
body.on .projectinfor .title{
  font-size: 20px;
}
body.on .newsinfor .time, 
body.on .projectinfor .time{
  font-size: 13px;
}
body.on .newsinfor .detaile, 
body.on .projectinfor .detaile,
body.on .newsinfor .bot-btn .left, 
body.on .projectinfor .bot-btn .left{
  font-size: 14px;
}