@charset "utf-8";
body{padding:0;margin:0;font-family:"Microsoft YaHei";color:#333;background: #f4f3f8;min-width: 1120px;max-width: 1920px;}
ol,ul{list-style:none;}
img{vertical-align:top;display:block;border:none;}
a{color:#333;cursor:pointer;text-decoration:none;}

.banner{min-width:1120px;width:100%;position:relative; overflow: hidden;}
.banner img{width:100%;}

.pg1{text-align: center;margin: 60px  auto;width: 1120px;}
.pg2{text-align: center;padding: 60px  0;background: white;}
.pg3{text-align: center;margin: 60px  auto;}

.pg7{background: linear-gradient(#4533fd, #4533fd);text-align: center;padding: 60px 0;}
.pg8{background: #150522;text-align: center;padding: 60px 0;}

.tit_h2{font-size: 42px;line-height: 1.2em;margin: 0 0 0.2em;background-image: -webkit-linear-gradient(right,#1e9dff,#1e9dff,#4736af,#4736af);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;position: relative;width: auto;padding: 0 70px;}
.tit_h2.co2{background-image: -webkit-linear-gradient(right,#5bebd2,#5cebd2,#f04966,#f04966);}
.tit_h2::after{content: "";position: absolute;right: 0;top: 0;background: url(../images/gj.png) right no-repeat;width: 34px;height: 54px;}
.tit_h2::before{content: "";position: absolute;left: 0;top: 0;background: url(../images/gj.png)no-repeat;height: 54px;width: 45px;}
.tit_p{font-size: 18px;line-height: 2em;margin: 0 auto 0.2em;width: 1120px;text-align: left;text-indent: 2em;}
.ljzx{display: inline-block;width: 380px;height: 64px;line-height: 62px;text-align: center;color: #fff;font-size: 24px;margin: 0;border-radius: 40px;background: linear-gradient(to right, #3e56ff , #8d11ff);}
.ljzx.bg2{color: #4533fd;background: white;}
.ljzx:hover{color:#00fef1;}

.con1 {margin: 30px auto;width: 1120px;text-align: center;padding: 0 0 10px;}
.con1 img{margin: 0 auto;}
.con1 .kc{width: 1040px;background-position: 1px 0!important;}
.con1 .kc2{width: 520px;background-position: top right!important;}
.con1 .kc{overflow: hidden;padding: 0;background: url(../images/kc.png) no-repeat;margin: 24px auto;}
.con1 .kc li{font-size: 20px;float: left;width: 130px;padding: 54px 0 0 0;line-height: 1.6em;}
.con1 .qus {overflow: hidden;margin: 40px  auto 30px;padding: 0;width: 1000px;}
.con1 .qus li {text-align: center;height: 50px;line-height: 50px;float: left;color: #fefeff;font-size: 20px;padding: 0 1em;}
.con1 .qus li a{width: 100%;height: 100%;margin:  0; line-height: 50px;font-size: 20px; color: #fefeff;background:none;}
.con1 .qus .l_1 {/* width: 148px; */margin: 12px 0 0 94px;background: #7d5aff;}
.con1 .qus .l_2 {/* width: 201px; */margin: 0 0 0 55px;background: #4a7fe0;}
.con1 .qus .l_3 {/* width: 183px; */margin: 12px 0 0 58px;background: #5d6dff;}
.con1 .qus .l_4 {/* width: 193px; */margin: 12px 0 0 68px;background: #61b7ff;}
.con1 .qus .l_5 {/* width: 184px; */margin: 20px 0 0 0px;background: #61b7ff;}
.con1 .qus .l_6 {/* width: 161px; */margin: 35px 0 0 62px;background: #4a7fe0;}
.con1 .qus .l_7 {/* width: 211px; */margin: 30px 0 0 63px;background: #7462ff;}
.con1 .qus .l_8 {/* width: 175px; */margin: 30px 0 0 59px;background: #5e6dff;}
.con1 .s1_bot {width: 1000px;height: 130px;background: url(../images/s1_20.jpg) no-repeat center;margin: 0 auto;overflow: hidden;padding: 0 132px;box-sizing: border-box;}
.con1 .s1_bot li {float: left;color: #ffffff;font-size: 18px;line-height: 26px;background: url(../images/s1_22.png) no-repeat center top;cursor: pointer;text-align: center;padding-top: 9px;width: 150px;}
.con1 .s1_bot li:hover {transform:translate(0,-10px);  color: #73f7ff;}
.con1 .s1_bot .left {padding-top: 47px;margin-top: 16px;}
.con1 .s1_bot .middle {padding-top: 9px;background: url(../images/s1_22.png) no-repeat center bottom;margin: 10px 143px 0;padding-bottom: 43px;position: relative;}
.con1 .s1_bot .right {background: url(../images/s1_22.png) no-repeat center bottom;margin-top: 10px;padding-bottom: 55px;}

.con2  {width: 1120px;margin: 30px auto;}
.con2 ul{margin: 0 auto;overflow: hidden;width: 1040px;padding: 0;}
.con2 li{float: left;width: 520px;}
.con2 li p{color: #333;font-size: 20px;line-height: 30px;margin: 0 auto;position: relative;}
.con2 li p::after{content: "";position: absolute;left: 100px;top: 0;bottom: 0;margin: auto;width: 10px;height: 10px;border-radius: 50%;background: #8971fb;}
.con2 img {margin: 18px auto;}
.con2 .notice {color: #999;font-size: 16px;line-height: 34px;text-align: center;padding: 0;margin: 0 auto;}

.con3{width: 1120px;margin: 30px auto;overflow: hidden;padding: 10px 0;}
.con3 .le{float: left;width: 280px;background: linear-gradient(#5470ff, #7d5aff);padding: 7px 0;margin: 0;}
.con3 .le>li{position: relative;height: 87px;margin: 24px 0;}
.con3 .le>li p{height: 87px;line-height: 87px;cursor: pointer;padding-left: 110px;font-size: 24px;color: #fff;position: absolute;margin: 0;font-weight: bold;width: 100%;box-sizing: border-box;text-align: left;}
.con3 .le>li.show{background: white;box-shadow: 0 0 4px #b5b5b5;position: relative;}
.con3 .le>li.show::before{content: "";position: absolute;right: -11px;top: 0;bottom: 0;margin: auto;width: 24px;height: 24px;background: white;box-shadow: 1px -1px 1px #b5b5b5;transform: rotate(45deg);}
.con3 .le>li.show p{filter: drop-shadow(180px 0 0px #596dff);left: -180px;}
.con3 .ri{width: 804px;float: left;overflow: hidden;margin: 0;padding: 0 0 0 36px;background: white;}
.con3 .ri>li.show{display: block;}
.con3 .ri>li{color: #666666;font-size: 18px;line-height: 28px;display: none;position: relative;height: 675px;}
.con3 .ri div{overflow: hidden;margin: 15px 0;}
.con3 .ri img{margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;}
.con3 .ri h4{float: left;font-weight: bold;font-size: 24px;line-height: 36px;color: #4243b9;margin: 0;}
.con3 .ri ul{color: #666666;font-size: 18px;line-height: 28px;float: left;margin: 0 0 0 1.5em;text-align: left;width: 660px;padding: 0;}
.con3 .xm{height: 140px;}
.con3 .xm li{float: left;min-width: 50%;}
.con3 .le .l1 p{background: url(../images/icon_1_31.png) no-repeat 34px center;}
.con3 .le .l2 p {background: url(../images/icon_1_34.png) no-repeat 34px center;}
.con3 .le .l3 p {background: url(../images/icon_1_37.png) no-repeat 34px center;}
.con3 .le .l4 p {background: url(../images/icon_1_40.png) no-repeat 34px center;}
.con3 .le .l5 p {background: url(../images/icon_1_41.png) no-repeat 27px center;}
.con3 .le .l6 p {background: url(../images/icon_1_43.png) no-repeat 34px center;}

.con4 {background: url(../images/con4_bg.png) center no-repeat;overflow: hidden;margin: 30px auto;width: 1060px;}
.con4 ul{padding: 0;width: 419px;}
.con4 .le{float: left;padding: 0 0 0 3px;}
.con4 .ri{float: right;padding: 0 3px 0 0;}
.con4 .ri li{float: right;}
.con4 .ri div{float: right;min-width: 280px;}
.con4 .ri li::after{right: -3px;left: initial;}
.con4 .ri li::before{left: -50px;bottom: 12px;transform: rotate(30deg);}
.con4 .ce{width: 280px;}
.con4 .tp{height: 100px;width: 320px;padding: 0;}
.con4 li{text-align: left;border-bottom: 1px dashed #422adc;position: relative;height: 170px;box-sizing: border-box;width: 370px;padding: 70px 0 0 0;}
.con4 li::after{content: "";position: absolute;left: -3px;bottom: -3px;width: 5px;height: 5px;border: 1px solid #422adc;border-radius: 50%;background: #f4f3f8;}
.con4 li::before{content: "";position: absolute;right: -50px;bottom: 12px;border-bottom: 1px dashed #422adc;width: 50px;transform: rotate(-30deg);}
.con4 h5{color: #1b1a1a;width: 260px;margin: 0;font-size: 22px;line-height: 1.6em;}
.con4 p{color: #5c5959;margin-top: 7px;font-size: 17px;line-height: 1.4em;}


.con5 {background: url(../images/con5_bg.png) center no-repeat;overflow: hidden;margin: 30px auto;width: 1120px;}
.con5 .le{float: left;}
.con5 .ri{float: right;}

.con6{margin: 30px auto;padding: 0 14px;width: 1120px;box-sizing: border-box;overflow: hidden;}
.con6 li{float: left;margin: 10px 15px;position: relative;}
.con6 p{position: absolute;background-color: #01e497;font-size: 18px;line-height: 2em;bottom: 2em;margin: 0;left: 0;width: 100%;color: white;}

.con7{margin: 30px auto;/* padding: 0 14px; */width: 1120px;box-sizing: border-box;/* height: 225px; */overflow: hidden;padding: 0;}
.con7 li{float: left;margin: 5px 11px 5px 0;position: relative;}
.con7 p{position: absolute;background-color: #01e497;font-size: 18px;line-height: 2em;bottom: 2em;margin: 0;left: 0;width: 100%;color: white;}

.con8{margin: 30px auto;position: relative;height: 720px;max-width: 1920px;min-width: 1120px;overflow: hidden;}
.con8 .swiper-container{width: 1920px;position: absolute;left: 50%;margin-left:-960px;padding: 0 0 10px;}
.con8 ul{padding: 0;margin: 0;}
.con8 li{width: 380px;transition: all 0.3s ease;padding: 16px 0 0;}
.con8 li img{width: 100%;}
.con8 h4{font-size: 18px;font-weight: normal;color: #515153;line-height: 1.6em;margin: 10px 0;}
.con8 h4 span{font-size: 28px;display: block;color: black;line-height: 1.6em;}
.con8 p{opacity: 0;line-height: 1.6em;font-size: 16px;text-align: left;text-indent: 2em;width: 90%;margin: 0 auto;}
.con8 li.active{width: 408px;padding: 0;}
.con8 li.active p{opacity: 1;transition: all 0.3s ease;}
.con8 .swiper-pagination{bottom: 0;}

.sec6_cont{margin-top: 114px;width: 1120px;margin: 0 auto;height: 400px;padding: 0 100px;box-sizing: border-box;}
.sec6_left{width: 480px;float: left;margin: 0 100px 0 0;}
.sec6_left a{width: 290px;height: 50px;display: block;font-size: 18px;line-height: 50px;color: white;text-indent: 1em;float: left;margin: 15px 0;border-radius: 8px;opacity: 0.7;position: relative;}
.sec6_left a:hover{opacity: 1;}
.sec6_left a::after{content: " ";width: 0;border: 10px solid transparent;border-top-width: 30px;border-top-color: inherit;position: absolute;left: 32px;bottom: -30px;transform: rotate(33deg);}
.sec6_left .fr{float: right;}
.sec6_left .fr::after{transform: rotate(-33deg);right: 32px;left: inherit;}
.sec6_left strong{float: right;font-weight: normal;margin: 0 1em 0;color: white;}
.sec6_left span{color: white;}
.sec6_left .zx1{background: linear-gradient(to right, #0080b3 , #1bbbbd);color: #058bb4;}
.sec6_left .zx2{background: linear-gradient(to right, #a01082 , #df0362);color: #d60566;}
.sec6_left .zx3{background: linear-gradient(to right, #410461 , #6c0480);color: #470466;}
.sec6_left .zx4{background: linear-gradient(to right, #0080b3 , #1bbbbd);/* opacity: 0.5; */color: #17b3bb;}
.sec6_left .zx5{background: linear-gradient(to right, #a01082 , #df0362);opacity: 0.5;color: #a90e7e;}

.sec6_left a:hover{opacity: 1;filter: alpha(opacity=100);}
.sec6_form{width: 340px;height: 400px;background: white;border-radius: 6px;float: left;padding: 50px 0;box-sizing: border-box;}
.sec6_form p{font-size: 30px;text-align: center;background: url(../images/sec6_formtt.png) no-repeat center bottom;line-height: 34px;height: 60px;margin: 0 0 40px;}
.sec6_form input{display: block;width: 258px;height: 46px;border: 1px solid #d6d6d6;font-size: 18px;line-height: 46px;text-indent: 3em;margin: 20px auto;padding: 0;}
.sec6_form .username{background: url(../images/user_name.png) no-repeat;}
.sec6_form .mobile{background: url(../images/user_tel.png) no-repeat;text-indent: 62px;margin-top: 20px;margin-left: 40px;}
.sec6_form .sub{display: block;width: 260px;height: 48px;border: none;font-size: 20px;line-height: 48px;color: white;background: #f21250;text-align: center;border-radius: 6px;cursor: pointer;text-indent: 0;margin: 30px auto 0;}


.margin_r_0{margin-right:0!important;}
.co_wt{color: white!important;}
.te_ce{text-align: center!important;text-indent: 0!important;}