html{background-color: #fff!important;min-height: 100%;}
body{color: #333333;font-family: 'Microsoft YaHei';background-color: #FFFFFF;}
/* 公共样式 */
.mainContain{width: 100%;overflow: hidden;}
.mainBody{width: 1200px;padding:70px 0 0;margin: 0 auto;}
.mainBody h1{color: #333333;font-family: 'Microsoft YaHei';margin-bottom: 20px;font-size: 30px;text-align: center;margin-top: 0;font-weight: normal;line-height: 1;}
.mainBody h3{font-size: 16px;color: #999999;font-weight: 500;line-height: 1;}
.mainTop{margin-top: 40px;}
/* 弹性布局 */
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
/* 清除浮动 */
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
/* banner */
.banner2{background: url(../images/bannerAI.jpg) no-repeat top center;height: 437px;position: relative;background-size: cover;}
.banner2 .titles{position: absolute;color: #fff;top: 120px;text-align: left;line-height: 1.5;left: 18%;}
.banner2 .title1{font-size: 48px;}
.banner2 .title2{font-size: 68px;}
.banner2 .title2 span{color: #fffc19;}
.banner2 .title3{font-size: 22px;}
/* seciotn1 */
.section1 .mainBody{width: 100%;}
.section1 img{margin-top: 40px;width: 100%;}
/* seciotn2 */
.section2{background: url(../images/section2/section2Bg.jpg) no-repeat top center;height: 440px;position: relative;background-size: cover;}
.section2 h1,.section2 h3{color: #ffffff;}
.section2 ul li{width: 16%;background-color: #fff;padding: 25px 0;box-sizing: border-box;}
.section2 ul li .imgBox{width: 60px;height: 60px;margin: 0 auto;position: relative;}
.section2 ul li .imgBox img{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.section2 ul li .t1{font-size: 16px;color: #666666;margin-bottom: 15px;}
.section2 ul li .t2{font-size: 18px;color: #333333;}
/* section3 */
.section3{height: 830px; background: url(../images/section3/s3pic1.png) no-repeat 100px 85px,url(../images/section3/s3pic2.png) no-repeat 1400px 85px;}
.section3 .mainBody{position: relative;}
.section3 ul{display: inline-block;font-size: 20px;margin-top: 49px;}
.section3 .s3-center{position: absolute;left: 50%;transform: translateX(-50%);color: #0002C6;z-index: 2;}
.section3 .s3-left,.section3 .s3-right{float: left;margin-top: 51px;}
.section3 .s3-left li,.section3 .s3-right li{color: #fff;border-radius: 30px;height: 51px; padding: 15px 20px;box-sizing: border-box;margin-bottom: 36px;overflow: hidden;}
.section3 .s3-center li{width: 110px;height: 60px;background-color: #fff;border-radius: 100px;margin-bottom: 27px;line-height: 1.3;}
.section3 .s3-left{text-align: right;margin-left: 10%;width: 38%;}
.section3 .s3-left li{background-color: #0002C6;padding: 15px 60px 15px 0;}
.section3 .s3-left li:nth-child(1){margin-left: 40%;}
.section3 .s3-left li:nth-child(2){margin-left: 10%;}
.section3 .s3-left li:nth-child(3){margin-left: 10%;}
.section3 .s3-left li:nth-child(4){margin-left: 20%;}
.section3 .s3-left li:nth-child(5){margin-left: 30%;}
.section3 .s3-left li:nth-child(6){margin-left: 0;}
.section3 .s3-left li:nth-child(7){margin-left: 30%;}
.section3 .s3-right{text-align: left;margin-left: 4%;width: 46%;}
.section3 .s3-right li{background-color: #203A5F;padding: 15px 0 15px 60px;}
.section3 .s3-right li:nth-child(1){margin-right: 50%;}
.section3 .s3-right li:nth-child(2){margin-right: 30%;}
.section3 .s3-right li:nth-child(3){margin-right: 30%;}
.section3 .s3-right li:nth-child(4){margin-right: 30%;}
.section3 .s3-right li:nth-child(5){margin-right: 0;}
.section3 .s3-right li:nth-child(6){margin-right: 10%;}
.section3 .s3-right li:nth-child(7){margin-right: 30%;}
/* section4 */
.section4{background-color: #F3F7FA;padding-bottom: 60px;}
.section4 ul{}
.section4 li{width: 23%;background-color: #fff;padding: 15px 0 30px;margin-bottom: 30px;box-sizing: border-box;}
.section4 li .box{width: 100px;height: 100px;position: relative;margin: 0 auto;}
.section4 li .box img{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.section4 li .y1{font-size: 18px;margin-bottom: 15px;}
.section4 li .y2{font-size: 14px;color: #999999;}
/* section5*/
.section5{background: url(../images/section5/s5pic1_02.jpg) no-repeat center;height: 390px;background-size: cover;}
.section5 h1{color: #eeeeee;font-size: 48px;line-height: 1;padding: 115px 0 75px;}
.section5 .ask{font-size: 24px;background-color: #d90f23;width: 220px;line-height: 60px;margin: 0 auto;display: block;color: #fff;}
.section5 .ask:hover{filter: brightness(1.2);}
/* section6*/
.section6 li{background-color: #f7f7f7;margin-bottom: 30px;width: 23%;}
.section6 li img{width: 100%;}
.section6 li p{font-size: 18px;text-align: left;padding-left: 20px;line-height: 35px;position: relative;}
/* section7 */
.section7{background: url(../images/section7/s7bg.jpg) no-repeat center bottom;}
.section7 li{width: 16%;margin-bottom: 80px;}
.section7 li p{font-size: 18px;margin-top: 15px;}
/* section8 */
.section8{margin-bottom: 60px;}
/* 语音 */
.audioplayer {
height: 2.5em;
color: #3da7f5;
position: relative;
z-index: 1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.video audio {
width: 100%;
background: none;
}
@media screen and (max-width:1680px){
.banner2 .titles{left: 14%;}
.section3{background:url(../images/section3/s3pic1.png) no-repeat 50px 85px,url(../images/section3/s3pic2.png) no-repeat 1250px 85px;}
.section5{height: 340px;}
.section5 h1{padding: 90px 0 60px;}
}
@media screen and (max-width:1440px){
.banner2 .titles{left: 8%;}
.section3{background:url(../images/section3/s3pic1.png) no-repeat 0 85px,url(../images/section3/s3pic2.png) no-repeat 1050px 85px;}
.section5{height: 295px;}
.section5 h1{padding: 70px 0 50px;}
}
@media screen and (max-width:1024px){
.banner2{height: 330px;}
.banner2 .titles{top: 100px;}
.mainBody{width: 96%;}
.banner2 .title1{font-size: 30px;}
.banner2 .title2{font-size: 48px;}
.banner2 .title3{font-size: 16px;}
.section1 img{width: 130%;margin-left: -15%;}
.section3{background:url(../images/section3/s3pic1.png) no-repeat 0 85px,url(../images/section3/s3pic2.png) no-repeat 690px 85px;}
.section3 .s3-left, .section3 .s3-right{font-size: 16px;}
.section8 ul{width: 80%;margin: 40px auto;}
.section8 li{width: 30%;margin-bottom: 20px;}
}
@media screen and (max-width:768px){
.banner2{height: 260px;}
.banner2 .titles{top: 80px;}
.banner2 .title1{font-size: 24px;}
.banner2 .title2{font-size: 38px;}
.banner2 .title3{font-size: 14px;}
.section2{height: 400px;}
.section2 ul li{font-size: 18px;}
.section2 ul li .t1{font-size: 14px;margin-bottom: 5px;}
.section2 ul li .t2{font-size: 16px;}
.section3 .s3-left li:nth-child(1){margin-left: 26%;}
.section3 .s3-left li:nth-child(2){margin-left: 0;}
.section3 .s3-left li:nth-child(3){margin-left: -8%;}
.section3 .s3-left li:nth-child(4){margin-left: 10%;}
.section3 .s3-left li:nth-child(5){margin-left: 20%;}
.section3 .s3-left li:nth-child(6){margin-left: -24%;}
.section3 .s3-left li:nth-child(7){margin-left: 20%;}
.section3 .s3-right li:nth-child(1){margin-right: 50%;}
.section3 .s3-right li:nth-child(2){margin-right: 20%;}
.section3 .s3-right li:nth-child(3){margin-right: 20%;}
.section3 .s3-right li:nth-child(4){margin-right: 16%;}
.section3 .s3-right li:nth-child(5){margin-right: -8%;padding: 5px 0 15px 50px;}
.section3 .s3-right li:nth-child(6){margin-right: 10%;}
.section3 .s3-right li:nth-child(7){margin-right: 20%;}
.section4 li{padding: 15px 10px 30px;}
.section4{padding-bottom: 30px;}
.section7 li img{width: 100%;}
}
@media screen and (max-width:414px){
.mainBody{width: 92%;}
.banner2{height: 200px;}
.banner2 .titles{top: 60px;}
.banner2 .title1{font-size: 16px;}
.banner2 .title2{font-size: 22px;}
.banner2 .title3{font-size: 12px;}
.banner2 .title3 span{display: block;}
.mainBody{padding: 40px 0 0;}
.mainBody h1{font-size: 24px;margin-bottom: 15px;}
.mainBody h3{font-size: 12px;}
.section1 img{width: 100%;margin-left: 0;margin-bottom: 20px;}
.section2{height: auto;}
.section2 ul li{width: 48%;margin-bottom: 15px;}
.section2 ul li:last-child{display: none;}
.mainBody{padding: 40px 0 20px;}
.section3{background: none;height: 620px;}
.section3 .s3-center{font-size: 16px;margin-top: 15px;}
.section3 .s3-center li{width: 90px;height: 55px;margin-bottom: 16px;line-height: 1.5;}
.section3 .s3-left, .section3 .s3-right{font-size: 14px; margin-top: 16px;}
.section3 .s3-left{margin-left: 0;width: 46%;}
.section3 .s3-left li{margin-left: -6%!important;padding: 15px 37px 15px 0;}
.section3 .s3-right li{margin-right: -15%!important;padding: 15px 0 15px 52px;}
.section3 .s3-left li,.section3 .s3-right li{margin-bottom: 20px;border-radius: 5px;}
.section3 .s3-left li:nth-child(2),.section3 .s3-left li:nth-child(3),
.section3 .s3-left li:nth-child(4),.section3 .s3-left li:nth-child(6){padding-top: 5px;}
.section3 .s3-right li:nth-child(2),.section3 .s3-right li:nth-child(3),
.section3 .s3-right li:nth-child(4),.section3 .s3-right li:nth-child(6),
.section3 .s3-right li:nth-child(7){padding-top: 5px;}
.section4 {padding-bottom: 0;}
.section4 li{width: 48%;margin-bottom: 15px;}
.section5 {height: 190px;}
.section5 h1 {padding: 50px 0 30px;font-size: 24px;}
.section5 .ask{width: 150px;line-height: 40px;font-size: 16px;}
.section6 li{width: 48%;margin-bottom: 15px;}
.section7{background: none;}
.section8{margin-bottom: 0;}
.section7 li{width: 22%;margin-bottom: 20px;}
.section8 ul{width: 100%;margin: 40px auto 0;}
.section8 li{width: 48%;margin-bottom: 10px;}
.section8 li img{width: 100%;}
}
@media screen and (max-width:320px){
.mainBody h1{font-size: 20px;}
.section7 li p{font-size: 14px;}
.section3 .s3-left li:nth-child(7){padding-top: 5px;}
}