/*导航*/
.left_side {width:200px;height:520px;background:url(../images/zuoc.jpg) top center #2a035b no-repeat;margin:0 auto;display: block; position:fixed;top: 0px;left:0px;z-index:999; text-align: center;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.left_sidel {width:100%;height:auto;padding-top:150px; position: relative;}
.xian{width:0.5px;height:265px;background: #bb8df6; position: absolute;top:172px;left:31px;z-index: 1;}
.left_sidel  li{width:150px;height:53px;  line-height:53px;color:#ffffff;font-size: 16px; text-align: left; position: relative;padding-left:50px;cursor: pointer; }
.left_sidel  li i{ display: block;width:5px;height:5px;background:#7e2be8;border:4px #bb8df6 solid;border-radius: 50%; position: absolute;top:20px;left:25px; z-index: 2; }
.left_sidel  li:nth-child(2n){background: #3c0b7a;}
.left_sidel  li.curr{color:#ff5027;}
.left_sidel  li.curr i{background:#ff5027;border:4px #bb8df6 solid;}
.left_sideclose {width:200px;height:53px;  line-height:65px;cursor: pointer;font-weight: bold;font-size: 14px;color: #bb8df6;text-align: center; position: absolute;bottom:0px;left:0px;right:0px;margin:0 auto;}
.left_sideclose em{ display: block;width:8px;height:5px;background: url(../images/em.png) center no-repeat; position: absolute;top:12px;left:0px;right:0px;margin:0 auto; }
/*banner*/
.active_banner{width:100%;height:520px;background: url(../images/active_banner.jpg) center no-repeat;min-width: 1200px; position: relative;margin:0 auto;margin-top: 12px;}
/*秋招弹药库--酷炫开发套件*/
.active_suite{width:100%;height:auto;background: #7e1baa;min-width: 1200px; padding-bottom: 60px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_title{width:100%;margin:0 auto;padding-top:40px;}
.active_title h2{ font-size: 42px;color:#fff; font-weight: bold; }
.active_title p{ font-size: 30px;color:#ffffff;padding-top:10px; }
.active_suite_main{width:912px;height:652px; background: url(../images/active_suite.png) center no-repeat; margin:0 auto;margin-top:20px;padding:0px 100px;}
.active_suite_main li{ float:left;width:228px;height:auto; font-size: 16px;color:#ffffff;margin-top:250px;}
.active_more{width:370px;height:50px;line-height: 50px;background: #ff5027;border:2px #e23d16 solid;border-radius: 25px;margin:0 auto;}
.active_more p{ font-size: 18px;color:#fff; font-weight: bold; }
.tdouble_more{ cursor: pointer; }
.mask_l {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1000;text-align: center;background:rgba(0,0,0,0.5); }
.mask_l::after {content: "";display: inline-block;vertical-align: middle;height: 100%; }
.video-wrap-l {width: 503px;height: 510px;display: inline-block;vertical-align: middle;position: relative; background:#fff;border-radius:4px;}
.mask-video-close-l {position: absolute;width: 22px;height: 22px;right: 15px;top: 15px;z-index: 2;text-align: center;cursor: pointer; }
.mask-video-close-l i {font-size: 16px;color: #000;line-height: 28px; }
.mask_l_m{width:100%;margin:0 auto;}
.mask_l_m h2{ font-size: 26px;color:#41464c; font-weight: bold;padding-top:50px; }
.mask_l_m h2 i{color:#ff5027;}
.mask_l_m em{ display: block;width:348px;height:2px;background: #eaeaf5;margin:0 auto;margin-top:20px; }
.mask_l_m img{width:265px;height:265px;margin:0 auto;margin-top:30px;box-shadow: 0 0 23px rgba(32,34,30,0.18);}
.mask_l_m span{ display: block;font-size: 16px;color:#41464c; font-weight: bold; line-height:26px;margin-top:15px; }
/*秋招弹药库--名企直通课*/
.active_through{width:100%;height:auto;background: #f4f4f9;min-width: 1200px; padding-bottom: 60px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_through_ul{width:92%;margin:0 auto;margin-top:30px;}
.active_through_ul li{ float:left;width:264px;height: 210px;background: #fff;margin:6px;}
.active_through_ul li img{width:43px;height: 41px;margin-top:25px;}
.active_through_ul li h2{ font-size: 18px;color:#444444; font-weight: bold;margin-top:15px; }
.active_through_ul li p{ font-size: 14px;color:#666666;margin-top:5px; }
.active_through_ul li i{ display: block;width:106px;height:26px; line-height: 26px; font-size:14px;color:#f4f4f9;background: #ff5027; border-radius: 13px;margin:0 auto; margin-top:15px;}
/*广告 */
.active_guang{width:100%;height:245px;min-width: 1200px; background: url(../images/active_guang.jpg) center no-repeat; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_guang h2{ font-size: 44px;color:#fff; font-weight: bold;padding-top:60px; }
.active_guang h2 i{color:#fcb326;}
.active_guang p{ font-size: 34px;color:#ffffff; font-weight: bold; padding-top:10px;}
.active_guang01{width:100%;height:266px;background: url(../images/active_guang01.jpg) center no-repeat; min-width: 1200px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_guang01 p{ font-size: 42px;color:#fff; font-weight: bold;padding-top:160px; }
/*秋招弹药库--学习狂欢*/
.active_carnival{width:100%;height:auto;background: #18032d;min-width: 1200px; padding-bottom: 60px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_carnival_ul{width:93%;margin:0 auto;margin-top:50px;}
.active_carnival_ul li{ float: left;width: 176px;height: 86px; line-height: 86px;  font-size: 16px;color:#ffffff; background: #4a529d;margin:0px 5px;}
.active_carnival_ul li.hover{background: #fff; font-size: 20px; font-weight: bold; color:#d11e0d;}
.active_carnival_con{width:1105px;height:421px;background: #fff;margin:0 auto;padding-top:15px;}
.active_carnival_con li{width:20%; float: left;margin-top:18px;}
.active_carnival_con li .img{width:209px;height:134px;border-radius: 4px; overflow: hidden;margin:0 auto;}
.active_carnival_con li img{width:209px;height:134px;transition: .4s;-webkit-transition: .4s;}
.active_carnival_con li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s;}
.active_carnival_con li p{ font-size: 16px;color:#000000; font-weight: bold; padding:10px 0px;}
/*秋招弹药库--备战锦囊*/
.active_kits{width:100%;height:auto;background: #7e1baa;min-width: 1200px; padding-bottom: 60px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_kits_ul{width:94%;margin:0 auto;margin-top:50px;}
.active_kits_ul li{width:364px;height:245px;float: left;background: #b54ef0;margin:5px;}
.active_kits_ul li h2{font-size: 20px;color:#ffffff; font-weight: bold;padding-top:25px;}
.active_kits_main{width:233px;height: 170px;background: url(../images/active_kits01.png) center no-repeat;margin:0 auto;}
.active_kits_main p{ font-size: 14px;color:#000000; line-height: 22px;padding-top:50px; }
.active_kits_main i{ display: block;width:106px;height:26px; line-height:26px;background: #ff5126;border-radius: 13px; font-size: 14px;color:#ffffff;margin:0 auto;margin-top:10px; }
/*秋招弹药库--618狂欢夜*/
.active_night{width:100%;height:auto;background: #fff;min-width: 1200px; padding-bottom: 60px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_night_main{width:92%;margin:0 auto;margin-top:50px;}
.active_night_left{float:left;width:473px;height:211px;background: url(../images/active_night_left.jpg) center no-repeat; border-radius: 2px;padding:0 65px;padding-top:50px;}
.active_night_left h2{ font-size: 22px;color:#ffffff; text-align: left; font-weight: bold;padding-left:10px; }
.active_night_left p{ font-size: 14px;color:#ffffff; text-align: left; position: relative; margin-top:5px;}
.active_night_left p::before{ content: ""; width:6px;height:6px;background: #facd89; border-radius:50%; display: inline-block;margin-right:5px;}
.active_night_right{ float: right;width:390px;height:261px;background: #ff917b;border-radius:2px; position: relative; padding:0px 50px;}
.active_night_right h2{font-size: 22px;color:#ffffff; text-align: left; font-weight: bold;padding-top:50px; }
.active_night_right p{ font-size: 14px;color:#ffffff; text-align: left; position: relative; margin-top:5px;}
.active_night_right i{ display: block;width:25px;height:10px; background: url(../images/active_night_r01.png) center no-repeat; margin-top:10px;}
.active_night_right img{width:278px;height:287px; position: absolute;top:-26px;right:55px;}
.active_night_con{width:100%;height:177px;background: url(../images/active_night_con.jpg) center no-repeat; margin:0 auto;margin-top:10px;}
.active_night_con p{ font-size: 38px;color:#fff; font-weight: bold;padding-top:20px; }
.active_night_con span{ display: block;width:427px;height:59px; line-height: 59px; font-size:24px;color:#000000; font-weight: bold; background: #eeeeee;border-radius: 29.5px;margin:0 auto; margin-top:10px;}
.active_night_con span i{color:#ff5027;}
/*更多618惊喜  扫码不错过*/
.active_bottom{width:100%;height:528px;background: url(../images/active_bottom.jpg) center no-repeat; min-width: 1200px; position: relative;margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.active_bottom img{width:322px;height:322px;border-radius: 14px;margin:0 auto;margin-top:50px;}