
*{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: #393a63;font-size: 48px;line-height: 1.3;padding: 85px 0 40px 0; text-align: center; position:relative;}
.article h2 span{font-size: 32px; display: block; padding:10px 0; font-weight: normal; position:relative;z-index: 1;}
.article h2 i{display:block; width:62px; height:5px; margin: 6px auto; background:#322952; position:relative; z-index: 1;}
.article h2 strong{font-size: 123px; color:rgba(180,169,220,0.1); position:absolute; display:block; width:100%; text-align:center; top: 0; left: 0;}
.btn{display: block;width:350px;height: 62px; border-radius: 35px;line-height: 62px;color: #4f239f; background: #fefe19; font-size:24px;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: 720px; height: 70px; margin: 40px auto 0; }
.btn_c .btn{width:320px; margin:0;}
.btn_c .fr.btn{ margin: 0 ; background:#504eb1; color:#fff; }
.over{overflow: hidden;}
.wp{width: 1200px;margin:0 auto;}
.fl{float: left}
.fr{float: right}
.article .none{margin-right: 0;}
.pb{padding:60px 0}

/*======*/  
.banner{display:block;width: 100%;height:780px;background: url('../images/banner.jpg') no-repeat top center;}
.banner a{display: block; width:300px; height:72px; background:url(../images/ban_t.png) no-repeat; line-height:72px; text-align:center; color:#fff; font-size: 24px; position:absolute; left: 610px; top: 618px; transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;}
.banner a img{vertical-align: middle; padding:0 0 4px 6px;}
.banner a:hover{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);}
.banner .wp{position:relative; }
.section1{padding: 80px 0 50px 0;}
.section1 ul li{width:292px; height:273px; float: left; margin-right:10px; background:#e3e3e3; text-align:center; border-radius:10px; line-height:1.7;}
.section1 ul li:nth-child(4){margin-right:0;}
.section1 ul li p{font-size: 18px; color:#787878;}
.section1 ul li p strong{font-size: 24px; display:block; padding-top:10px;}
.section2{background:#847fe6; padding: 80px 0 50px 0;}
.section2 h2{color:#fff;}
.section2 h2 i{background:#fff;}
.section2 .box2_p{text-align:center; font-size: 22px; color:#fff; margin-bottom:36px;}
.section2 .box2_p span{background:#847fe6;}
.box2_c{height:320px;}
.box2_c .box2_l{float: left; background:#504eb1; color:#fff; font-size: 46px; font-weight:bold; text-align:center; line-height:1.3; width:244px; height: 172px; padding-top:72px; position:relative;}
.box2_c .box2_l img{ position:absolute; right: -21px; top: 100px;}
.box2_l span{font-size: 30px; display:block;}
.section3{background:url("../images/bg.jpg") top center no-repeat; padding:42px 0 120px 0;}
.box3_f{background:url("../images/box3_img.jpg") no-repeat; position:relative; width:1200px; height:655px;}
.box3_f p{position: absolute; right:40px; top: 496px; width:253px; height: 130px; text-align:right; z-index: 1}
.box3_f img{position:absolute; right: 100px; top: 137px; width:408px;}
.box3_f p span{display: inline-block; background:#8783e9; height:32px; line-height:32px; color:#fff; padding:0 20px; margin-bottom: 8px; border:1px dashed #5c4eb1; font-size: 17px; border-radius:18px;}
.box3_c{width: 1200px; height: 74px; background: url(../images/box3_p.jpg); padding:15px 0; border-radius:12px; overflow:hidden; margin:28px auto;}
.box3_c span{display: block; width:200px; padding-top:6px; padding-left:14px; height:68px; background:#ff6594; line-height:1.3; color:#fff; float: left; border-radius:0 40px 40px 0; margin-right:12px; font-size: 25px;}
.box3_c p{font-size: 21px; line-height:1.4; color: #fff; float: left; width:960px; padding-top:10px;}
.box3_c p b{font-size: 25px;}
.box3_c p strong{color:#ff6594;}
.section3 ul{margin-top:29px; height:360px;}
.section3 ul li{width:466px; height:350px; float: left; background:#fff; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1); margin-right:14px;}
.section3 ul li:nth-child(1){width:237px;}
.section3 ul li:nth-child(3){margin-right:0;}
.section3 ul li p{width:100%; padding:14px 0; overflow:hidden; text-align:center;}
.section3 ul li p strong{display:block; width:233px;font-size: 21px; color:#6a52cc;}

.section4{background:#8b86ec; padding:54px 0 100px 0;}
.scroll1{width: 1200px;}
.scroll1 .hd{width: 1068px; height: 230px; margin:0 auto; overflow: hidden; text-align:center; }
.scroll1 .hd li{width: 332px; height: 200px; font-size: 34px; color:#fff; position:relative; color:#fff; text-align:center; float: left; margin-right:34px; cursor:pointer;}
.scroll1 .hd li.on p{background:url("../images/box4_h.png") no-repeat; height:100px;}
.scroll1 .hd li:nth-child(3){margin-right:0;}
.scroll1 .hd li p{position: absolute; left: 8px; top: 95px; width:314px; height:86px; padding-top:6px; background:#4c4ac8; border-radius:20px; line-height:1.1; }
.scroll1 .hd li p strong{font-size: 30px; display: block;}
.scroll1 .bd li div{width:650px; height:710px; padding:126px 28px 0 522px;}
.scroll1 .bd li div p{line-height:1.3; font-size: 20px; color:#666666;}
.scroll1 .bd li div p.p2{padding:160px 0 30px 0; text-align:center; height:40px;}
.scroll1 .bd li div p.p2 span{display: block; width:178px; float: left; line-height:1.2; color:#4e4e4e; margin-right:32px;}
.scroll1 .bd li div p.p2 span:nth-child(3){margin-right:0;}
.scroll1 .bd li div p strong{}
.scroll1 .bd li .box3_1{background:url("../images/box4_li1.jpg") no-repeat;}
.scroll1 .bd li .box3_1 .p2{padding:180px 0 20px 0;}
.scroll1 .bd li .box3_1 .p2 span{width:182px;}
.scroll1 .bd li .box3_2{background:url("../images/box4_li2.jpg") no-repeat;}
.scroll1 .bd li .box3_3{background:url("../images/box4_li3.jpg") no-repeat;}
.scroll1 .bd li .box3_3 .p2{padding-top:146px;}
.section5{background:#f3f2ff; padding:54px 0 100px 0;}
.section5 .box5_c{width:1200px; height:648px; background:#fff; box-shadow: 0 0 6px 3px rgba(0,0,0,0.2); margin-bottom:45px; position:relative;}
.section5 .box5_c .fl{width:520px; height:648px; background:#8783e9;}
.section5 .box5_c .fl img{padding:25px;}
.section5 .box5_c .fr{width:406px; height:200px; padding: 46px 224px 0 0;}
.section5 .box5_c .fr strong{font-size: 34px; color:#4b4b4b; display: block; margin-bottom:15px; }
.section5 .box5_c .fr p{font-size: 22px; color:#4b4b4b; line-height:1.3;}
.section5 .box5_c .fr p b{background:#ffe6ee; padding:0 3px;}
.section5 .box5_c .box5_i{position:absolute; right: 0; bottom: 30px;}
.section5 ul li{width:287px; height:256px; float: left; margin-right:15px; }
.section5 ul li:nth-child(4){margin-right:0;}
.section5 ul li p{font-size: 20px; color:#4a4a4a; line-height:1.3; padding:16px; text-align:center;}
.box5_li6{position:relative;}
.box5_li6 img{width:356px;}
.box5_li6 p{background:#fff; position:absolute; height:123px; left: 0; bottom:0;}
.section6{background:#8073f2; padding:54px 0 100px 0;}
.section6 h2{color:#fff;}
.section6 h2 i{background:#fff;}
.section6 ul li{width:279px; height:362px; float: left; margin-right:28px;  background:#fff; border-radius:16px; overflow:hidden;}
.section6 ul li:nth-child(4){margin-right:0;}
.section6 ul li p{font-size: 20px; color:#6d6d6d; line-height:1.3; padding:16px 8px 0 8px; }
.section6 ul li p strong{font-size: 24px; color:#504eb1; padding-bottom:14px; display: block; text-align:center;    }
.section6 .btn{width:370px;}
.box_rj{background:url(../images/bg1.jpg) top center no-repeat #b3aaff; padding:54px 0 100px 0;}
.box_rj h2{color:#fff;}
.box_rj h2 strong{color:rgba(237,231,251,0.05);z-index: 0;}
.box_rj h2 i{background:#fff;}
.box_rj .wp{background:#fff; padding:20px 0; border-radius:12px;}
.rj_c{padding-bottom: 30px; border-bottom: 1px dashed #dedede;}
.rj_c:nth-child(2){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_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:630px; height:172px; float: left; padding-top:16px;}
.rj_c1 dd{width:630px; }
.rj_c1 dd p{width:207px; float:left; margin-right:2px; }
.rj_c1 dd p img{width:207px;}
.rj_c1 dd .box_sp{width:207px; float:left; position:relative;}
.video_bg1{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 1; display: none; left: 0; top: 0;}
.video_bg1 .video_close1{position: absolute; top: 50%; left: 50%; margin-top: -320px; width: 40px; height: 40px; margin-left: 280px; z-index: 6;}
#example_video1{position: absolute; width: 600px; height: 500px; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; z-index: 5;}
#example_video1 video{width:600px; height:500px;}
.video_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 1; display: none; left: 0; top: 0;}
.video_bg .video_close{position: absolute; top: 50%; left: 50%; margin-top: -320px; width: 40px; height: 40px; margin-left: 280px; z-index: 6;}
#example_video{position: absolute; width: 600px; height: 500px; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; z-index: 5;}

.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;}
.section7{background:url(../images/bg2.jpg) top center no-repeat; padding:54px 0 100px 0;}
.section7 h2 strong{color:rgba(180,169,220,0.07);}
.section7 .scroll2{width: 1188px; height: 600px; margin: 0 auto; position: relative; border:6px solid #5724a3;}
.section7 .scroll2 .ph{position: absolute; width: 56px; height: 134px; top: 244px; z-index: 10;}
.section7 .scroll2 .ph.next{right: 28px;}
.section7 .scroll2 .ph.prev{left: 28px;}
.section7 dl{width: 1150px; height:600px; position:relative;}
.section7 dl dt{width:570px; position:absolute; left: 130px; top: 70px; z-index: 1;}
.section7 dl dt h3{font-size: 40px; color:#000; line-height:1.2;}
.section7 dl dt h3 span{font-size: 29px; color:#ee9a22; font-weight:normal; padding-left:8px;}
.section7 dl dt .p2{font-size: 25px; color:#000;}
.section7 dl dt .p3{font-size: 25px; display:inline-block; padding:0 14px; height:36px; line-height:36px; background:#5724a3; color:#fff;}
.section7 dl dt .p4{font-size: 20px; color:#000000; line-height:1.5; padding:30px 0 0 0;}
.section7 dl dt .p4 img{margin-top:32px;}
.section7 dl dt .btn{position:absolute; left: 420px; top: 570px; width:340px; margin:0;}
.section7 dl dt p span{display: block;margin-top: 20px;}
.section7 dl dt p span b{font-weight: normal;color: #5724a3}
.section7 dl dd{position:absolute; top: 0; right:0;}
.section8{background:url(../images/bg3.jpg) top center no-repeat #8073f2; padding:54px 0 10px 0; position:relative; height:265px; margin-bottom:670px;}
.section8 h2{color:#fff;}
.section8 h2 strong{color:rgba(237,231,251,0.05);z-index: 0;}
.section8 h2 i{background:#fff;}
.section8 .wp{position:relative;}
.section9{padding:54px 0 100px 0;}
.section9 h2 strong{color:rgba(180,169,220,0.15);}
.section9 .wp{width:920px; }
.section9 .wp ul li{width:290px; height:56px; float: left; margin-right:2px; margin-bottom:2px; line-height:56px; font-weight: bold; text-align:center;}
.section9 .wp ul li a{color:#fff; font-size: 20px}
.section9 .wp ul li:nth-child(1){background:#e0c4f9;}
.section9 .wp ul li:nth-child(2){background:#c6c4f9; width:294px;}
.section9 .wp ul li:nth-child(3){background:#c4ebf9; width:324px;}
.section9 .wp ul li:nth-child(4){background:#f9c4ce;}
.section9 .wp ul li:nth-child(5){background:#c4ebf9; width:324px;}
.section9 .wp ul li:nth-child(6){background:#c3c5ff;  width:294px;}
.section9 .wp ul li.box9_li1 a{color:#8546be;}
.section9 .wp ul li.box9_li2 a{color:#494db5;}
.section9 .wp ul li.box9_li3 a{color:#449cbc;}
.section9 .wp ul li.box9_li4 a{color:#bb495e;}
.section9 .wp ul li.box9_li5 a{color:#449cbc;}
.section9 .wp ul li.box9_li6 a{color:#494db5;}
.video-js .vjs-big-play-button{width: 48px; height: 48px; border-radius: 50%;     margin-top: -0.8em; margin-left: -0.60em;}








