a,body{color:#212121;font-size:16px;}
.banner{width: 100%;height: 460px;background:url(../../images/topic_bg.jpg) no-repeat left center;background-size: cover;position:relative;overflow: hidden;}
.qiu{width: 65px;height: 65px;background:url(../../images/topic_qiu.png) no-repeat center center;background-size: contain;position:absolute;right:-5%;bottom:0;animation: sxzy 3s linear infinite;-webkit-animation: sxzy 3s linear infinite;}
@keyframes sxzy{
    0%{right:-5%;bottom:0;transform: rotate(0);}
    20%{right:20%;bottom:85%;transform: rotate(180deg);}
    40%{right:50%;bottom:0%;transform: rotate(360deg);}
    60%{right:70%;bottom:50%;transform: rotate(90deg);}
    80%{right:85%;bottom:0%;transform: rotate(180deg);}
    100%{right:105%;bottom:20%;transform: rotate(360deg);}
}
@-webkit-keyframes sxzy{
    0%{right:-5%;bottom:0;transform: rotate(0);}
    20%{right:20%;bottom:85%;transform: rotate(180deg);}
    40%{right:50%;bottom:0%;transform: rotate(360deg);}
    60%{right:70%;bottom:50%;transform: rotate(90deg);}
    80%{right:85%;bottom:0%;transform: rotate(180deg);}
    100%{right:105%;bottom:20%;transform: rotate(360deg);}
}
.qiu2{width: 65px;height: 65px;background:url(../../images/topic_qiu.png) no-repeat center center;background-size: contain;position:absolute;left:-5%;bottom:0;animation: sxzy2 6s linear infinite;-webkit-animation: sxzy2 6s linear infinite;animation-delay: 1s;}
@keyframes sxzy2{
    0%{left:-5%;bottom:0;transform: rotate(0);}
    10%{left:10%;bottom:40%;transform: rotate(180deg);}
    20%{left:20%;bottom:0%;transform: rotate(360deg);}
    30%{left:30%;bottom:30%;transform: rotate(90deg);}
    40%{left:40%;bottom:0%;transform: rotate(180deg);}
    50%{left:50%;bottom:15%;transform: rotate(360deg);}
    60%{left:60%;bottom:0%;transform: rotate(90deg);}
    70%{left:70%;bottom:7%;transform: rotate(180deg);}
    80%{left:80%;bottom:0%;transform: rotate(360deg);}
    100%{left:105%;bottom:0%;transform: rotate(180deg);}
}
@-webkit-keyframes sxzy2{
    0%{left:-5%;bottom:0;transform: rotate(0);}
    10%{left:10%;bottom:40%;transform: rotate(180deg);}
    20%{left:20%;bottom:0%;transform: rotate(360deg);}
    30%{left:30%;bottom:30%;transform: rotate(90deg);}
    40%{left:40%;bottom:0%;transform: rotate(180deg);}
    50%{left:50%;bottom:15%;transform: rotate(360deg);}
    60%{left:60%;bottom:0%;transform: rotate(90deg);}
    70%{left:70%;bottom:7%;transform: rotate(180deg);}
    80%{left:80%;bottom:0%;transform: rotate(360deg);}
    100%{left:105%;bottom:0%;transform: rotate(180deg);}
}


.w900{width: 900px;margin:0 auto;padding-top: 30px;box-sizing: border-box;overflow: hidden;}
.topic_computer{float: left;width: 495px;height: 420px;background:url(../../images/toppic_com.png) no-repeat center center;background-size:contain;padding-top: 18px;
  padding-left: 19px;
  box-sizing: border-box;}
.topic_computer img{width: 456px;height: 255px;}
.banner_right{float: right;width: 305px;}
.sehndu{font-size:60px;font-weight: bold;color:#fff;margin-bottom: 25px;}
.baizi{overflow: hidden;color:#fff;font-size:18px;height: 30px;margin-bottom: 12px;}
.baizi em{display: inline-block;vertical-align: middle;width: 30px;height: 25px;background: url(../../images/sprint.png) no-repeat;background-position: -15px -272px;}
.baizi span{display: inline-block;vertical-align: middle;margin-left: 12px;}
.topic_down{width: 292px;height: 72px;display: block;border:2px solid #fff;border-radius: 5px;line-height: 72px;text-align: center;font-size: 30px;font-weight: bold;color:#fff;margin-top: 30px;}
.topic_down:hover{background:#fff;color:#1a9ff3;}
.wrap{width: 1200px;margin:0 auto;}
.shen_box{width: 100%;margin-top: 30px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;box-sizing: border-box;}
.shen_tit{font-size:36px;font-weight: bold;color:#212121;margin-bottom: 20px;}
.shen_xiao{line-height: 36px;}
.box_he{width: 100%;overflow: hidden;}
.box_he>div{width: 380px;height: 220px;border:1px solid #b4b4b4;float: left;padding:15px 0px;box-sizing: border-box;margin-top: 15px;margin-right: 27px;position:relative;margin-bottom: 15px;}
.box_he>div:nth-of-type(3n){margin-right: 0;}
.box_he>div:hover{border-color: #0082d7;}
.hei_aa{font-weight: bold;font-size:20px;display: block;margin-left: 13px;margin-right: 13px;}
.box_he>div:hover .hei_aa{color:#0082d7;}
.bb_he{width: 100%;overflow: hidden;margin-top: 10px;margin-left: 13px;margin-right: 13px;}
.he_img{float: left;width: 130px;height: 98px;background: #fff;margin-top: 17px;}
.he_img img{width: 100%;height: 100%;}
.he_you{float: left;margin-left: 25px;margin-top: 10px;}
.he_you>div{margin-bottom: 10px;}
.he_down{display: block;width: 140px;height: 42px;background: #17a2e7;border-radius: 5px;color:#fff;text-align: center;line-height: 42px;}
.he_down:hover{background:#ff9000;}
.tuijian{position:absolute;right:0;top:0;width: 65px;height: 69px;background:url(../../images/sprint.png) no-repeat;background-position: -17px -309px;display: none;}
.box_he>div:nth-of-type(1) .tuijian{display: block;}
.box_he>div:nth-of-type(2) .tuijian{display: block;}
.box_he>div:nth-of-type(3) .tuijian{display: block;}
.teach_box{width: 100%;overflow: hidden;margin-top: 30px;}
.teach_left{float: left;width: 782px;}
.gg_tit {
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    font-size: 22px;
    font-weight: bold;
    color: #212121;
}
.xian {
    border-bottom: 3px solid #0082d7;
    width: 130px;
    height: 40px;
    float: left;
}
.xian span {
    width: 32px;
    height: 26px;
    background: url(../../images/sprint.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
}
.xian .teacher_bb {
    background-position: -176px -129px;
}
.xian .teacher_bb2 {
    background-position: -463px -129px;
}
.xian em {
    display: inline-block;
    vertical-align: middle;
}
.lia_oiu{width: 100%;overflow: hidden;margin-top: 20px;}
.sys_zubox{width: 47%;overflow: hidden;float: left;}
.sys_zubox:nth-of-type(2){float: right;}
.sys_zubox2{float: right;}
.sys_row{width: 100%;height: 40px;position:relative;}
.shang em{width: 10px;height: 10px;border:1px solid #bbb;border-radius: 12px;display: inline-block;vertical-align: top;margin-top: 6px;}
.shang a{color:#212121;font-size:16px;width: 80%;display: inline-block;vertical-align: top;}
.time_sys{color:#212121;font-size:16px;display: inline-block;vertical-align: middle;}
.xian_dot{position:absolute;left:6px;bottom:-3px;height: 23px;border-left:1px dashed #adadad;}
.sys_row:nth-of-type(5) .xian_dot{display: none;}
.sys_row:nth-of-type(10) .xian_dot{display: none;}
.sys_row:hover a{color:#0082d7}
.sys_row:hover .shang em{border-color: #0082d7;background: #0082d7;}
.weizsml{display: inline-block;vertical-align: middle;width: 97%;}
.teach_right{float: right;width: 365px;}
.xian2{width: 180px;}
.sys_aa{width: 100%;margin-top: 20px;overflow: hidden;}
.sys_aa a{float: left;padding:0 14px;box-sizing: border-box;color:#fff;font-size:16px;height: 36px;line-height: 36px;margin-bottom: 12px;background:#99d884;border-radius: 3px;margin-left: 5px;margin-right: 5px;}
.sys_aa a:hover{text-decoration: underline;}
.sys_aa a:nth-of-type(2n){background: #f28c8c;}
.sys_aa a:nth-of-type(3n){background: #a1a1f2;}
.sys_aa a:nth-of-type(4n){background: #6cbee6;}
.sys_aa a:nth-of-type(5n){background: #edaa5a;}


/* 弹框 */
.mengban { display: none; width: 100%; height: 3000px; position: fixed; left: 0; top: 0; z-index: 2019; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); }
.downlwrap {box-sizing: unset; display: none; width: 740px; padding: 0 20px; padding-bottom: 5px; background: #f5f5f5; border: 2px solid rgba(0, 0, 0, 0.3); position: fixed; left: 50%; top: 50%; margin: -260px 0 0 -400px; z-index: 2020; }
.downlwrap .closebtn { position: absolute; right: -2px; top: -62px; width: 90px; height: 60px; cursor: pointer; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); }
.downlwrap .closebtn img { display: block; margin: 18px auto 0; }
.downlwrap .bt { font-size: 36px; height: 50px; line-height: 50px; width: 100%; overflow: hidden; color: #333; font-weight: 400; margin-top: 30px; }
.downlwrap .desc { height: 40px; line-height: 20px; font-size: 16px; color: #555; margin: 10px auto; overflow: hidden; }
.downlwrap .desc span { color: #999; }
.downlwrap .downlbtn { width: 100%; margin-bottom: 20px; display: table; position: relative; z-index: 3; }
.downlwrap .downlbtn .lis + .lis { float: right; }
.downlwrap .downlbtn .lis + .lis .btn { background: -webkit-linear-gradient(to right, #3295f9 0%, #b699ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3295f9', endColorstr='#b699ff', GradientType=1); background: linear-gradient(to right, #3295f9 0%, #b699ff 100%); }
.downlwrap .downlbtn .lis { width: 360px; position: relative; float: left; }
.downlwrap .downlbtn .lis .btn { display: block; width: 360px; height: 80px; background: -webkit-linear-gradient(to right, #4bc39b 0%, #c0e971 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e971', endColorstr='#4bc39b', GradientType=1); background: linear-gradient(to right, #4bc39b 0%, #c0e971 100%); font-size: 28px; color: #fff; font-weight: bold; line-height: 80px; text-align: center; transition: all .1s linear; -webkit-transition: all .1s linear; }
.downlwrap .downlbtn .lis .btn i { display: inline-block; width: 24px; height: 24px; background: url(/images/icon_downl.png) no-repeat; margin: 0 14px -2px 0; background-size: 100%; }
.downlwrap .downlbtn .lis ul { display: block; background: #fff; width: 100%; overflow: hidden; }
.downlwrap .downlbtn .lis ul li { width: 340px; line-height: 45px; margin: 2px auto; overflow: hidden; }
.downlwrap .downlbtn .lis ul li a, .downlwrap .downlbtn .lis ul li p { width: 50%; display: block; float: left; font-size: 15px; text-align: center; color: #333; }
.downlwrap .downlbtn .lis ul li a span, .downlwrap .downlbtn .lis ul li p span { color: #333; }
.downlwrap .downlbtn .lis ul li a:hover span { color: #14cc8f; }
.downlwrap .downlbtn .lis ul li p { color: #999; }
.downlwrap .downlbtn .lis ul li p span { color: #555; }
.downlwrap .downlbtn .lis ul li + li { border-top: 1px solid #d5d5d5; }
.Qz_title span {font-size: 16px}
/* .downlwrap .zt_list { margin: 20px 0 0; }
.downlwrap .zt_list ul li { margin: 2px 20px 0 0; } */

.zt_list { width: 100%; overflow: hidden; margin-top: 20px; }
.zt_list ul { width: 100%; overflow: hidden;display: flex;flex-flow: row wrap;justify-content: flex-start}
.zt_list li{float: left;margin-right: 30px;margin-bottom: 15px;padding: 8px 24px}
.zt_list li a{width: 100%;height:auto;color: #fff;}
.zt_list li a:hover{color: #007aff;}
.zt_list li:nth-of-type(1n){background: #99d884;}
.zt_list li:nth-of-type(2n){background: #f28c8c;}
.zt_list li:nth-of-type(3n){background: #a1a1f2;}
.zt_list li:nth-of-type(4n){background: #6cbee6;}
.zt_list li:nth-of-type(5n){background: #edaa5a;}
@media (min-width:500px) and (max-width: 1023px){
  .dadawer{transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin: center top;-webkit-transform-origin: center top;}
  .banner{height: 368px;}
}
@media (min-width:1024px) and (max-width: 1200px){
  .dadawer{transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin: center top;-webkit-transform-origin: center top;}
  .banner{height: 391px;}
}
@media (min-width:1201px) and (max-width: 1400px){
  .dadawer{transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin: center top;-webkit-transform-origin: center top;}
  .banner{height: 414px;}
}




/* 11.24 */
.new_tiwen{width: 100%;margin-top: 15px;}
.new_tiwen .mnqw{float: left;margin-right: 10px;height: 30px;line-height: 30px;text-align: center;color:#333;font-size:15px;text-overflow: ellipsis;white-space: nowrap;}
.new_tiwen .on{background:#17a2e7;color:#fff;padding: 0 5px;}