*{ 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;}
/*  */
.ban{
  overflow: hidden;
    background: url(../gzsg/ban.jpg) center center;
    height: 498px;
}
.banbox{
  position: absolute;
  height: 360px;
  left: 57px;
  top: 90px;
}
.banbox b{

color: #fff;

font-weight: 100;

border: 1px solid #fff;

padding: 4px 12px 4px;

border-radius: 52px;

font-size: 22px;

line-height: 22px;
}
.tit{

overflow: hidden;
}
.tit h1{

font-size: 72px;

color: #0090ff;

line-height: 72px;

font-weight: 600;

text-shadow: -1px 0 white, 0 1px white, 4px 0 white, 0 -1px white;

display: block;

float: left;

padding-right: 10px;
}
.tit span{

display: block;

float: left;

font-size: 72px;

color: #0090ff;

line-height: 108px;

font-weight: 600;

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

font-size: 36px;

color: #009cff;

line-height: 50px;
text-shadow: -1px 0 white, 0 1px white, 2px 0 white, 0 -1px white;
}
.banbox font{

color: #ffff;

font-size: 18px;

line-height: 18px;
}
/*t1  */
.t1{
overflow: hidden;
text-align: center;
margin-top: 50px;

}
.t1 p{
  font-size: 120px;
  font-family: Impact;
  line-height: 118px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.07);
  letter-spacing: 18px;
}

.tit2{

display: block;

margin: 0 auto;

text-align: center;

width: 667px;

padding: 5px 12px 5px;
} 
.tit2>h2{

font-size: 76px;

color: #0090ff;

line-height: 72px;

font-weight: 600;

margin-top: -55px;

display: block;

float: left;

margin-right: 10px;
text-shadow: -1px 0 white, 0 1px white, 2px 0 white, 0 -1px white;
}
.tit2>font{

display: block;

float: right;

font-size: 76px;

color: #0090ff;

line-height: 67px;

font-weight: 600;

margin-top: -55px;
text-shadow: -1px 0 white, 0 1px white, 2px 0 white, 0 -1px white;
}
.cp{

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

font-size: 48px;

line-height: 60px;
}
  .tit3 span{

font-size: 100px;

color: #0090ff;

font-weight: 600;

font-family: Impact;

line-height: 92px;

display: inline-block;
}
.line{

margin-top: -23px;
}
.line img{
  
}
.tit3 section{

margin-top: 20px;
}
.tit3 section p{

font-size: 24px;

line-height: 33px;

color: #707070;
}
/* pro */
.pro{
  overflow: hidden;
  margin-top: 80px;
}
.probox{

margin-top: 30px;
}
.image{
  
display: block;
  
float: left;
}
.image img{
    max-width: 100%;
}
.con{

display: block;

float: left;

width: 695px;

background-color: #c4dffd;

height: 267px;

overflow: hidden;

text-align: right;

padding: 12px 113px 39px 12px;
}
.con a{

}
.con a h2{

font-size: 38px;

padding: 60px 0px 12px 40px;

color: #010001;

font-weight: 600;

line-height: 46px;
}
.con a p{

color: #2b3239;
}
.probox-l{
margin-top: 30px;
}
.image-l{
  display: block;
  
  float: right;
}
.image-l img{
  max-width: 100%;
}
.con-l{
  display: block;

  float: left;
  
  width: 695px;
  
  background-color: #c4dffd;
  
  height: 267px;
  
  overflow: hidden;
  
  text-align: right;
  
  padding: 12px 113px 39px 12px;
}
.con-l a{

}
.con-l a h2{
  font-size: 38px;

  padding: 60px 0px 12px 40px;
  
  color: #010001;
  
  font-weight: 600;
  
  line-height: 46px;
}
.con-l a p{
  color: #2b3239;
}
/* 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%;
}
/* worry */
.worry{

margin-top: 50px;

text-align: center;

overflow: hidden;
}
.problem b{
  color: #0090ff;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
}
.problem p{
  
color: #3b3b3b;
  
text-transform: uppercase;
  
font-size: 18px;
  
line-height: 46px;
}
.problem img{
  max-width: 100%;
}
.worry-head{

margin-top: 30px;
}
.worry-head ul{

}
.worry-head ul li{

display: block;

float: left;

width: 364px;

margin-right: 54px;
}
.worry-head ul li:nth-child(3n){
  margin-right: 0px;
}
.worry-head ul li img{

}
.worry-head ul li b{

font-size: 42px;

color: #4e4e4e;

line-height: 83px;
}
.worry-head ul li p{
  
font-size: 24px;
  
color: #4e4e4e;
  
line-height: 38px;
}
/* solve */
.solve{
  overflow: hidden;
  margin-top: 50px;
  text-align: center;
}
.why{
  overflow: hidden;
  margin-top: 50px;
}
.why ul li{
  float: left;
  width: 399px;
  text-align: center;
  margin-bottom: 36px;
}
.why ul li img{}
.why ul li b{
  font-size: 22px;
  color: #000000;
  line-height: 42px;
  display: block;
  font-weight: 500;
}
.why ul li p{
  font-size: 17px;
}
/* dc */
.dc{overflow: hidden;margin-top: 50px;text-align: center;}
.dc-adv{
  /* background: url(../gzsg/zy.jpg)  no-repeat   center center; */
  position: relative;
}
.dc-adv1{

position: absolute;

bottom: 100px;
}
.dc-adv1 ul{

}
.dc-adv1 ul li{display: block;float: left;width: 351px;margin: 2px 22px 0 27px;}
.dc-adv1 ul li:nth-child(3n){
  
}

.dc-adv1 ul li p{
  
font-size: 31px;
  
color: #fff;
  
line-height: 40px;
}
/* pin */
.pin{
  overflow: hidden;
  margin-top: 50px;
  text-align: center;
}
.ca{
  overflow: hidden;
  padding: 0px 0 10px;
}
.ca  li{
  float: left;
  margin-right: 15px;
  width: 390px;
  overflow: hidden;
}
.ca  li:nth-child(3n){margin-right: 0px;}
/* xj */
.xj{
  overflow: hidden;
  margin-top: 50px;
  text-align: center;
}
.details{
  padding: 22px 0 12px;
  overflow: hidden;
}
/*  */
.d1{}
.d1 section{
  float: left;
  width: 542px;
  margin-right: 81px;
}
.d1 section img{}
.d1r{
  float: left;
  margin-top: 61px;
}
.d1r img{float: left;}
.d1r p{
  font-size: 29px;
  line-height: 48px;
  font-weight: 300;
}
/*  */
.d2{
  padding: 33px 0 12px;
  overflow: hidden;
}
.d2 section{
  float: left;
  width: 542px;
}
.d2 section img{}
.d2r{
  float: left;
  margin-top: 61px;
  margin-right: 98px;
  margin-left: 96px;
}
.d2r img{
    float: left;
}
.d2r p{
  font-size: 29px;
  line-height: 48px;
  font-weight: 300;
}
/* scene */
.scene{

overflow: hidden;

margin-top: 50px;
}
.scenea{

width: 778px;

float: left;

overflow: hidden;

margin-top: -10px;
}
.scenea-h{

}
.scenea-h ul{

}
.scenea-h ul li{

width: 386px;

float: left;
}
.scenea-h ul li:nth-child(3n){
  margin-right: 0px;
}
.scenea-h ul li img{

max-width: 98%;
}
.scenea-h ul li p{

font-size: 16px;

text-align: center;

color: #fff;

margin-top: -32px;
}
.scenea-c{

margin-top: 16px;

width: 778px;
}
.scenea-c img{

max-width: 98%;
}
.scenea-c p{

font-size: 16px;

text-align: center;

color: #fff;

margin-top: -32px;
}
.sceneb{

overflow: hidden;
}
.sceneb img{

max-width: 99%;
}
.sceneb p{
  
font-size: 16px;
  
text-align: center;
  
color: #fff;
  
margin-top: -32px;
}

.scened{

overflow: hidden;

margin-top: 16px;
}
.scened-l{

width: 386px;

float: left;

margin-right: 10px;
}
.scened-l img{

max-width: 99%;
}
.scened-l p{

font-size: 16px;

text-align: center;

color: #fff;

margin-top: -32px;
}
.scened-r{

float: left;

width: 804px;
}
.scened-r img{

max-width: 99%;
}
.scened-r p{

font-size: 16px;

text-align: center;

color: #fff;

margin-top: -32px;
}

/* about */
.about{

  overflow: hidden;
  
  margin-top: 40px;
  margin-bottom: 60px;
  }
  .about p{
  
  text-indent: 52px;
  
  font-size: 24px;
  
  line-height: 30px;
  
  font-weight: 400;
  
  padding: 20px 0 20px;
  }
  /*  */
  .tu{
    margin: 20PX;
   
  }
  .tu h2{
   color:#858585 ; 
   font-size: 30px;
  padding: 0 0 50px 95px;}
  .tu b{
    
  float: left;font-size: 21px;padding-left: 60px;line-height: 41px;color: #0075ff;}
  .tu img{
    display: block;
      margin: 0 auto;
      margin-bottom: 30px;
  }
  
  /*  */