*{ 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;}
.w-100{
  width: 1000px;margin: 0 auto;display: block;
}

@media (max-width: 1200px) {
    .h-w12 {
      display: none !important;
    }
}
/* ban */
.ban{
  overflow: hidden;
  background: url('../wx/ban.jpg') center center no-repeat;
  height: 570px;
}
.banbox{

position: absolute;

height: 360px;

left: 385px;

top: 300px;

width: 500px;
}
.banbox h1{

font-size: 77px;

font-weight: 600;

color: #007ffd;

line-height: 110px;
}
.banbox p{
  
font-size: 41px;
  
line-height: 40px;
}
.banbox font{

color: #fff;

text-transform: uppercase;
}
.banbox  b{
  background: #555555;
  padding: 5px 12px 5px 5px;
  text-align: center;
}
.banbox  b font{
  color: #fff;
  font-weight: 100;
  font-size: 24px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.banbox section{

padding-top: 20px;
}
.banbox section>p{

color: #000;

font-size: 10px;

line-height: 20px;

padding: 2px 7px 2px;

margin-bottom: 30px;
}
.banbox section>span{

font-size: 21px;

color: #007ffd;

border: 1px solid #007ffd;

padding: 8px 16px 8px;
}
/* t1 */
.t1{overflow: hidden;text-align: center;}
.t1 p{
  font-size: 83px;
  line-height: 83px;
  font-weight: 600;
  color: #ececec;
  text-transform: uppercase;
  font-family: Impact;
}
.t1 h2{
  color: #007ffd;
  margin-top: -38px;
  letter-spacing: 5px;
  font-size: 86px;
  font-weight: 600;
}
.cp{

  padding: 8px 0 8px;
  
  width: 500px;
  
  text-align: center;
  
  margin: 0 auto;
  
  margin-top: 20px;
  }
  .cp b{
    
font-size: 27px;
    
line-height: 20px;
    
color: #fff;
    
font-family: none;
    
border: 1px solid #ededed;
    
background-color: #e0e0e0;
    
font-weight: 200;
    
padding: 0 6px 0;
    
text-transform: uppercase;
    
}
/* effect */
.effect{
  overflow: hidden;
  text-align: center;
}
.effect b{

font-size: 50px;
}
.effect b font{

color: #007ffd;
}
/* reason */
.reason{
  overflow: hidden;
  /* text-align: center; */
  display: block;
}
.reason-l{

float: left;

position: relative;
}
.reason-l img{

/* max-width: 80%; */
}
.reason-l p{
    position: absolute;
    top: 41%;
    left: 17%;
    font-size: 46px;
    color: #fff;
    line-height: 46px;
}
.reason-r{

float: right;

padding-top: 40px;
}
.reason-r b{

font-size: 48px;

display: block;

line-height: 70px;
}
.reason-r b font{

color: #007ffd;
}
.reason-r img{

}
.reason-r p{
  display: block;
  font-size: 30px;
  line-height: 34px;
  color: #626262;
  padding-top: 10px;
}
.reason-r span{
  display: block;

  font-size: 16px;
  
  line-height: 40px;
  
  color: #a1a1a1;

}
.r2{

}
.r2-r{
  float: left;
  padding-top: 40px;
  padding-left: 80px;
}
.r2-r b{
  font-size: 48px;

display: block;

line-height: 70px;
}
.r2-r b font{
  color: #007ffd;
}
.reason-r b font{

color: #007ffd;
}
.r2-r img{

}
.r2-r p{
  display: block;
  font-size: 30px;
  line-height: 34px;
  color: #626262;
  padding-top: 10px;
}
.r2-r span{
  display: block;

  font-size: 16px;
  
  line-height: 40px;
  
  color: #a1a1a1;
}
.r2-l{
  float: right;
  position: relative;
}
.r2-l img{


}
.r2-l p{
  position: absolute;
  top: 41%;
  left: 17%;
  font-size: 46px;
  color: #fff;
  line-height: 46px;
}
/* t2 */
.t2{
  overflow: hidden;
  text-align: center;
}
.t2 b{

font-size: 55px;

color: #575757;

font-weight: 500;
}
.t2 font{
  font-size: 90px;

color: #007ffd;

font-weight: 600;

line-height: 100px;
display: block;
}
.t2 h2{

font-size: 90px;

color: #007ffd;

font-weight: 600;

line-height: 100px;
}
.t2 p{

font-size: 43px;

color: #575757;

line-height: 65px;
}
.t2 span{

font-size: 20px;

color: #c8c8c8;
}
.t2 img{display: block;margin: 0 auto;margin-top: 40px;}
/* why */
.why{
  overflow: hidden;
  margin-top: 40px;
}
.why ul li{
  float: left;
  width: 198px;
  text-align: center;
  margin-bottom: 10px;
}
.why ul li img{}
.why ul li b{
  font-size: 22px;
  color: #007ffd;
  line-height: 90px;
  display: block;
  font-weight: 400;
}
.why ul li p{
  font-size: 17px;
}
/* zg */
.zg{

overflow: hidden;
}
.zg-l{

display: block;

float: left;

width: 300px;

margin-top: 230px;
}
.zg-l img{

max-width: 90%;
}
.zg-r{

display: block;

float: right;

width: 700px;
}
.zg-r img{
  
max-width: 90%;
}
/* t3 */
.t3{
  overflow: hidden;
  text-align: center;
}

.t3 b{

font-size: 55px;

color: #575757;

font-weight: 500;
}
.t3 font{
  font-size: 90px;
  color: #007ffd;
  font-weight: 600;
  line-height: 100px;
  display: block;
  margin-bottom: 20px;
}
.t3 p{

font-size: 30px;

line-height: 35px;

color: #575757;
}
.t3 img{

display: block;

margin: 0 auto;

margin-bottom: 20px;
}
.t3 span{
  
font-size: 12px;
  
display: block;
  
color: #c8c8c8;
  
line-height: 20px;
}
/* dw */
.dw{
  overflow: hidden;
  }
  .ban2{
    background: url('../wx/hk.jpg') no-repeat center center;
    height: 611px;
    margin: 0 auto;
    position: relative;
    color: black;
  }
  .p1{
  
position: absolute;
  
top: 30px;
  
right: 243px;
  }
  .p2{
      position: absolute;
      top: 105px;
      left: 376px;
  }
  .p3{
      position: absolute;
      top: 193px;
      left: 260px;
  }
  .p4{
      position: absolute;
      top: 246px;
      left: 199px;
  }
  .p5{
      position: absolute;
      top: 293px;
      left: 151px;
  }
  .p6{
      position: absolute;
      bottom: 212px;
      left: 98px;
  }
  .p7{
      position: absolute;
      right: 335px;
      bottom: 147px;
  }
  .p8{
  
position: absolute;
  
bottom: 103px;
  
left: 583px;
  }
  .p9{
      position: absolute;
      bottom: 73px;
      left: 472px;
  }
  /* tu3 */
  .tu3{overflow: hidden;margin: 0 auto; margin-top: 40px;}
  .tu3-head{width: 450px;display: block;float: left;}
  .tu3-head p{

font-size: 24px;

line-height: 65px;

text-align: center;

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

background: #ff0000;

color: #fff;

font-size: 52px;

border-radius: 52px;

padding: 2px 4px 4px 4px;

line-height: 275px;
}
.tu3-foot{
  width: 450px;
  display: block;
  float: right;
  margin-left: 0px;
}
.tu3-foot img{
  max-width: 100%;
}
.tu3-foot p{
  font-size: 24px;

  line-height: 65px;
  
  text-align: center;
}
/* t4 */
.t4{
  overflow: hidden;
  text-align: center;
}
.t4 font{
  font-size: 48px;
  color: #007ffd;
  font-weight: 600;
  line-height: 60px;
  display: block;
  margin-bottom: 20px;
}
.t4 p{

font-size: 20px;

color: #606060;

line-height: 30px;
}
/* tit */
.tit{
  
overflow: hidden;
  
text-align: center;
}
.tit font{

font-size: 36px;

color: #007ffd;

line-height: 40px;
}
.tit p{

font-size: 24px;

line-height: 30px;

margin-top: 10px;

color: #606060;
}
.tit img{
  
display: block;
  
margin: 0 auto;
}
/* details */
.details{
  overflow: hidden;
}
.details1{

}
.details1-l{

float: left;
}
.details1-l img{

max-width: 100%;
}
.details1-r{text-align: right;padding: 15px  30px 0 0;}
.details1-r b{

font-size: 71px;

color: #007ffd;

font-family: Impact;

line-height: 80px;
}
.details1-r section{

}
.details1-r section p{
  
font-size: 12px;
  
color: #868686;
  
line-height: 10px;
}
.details1-r p{

font-size: 45px;

color: #2d2f2e;

line-height: 60px;
}
.details1-r img{
max-width: 100%;
}
.details1-r span{

display: block;

font-size: 28px;

color: #2d2d2d;
}
.details2{
  overflow: hidden;
}
.details2-l{float: left;padding: 15px 0 0 30px;}
.details2-l b{
  font-size: 71px;

  color: #007ffd;
  
  font-family: Impact;
  
  line-height: 80px;
}
.details2-l p{
  font-size: 45px;

  color: #2d2f2e;
  
  line-height: 60px;
}
.details2-l span{
  display: block;

  font-size: 28px;
  
  color: #2d2d2d;
}
.details2-l img{
  max-width: 100%;
}
.details2-l section{

}
.details2-l section p{
  font-size: 12px;
  
  color: #868686;
    
  line-height: 10px;
}
.details2-r{
float: right;
}
.details2-r img{
  max-width: 100%;
}
/* cs */
.cs{
overflow: hidden;
}
.cs1{

overflow: hidden;
}
.cs1-l{

width: 471px;

float: left;

display: block;

height: 320px;

background: #0080ff;

padding: 55px 0 0 20px;
}
.cs1-l img{

}
.cs1-l b{

font-size: 75px;

line-height: 100px;

color: #fff;

font-family: Impact;

letter-spacing: 3px;

font-weight: 500;
}
.cs1-l h2{

font-size: 32px;

color: #fff;

line-height: 40px;
}
.cs1-l h2 font{
  
font-size: 18px;
  
font-weight: 100;
}

.cs1-l p{

font-size: 30px;

color: #ffffff;
}
.cs1-r{

display: block;

float: right;
}
.cs1-r img{

}
.ph{
  overflow: hidden;
}
.ph img{
  max-width: 100%;
  margin-top: 20px;
}
.cs2{

overflow: hidden;
}
.cs2-l{

float: left;

padding-right: 6px;
}
.cs2-l img{

}
.cs2-r{

float: left;

width: 471px;

height: 320px;

background: #0080ff;

display: block;

padding: 55px 0 0 20px;
}
.cs2-r b{
  font-size: 75px;

  line-height: 100px;
  
  color: #fff;
  
  font-family: Impact;
  
  letter-spacing: 3px;
  
  font-weight: 500;
}
.cs2-r h2{
  font-size: 32px;

  color: #fff;
  
  line-height: 40px;
}
.cs2-r h2 font{
  font-size: 18px;
  
  font-weight: 100;
}
.cs2-r p{
  font-size: 30px;

  color: #ffffff;
}
.cs2-c{

width: 51px;

float: right;
}
.cs2-c img{
  max-width: 100%;
}
/* about */
.about{
  overflow: hidden;
  text-align: center;
  margin-bottom: 40px;
}
.about p{

font-size: 20px;

line-height: 30px;

color: #606060;
}
.about p font{

color: #007ffd;
}
.about1{

}
.about1 img{
  
max-width: 100%;
}
.about2{

overflow: hidden;
margin-bottom: 40px;
}
.about2 ul{

}
.about2 ul li{

float: left;

padding-right: 14px;

display: block;
}
.about2 ul li:nth-child(2n){
  padding-right: 0px;
}
.about2 ul li img{
max-width: 100%;
}
.about3{
  overflow: hidden;
}
.about3 ul{

}
.about3 ul li{

display: block;

float: left;

margin-right: 13px;
}
.about3 ul li:nth-child(4n){
  margin-right: 0px;
}
.about3 ul li img{
  
max-width: 100%;
}