@charset "utf-8";
/* CSS Document */
body{ background:#fff; font-family:"微软雅黑 Regular"; margin:0 auto; padding:0; color:#464646;}
a.as{ width:300px; height:50px; display:block; margin:30px auto 20px auto; font-family:"微软雅黑 Regular"; color:#fff; border-radius:8px; font-size:22px; font-weight:570; letter-spacing:3px; line-height:50px; background:#ff2b7f; text-align:center; box-shadow:0 2px 4px #000; }

.bt_wz{ width:1200px; display: block; font-family: "微软雅黑 Regular"; line-height: 40px; font-size: 18px; color: #333; letter-spacing: 1.5px; margin: 0 auto; padding: 20px 0; text-align: center;}
.gz_12{width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(images/gz_bg10.jpg) center no-repeat;}
.gz12_show{width:1200px; height:auto; overflow:hidden; margin:30px auto}
.gz1s_l{width:355px; height:475px; overflow:hidden; background:#FFF repeat}
.lxwm{width:165px; height:40px; border-bottom:1px solid #37363B; font-size:24px;margin-top: 25px;
margin-left: 15px;; font-weight:bold}
.diz{ font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
.gz_dz{font-size:14px; margin-left:55px; margin-top:10px; letter-spacing: 1.5px; height:auto; overflow:hidden}
a.gz_zx{font-size:12px; color:#ff1d00; margin-left:55px; margin-top:10px; display:block}
.diz1{ font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
a.djzx{ width: 200px; height: 45px; background: #F44144 repeat; font-size: 18px; color: #FFF; text-align: center; display: block; margin: 20px auto 20px 53px; line-height: 45px; float: left;}
.gz1s_r{width:750px; height:auto; overflow:hidden; margin-top:15px;}
.gz1s_r h3{font-size:30px; display: block; color:#FFF; letter-spacing: 1.5px; line-height:65px}
.gz1s_b{width:750px; height:215px; background:#E63B24 repeat; opacity:0.7; margin-top:35px}
.msb7_top{width:596px; height:auto; overflow:hidden; margin:0px auto;}
.ds7_1{width:290px; height:50px; overflow:hidden; float:left; margin-left:8px; margin-top:25px}
.fleft{float:left;}
.fright{float:right;}
.ds7_1 input{ width:100%; height:auto; overflow:hidden; line-height:50px; padding-left:2%}
.coolbg1{width:118px; height:40px; overflow:hidden; background:#FFFFFF repeat; border:none; font-size:15px; text-align:center; line-height:40px;  margin:2% auto; display:block; color:#ff1d00}
.tcenter{ text-align:center;}

/*style*/
.fl { float: left;}
.fr { float: right;}
.clearfix { zoom: 1;}
.clearfix:after { content: ""; display: block; clear: both;}
ol, ul, li { list-style: none;}
img{border:none;}
a { text-decoration: none;}
.wrap{width:1000px;margin:0 auto;text-align: left;}

.con { max-width:1200px; margin: 0 auto;}
.banner { width: 100%; height: 656px;}
#particles-js{width: 100%;min-width:1000px;height:580px;position: absolute;top: 280px;left: 0;z-index: 10;}
#particles-js2{width: 100%;min-width:1000px;height:580px;position: absolute;top: 0;left: 0;}
.banner .banner_scroll { height: 656px; width: 100%; position: relative;}
.banner .banner_scroll .hd { width: 100%; position: absolute; left: 0px; top: 617px; z-index: 10; text-align: center;}
.banner .banner_scroll .hd li { display: inline-block; width: 10px; height: 10px; background: url(images/points_06.png) no-repeat center; background-size: 100% 100%; margin: 0 5px; vertical-align: middle; *zoom: 1; *display: inline; cursor: pointer;}
.banner .banner_scroll .hd li.on { background: url(images/points_04.png) no-repeat center; background-size: 100% 100%;}
.banner .banner_scroll .bd li { width: 100%; height: 656px;}
.banner .banner_scroll .l1 { background: url(images/banner1.jpg) no-repeat center; position: relative; height: 655px;}
.banner .banner_scroll .l1 .con { position: relative; height: 100%;}
.out{ position: relative; width: 100%;}
.banner .banner_scroll .l1 .con .banner1_1{ position: absolute; top: 175px; left: 0; right: 0; width: 73%; margin: auto;}
.banner .banner_scroll .l1 .con .banner1_2{ position: absolute; top: 271px; left: 0; right: 0; width: 100%;}
.banner .banner_scroll .l1 .con .banner1_3{ position: absolute; top: 401px; left: 0; right: 0; width: 62%; margin: auto;}
.banner .banner_scroll .l1 .con .banner1_4{ background: url(images/banner1_4.png) no-repeat center; width:  363px; height: 68px; background-size: 100% 100%; position: absolute; top: 535px; left: 327px; z-index: 99; font: 24px/68px "Microsoft YaHei";color: #fff; text-align: center; letter-spacing: 12px;}
.banner1_left{ position: absolute; top: 109px; left: -178px;}
.banner1_right{ position: absolute; top: 78px; right: -175px;}
.banner .banner_scroll .l2 { background: url(images/banner2.jpg) no-repeat center; position: relative; min-width: 1200px;}
.banner .banner_scroll .l2 .con { position: relative;}
.banner .banner_scroll .l2 .banner2_1{ position: absolute; left: 44px; top: 160px; z-index: 1000;}
.banner .banner_scroll .l2 a{ display: block; width:340px ; height: 50px; background: url(../images/banner2_3.png) no-repeat center; position: absolute; left: 332px; top: 545px; z-index: 1000; font: 20px/50px "Microsoft YaHei";color: #fff; text-align: center; letter-spacing: 5px}
.banner .zg_top {height: 81px;padding-top: 16px;position: absolute;left: 50%;top:0;margin-left:-500px!important;z-index:1009}
.box {width: 1000px;margin: 0 auto;}

.section1 { height: 715px; background: url(images/s1_02.png) no-repeat center;}
.section1 .con { padding-top: 60px;}
.section1 .img1 { display: block; margin: 0 auto;}
.section1 .small_title { color: #666666; font-size: 20px; line-height: 24px; padding-top: 17px; text-align: center;}
.section1 ul { width: 1000px; height: 111px; background: url(images/s1_07.png) no-repeat center; margin: 30px auto 20px auto;}
.section1 ul li { float: left; text-align: center; color: #333; font-size: 20px; width: 144px; line-height: 24px; margin-top: 93px;}
.section1 ul li.l_last { width: 111px;}
.section1 .ul p { text-align: center; height: 50px; line-height: 50px; float: left; color: #fefeff; font-size: 20px;}
.section1 .ul p a{width: 100%;height: 100%;margin:  0; line-height: 50px;font-size: 20px; color: #fefeff;background:none;}
.section1 .ul .l_1 { width: 148px; margin: 42px 0 0 147px; background: #7d5aff;}
.section1 .ul .l_2 { width: 201px; margin: 32px 0 0 55px; background: #4a7fe0;}
.section1 .ul .l_3 { width: 183px; margin: 42px 0 0 58px; background: #5d6dff;}
.section1 .ul .l_4 { width: 193px; margin: 42px 0 0 68px; background: url(images/s1_11.png) no-repeat center;}
.section1 .ul .l_5 { width: 184px; margin: 30px 0 0 138px; background: url(images/s1_13.png) no-repeat center;}
.section1 .ul .l_6 { width: 161px; margin: 45px 0 0 52px; background: #4a7fe0;}
.section1 .ul .l_7 { width: 211px; margin: 40px 0 0 63px; background: #7462ff;}
.section1 .ul .l_8 { width: 175px; margin: 45px 0 0 59px; background: #5e6dff;}
.section1 a { display: block; width: 432px; height: 70px; background: url(images/s1_17.png) no-repeat center; margin: 46px auto 0; color: #2f7aeb; font-size: 24px; line-height: 70px; text-align: center;}
.section1 a:hover { background: url(images/s1_new_03.png) no-repeat center; color: #ffffff;}
.section1 .s1_bot { width: 100%; height: 130px; background: url(images/s1_20.jpg) no-repeat center; margin-top: 37px;}
.section1 .s1_bot div { float: left; color: #fff; font-size: 18px; line-height: 26px; background: url(images/s1_22.png) no-repeat center top; cursor: pointer; text-align: center;}
.section1 .s1_bot div.on { background-image: url(images/s1_26.png); color: #73f7ff;}
.section1 .s1_bot .left { padding-top: 47px; margin-top: 6px; margin-left: 162px;}
.section1 .s1_bot .middle { padding-top: 9px; background: url(images/s1_22.png) no-repeat center bottom; margin-left: 143px; padding-bottom: 43px;}
.section1 .s1_bot .right { padding-top: 9px; background: url(images/s1_22.png) no-repeat center bottom; margin-left: 225px; padding-bottom: 55px;}


.section2 { width: 100%; height: 1239px; overflow: hidden; background: url(images/s2_03.png) no-repeat center;}
.section2 .con { padding-top: 60px;}
.section2 .title { display: block; margin: 0 auto;}
.section2 .small_title { color: #666; font-size: 20px; line-height: 30px; text-align: center; margin-top: 13px;}
.section2 .pic_num {  margin-top: 62px;}
.section2 .pic_num .left { float: left; width: 520px;}
.section2 .pic_num .left p { color: #333; font-size: 20px; line-height: 30px; background: url(images/s2_35.png) no-repeat 66px center; padding-left: 92px;}
.section2 .pic_num .left img { display: block;  margin-top: 18px;}
.section2 .pic_num .right { float: right; width: 480px;}
.section2 .pic_num .right p { color: #333; font-size: 20px; line-height: 30px; background: url(images/s2_37.png) no-repeat 51px center; padding-left: 79px;}
.section2 .pic_num .right img { display: block; margin-top: 18px;}
.section2 .notice { color: #999; font-size: 16px; line-height: 34px; text-align: center; margin-top: 17px;}
.section2 .notice2 {color: #333; font-size: 30px; line-height: 34px; text-align: center; margin-top: 40px;}
.section2 .img2 { display: block; margin: 7px auto 0;}
.section3 { width: 100%; height: 426px; background: url(images/s3_07.jpg) no-repeat center;}
.section3 ul { padding-top: 94px; width: 1000px; margin: 0 auto;}
.section3 ul li { float: left; width: 226px; height: 200px; margin-right: 32px;}
.section3 ul li p { text-align: center; color: #fff; font-size: 24px; line-height: 28px; padding-top: 134px; letter-spacing: 2px;}
.section3 ul li.on p { color: #6e62ff;}
.section3 ul .l1 { background: url(images/s3_09.png) no-repeat center;}
.section3 ul .l1:hover { background: url(images/web_18new_26.png) no-repeat center;}
.section3 ul .l2 { background: url(images/s3_11.png) no-repeat center;}
.section3 ul .l2:hover { background: url(images/web_18new_28.png) no-repeat center;}
.section3 ul .l3 { background: url(images/s3_13.png) no-repeat center;}
.section3 ul .l3:hover { background: url(images/web_18new_30.png) no-repeat center;}
.section3 ul .l4 { margin-right: 0px; background: url(images/s3_15.png) no-repeat center;}
.section3 ul .l4:hover { background: url(images/web_18new_32.png) no-repeat center;}
.section3 a { display: block; width: 330px; height: 70px; text-align: center; line-height: 70px; font-size: 24px; color: #6c62ff; margin: 40px auto 0; background: url(images/s3_new_07.png) no-repeat center;}
.section3 a:hover { background: url(images/s3_new_09.png) no-repeat center; color: #ffffff;}

.section4 { background: #f7f7f7; padding: 40px 0;}
.section4 .img1 { display: block; margin: 0 auto;}
.section4 .small_title { color: #666666; font-size: 20px; line-height: 24px; text-align: center; margin-top: 14px;}
.section4 .course_list { width: 100%; margin-top: 28px; padding-top: 0px;}
.section4 .course_list .left { width: 1200px; margin: auto; overflow: hidden; background-color: #576eff;}
.section4 .course_list .left .list { cursor: pointer; width: 200px; float: left;}
.section4 .course_list .left .list.on { background: url(images/s4_31.png) no-repeat center; background-size: 100% 100%;}
.section4 .course_list .left .list.on:nth-child(6) { background: url(images/s4_31.png) no-repeat center;}
.section4 .course_list .left .list.on p { color: #576eff;}
.section4 .course_list .left p { padding-left: 77px; font-size: 18px; color: #fff; line-height: 60px;}
.section4 .course_list .left p span { font-weight: bold;letter-spacing: 1.5px;}
.section4 .course_list .left .l1 { margin-top: 0px;}
.section4 .course_list .left .l1 p {background: url(images/icon_1_31.png) no-repeat 14px center;background-size: 40px 40px ;}
.section4 .course_list .left .l1.on p { background: url(images/icon_2_31.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .left .lx2 p { background: url(images/icon_1_34.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .left .lx2.on p { background: url(images/icon_2_34.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .left .l3 p { background: url(images/icon_1_37.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .left .l3.on p { background: url(images/icon_2_37.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .left .l4 p { background: url(images/icon_1_40.png) no-repeat 13px center;background-size: 30px 40px;}
.section4 .course_list .left .l4.on p { background: url(images/icon_2_40.png) no-repeat 14px center;background-size: 30px 40px;}
.section4 .course_list .left .l5 p { background: url(images/icon_1_41.png) no-repeat 10px center;background-size: 40px 40px;}
.section4 .course_list .left .l5.on p { background: url(images/icon_2_41.png) no-repeat 10px center;background-size: 40px 40px;}
.section4 .course_list .left .l6 p { background: url(images/icon_1_43.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .left .l6.on p { background: url(images/icon_2_43.png) no-repeat 14px center;background-size: 40px 40px;}
.section4 .course_list .right { overflow: hidden; max-width: 1200px; height: 250px;}
.section4 .course_list .right li { padding-bottom: 15px;}
.section4 .course_list .right .scroll-pane { height: 100%;}
.section4 .course_list .right .scroll-pane { outline: none;}
.section4 .course_list .right .jspVerticalBar { right: 0px; width: 28px;}
.section4 .course_list .right .jspTrack { width: 28px; background: #fff;}
.section4 .course_list .right .jspDrag { width: 10px; background: #dcdce0; border-radius: 10px; left: 9px;}
.section4 .course_list .right .p1 { font-size: 24px; line-height: 26px; color: #4243b9; padding-top: 29px;}
.section4 .course_list .right .p1 .p1l { float: left; font-weight: bold; padding-left: 10px; border-left: 3px solid #3a57c9;}
.section4 .course_list .right .p1 .p1r { float: left; margin-left: 20px; font-weight: bold;}
.section4 .course_list .right .p2 { margin-top: 23px; color: #666666; font-size: 18px; line-height: 28px;}
.section4 .course_list .right .p2 .p2l { float: left; font-weight: bold; padding-left: 13px; font-size: 24px; line-height: 36px; color: #4243b9;}
.section4 .course_list .right .p2 .p2r { float: left; margin-left: 28px;}
.section4 .course_list .right .p3 { margin-top: 17px; color: #666666; font-size: 18px; line-height: 28px;}
.section4 .course_list .right .p3 .p3l {font-weight: bold; padding-left: 13px; font-size: 26px; line-height: 36px; color: #4243b9; text-align: center; letter-spacing: 2px; margin: 30px auto;}
.section4 .course_list .right .p3 .p3r { margin-left: 13px;}
.section4 .course_list .right .p3 .p3r span{width: 270px; display: block;  float: left;  margin: 10px 15px 10px 0px;  background: #eee; line-height: 50px;  text-align: center;  border-radius: 50px;}
.section4 .zxdn { display: block; width: 352px; height: 70px; background: url(images/s4_31.jpg) no-repeat center; margin: 21px auto 0; color: #fffffe; text-align: center; line-height: 70px; font-size: 24px;}
.section4 .zxdn:hover { background: url(images/s4_new_14.png) no-repeat center;}
.section4 .s4_form { width: 100%; height: 327px; background: url(images/s4_57.jpg) no-repeat center; margin-top: 83px;}


.section4_5{ width: 100%; background: url(images/s4_5_bg.jpg) no-repeat center;}
.section4_5in{ width: 1000px; height:723px ; padding: 66px 0 70px 0; margin: 0 auto; background: url(images/s4_5_bgin.jpg) no-repeat center;}
.section4_5in .tit{ display: block; margin: 0 auto}
.section4_5in ul{ position: relative; margin-top: 50px;}
.section4_5in ul li{ position: absolute; width: 225px;}
.section4_5in ul li dt{ font:bold 22px/22px "Microsoft YaHei";color: #fff; text-align: center;}
.section4_5in ul li dd{ font:18px/30px "Microsoft YaHei";color: #c9c7ff;}
.section4_5in ul .l1{ top: 90px; left: 390px;}

.section4_5in ul .l2{ top: 166px; left: 0px;}
.section4_5in ul .l2 dt,.section4_5in ul .l4 dt{ text-align: right}
.section4_5in ul .l3 dt,.section4_5in ul .l5 dt{ text-align: left}
.section4_5in ul .l3{ top: 166px; left: 785px;}
.section4_5in ul .l4{ top: 365px; left: 0px;}
.section4_5in ul .l5{ top: 365px; left: 785px;}
.section4_5in ul .lp{ top: 490px; left: 375px; width: 300px; font:16px/16px "Microsoft YaHei";color: #bfbcff;}
.section4_5in .cont{ height: 550px;}
.section4_5btn{ display: block; width: 485px; height: 70px; border-radius: 70px; text-align: center; font:24px/70px "Microsoft YaHei";color: #6c5aff; background: #fff; margin: 0 auto; letter-spacing: 1.5px;}
.section4_5btn:hover{background: #53d7e5; color: #00343a;}

.section9 { margin-top: 70px;}
.section9 .img1 { display: block; margin: 0 auto;}
.section9 .small_title { color: #666666; font-size: 20px; line-height: 30px; text-align: center; margin-top: 10px;}
.section9 .middle { width: 100%; height: 574px; background: url(images/s9_53.jpg) no-repeat center; margin-top: 45px;}
.section9 .middle .con { position: relative; height: 100%;}
.section9 .middle .con div { position: absolute;}
.section9 .middle .con div p { color: #ffffff; font-size: 32px; line-height: 36px; text-align: center;}
.section9 .middle .con .div1 { width: 190px; height: 294px; top: 0; left: 62px;}
.section9 .middle .con .div1 p { padding-top: 197px;}
.section9 .middle .con .div2 { width: 279px; height: 170px; bottom: 0; left: 497px;}
.section9 .middle .con .div2 p { padding-top: 105px;}
.section9 .middle .con .div3 { width: 283px; height: 314px; top: 0; right: 144px;}
.section9 .middle .con .div3 p { padding-top: 58px;}