*{ margin: 0;padding: 0;}
a,a:hover,a:focus{text-decoration: none;}
/*  */
@media (max-width: 1200px) {
  .h-w12 {
    display: none !important;
  }
  .w{
    width: 98%;
    display: block;
    margin: 0 auto;
}
}
/* ban */
@media (max-width: 1200px) {
.ban{
  overflow: hidden;
  background: url(../gz/ban.jpg) no-repeat center center;
  height: 430px;
}
.banbox{

width: 571px;

top: 110px;

text-align: center;
}
.banbox b{

font-size: 2.5rem;

font-weight: 100;

background: #ef721f;

color: #fff;

padding: 2px 10px 2px;

border-radius: 52px;

text-transform: uppercase;

line-height: 24px;
}
.banbox h1{

font-size: 6rem;

font-weight: 600;

color: #ef721f;

line-height: 6rem;

text-shadow: -1px 0 white, 0 1px white, 4px 0 white, 0 -1px white;
}
.banbox p{

color: #000000;

font-size: 3rem;

line-height: 4rem;
}
.banbox p font{

/* padding: 1% 1% 1% 1%; */
}
.line{

}
.line img{

}
.banbox span{

font-size: 2.5rem;

color: #373737;

line-height: 3rem;
}
/* tit1 */
.tit1{
  overflow: hidden;
  display: block;
  text-align: center;
  margin-top: 40px;
}
.tit1 b{

font-size: 2.5rem;

background: #8f8f8f;

/* padding: 2px 10px 2px; */

color: #fff;

font-weight: 100;

text-transform: uppercase;

line-height: 3rem;
}
.tit1 h2{

font-size: 6rem;

font-weight: 600;

color: #ef721f;

line-height: 6rem;
}
.cp{width: 370px;margin: 0 auto;/* padding: 8px 0 8px; */}
.cp p{font-size: 2rem;border: 1px solid #8f8f8f;letter-spacing: 1px;text-transform: uppercase;line-height: 2.5rem;}
/* cpbg */
.cpbg{

overflow: hidden;

margin: 0 auto;

margin-top: 1%;
}
.cpbox{

display: block;

height: 300px;
}
.cpbox-l{

width: 50%;

float: left;

background: #ef721f;

padding-left: 5%;

padding-top: 5%;

margin-right: 1%;

height: 100%;
}
.cpbox-l b{

font-size: 6rem;

line-height: 6rem;

color: #fff;
}
.cpbox-l h2{

font-size: 3rem;

color: #fff;

line-height: 3rem;
}
.cpbox-l p{text-transform: uppercase;color: #fff;font-size: 2.5rem;line-height: 3rem;}
.cpbox-r{
  
float: left;
  
width: 49%;
}
.cpbox-r img{
  max-width: 100%;
}
/* tu */
.tu{
  overflow: hidden;
}
.tu img{
  max-width: 100%;
}
/* tit2 */
.tit2{

overflow: hidden;

text-align: center;

margin-top: 1%;
}
.tit2 section{

overflow: hidden;
}
.tit2 b{

display: block;

font-size: 5rem;

line-height: 6rem;
}
.tit2 b span{
  
margin-left: 1%;
  
font-size: 5rem;
  
line-height: 6rem;
  
color: #000000;
}
.tit2 font{
  
color: #ef721f;
}
.tit2 img{

display: block;

margin: 0 auto;

padding-top: 20px;
}
.tit2 span{

color: #686868;

font-size: 2.5rem;

line-height: 4rem;

text-transform: uppercase;
}
.tit2 p{

font-size: 3rem;

line-height: 4rem;
}
/* tu1 */
.tu1{

overflow: hidden;

margin-top: 1%;

margin-bottom: 1%;
}
.tu1 ul{

}
.tu1 ul li{
  float: left;
  width: 32%;
  overflow: hidden;
}
.tu1 ul li img{
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.tu1 ul li:nth-child(3n){margin-right: 0px;}
/* why */
.why{
  overflow: hidden;
  margin-top: 1%;
}
.why ul li{
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 1%;
}
.why ul li img{}
.why ul li b{
  font-size: 22px;
  color: #ef723c;
  line-height: 90px;
  display: block;
  font-weight: 400;
}
.why ul li p{
  font-size: 17px;
}
/* tu2 */
.tu2{
  overflow: hidden;
  margin-top: 40px;
}
.tu2 img{
  max-width: 100%;
}
/* dw */
.dw{
  overflow: hidden;
  }
  .ban2{
    background: url('../gz/dz.jpg') no-repeat center center;
    height: 611px;
    margin: 0 auto;
    position: relative;
  }
  .p1{
  
position: absolute;
  
top: 130px;
  
left: 295px;
  }
  .p2{
      position: absolute;
      top: 183px;
      left: 202px;
  }
  .p3{
      position: absolute;
      top: 218px;
      left: 191px;
  }
  .p4{
      position: absolute;
      top: 253px;
      left: 184px;
  }
  .p5{
      position: absolute;
      top: 327px;
      left: 571px;
  }
  .p6{
      position: absolute;
      bottom: 186px;
      left: 499px;
  }
  .p7{
      position: absolute;
      bottom: 158px;
      left: 415px;
  }
  .p8{
  
position: absolute;
  
bottom: 131px;
  
left: 377px;
  }
  /* tu3 */
  .tu3{overflow: hidden;margin: 0 auto;}
  .tu3-head{width: 40%;display: block;float: left;margin-left: 4%;}
  .tu3-head p{

font-size: 2.5rem;

line-height: 5rem;

text-align: center;
}
  .tu3-head img{
max-width: 100%;
  }
.tu3-con{display: block;
float:left;width: 13%;text-align: center;}
.tu3-con b{

background: #ef721f;

color: #fff;

font-size: 6rem;

border-radius: 6rem;

padding: 2px 4px 4px 4px;

line-height: 30rem;
}
.tu3-foot{
  width: 40%;
  display: block;
  float: left;
  margin-left: 0px;
}
.tu3-foot img{
  max-width: 100%;
}
.tu3-foot p{
  font-size: 2.5rem;
  line-height: 5rem;
  text-align: center;
}
/* reason */
.reason{

overflow: hidden;

margin-top: 1%;

display: block;
}
.reason-h{

}
.reason-h i{

float: left;

font-size: 8rem;

color: #ef721f;

border-bottom: 3px solid #ef721f;

display: inline-block;

line-height: 8rem;

font-weight: 600;

margin-right: 1%;
}
.reason-h b{

font-size: 4.5rem;

font-weight: 600;

line-height: 7rem;

float: left;

display: block;

letter-spacing: 5px;
}
.reason-h font{

float: left;

line-height: 2rem;

text-transform: uppercase;
}
.reason-h p{

font-size: 2.5rem;

line-height: 3rem;

padding-top: 1%;
}
.reason-ban{
overflow: hidden;
height: 371px;
background: url('../gz/dw2.jpg') no-repeat center center;
margin-bottom: 40px;
}
.reason-banbox{

width: 55%;

top: 10%;

left: 10%;
}
.reason-banbox h2{font-size: 7rem;color: #ef721f;font-style: italic;line-height: 7rem;}
.reason-banbox b{

background: #555555;

padding: 5px;

text-align: center;
}
.reason-banbox b font{

color: #fff;

font-weight: 100;

font-size: 2.5rem;

line-height: 3rem;

padding-left: 2%;

padding-right: 2%;
}
.reason-banbox p{

font-size: 1rem;

padding-top: 2%;

line-height: 2rem;
}
.reason-banbox span{
  font-size: 2rem;
  color: #242424;
  border: 1px solid #151515;
  padding: 8px 16px 8px;
  line-height: 2rem;
  display: block;
  float: left;
  margin-right: 1%;
}
.tu4{overflow: hidden;text-align: center;margin-top: 40px;}
.tu4 img{
max-width: 100%;
}
/* about */
.about{
  overflow: hidden;
  margin: 1% 0 2% 0;
  text-align: center;
}
.about p{

font-size: 2.5rem;

line-height: 3rem;

padding: 0 50px 0 50px;

font-weight: 500;

margin-top: 30px;
}
.about p font{

color: #ef721f;
}
.about-tu{

margin-top: 1%;
}
.about-tu img{

}
.about-tu1{

margin-top: 1%;

overflow: hidden;
}
.about-tu1 img{

max-width: 49%;

padding-right: 1%;
}
.about-tu1 img:nth-child(2n){
  padding-right: 0px;
}
.about-tu2{

margin-top: 1%;
}
.about-tu2 img{

max-width: 24%;
}
.about-tu2 img:nth-child(4n){
  padding-right: 0px;
}
}
/* 767px */
@media (max-width: 767px) {
  .ban{
    overflow: hidden;
    background: url(../gz/ban.jpg) no-repeat center center;
    height: 360px;
  }
  .banbox{
  
width: 60%;
  
text-align: center;
  
top: 50px;
  }
  .banbox b{
  
font-size: 1.5rem;
  
font-weight: 100;
  
background: #ef721f;
  
color: #fff;
  
padding: 2px 10px 2px;
  
border-radius: 52px;
  
text-transform: uppercase;
  
line-height: 2rem;
  }
  .banbox h1{
  
font-size: 3rem;
  
font-weight: 600;
  
color: #ef721f;
  
text-shadow: -1px 0 white, 0 1px white, 4px 0 white, 0 -1px white;
  
line-height: 6rem;
  }
  .banbox p{
  
color: #000000;
  
font-size: 1.5rem;
  
line-height: 1rem;
  }
  .banbox p font{
  
  /* padding: 1% 1% 1% 1%; */
  }
  .line{
  
  }
  .line img{
  
  }
  .banbox span{
  
font-size: 1.5rem;
  
color: #373737;
  
line-height: 2rem;
  }
  /* tit1 */
  .tit1{
    overflow: hidden;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  .tit1 b{
  
font-size: 2rem;
  
background: #8f8f8f;
  
/* padding: 2px 10px 2px; */
  
color: #fff;
  
font-weight: 100;
  
text-transform: uppercase;
  
line-height: 2rem;
  }
  .tit1 h2{
  
font-size: 5rem;
  
font-weight: 600;
  
color: #ef721f;
  
line-height: 5rem;
  }
  .cp{width: 90%;margin: 0 auto;/* padding: 8px 0 8px; */}
  .cp p{font-size: 1.6rem;border: 1px solid #8f8f8f;letter-spacing: 1px;text-transform: uppercase;line-height: 2.5rem;}
  /* cpbg */
  .cpbg{
  
  overflow: hidden;
  
  margin: 0 auto;
  
  margin-top: 1%;
  }
  .cpbox{
  
display: block;
  
height: 100px;
  }
  .cpbox-l{
  
width: 50%;
  
float: left;
  
background: #ef721f;
  
padding-left: 5%;
  
padding-top: 1%;
  
margin-right: 1%;
  
height: 100%;
  }
  .cpbox-l b{
  
font-size: 3rem;
  
line-height: 3rem;
  
color: #fff;
  }
  .cpbox-l h2{
  
font-size: 2rem;
  
color: #fff;
  
line-height: 2rem;
  }
  .cpbox-l p{text-transform: uppercase;color: #fff;font-size: 1rem;line-height: 1rem;}
  .cpbox-r{
    
  float: left;
    
  width: 49%;
  }
  .cpbox-r img{
    max-width: 100%;
  }
  /* tu */
  .tu{
    overflow: hidden;
  }
  .tu img{
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  /* tit2 */
  .tit2{
  
  overflow: hidden;
  
  text-align: center;
  
  margin-top: 1%;
  }
  .tit2 section{
  
  overflow: hidden;
  }
  .tit2 b{
  
display: block;
  
font-size: 3rem;
  
line-height: 4rem;
  }
  .tit2 b span{
    
margin-left: 1%;
    
font-size: 3rem;
    
line-height: 4rem;
    
color: #000000;
  }
  .tit2 font{
    
  color: #ef721f;
  }
  .tit2 img{
  
  display: block;
  
  margin: 0 auto;
  
  padding-top: 20px;
  }
  .tit2 span{
  
color: #686868;
  
font-size: 1.5rem;
  
line-height: 4rem;
  
text-transform: uppercase;
  }
  .tit2 p{
  
font-size: 2rem;
  
line-height: 3rem;
  }
  /* tu1 */
  .tu1{
  
  overflow: hidden;
  
  margin-top: 1%;
  
  margin-bottom: 1%;
  }
  .tu1 ul{
  
  }
  .tu1 ul li{
    float: left;
    width: 30%;
    overflow: hidden;
  }
  .tu1 ul li img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
  }
  .tu1 ul li:nth-child(3n){margin-right: 0px;}
  /* why */
  .why{
    overflow: hidden;
    margin-top: 1%;
  }
  .why ul li{
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 1%;
  }
  .why ul li img{
    max-width: 100%;
}
  .why ul li b{
    font-size: 1.5rem;
    color: #EF723D;
    line-height: 5rem;
    display: block;
    font-weight: 400;
  }
  .why ul li p{
    font-size: 17px;
  }
  /* tu2 */
  .tu2{
    overflow: hidden;
    margin-top: 40px;
  }
  .tu2 img{
    max-width: 100%;
  }
  /* dw */
  .dw{
    overflow: hidden;
    }
    .ban2{
      background: url('../gz/dz.jpg') no-repeat center center;
      height: 611px;
      margin: 0 auto;
      position: relative;
    }
    .p1{
    
  position: absolute;
    
  top: 130px;
    
  left: 295px;
    }
    .p2{
        position: absolute;
        top: 183px;
        left: 202px;
    }
    .p3{
        position: absolute;
        top: 218px;
        left: 191px;
    }
    .p4{
        position: absolute;
        top: 253px;
        left: 184px;
    }
    .p5{
        position: absolute;
        top: 327px;
        left: 571px;
    }
    .p6{
        position: absolute;
        bottom: 186px;
        left: 499px;
    }
    .p7{
        position: absolute;
        bottom: 158px;
        left: 415px;
    }
    .p8{
    
  position: absolute;
    
  bottom: 131px;
    
  left: 377px;
    }
    /* tu3 */
    .tu3{overflow: hidden;margin: 0 auto;}
    .tu3-head{width: 40%;display: block;float: left;margin-left: 4%;}
    .tu3-head p{
  
font-size: 2rem;
  
line-height: 3rem;
  
text-align: center;
  }
    .tu3-head img{
  max-width: 100%;
    }
  .tu3-con{display: block;
  float:left;width: 13%;text-align: center;}
  .tu3-con b{
  
background: #ef721f;
  
color: #fff;
  
font-size: 3rem;
  
border-radius: 4rem;
  
padding: 2px 4px 4px 4px;
  
line-height: 10rem;
  }
  .tu3-foot{
    width: 40%;
    display: block;
    float: left;
    margin-left: 0px;
  }
  .tu3-foot img{
    max-width: 100%;
  }
  .tu3-foot p{
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
  }
  /* reason */
  .reason{
  
  overflow: hidden;
  
  margin-top: 1%;
  
  display: block;
  }
  .reason-h{
  
  }
  .reason-h i{
  
float: left;
  
font-size: 4rem;
  
color: #ef721f;
  
border-bottom: 3px solid #ef721f;
  
display: inline-block;
  
line-height: 4rem;
  
font-weight: 600;
  
margin-right: 1%;
  }
  .reason-h b{
  
font-size: 2rem;
  
font-weight: 600;
  
line-height: 4rem;
  
float: left;
  
display: block;
  }
  .reason-h font{
  
float: left;
  
line-height: 2rem;
  
text-transform: uppercase;
  
font-size: 1rem;
  }
  .reason-h p{
  
font-size: 1.5rem;
  
line-height: 2rem;
  
padding-top: 1%;
  }
  .reason-ban{
  overflow: hidden;
  height: 371px;
  background: url('../gz/dw2.jpg') no-repeat center center;
  margin-bottom: 40px;
  }
  .reason-banbox{
  
  width: 55%;
  
  top: 10%;
  
  left: 10%;
  }
  .reason-banbox h2{font-size: 3.5rem;color: #ef721f;font-style: italic;line-height: 4rem;}
  .reason-banbox b{
  
  background: #555555;
  
  padding: 5px;
  
  text-align: center;
  }
  .reason-banbox b font{
  
color: #fff;
  
font-weight: 100;
  
font-size: 1.2rem;
  
line-height: 2rem;
  }
  .reason-banbox p{
  
font-size: 0.8rem;
  
padding-top: 2%;
  
line-height: 1.5rem;
  }
  .reason-banbox span{
    font-size: 1rem;
    color: #242424;
    border: 1px solid #151515;
    padding: 8px 3px 8px;
    line-height: 1rem;
    display: block;
    float: left;
    margin-right: 1%;
  }
  .tu4{overflow: hidden;text-align: center;margin-top: 40px;}
  .tu4 img{
  max-width: 100%;
  }
  /* about */
  .about{
    overflow: hidden;
    margin: 1% 0 25% 0;
    text-align: center;
  }
  .about p{
  
font-size: 2rem;
  
line-height: 3rem;
  
padding: 0 1% 0 1%;
  
font-weight: 500;
  
margin-top: 1%;
  }
  .about p font{
  
  color: #ef721f;
  }
  .about-tu{
  
  margin-top: 1%;
  }
  .about-tu img{
  
max-width: 100%;
  }
  .about-tu1{
  
  margin-top: 1%;
  
  overflow: hidden;
  }
  .about-tu1 img{
  
  max-width: 49%;
  
  padding-right: 1%;
  }
  .about-tu1 img:nth-child(2n){
    padding-right: 0px;
  }
  .about-tu2{
  
  margin-top: 1%;
  }
  .about-tu2 img{
  
  max-width: 24%;
  }
  .about-tu2 img:nth-child(4n){
    padding-right: 0px;
  }
}