@charset "utf-8";
.wrapper{
  min-width:1200px;
  max-width:1920px;
  margin:auto;
}
#header,#among,#footer,.width{
  width:1200px;
  margin:auto;
}
#header .logo{
  float: left;
}
#header .language{
  float: right;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  z-index: 998;
  height: 134px;
  padding-top: 55px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header .language li{
  width: 103px;
}
#header .language li a{
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #555;
  position: relative;
  padding-left: 16px;
}
#header .language li > a:hover{
  color: #34adae;
}
#header .language li > a:after{
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 6px;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  background: url(../images/arrow.png);
}
#header .language li p{
  margin: 0;
  display: none;
  position: absolute;
  left: 0;
}
#header .language li:hover p{
  display: block;
}
#header .language li:hover p a:hover{
  color: #34adae;
}
#header .menu{
  float: right;
  font-size: 0;
  margin-right: 30px;
  letter-spacing: -1px;
}
#header .menu > a{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 16px;
  padding: 0 11px;
  line-height: 134px;
  position: relative;
  margin-left: 23px;
  color: #333;
}
#header .menu > a:hover{
  background: #34adae;
  color: #FFF;
  z-index: 1;
}
#header .menu > a:hover:before,
#header .menu > a:hover:after{
  content: '';
  width: 23px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}
#header .menu > a:hover:before{
  left: -23px;
  background: url(../images/bg1.jpg);
}
#header .menu > a:hover:after{
  right: -23px;
  background: url(../images/bg2.jpg);
}
.footer{
  background: url(../images/dbg.jpg) center top no-repeat;
}
#footer *{
  font-size: 14px;
  line-height:24px;
}
#footer > a{
  display: block;
  float: left;
  margin: 36px 0 0;
}
#footer .type{
  float: left;
  width: calc((100% - 300px - 170px - 186px) / 3);
  margin: 30px 0 30px 20px;
}
#footer .type:nth-child(2){
  margin-left: 110px;
}
#footer .type:nth-child(5){
  width: 300px;
}
#footer .type > a{
  display: block;
  font-size: 20px;
  color: #FFF;
  line-height: 2;
  margin-bottom: 24px;
}
#footer .type > a:after{
  content: '';
  display: block;
  width: 42px;
  height: 2px;
  margin-top: 5px;
  background: #FFF;
}
#footer .type > li,
#footer .type > li *{
  font-size: 14px;
  color: #FFF;
  line-height: 26px;
}
#footer .type a:hover{
  color: #FC0;
}
#footer .copyright{
  text-align: center;
  margin: 15px 0;
}
/* Banner图片样式开始 ============================================== */
#banner{
  display:block;
  width:100%;
  overflow:hidden;
  background:center top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#banner img{
  display:block;
  filter:alpha(opacity=0);
  opacity:0;
  width: 100%;
}
#mainBox{
  overflow:hidden;
  position:relative;
  width:100%;
}
#mainBox .banner{
  position:absolute;
  left:0;
  top:0;
}
#mainBox .banner,
#mainBox .banner .list{
  width:100%;
  height:100%;
}
#mainBox .banner .list li,
#mainBox .banner .list li a{
  width:100%;
  height:100%;
}
#mainBox .banner .list li a{
  display:block;
}
#mainBox .banner .list li{
  display:none;
  position:absolute;
  left:0;
  top:0;
  background:center top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#mainBox .banner .list li:first-child{
  display:block;
}
#mainBox .btn{
  bottom:0;
  left:0;
  width:100%;
  height:30px;
  font-size:0;
  z-index:5;
  letter-spacing:-1px;
  position:absolute;
  text-align:center;
}
#mainBox .btn li{
  letter-spacing:0;
  display:inline-block;
  vertical-align:top;
  overflow:hidden;
  text-indent:-1000px;
  border-radius:100%;
  cursor:pointer;
  margin:0 5px;
  width:11px;
  height:11px;
  background:#FFF;
}
#mainBox .btn li.hover{
  background:#197676;
}
#mainBox .img{
  width:100%;
  overflow:hidden;
}
#mainBox .img img{
  filter:alpha(opacity=0);
  opacity:0;
  width: 100%;
}
/* Banner图片样式结束 ============================================== */
#aside{
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  z-index: 98;
}
#aside h2{
  background: url(../images/bg.png);
  width: 352px;
  height: 190px;
  left: 0;
  bottom: -1px;
  overflow: hidden;
  position: absolute;
  text-transform: uppercase;
}
#aside h2 span{
  display: block;
  color: #FFF;
  font-size: 36px;
  margin: 30px 0 0 45px;
  line-height: 1.5;
}
#aside h2 font{
  display: block;
  color: rgba(255,255,255,.8);
  font-size: 18px;
  margin: 0 0 0 45px;
  line-height: 1.5;
  font-family: '微软雅黑';
  font-weight: normal;
}
#aside ul{
  margin: 0 0 0 382px;
  font-size: 0;
  letter-spacing: -1px;
}
#aside ul li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin-left:20px;
  position:relative;
  z-index:9;
}
#aside ul li > a{
  line-height: 62px;
  font-size: 16px;
  padding: 0 6px;
  position: relative;
  display: block;
}
#aside ul li:hover > a,
#aside ul li.hover > a{
  color: #51b9b9;
}
#aside ul li:hover > a:after,
#aside ul li.hover > a:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: #51b9b9;
}
#aside ul li p{
  position:absolute;
  left:-9px;
  margin-top:-2px;
  display:none;
  background:#51b9b9;
}
#aside ul li:hover p{
  display:block;
}
#aside ul li p a{
  display:block;
  font-size:15px;
  color:white;
  padding:0 14px;
  line-height:34px;
  white-space:nowrap;
}
#aside ul li p a:hover{
  background:#3baeae;
}
#news-pro-tn{
  text-align:center;
  margin:0 0 5px;
  font-size:16px;
}
#message ul li.tn{
  float:left;
  width:120px;
  font-size:14px;
  line-height:26px;
  text-align:right;
}
#message ul li.input{
  float:left;
  width:180px;
  display:block;
}
#message ul li.input input{
  width:98%;
  height:26px;
  display:block;
  background:white;
  border:1px solid #CCC;
  padding: 0 5px;
  box-sizing: border-box;
}
#message ul li.radio{
  float:left;
  width:180px;
  display:block;
  font-size:14px;
  line-height:26px;
}
#message ul li.xing{
  float:left;
  width:14px;
  line-height:26px;
  font-size:14px;
  color:red;
  height:26px;
  overflow:hidden;
  font-family:'宋体';
}
#message ul li.img{
  float: left;
  margin: 0 0 0 6px;
  border:1px solid #CCC;
}
#message ul li.img img{
  width:66px;
  height:24px;
}
#message ul li.textarea{
  float:left;
  width:440px;
  display:block;
}
#message ul li.textarea textarea{
  border:1px solid #CCC;
  width:98%;
  height:102px;
  padding: 3px 5px;
  box-sizing: border-box;
}
#message ul li.clear{
  height:12px;
}
#message ul li.upLoad{
  float: left;
}
#message ul li.upLoad input{
  display: block;
  height: 26px;
  border:1px solid #CCC;
  background:#eee;
  box-sizing: border-box;
}
#message ul li.button{
  margin:0 0 0 134px;
}
#message ul li.button input{
  margin:0 12px 0 0;
  height:32px;
  width:100px;
}
.list_pro{
  margin-bottom:10px;
}
.list_pro a{
  display: block;
  float: left;
  background: #f6f6f6;
  width:calc((100% - 168px) / 4);
  margin:40px 0 0 56px;
}
.list_pro a:nth-child(-n+4){
  margin-top: 0;
}
.list_pro a:nth-child(4n+1){
  clear: both;
  margin-left: 0;
}
.list_pro a img{
  width: 100%;
  background: center no-repeat;
  background-size:100% 100%;
}
.list_pro a span{
  text-align: center;
  font-size: 18px;
  margin: 11px 12px 0;
  line-height: 50px;
}
.list_pro a i{
  display: block;
  width: 36px;
  height: 1px;
  background: #42bac2;
  margin: 0 auto;
}
.list_pro a font{
  text-align: center;
  font-size: 14px;
  padding: 0 12px 12px;
  line-height: 40px;
  color: #999;
}
.list_pro a:hover{
  background: #42bac2;
}
.list_pro a:hover *{
  color: #FFF;
}
.list_pro a:hover i{
  background: #FFF;
}
.list_news{
  margin-bottom: 15px;
}
.list_news ul{
  margin-top: 40px;
  border-bottom: 1px dashed #DDD;
}
.list_news ul:nth-child(1){
  margin-top: 0;
}
.list_news ul span{
  font-size: 16px;
  line-height: 32px;
  position: relative;
  padding-right: 80px;
  color: #333;
}
.list_news ul span font{
  display: block;
  font-size: 12px;
  color: #999;
  position: absolute;
  right: 0;
  top: 0;
}
.list_news ul li{


  display: block;
  font-size: 13px;
  color: #b0b0b0;
  line-height: 20px;
  max-height: 60px;
  -webkit-line-clamp:3;
  margin-top: 8px;
}
.list_news ul a{
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  font-size: 12px;
  color: #34adae;
  line-height: 24px;
  margin: 8px 0 12px;
}
.list_news ul a:after{
  content: ' >>';
}
.list_news ul a:hover{
  text-decoration: underline;
}
.content{
  min-height: 400px;
  margin: 45px 0;
}
.location{
  text-align: right;
  font-size: 36px;
  line-height: 140px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.location h2{
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 140px;
  overflow: hidden;
  padding: 0 110px 0 45px;
  text-transform: uppercase;
  background:#51b9b9 url(../images/bg.jpg) right top no-repeat;
}
.location h2 span{
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.5;
  color: #FFF;
  margin-top: 30px;
}
.location h2 font{
  display: block;
  font-size: 18px;
  line-height: 1.5;
  color: #FFF;
}
.home > ul{
  background: #f6f6f7;
  margin: 50px auto;
}
.home > ul > li{
  float: left;
  width: 50%;
}
.home > ul > li > *{
  display: block;
  float: left;
  width: 50%;
}
.home > ul > li:nth-child(3) > a,
.home > ul > li:nth-child(4) > a{
  float: right;
}
.home > ul > li > a img{
  width:100%;
  background:center no-repeat;
  background-size:100% 100%;
}
.home > ul > li > div{
  position:relative;
}
.home > ul > li > div > img{
  width:100%;
}
.home > ul > li > div > ul{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.home > ul > li > div > ul > li{
  display:table-cell;
  width:9999px;
  max-width:100%;
  height:236px;
  vertical-align:middle;
}
.home > ul > li > div > ul > li > a{
  color: #197675;
  font-size: 18px;
  text-align: center;
  margin: 0 35px;
  font-weight: bold;
  line-height:1;
}
.home > ul > li > div > ul > li > font{
  text-align: center;
  height: 44px;
  margin: 30px 35px;
}
.home > ul > li > div > ul > li > font,
.home > ul > li > div > ul > li > font a{
  font-size: 12px;
  line-height: 22px;
}
.home > ul > li > div > ul > li > i{
  display: block;
  width: 15px;
  height: 3px;
  background: url(../images/arrow1.png);
  margin: 30px auto 0;
}
.news{
  width: calc(32% - 40px);
}
.news li{
  position: relative;
  margin-top: 36px;
}
.news li span{
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  color: #197676;
  line-height: 32px;
}
.news li a{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  line-height: 32px;
  text-transform: uppercase;
}
.news p{
  margin-top: 11px;
}
.news p a{
  position: relative;
  font-size: 14px;
  line-height: 48px;
  border-bottom: 1px dashed #BBB;
  padding: 0 76px 0 12px;
}
.news p a span{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
}
.news p a:before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 1px;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  height: 2px;
  background: #888;
}
.contact{
  width: 68%;
  height: 226px;
  padding: 0 50px;
  overflow: hidden;
  background: #f6f6f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact > ul{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
  margin-top: 50px;
  letter-spacing: -1px;
}
.contact > ul > li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: -1px;
  font-size: 0;
  white-space: nowrap;
}
.contact > ul > li ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 210px;
  margin-right: 60px;
  position:relative;
}
.contact > ul > li ul h1{
  font-weight: normal;
  color: #197676;
  font-size: 16px;
}
.contact > ul > li ul li{
  font-size: 12px;
  line-height: 24px;
  height: 48px;
  white-space: normal;
  margin: 15px 0;
  position:relative;
  z-index:1;
}
.contact > ul > li ul .more{
  display: block;
  width: 76px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/more.png) center no-repeat;
}
.contact > ul > li ul img{
  display:block;
  width:98px;
  height:93px;
  position:absolute;
  right:0;
  top:39px;
}
.prev-next{
  margin-top:25px;
  padding-top:12px;
  border-top:1px solid #e5e5e5;
}
.prev-next *{
  font-size: 14px;
  line-height: 32px;
}
.case_note{
  padding-bottom: 20px;
}
.list_case a{
  line-height: 46px;
  border-bottom: 1px solid #EEE;
  text-indent: 24px;
  background: url(../images/arrow2.png) 5px center no-repeat;
}
@media screen and (min-width:1401px){
  .header,.width,.home,.footer,#among{
    padding: 0 100px;
  }
  .home .width{
    padding:0;
  }
  #header,#among,#footer,.width{
    width:auto;
  }
  .home > ul > li > div > ul > li{
    height: 335px;
  }
  .home > ul > li > div > ul > li > font{
    height:auto;
    max-height:78px;
    -webkit-line-clamp:3;
  }
  .home > ul > li > div > ul > li > font,
  .home > ul > li > div > ul > li > font a{
    font-size:13px;
    line-height:26px;
  }
  #footer .type{
    width: calc((100% - 400px - 170px - 186px) / 3);
  }
  #footer .type:nth-child(5){
    width: 400px;
  }
}
@media screen and (min-width:1600px){
  #header .menu > a{
    padding: 0 30px;
  }
  #aside ul li{
    margin-left:45px;
  }
}