.banner{padding-bottom: 80px;}
.banner .Cell{padding: 0;}
.banner h1{font-size: 34px; color: #3e3c3c; padding-bottom: 40px;}
.banner p{font-size: 18px; color: #555; line-height: 1.5; padding-bottom: 50px;}
.banner a.down{display: inline-block; height: 70px; background-color: #317bf6; text-align: center; padding: 0 25px; border-radius: 8px; text-decoration: none; line-height: 70px; font-size: 22px; color: #fff; margin: 0 auto;}
.banner a.down:hover{background-color: #1d5cc2;}
.banner span{font-size: 16px; color: #555; text-align: center; padding-top: 10px;}
.banner span a{text-decoration: underline; color: #555;}
.banner span a:hover{color: #1d5cc2; text-decoration: none;}

@media screen and (max-width: 1300px) {
  .banner .container{padding: 0 40px;}
}

.banner img{display: block; width: 100%; height: auto;}


.section .top{background: url(../../images/20210721/index-lis-bg1.png) no-repeat; background-position: 30% 0%; width: 100%; height: 83px;}
.section .bottom{background: url(../../images/20210721/index-lis-bg2.png) no-repeat; background-position: 70% 0%; width: 100%; height: 82px;}
.section .con{background-color: #263349; padding: 20px 0;}
.section .con h3{font-size: 36px; color: #fff; padding: 0 50px; padding-bottom: 25px;}
.section .con p{font-size: 18px; color: #fff; line-height: 1.4; padding: 0 50px;}

.section .con .lis{padding: 30px 0;}
.section .con .lis1{background: url(../../images/20210721/index-lis1-bg.png) center no-repeat; height: 544px;}
.section .con .lis1 .pics-contain{margin-top: 100px;}
.section a{font-size: 18px; color: #fff;}
.section a:hover{color: #1d5cc2; text-decoration: none;}

.ad{background: url(../../images/20210721/ad-bg.png) no-repeat; background-position: center 0; padding: 230px 0;}
.ad .container{padding: 0 60px;}
.ad .box{min-height: 530px; width: 100%; background: linear-gradient(90deg, rgba(51, 206, 133, 0.8),rgba(61, 68, 123, 0.8)); border-radius: 30px;}
.ad .box .pics-contain{margin-left: -20px;}
.ad .box .Cell{padding: 0;}
.ad .box .txt{padding-right: 40px;}
.ad .box h3{color: #fff; font-size: 46px;}
.ad .box ul{padding-left: 40px; padding-top: 15px; padding-bottom: 20px;}
.ad .box li{font-size: 20px; color: #fff; padding: 10px 0;}
.ad .box a{height: 54px; background-color: #1a1c1b; border-radius: 27px; padding: 0 30px; margin: 40px auto; color: #fff; font-size: 22px; font-weight: 700; text-decoration: none;}
.ad .box a:hover{background-color: rgba(61, 61, 61, .9);}
.ad .box a span{padding-left: 10px;}
.ad .box a.buy i{background: url(../../images/20210721/buy-ico.png) center no-repeat; display: inline-block; width: 22px; height: 18px;}
.ad .box a.down i{background: url(../../images/20210721/down-ico.png) center no-repeat; display: inline-block; width: 16px; height: 21px; margin-top: -3px;}