@media (max-width: 1200px) {
  .h-w12 {
    display: none !important;
  }
  .w{width: 100%;padding: 0 2.5% 0 2.5%;}
  .banner-y{
  height: 259px;
  width: 100%;
  background-size: cover;
 
}
.w-100{width: 100%;
  margin: 0 auto;display: block;
}
}
@media (max-width: 1200px) {
.ban{
  overflow: hidden;
  background: url(../bt/ban1.jpg) center center;
  height: 420px;
}
.banbox{
  position: absolute;
  height: 360px;
  left: 100px;
  top: 90px;
  width: 550px;
}
.banbox b{

color: #080808;

font-weight: 100;

border: 1px solid #121212;

padding: 4px 12px 4px;

border-radius: 52px;

font-size: 3rem;

line-height: 3rem;
}
.tit{

overflow: hidden;
}
.tit h1{

font-size: 6rem;

color: #008aff;

line-height: 6rem;

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: 6rem;

color: #008aff;

line-height: 10rem;

font-weight: 600;

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

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

font-size: 4rem;

color: #009cff;

line-height: 4rem;

/* 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: 2rem;
  
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: 6rem;
      
font-weight: 600;
      
line-height: 6rem;
      
padding-right: 20px;
      }
  .tit2>h2{
  
font-size: 6rem;
  
font-weight: 600;
  
line-height: 6rem;
  }
  .cp{width: 60%;margin: 0 auto;padding: 8px 0 8px;}
  .cp p{font-size: 2.3rem;border: 1px solid #8f8f8f;letter-spacing: 1px;text-transform: uppercase;line-height: 3rem;color: #888888;}
  /* tit3 */
  .tit3{
    overflow: hidden;
    text-align: center;
    margin-top: 0px;
  }
  .tit3 p{

font-size: 2rem;

line-height: 30px;

color: #707070;
}
.tit3-h{

}
.tit3-h p{
  font-size: 5rem;
  color: #0c0c0c;
  letter-spacing: 4px;
}
.tit3-h p font{
  
color: #008aff;
}
.tit3-h span{
  font-size: 8rem;
  color: #0090ff;
  font-weight: 600;
  font-family: Impact;
  line-height: 10rem;
  display: inline-block;
}
/* pro */
.pro{

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

}
.pro ul li{

float: left;

text-align: center;

width: 49%;

margin-right: 1%;

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;

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

}
.box h2{

font-size: 4rem;

color: #000000;

line-height: 4rem;

margin-left: 2%;
}
.box img{
  max-width: 100%;
}
.box2{
  margin-top: 30px;
}
.box2 h2{
  font-size: 4rem;
  color: #000000;
  line-height: 4rem;
}
.box2 img{
  max-width: 100%;
}
/* wh */
.wh{
  overflow: hidden;
  text-align: center;
}
.wh h2{

font-size: 6rem;

font-weight: 500;

color: #008aff;

line-height: 6rem;
}
.wh p{
  
font-size: 2.5rem;
  
line-height: 3.5rem;
  
color: #666666;
}
.wh-head{

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

float: left;

width: 33%;

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

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

font-size: 3rem;

color: #000000;

line-height: 4rem;

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

font-size: 4rem;

background: #008aff;

font-weight: 500;

padding: 4px 25px 4px 25px;

border-radius: 54px;

color: #fff;

line-height: 5rem;
}
.tit4 font{display: block;font-size: 2rem;line-height: 3rem;text-transform: uppercase;}
.tit4 p{

font-size: 6rem;

font-weight: 600;

color: #000000;

line-height: 6rem;

padding-top: 40px;
}
/* tu2 */
.tu2{
  overflow: hidden;
  text-align: center;
}
.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;

}
.tu{

}
.tu img{
  
max-width: 100%;
}
/* 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: 0px;

position: relative;

width: 33%;
}
.scene ul li:nth-child(3n){
margin-right: 0px;
  }
.scene ul li img{
  
max-width: 95%;
}

.scene ul li span{

position: absolute;

bottom: 1.5rem;

left: 10%;

font-size: 2rem;

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;
  padding: 0 2.5% 0 2.5%;
}
.about p{

font-size: 2rem;

text-indent: 2rem;

line-height: 40px;

margin-top: 40px;
}
.tu3{

}
.tu3 img{

max-width: 100%;
}
.tu4{

}
.tu4-l{

float: left;

margin-right: 14px;

width: 60%;
}
.tu4-l img{

max-width: 100%;
}
.tu4-r{display: block;float: left;width: 38%;}
.tu4-r img:nth-child(2n){
  
margin-top: 0px;
}
}
/*  */
@media (max-width: 767px) {
  .ban{
    overflow: hidden;
    background: url(../bt/ban1.jpg) center center;
    height: 320px;
  }
  .banbox{
    position: absolute;
    height: 195px;
    left: 35px;
    top: 90px;
    width: 358px;
  }
  .banbox b{
  
color: #080808;
  
font-weight: 100;
  
border: 1px solid #121212;
  
padding: 4px 12px 4px;
  
border-radius: 52px;
  
font-size: 2rem;
  
line-height: 2.5rem;
  }
.h-w767{
display: none;
}
  .tit{
  
overflow: hidden;
  
width: 100%;
  }
  .tit h1{
  
font-size: 3rem;
  
color: #008aff;
  
line-height: 4rem;
  
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: 3rem;
  
color: #008aff;
  
line-height: 8rem;
  
font-weight: 600;
  
/* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
  
padding-right: 10px;
  }
  .banbox p{
  
font-size: 2.5rem;
  
color: #009cff;
  
line-height: 3rem;
  
/* 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: 5px;
  }
  .banbox ul li img{
  
  }
  .banbox ul li b{
    
font-size: 1.2rem;
    
border: none;
  }
  
  /*  */
  .t1{
  
overflow: hidden;
  
text-align: center;
  
padding: 12px 0 12px;
  
margin-top: 2%;
  
}
    .tit2{
  
display: block;
  
margin: 0 auto;
  
width: 70%;
  
color: #008aff;
}
        .tit2>span{
        
display: block;
        
float: left;
        
font-size: 3rem;
        
font-weight: 600;
        
line-height: 4rem;
        
padding-right: 2%;
        }
    .tit2>h2{
    
font-size: 3rem;
    
font-weight: 600;
    
line-height: 4rem;
    }
    .cp{width: 95%;margin: 0 auto;padding: 8px 0 8px;}
    .cp p{font-size: 1.8rem;border: 1px solid #8f8f8f;letter-spacing: 1px;text-transform: uppercase;line-height: 2rem;color: #888888;}
    /* tit3 */
    .tit3{
      overflow: hidden;
      text-align: center;
      padding: 0 2.5% 0 2.5%;
    }
    .tit3 p{
  
font-size: 2rem;
  
line-height: 3rem;
  
color: #707070;
  }
  .tit3-h{
  
  }
  .tit3-h p{
    font-size: 3rem;
    color: #0c0c0c;
    letter-spacing: 4px;
  }
  .tit3-h p font{
    
  color: #008aff;
  }
  .tit3-h span{
    font-size: 6rem;
    color: #0090ff;
    font-weight: 600;
    font-family: Impact;
    line-height: 92px;
    display: inline-block;
  }
  /* pro */
  .pro{
  
overflow: hidden;
  
margin-top: 0px;
  }
  .pro ul{
  
  }
  .pro ul li{
  
float: left;
  
text-align: center;
  
margin-right: 10px;
  
margin-top: 20px;
  
width: 100%;
  }
  .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: 10px;
  }
  .box{
  
  }
  .box h2{
  
font-size: 2rem;
  
color: #000000;
  
line-height: 3rem;
  }
  .box img{
    max-width: 100%;
  }
  .box2{
    margin-top: 30px;
  }
  .box2 h2{
    font-size: 2rem;
    color: #000000;
    line-height: 3rem;
  }
  .box2 img{
    max-width: 100%;
  }
  /* wh */
  .wh{
    overflow: hidden;
    text-align: center;
    margin-top: 0px;
  }
  .wh h2{
  
font-size: 3rem;
  
font-weight: 500;
  
color: #008aff;
  
line-height: 3rem;
  }
  .wh p{
    
font-size: 2rem;
    
line-height: 3rem;
    
color: #666666;
  }
  .wh-head{
  
  overflow: hidden;
  }
  .wh-head ul{
  }
  .wh-head ul li{
  
float: left;
  
margin-right: 0px;
  
width: 33%;
  }
  .wh-head ul li img{
  
max-width: 96%;
  }
  .wh-head ul li p{
    
font-size: 2rem;
    
line-height: 3rem;
    
color: #000000;
  }
  .wh-head ul li:nth-child(3n){
    margin-right: 0px;
  }
  /* tit4 */
  .tit4{overflow: hidden;text-align: center;}
  .tit4 span{
  
font-size: 2rem;
  
color: #000000;
  
line-height: 4rem;
  
margin-top: 40px;
  }
  .tit4 b{
  
font-size: 2.5rem;
  
background: #008aff;
  
font-weight: 500;
  
padding: 4px 25px 4px 25px;
  
border-radius: 54px;
  
color: #fff;
  }
  .tit4 font{display: block;font-size: 1.5rem;line-height: 2rem;text-transform: uppercase;}
  .tit4 p{
  
font-size: 3rem;
  
font-weight: 600;
  
color: #000000;
  
line-height: 6rem;
  
padding-top: 0px;
  }
  /* tu2 */
  .tu2{
    overflow: hidden;
    margin-top: 2%;
  }
  .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;
  
margin-top: 2%;
  }
  .scene ul{
  
  }
  .scene ul li{
  
float: left;
  
margin-right: 0px;
  
position: relative;
  
width: 33%;
  }
  .scene ul li:nth-child(3n){
  margin-right: 0px;
    }
  .scene ul li img{
    
max-width: 90%;
  }
  
  .scene ul li span{
  
position: absolute;
  
bottom: 1%;
  
/* left: 1%; */
  
font-size: 0.8rem;
  
color: #fff;
  
line-height: 2rem;
  }
  .scene ul li span font{
    
font-size: 0.5rem;
    
line-height: 1rem;
  }
  .line{
    display: none;
  }
  /* about */
  .about{
    overflow: hidden;
    text-align: left;
    margin-bottom: 40px;
  }
  .about p{
  
font-size: 2rem;
  
text-indent: 2rem;
  
line-height: 4rem;
  
margin-top: 0px;
  }
  .tu3{
  
  }
  .tu3 img{
  
max-width: 100%;
  }
  .tu4{
  
display: none;
  }
  .tu4-l{
  
  float: left;
  
  margin-right: 14px;
  }
  .tu4-l img{
  
  }
  .tu4-r{
  }
  .tu4-r img:nth-child(2n){
    
  margin-top: 13px;
  }
  }