* {
  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;
}

.w-100 {
  width: 1000px;
  margin: 0 auto;
  display: block;
}

.mt40 {
  margin-top: 40px;
}

.mt20 {
  margin-top: 20px;
}

/* ban  */
.ban {
  overflow: hidden;
  height: 562px;
  background: url(../ddg/banner.jpg) center center no-repeat;
}

.banbox {
  height: 336px;
  top: 105px;
  width: 543px;
  left: 80px;
  text-align: center;
}

.banbox h1 {

  font-size: 88px;

  line-height: 85px;

  color: #4171d9;

  font-weight: 600;

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


.banbox b {

  font-size: 24px;

  line-height: 55px;

  color: white;

  padding: 2px 18px 2px 12px;

  background: #4171d9;

  border-radius: 20px;

  text-transform: uppercase;

  font-weight: normal;
}

.banbox p {
  font-size: 30px;
  line-height: 45px;
  color: #000;
  display: inline-block;
  padding: 0px 6px;
  margin-top: 20px;
}

.line {
  text-align: center;
}

.line img {}

/* dw */
.dw {
  overflow: hidden;
  height: 1148px;
  background: url(../ddg/dw.jpg) center center no-repeat;
  text-align: center;
}

.dw p {
  margin-top: 100px;
  font-size: 70px;
  font-weight: bold;
  line-height: 90px;
}

.dw b {
  font-weight: normal;
  background: #4172d9;
  color: #ffffff;
  padding: 6px 35px 6px 35px;
  border-radius: 40px;
  line-height: 82px;
  font-size: 26px;
}

.dw ul {
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
}

.dw ul li {
  float: left;

  width: 30%;

  padding-top: 30px;
}

.dw ul li img {}

.dw ul li span {
  font-size: 24px;

  border: none;
}

/*  */
.tz {
  overflow: hidden;
}

.tz-h {

padding: 0 10% 0 10%;

background: #edeef2;

overflow: hidden;
}

.tit {}

.tit h2 {

  font-size: 70px;

  color: #464647;

  line-height: 90px;

  padding-top: 40px;
}

.tit img {}

.tit p {

  font-size: 30px;

  line-height: 70px;
}

.dw1 {
  background: url(../ddg/gang.png) no-repeat center center;
  height: 1057px;
  margin: 0 auto;
  position: relative;
  left: -148px;
  top: 50px;
}

.dw1 p {
  font-size: 30px;
  line-height: 30px;
  color: #545454;
}

.dw1 p span {
  font-size: 14px;
  display: block;
  line-height: 35px;
  text-align: center;
}

.p1 {
  position: absolute;
  top: 8px;
  right: -20px;
}

.p2 {
  position: absolute;
  right: 38px;
  top: 69px;
}

.p3 {
  position: absolute;
  right: 4px;
  top: 274px;
}

.p4 {
  position: absolute;
  top: 352px;
  right: 95px;
}

.p5 {
  position: absolute;
  top: 423px;
  right: 96px;
}

.p6 {
  position: absolute;
  top: 498px;
  right: -55px;
}

/*  */
.tit2 {
  margin-top: -100px;
  text-align: center;
}

.tit2 b {
  font-size: 70px;
  color: #464647;
  line-height: 108px;
  padding-top: 40px;
  font-weight: normal;
}

.tit2 img {
  display: block;
  margin: 0 auto;
}

.tit2 p {
  font-size: 30px;
  line-height: 70px;
}
/*  */
.tech{

overflow: hidden;

text-align: center;
}
.tech ul{
}
.tech ul li{

display: block;

float: left;

width: 25%;

position: relative;
}
.tech ul li img{

}
.tech ul li b{

font-size: 30px;

color: #ffffff;

position: absolute;

top: 185px;

left: 56px;

line-height: 30px;

font-weight: normal;
}
.tech ul li p{
  
font-size: 18px;
  
color: #ffffff;
  
line-height: 26px;
  
position: absolute;
  
top: 250px;
  
left: 36px;
}
/*  */
.reason{overflow: hidden;text-align: center;}
.rea-h{
  background: #edeef2;
  overflow: hidden;
}
.tit3{
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}
.tit3 b{
  font-size: 70px;
  color: #464647;
  line-height: 108px;
  padding-top: 40px;
  font-weight: normal;
}
.tit3 img{
  display: block;
  margin: 0 auto;
}

.rea-h ul{

text-align: center;

margin: 0 auto;

padding: 0 10% 0 10%;
}
.rea-h ul li{
  background: linear-gradient(120deg, #49a5d9 0%, #3764bb 100%);
  font-size: 26px;
  line-height: 30px;
  float: left;
  width: 808px;
  height: 115px;
  margin-bottom: 20px;
  border-radius: 34px;
}
.rea-h ul li b {

float: left;

font-size: 78px;

line-height: 115px;

display: block;

color: #ffffff;

background: black;

border-radius: 32px;

padding: 0 20px;
}
.rea-h ul li p{

float: left;

font-size: 32px;

line-height: 112px;

display: block;

color: #ffffff;

padding-left: 20px;

}

/*  */
.ly{
  overflow: hidden;
}
.ly-h{

background: #edeef2;

overflow: hidden;

padding: 0 10% 0 10%;
}
.tit4{
  text-align: left;
  margin-bottom: 40px;
  margin-top: 40px;
}
.tit4 h2{
  font-size: 70px;
  color: #464647;
  line-height: 108px;
  padding-top: 40px;
}
.tit4 img{
  display: block;
  /* margin: 0 auto; */
}
.ly-e{

  overflow: hidden;
  
  text-align: center;
  }
  .ly-e ul{
   margin-top: 20px;
  }
  .ly-e ul li{
  
display: block;
  
float: left;
  
width: 24%;
  
position: relative;
  
margin-right: 10px;
  
overflow: hidden;
  }
.ly-e ul li:nth-child(4){
    margin-right: 0px;
  }
  .ly-e ul li img{
  
  }
  .ly-e ul li b{
  
font-size: 28px;
  
color: #ffffff;
  
position: absolute;
  
top: 437px;
  
left: 71px;
  
line-height: 26px;
  
font-weight: normal;
  }
  .ly-e ul li p{
    
font-size: 16px;
    
color: #ffffff;
    
line-height: 22px;
    
position: absolute;
    
top: 473px;
    
left: 61px;
  }
  /*  */
.ly-a{

overflow: hidden;

text-align: center;
}
.ly-a b{font-size: 40px;line-height: 40px;}
.ly-a ul{
margin-top: 40px;
}
.ly-a ul li{

float: left;

margin-right: 37px;
}
.ly-a ul li img{}
.ly-a ul li p{

font-size: 27px;

line-height: 62px;

color: #000000;
}
.ly-a ul li:nth-child(3n){
  margin-right: 0px;
}

/*  */
.characteristic{
  overflow: hidden;
  /* text-align: center; */
}
.characteristic-h{
  background: #edeef2;
  padding: 0 10% 0 10%;
  overflow: hidden;
}
.characteristic-h p{
  
font-size: 32px;
  
line-height: 45px;
  
color: #464647;
}
.tit5{
  text-align: center;
  margin-bottom: 40px;
}
.tit5 h2{
  font-size: 70px;
  color: #464647;
  line-height: 108px;
  padding-top: 40px;
}
.tit5 img{
  display: block;
  margin: 0 auto;
}
/*  */
.advantage{
overflow: hidden;
margin-bottom: 50px;
}
.advantage-h{
  background: #edeef2;
  padding: 0 10% 0 10%;
  overflow: hidden;
}
.advantage-e{
  overflow: hidden;
  margin-top: 40px;
}
.adv-l{

float: left;

margin-right: 20px;

overflow: hidden;
}
.adv-l img{

}
.adv-r{

overflow: hidden;
}
.adv-r p{

color: #3778be;

font-size: 26px;

line-height: 46px;

text-align: center;
}
.adv-r span{
  
font-size: 18px;
  
line-height: 32px;
  
color: #3c4142;
}
.advantage-a{

overflow: hidden;

margin-top: 40px;
}
.adv-a{
  overflow: hidden;
  float: left;
  width: 384px;
}
.adv-a p{
  color: #3778be;
  font-size: 26px;
  line-height: 46px;
  text-align: center;
}
.adv-a span{
  font-size: 18px;
  
  line-height: 32px;
    
  color: #3c4142;
}
.adv-b{
  float: right;

  margin-left: 20px;
  
  overflow: hidden;
}
.adv-b img{

}