*{ margin: 0;padding: 0;}
a,a:hover,a:focus{text-decoration: none;}
.bw{background: #fff;}
.by{background: #FFC107;}
.cl{ clear: both}
.fl{ float: left;}
.fr{ float:right;}
ul{list-style-type: none;}
.pr{position: relative;}
.pa{position: absolute;}
.w{width: 1200px; margin: 0 auto;display: block;}
.mt40{margin-top: 40px;}
.mt20{ margin-top: 20px;}
.mt60{margin-top: 60px;}


@media (max-width: 1200px) {
    .h-w12 {
      display: none !important;
    }
}

/* @font-face {
  font-family: 'lihei';
  src:url(./lihei.otf);
} */
/* .lihei{font-family: 'lihei' !important;font-weight: 100;} */

/*  */
.ban{
  overflow: hidden;
    background: url(../bt/ban1.jpg) center center;
    height: 498px;
}
.banbox{
  position: absolute;
  height: 360px;
  left: 112px;
  top: 110px;
  width: 550px;
}
.banbox b{

color: #080808;

font-weight: 100;

border: 1px solid #121212;

padding: 4px 12px 4px;

border-radius: 52px;

font-size: 27px;

line-height: 22px;
}
.tit{

overflow: hidden;
}
.tit h1{

font-size: 60px;

color: #008aff;

line-height: 67px;

font-weight: 600;

/* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */

display: block;

float: left;
}
.tit span{

display: block;

float: left;

font-size: 60px;

color: #008aff;

line-height: 108px;

font-weight: 600;

/* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */

padding-right: 10px;
}
.banbox p{

font-size: 36px;

color: #009cff;

line-height: 50px;

/* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
}
.banbox font{

color: #ffff;

font-size: 18px;

line-height: 18px;
}
.banbox ul{overflow: hidden;}
.banbox ul li{

float: left;

width: 30%;

padding-top: 30px;
}
.banbox ul li img{

}
.banbox ul li b{
  
font-size: 24px;
  
border: none;
}

/*  */
.t1{

  overflow: hidden;
  
  text-align: center;
  
  padding: 12px 0 12px;
  }
  .tit2{

    display: block;
    
    margin: 0 auto;
    
    width: 60%;
    
    color: #008aff;
    
    }
      .tit2>span{
      
    display: block;
      
    float: left;
      
    font-size: 79px;
      
    font-weight: 600;
      
    line-height: 79px;
      
    padding-right: 20px;
      }
  .tit2>h2{
  
font-size: 79px;
  
font-weight: 600;
  
line-height: 79px;
  }
  .cp{width: 450px;margin: 0 auto;padding: 8px 0 8px;}
  .cp p{font-size: 24px;border: 1px solid #8f8f8f;letter-spacing: 1px;text-transform: uppercase;line-height: 35px;color: #888888;}
  /* tit3 */
  .tit3{
    overflow: hidden;
    text-align: center;
  }
  .tit3 p{

font-size: 22px;

line-height: 30px;

color: #707070;

}
.tit3-h{

}
.tit3-h p{
  font-size: 48px;
  color: #0c0c0c;
  letter-spacing: 4px;
}
.tit3-h p font{
  
color: #008aff;
}
.tit3-h span{
  font-size: 100px;

color: #0090ff;

font-weight: 600;

font-family: Impact;

line-height: 92px;

display: inline-block;
}
/* pro */
.pro{

overflow: hidden;
margin-top: 20px;
}
.pro ul{

}
.pro ul li{

float: left;

text-align: center;

width: 595px;

margin-right: 10px;

margin-top: 20px;
}
.pro ul li a{

}
 .pro ul li img{

width: 100%;

margin: 0 auto;

display: block;
}.pro ul li h2{

background: #008aff;

width: 100%;

margin: 0;

padding: 12px 0 12px;

color: #fff;
}
.pro ul li:nth-child(2n){
  margin-right: 0px;
}
.pro-h{
  
width: 100% !important;
  
display: block;
}
/* cs */
.cs{
  overflow: hidden;
  margin-top: 60px;
}
.box{

}
.box h2{

font-size: 36px;

color: #000000;

line-height: 50px;
}
.box img{
  max-width: 100%;
}
.box2{
  margin-top: 30px;
}
.box2 h2{
  font-size: 36px;

  color: #000000;
  
  line-height: 50px;
}
.box2 img{
  max-width: 100%;
}
/* wh */
.wh{
  overflow: hidden;
  text-align: center;
}
.wh h2{

font-size: 60px;

font-weight: 500;

color: #008aff;

line-height: 70px;
}
.wh p{
  
font-size: 30px;
  
line-height: 45px;
  
color: #666666;
}
.wh-head{

overflow: hidden;
}
.wh-head ul{
}
.wh-head ul li{

float: left;

margin-right: 19px;
}
.wh-head ul li img{

}
.wh-head ul li p{
  
font-size: 45px;
  
line-height: 70px;
  
color: #000000;
}
.wh-head ul li:nth-child(3n){
  margin-right: 0px;
}
/* tit4 */
.tit4{overflow: hidden;text-align: center;}
.tit4 span{

font-size: 30px;

color: #000000;

line-height: 70px;
margin-top: 40px;
}
.tit4 b{

font-size: 42px;

background: #008aff;

font-weight: 500;

padding: 4px 25px 4px 25px;

border-radius: 54px;

color: #fff;
}
.tit4 font{display: block;font-size: 24px;line-height: 30px;text-transform: uppercase;}
.tit4 p{

font-size: 76px;

font-weight: 600;

color: #000000;

line-height: 80px;

padding-top: 40px;
}
/* tu2 */
.tu2{
  overflow: hidden;
}
.tu2 ul{

}
.tu2 ul li{

display: block;

float: left;

width: 33%;
}
.tu2 ul li img{

max-width: 96%;
}
.zy{overflow: hidden;margin-top: 60px;}
.ban3{
  background: url('../bt/ban2.jpg') no-repeat center center;
  height: 442px;
  position: relative;
}
.ban3box{position: absolute;width: 490px;top: 100px;left: 100px;}
.ban3box b{

color: #ffffff;

font-weight: 100;

border: 1px solid #ffffff;

padding: 4px 12px 4px;

border-radius: 52px;

font-size: 27px;

line-height: 70px;
}
  .ban3box-h{
    overflow: hidden;
  }
  .ban3box-h span{
    display: block;

float: left;

font-size: 60px;

color: #fff;

line-height: 108px;

font-weight: 600;
padding-right: 10px;

  }
  .ban3box-h h2{
    font-size: 60px;
    color: #fff;
    line-height: 67px;
    font-weight: 600;
    display: block;
    float: left;
  }
  .ban3box p{

font-size: 36px;

color: #ffffff;

line-height: 50px;

}
/* details */
.details{
  overflow: hidden;
  display: block;
}
.del{

float: left;

width: 572px;

margin-right: 80px;
}
.del section{

}
.del section img{

}
.der{
}
.der font{

font-size: 30px;

color: #6d6d6d;

text-transform: uppercase;

display: block;

line-height: 60px;
}
.der b{

font-size: 60px;

color: #008aff;

line-height: 70px;
}
.der section{

padding-top: 20px;
}
.der section img{

}
.der p{
  
font-size: 30px;
  
line-height: 40px;
  
color: #131313;
}
.der span{
  
color: #131313;
  
font-size: 14px;
  
line-height: 30px;
}
.details1{

}
.details2{
overflow: hidden;
}
.d2l{float: left;margin-left: 30px;}
.d2l font{
  font-size: 30px;

  color: #6d6d6d;
  
  text-transform: uppercase;
  
  display: block;
  
  line-height: 60px;
}
.d2l b{
  font-size: 60px;

  color: #008aff;
  
  line-height: 70px;
}
.d2l section{
  padding-top: 20px;
}

.d2l section img{

}
.d2l p{
  font-size: 30px;
  
  line-height: 40px;
    
  color: #131313;
}
.d2l span{
  color: #131313;
  
  font-size: 14px;
    
  line-height: 30px;
}
.d2r{

float: right;
}
.d2r section{

}
.d2r section img{

}
/* scene */
.scene{

overflow: hidden;

display: block;

text-align: center;
}
.scene ul{

}
.scene ul li{

float: left;

margin-right: 35px;

position: relative;
}
.scene ul li:nth-child(3n){
margin-right: 0px;
  }
.scene ul li img{
  
}

.scene ul li span{

position: absolute;

bottom: 16px;

left: 29px;

font-size: 30px;

color: #fff;

line-height: 30px;
}
.scene ul li span font{
  
font-size: 16px;
  
line-height: 30px;
}
/* about */
.about{
  overflow: hidden;
  text-align: left;
  margin-bottom: 40px;
}
.about p{

font-size: 24px;

text-indent: 52px;

line-height: 40px;

margin-top: 40px;
}
.tu3{

}
.tu3 img{

}
.tu4{

}
.tu4-l{

float: left;

margin-right: 14px;
}
.tu4-l img{

}
.tu4-r{
}
.tu4-r img:nth-child(2n){
  
margin-top: 13px;
}