
*{margin:0;padding:0;}
html{color:#fff;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#242424;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
img{border:0 none;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor:pointer;}
.white{color: #fff;}
.clearfix:after,clearfix:before{
    content:"";
    display:table;
    clear:both;
}
.clearfix{*zoom:1; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
body{overflow-x:hidden;}
.transition{transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.article h2{color: #000;font-size: 48px;line-height: 1.3;padding: 85px 0 40px 0; text-align: center;font-weight: normal}
.article h2 span{display: block;font-size: 30px;}
.article h2 img{display: block;margin: 15px auto 0}
.btn{display: block;width:320px;height: 60px; border-radius: 35px;line-height: 60px;color: #fff; background: #FE4D77; font-size: 26px;text-align: center;margin: 30px auto 0;transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;}
.btn img{padding-bottom: 4px; vertical-align: middle;}
.btn:hover{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);}
.btn_c{width: 800px; height: 70px; margin: 40px auto 0; }
.btn_c .btn{width:320px; margin:0;}
.btn_c .fl.btn{ margin: 0 ; background:#fdfe1f; color:#5625a3; font-weight: bold;}
.over{overflow: hidden;}
.wp{width: 1200px;margin:0 auto;}
.fl{float: left}
.fr{float: right}
.article .none{margin-right: 0;}
.pb{padding-bottom: 70px}

/*======*/  
.banner{display:block;width: 100%;height:807px;background: url('../images/banner.jpg') no-repeat top center;}
.section1 {background: #4EC2D7;border-bottom: 1px solid #000}
.section1 p{text-align: center}
.section1 dl{position: relative}
.section1 dl dd{width: 100%;position: absolute;left: 0;bottom: 45px}
.section1 dl dd a.btn{width: 490px;height: 65px;line-height: 65px;border: 1px solid #000;background: #4EC2D7;color: #000}
.section2{background: #F4F4F4}
.section2 ul{width: 1183px;margin: 0 auto;overflow: hidden}
.section2 ul li{width: 159px;float: left;margin: 0 5px}
.section2 ul li img{display: block;border-radius: 50%;-moz-box-shadow:0px 4px 10px #B2B2B2; -webkit-box-shadow:0px 4px 10px #B2B2B2; box-shadow:0px 4px 10px #B2B2B2;}
.section2 ul li p{font-size: 18px;color: #000;text-align: center;padding-top: 15px}
.section3 .wp{width: 1060px;margin: 0 auto}
.section3 .over .fl{width: 611px;}
.section3 .over .fr{width: 430px;font-size: 14px;color: #000}
.section3 .over .fr h3{font-size: 28px;color: #02aded;font-weight: normal;line-height: 1.3}
.section3 .over .fr h3 span{display: block;font-size: 20px;color: #000}
.section3 .over .fr h3 span b{font-weight: normal;color: #ff4d6d}
.section3 .over .fr dl{overflow: hidden;margin-top: 10px}
.section3 .over .fr dt{width: 132px;float: left}
.section3 .over .fr dd{width: 250px;float: left;margin-left: 20px;}
.section3 .over .fr dd span{display: block;font-size: 20px;padding-top: 10px}
.section3 .wp h2{color: #FF4D6D}
.section3 .wp h2 span{color: #000}
.section3 .wp a{display: block}
.box_rj{background:url(../images/bg.jpg) top center no-repeat #5E3DF5; padding:54px 0 100px 0;}
.box_rj h2{color: #fff}
.box_rj .wp{background:#fff; padding:20px 0; border-radius:12px;}
.rj_c{padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.rj_c:nth-child(3){border-bottom:0;}
.rj_c1{padding: 30px; border-bottom: 1px solid #dedede; height: 190px;}
.rj_p1{width: 150px; float: left; text-align: center; font-size: 24px; color: #3d3d3d; }
.rj_p1 strong{display: block;margin-top: 15px;}
.rj_c1 .text{width:290px; padding:0 30px; line-height:44px; float: left;}
.rj_c1 .text p{font-size: 18px; color:#707070;}
.rj_c1 .text p strong{color:#3d3d3d;}
.rj_c1 .text p span{background:#f3ecff; color:#5724a3;}
.rj_c1 .text p b{color:#5724a3;}
.rj_c1 dl{width:600px; height:172px; float: left;}
.rj_c1 dd{width:600px; }
.rj_c1 dd p{width:198px; float:left; margin-right:2px; }
.rj_c1 dd p img{width:198px;}
.rj_p2{width: 700px; float: right;}
.rj_p2 span{display: block; float: left; font-size: 18px; color: #666; }
.rj_p2 img{display: inline-block; float: left; margin-left: 11px;}
.rj_c2{padding: 12px 30px 10px 30px;}
.rj_c2 h3{width: 228px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #fff; background: #5724a3; border-radius: 24px; margin-bottom: 12px; font-weight:normal;}
.rj_c2 p{font-size: 18px; color: #666; line-height: 1.7; }
.rj_c2 p span{color:#ff0006;}
.rj_c2 .btn_c{margin-top:20px;}
.rj_c2 .btn_c .fl{font-weight: normal; width:340px;}
.section4{background:url(../images/bg1.jpg) top center no-repeat #EFECFF; padding:54px 0 1px 0;}
.section4 .scroll2{width: 1020px; height: 670px; margin: 0 auto 1px; position: relative;}
.section4 .scroll2 .ph{position: absolute; width: 56px; height: 134px; top: 244px; z-index: 10;}
.section4 .scroll2 .ph.next{right: -90px;}
.section4 .scroll2 .ph.prev{left: -90px;}
.section4 .scroll2 .bd li{height:680px;}
.section4 dl{width: 1020px; height:680px; position:relative;}
.section4 dl dt{width:570px; position:absolute; left: 30px; top: 50px; z-index: 1;}
.section4 dl dt h3{font-size: 40px; color:#000; line-height:1.2;}
.section4 dl dt h3 span{font-size: 29px; color:#ee9a22; font-weight:normal; padding-left:8px;}
.section4 dl dt .p2{font-size: 25px; color:#000;}
.section4 dl dt .p3{font-size: 25px; display:inline-block; padding:0 14px; height:36px; line-height:36px; background:#5E3DF5; color:#fff;}
.section4 dl dt .p4{font-size: 20px; color:#000000; line-height:1.5; padding:30px 0 0 0;}
.section4 dl dt .p4 img{margin-top:32px;}
.section4 dl dt .btn{position:absolute; left: 10px; top: 500px; width:340px; margin:0;}
.section4 dl dt p span{display: block;margin-top: 20px;}
.section4 dl dt p span b{font-weight: normal;color: #5724a3}
.section4 dl dd{position:absolute; top: 0; right:0;}
.section5{background:url(../images/bg2.jpg) top center no-repeat #5E3DF5; padding: 30px 0 100px 0; position:relative;}
.section5 a{background: #FEFE19;color: #471f86;width: 400px}
.section5 h2{color:#fff;}
.section6{padding-top: 80px}
.section6 ul{overflow: hidden}
.section6 ul li{width: 355px;float: left;}
.section6 ul li:nth-child(2){margin: 0 67px}
.section6 ul li dl{background: #5E3DF5;border-radius: 20px;overflow: hidden;margin-bottom: 22px}
.section6 ul li dl dd{height: 100px;color: #fff;line-height: 1.3;text-align: center}
.section6 ul li dl dd strong{display: block;height: 100%;font-size: 26px;font-weight: bold;justify-content: center;align-items: center;display: flex;}
.section6 ul li dl dd span{display: block;width: 100%;font-weight: normal;font-size: 20px;}
.video-js .vjs-big-play-button{width: 48px; height: 48px; border-radius: 50%;     margin-top: -0.8em; margin-left: -0.60em;}
.section6 ul li dl dd.dd strong{height: 45px}
.section6 ul li dl dd a{width: 250px;margin-top: 44px}
.section7 ul{overflow: hidden;padding: 20px 0 50px}
.section7 ul li{width: 200px;padding:30px 30px 0 50px;float: left;height: 250px;border-radius: 50%;position: relative;margin-right: 20px;cursor: pointer;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section7 ul li:nth-child(1){background: #97c8f0;}
.section7 ul li:nth-child(2){background: #fe686a;}
.section7 ul li:nth-child(3){background: #00d8cf;}
.section7 ul li:nth-child(4){background: #ff814f;}
.section7 ul li:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}
.section7 ul .none{margin-right: 0;}
.section7 ul li .p1{font-size: 18px;color: #fff;margin-top: 20px;}
.section7 ul li .p2{font-size: 18px;color: #fff;line-height: 22px;background: url(../images/con2.png) no-repeat left center;padding-left:50px;position: absolute;bottom:30px;right:80px;margin-top: 50px;height: 50px;line-height: 50px;}
.section8 a{display: block;height: 398px;background: url("../images/bg3.jpg") no-repeat center;}








