.banner{position: relative;height: 530px;margin-top: 70px;min-width: 1200px;}
.banner img{position: absolute;left: 50%;margin-left: -960px;display: block;}
.abtns {text-align: center;margin-top: 30px;}
.abtns a{font-size: 28px;line-height: 45px;color: #fff;background-color: #7a78fe;display: inline-block;padding: 0 42px;border-radius: 45px;}

.main{min-width: 1200px;}
.title{text-align: center;}
.title h3{font-size: 38px;line-height: 90px;position: relative;width: 1200px;margin: auto;}
.title h3::before{content: '';position: absolute;left: 570px;bottom: 0;width: 61px;height: 6px;background-color: #7c7cfc;border-radius: 6px;}
.backimg{position: absolute;left: 50%;margin-left: -960px;display: block;}

.cont1{height: 700px;padding-top: 87px;box-sizing: border-box;}
.cont1 .cont1-main ul{display: flex;justify-content: center;margin-top: 47px;}
.cont1 .cont1-main ul li{width: 316px;height: 357px;text-align: center;padding-top: 71px;box-sizing: border-box;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-ms-transition: all .2s ease;transition: all .2s ease;border-radius: 4px;}
    
.cont1 .cont1-main ul li:nth-child(n+2){margin-left: 40px;}
.cont1 .cont1-main ul li p{font-size: 22px;line-height: 58px;margin-top: 21px;}
.cont1 .cont1-main ul li span{font-size: 16px;line-height: 22px;color: #939393;}
.cont1 .cont1-main ul li:hover{-webkit-transform:translate3d(0,-4px,0);-moz-transform:translate3d(0,-4px,0);-o-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);-webkit-box-shadow:0 15px 40px 0 rgba(0,0,0,.12);box-shadow:0 15px 40px 0 rgba(0,0,0,.12);}

.cont2{position: relative;height: 645px;min-width: 1200px;}
.cont2 .title{padding-top: 70px;}
.cont2 .cont2-main{position: relative;}
.cont2 .cont2-main p{font-size: 20px;position: absolute;line-height: 30px;}
.cont2 .cont2-main p:nth-child(2){top: 275px;left: 125px;}
.cont2 .cont2-main p:nth-child(3){top: 180px;left: 875px;}
.cont2 .cont2-main p:nth-child(4){top: 392px;left: 290px;}
.cont2 .cont2-main p:nth-child(5){top: 287px;left: 640px;}
.cont2 .cont2-main p:nth-child(6){top: 565px;left: 128px;}
.cont2 .cont2-main p:nth-child(7){top: 492px;left: 463px;}
.cont2 .cont2-main p:nth-child(8){top: 487px;left: 893px;}
.cont2 .cont2-main .circle{position: absolute;height: 32px;width: 32px;border: 1px solid rgba(113,113,254,0.2);-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.cont2 .cont2-main .circle .dot{position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;}
.cont2 .cont2-main .circle .dot::before{content: ' ';position: absolute;z-index: 2;left: 0;top: 0;width: 6px;height: 6px;background-color: #4444fc;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.cont2 .cont2-main .circle .dot::after{content: ' ';position: absolute;z-index: 1;background-color: #4444fc;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-webkit-animation: ripple 1.2s ease infinite normal;-moz-animation: ripple 1.2s ease infinite normal;-ms-animation: ripple 1.2s ease infinite normal;-o-animation: ripple 1.2s ease infinite normal;animation: ripple 1.2s ease infinite normal;}


.cont2 .cont2-main div:nth-child(9){top: 230px;left: 165px;}
.cont2 .cont2-main div:nth-child(10){top: 135px;left: 915px;}
.cont2 .cont2-main div:nth-child(11){top: 347px;left: 330px;}
.cont2 .cont2-main div:nth-child(12){top: 242px;left: 680px;}
.cont2 .cont2-main div:nth-child(13){top: 520px;left: 168px;}
.cont2 .cont2-main div:nth-child(14){top: 530px;left: 562px;}
.cont2 .cont2-main div:nth-child(15){top: 442px;left: 930px;}

.cont2 .cont2-main div:nth-child(9) .dot::after{animation-delay:171ms;-webkit-animation-delay:171ms;}
.cont2 .cont2-main div:nth-child(10) .dot::after{animation-delay:1197ms;-webkit-animation-delay:1197ms;}
.cont2 .cont2-main div:nth-child(11) .dot::after{animation-delay:513ms;-webkit-animation-delay:513ms;}
.cont2 .cont2-main div:nth-child(12) .dot::after{animation-delay:855ms;-webkit-animation-delay:855ms;}
.cont2 .cont2-main div:nth-child(13) .dot::after{animation-delay:342ms;-webkit-animation-delay:342ms;}
.cont2 .cont2-main div:nth-child(14) .dot::after{animation-delay:684ms;-webkit-animation-delay:684ms;}
.cont2 .cont2-main div:nth-child(15) .dot::after{animation-delay:1026ms;-webkit-animation-delay:1026ms;}

@-webkit-keyframes ripple{0%{left:3px;top:3px;opacity:1;width:0;height:0}100%{left:-14px;top:-14px;opacity:0;width:32px;height:32px}}
@-moz-keyframes ripple{0%{left:3px;top:3px;opacity:1;width:0;height:0}100%{left:-14px;top:-14px;opacity:0;width:32px;height:32px}}
@-o-keyframes ripple{0%{left:3px;top:3px;opacity:1;width:0;height:0}100%{left:-14px;top:-14px;opacity:0;width:32px;height:32px}}
@keyframes ripple{0%{left:3px;top:3px;opacity:1;width:0;height:0}100%{left:-14px;top:-14px;opacity:0;width:34px;height:34px}}
			
.cont3{position: relative;min-width: 1200px;height: 697px;}
.cont3 .backimg{top: 268px;}
.cont3 .title{padding-top: 88px;}

.cont4{position: relative;min-width: 1200px;height: 714px;}
.cont4 .cont4-main{width: 1100px;margin: auto;position: relative;}
.cont4 .cont4-main .swiper-slide{height: 435px;-moz-box-shadow:0px 0px 10px #eaeaea; -webkit-box-shadow:0px 0px 10px #eaeaea; box-shadow:0px 0px 10px #eaeaea;background-color: #fff;
margin: 10px 0;text-align: center;}
.cont4 .title{padding-top: 64px;margin-bottom: 50px;}
.cont4 .cont4-main .swiper-button-prev{top: 188px;left: -94px;}
.cont4 .cont4-main .swiper-button-next{top: 188px;right: -94px;}
.cont4 .cont4-main .swiper-slide img:first-child{margin-top: 43px;width: 107px;height: 107px;border-radius: 50%;}
.cont4 .cont4-main .swiper-slide p{font-size: 24px;}
.cont4 .cont4-main .swiper-slide i{font-size: 15px;line-height: 20px;padding-left: 16px;margin: 10px 0 13px;display: inline-block;}
.cont4 .cont4-main .swiper-slide i:nth-child(3){background: url(../images/project8.png) no-repeat 0 3px;}
.cont4 .cont4-main .swiper-slide i:nth-child(4){background: url(../images/project9.png) no-repeat 0 3px;}
.cont4 .cont4-main .swiper-slide span{display: block;font-size: 14px;line-height: 24px;padding: 0 35px;}
.cont4 .cont4-main .swiper-slide .teabtn{background-color: #fd495d;color: #fff;width: 145px;border-radius: 32px;line-height: 32px;font-size: 18px;margin-top: 11px;display: none;}
.cont4 .cont4-main .swiper-slide:hover .teabtn{display: inline-block;}

.cont5{background: url(../images/project16.png) no-repeat 260px 230px;height: 645px;}
.cont5 .title{padding-top: 75px;}
.cont5 .cont5-main ul{display: flex;margin-top: 128px;justify-content: center;}
.cont5 .cont5-main ul li{width: 235px;text-align: center;}
/* .cont5 .cont5-main ul li:first-child{margin-left: 100px;} */
.cont5 .cont5-main ul li:nth-child(2){margin-left: 128px;}
.cont5 .cont5-main ul li:nth-child(3){margin-left: 115px;}
.cont5 .cont5-main ul li p{font-size: 20px;line-height: 30px;}
.cont5 .cont5-main .abtns{margin-top: 50px;}

.cont6{min-width: 1200px;text-align: center;padding: 112px 0 50px;background-color: #f9f9f9;}
.cont6 h1{font-size: 38px;line-height: 72px;}
.cont6 span{font-size: 20px;line-height: 30px;color: #9d9d9d;}
.cont6 ul{display: flex;justify-content: center;flex-wrap: wrap;width: 1200px;margin: 45px auto 15px;}
.cont6 ul li{width: 465px;background-color: #ededff;display: flex;height: 124px;padding: 22px 45px 0 22px;box-sizing: border-box;text-align: left;margin-bottom: 35px;}
.cont6 ul li:nth-child(odd){margin-right: 70px;}
.cont6 ul li img{border-radius: 50%;height: 81px;margin-right: 18px; width: 81px;}
.cont6 ul li a{font-size: 18px;line-height: 28px;width: 300px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cont6 ul li i{display: block;font-size: 14px;line-height: 22px;}
.cont6 p{width: 1020px;margin: auto;text-align: left;font-size: 20px;line-height: 30px;margin-bottom: 30px;}

.teavideo{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;z-index: 1;}
.teavideo .video{position: absolute;top: 33.3%;left: 33.3%;z-index: 1;}
.teavideo .video video{width: 640px;height: 360px;}
.teavideo .video .closed{font-size: 22px;font-style: normal;position: absolute;top: 0;right: 0;z-index: 3;font-family: 'SinSum';cursor: default;display: block;width: 30px;height: 30px;line-height: 26px;color: #fff;background: orange;border-radius: 50%;text-align: center;}