body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,table,td,th,ul{margin:0;padding:0}
body{margin:0 auto;font-family:Pingfang SC,Microsoft Yahei;font-size:14px;min-width:1000px;width:expression(document.body.clientWidth <1000 ? "1000px" : "100%");background-color:#f5f5f5}
a{text-decoration:none;color:#333;transition:all .2s;outline: none;}
a:hover{color:#f52f3e}
li,ul{list-style:none}
fieldset,img{border:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
address,cite,code,em,i,strong,th{font-weight:400;font-style:normal}
button,input,select,textarea{vertical-align:middle;font-family:Pingfang SC,Microsoft Yahei}
table{border-collapse:collapse}
.clear{height:1px;clear:both}
.blank{height:10px;overflow:hidden}
.fl{float:left}
.fr{float:right}
.No_data{display: flex; justify-content: space-around; width: 40%; margin: auto; align-items: center; padding: 10px 0 40px 0;}
.No_data img{width: 40%;}
.No_data p{padding:10px;color: #999;}
/* 新闻 面包屑 */
.crumbs{margin:0 auto;max-width:1200px}
.crumbs p{width:100%;height:60px;color:#666;font-size:14px;line-height:60px}
.crumbs span{ color:#ccc;font-family: "宋体";margin:0 5px}
.crumbs p a{color:#666}
.top-nav-bg{background:#fff;height:40px;box-shadow:0 0 5px rgba(0,0,0,.1);position:relative;z-index:9999;display:none}
.top-nav-cont{width:1200px;margin:auto;height:40px}
.top-nav-left{float:left;padding:0 0 0 45px;background:url(../images/wel.png) no-repeat left center;color:#b0b0b0;margin-top:10px;font-size:12px}
.top-nav-right{float:right}
.top-nav-right a{color:#b0b0b0}
.top-nav-right a:hover{color:#fff}
.sm-nav{font-size:12px;float:left;margin:11px 20px 0 0}
.sm-nav li{float:left;margin-left:25px;position:relative}
.sm-nav a.hot-p{background:url(../images/hot-p.png) no-repeat left center;padding-left:34px}
.sm-nav li.hover{height:28px;color:#fff}
.sm-nav li.hover a{color:#fff}
.sm-nav li .con{position:absolute;top:29px;left:-50px;background:#fff;width:205px;padding:0 0;text-align:center;line-height:18px;box-shadow:0 0 15px rgba(0,0,0,.2);z-index:998;overflow:hidden}
.sm-nav li .con p{clear:both;width:200px;text-align:left;border-bottom:dotted 1px #ccc;overflow:hidden;padding:15px 0 15px 15px;color:#666}
.sm-nav li .con p span{display:block;float:left;margin-right:15px}
.sm-nav li .con p span img{display:block;float:none;margin-right:0}
.sm-nav li .con p span i{display:block;text-align:center}
.sm-nav li .con p img{float:left;margin-right:15px}
.sm-nav li .con em{display:block;float:left;line-height:24px}
.sm-nav li .con em b{color:#f52f3e;font-size:12px}
.login{float:right;margin-top:8px}
.login a{padding:2px 10px;border:1px solid #b0b0b0;display:block;float:right;margin-left:10px;font-size:12px}
.login a:hover{border:1px solid #fff;color:#fff}
.nav-bg{background:#fff;height:80px;position:relative;z-index:999;box-shadow:0 0 20px rgba(0,0,0,.1)}
.nav-cont{width:1200px;margin:auto;height:80px}
.left-logo{width:65px;float:left;margin-top:8px}
.left-logo img{width:100%}
.main-nav{width:auto;float:left;margin:28px 0 0 0px}
.main-nav li{float:left;margin:0 40px 0 0}
.main-nav li i{background:url(../images/free-ico.png);color:#fff;width:28px;height:20px;position:absolute;display:block}
.main-nav li i.effect{position:absolute;right:-16px;top:-15px;animation:myfirst .8s infinite;animation-timing-function:linear;animation-direction:alternate}
@keyframes myfirst{from{right:-16px;top:-18px}
to{right:-16px;top:-15px}
}
@-webkit-keyframes myfirst{from{right:-16px;top:-18px}
to{right:-18px;top:-13px}
}
.main-nav li a{color:#333;font-size:16px}
.main-nav li a:hover{color:#f52f3e}
.main-nav li a.on{color:#f52f3e}
.main-nav li a.on:after{content:"";display:block;height:3px;width:22px;background:#f52f3e;margin:5px auto 0 auto;border-radius:3px}

.classSelect{float:left;margin:0 40px 0 0px;position:relative;}
.classSelect h2{display:block;padding:20px 0 20px 28px;font-size:16px;height:40px;line-height:40px;box-sizing: content-box;}
.classSelect h2 i{display: inline-block;width: 16px;height: 10px;background: #ccc;margin-left:10px}
.classSelect h2 i{background:url(../images/sel-s-ico-red.png) no-repeat 0 0 /16px;}
#navbox.current h2{color:#f52f3e}
#navbox.current h2 i{background:url(../images/sel-s-ico-red.png) no-repeat 0 -69px /16px;}
.classSelect .subnav{display:none;background:#fff url(../images/bg_01.png) center bottom no-repeat;position:absolute;top:60px;left:0;width:400px;padding:20px 20px 20px 30px;box-shadow:0 10px 10px rgba(0,0,0,.1);box-sizing: content-box;}
#navbox.current .subnav{display:block;transition:all .5s}
.classSelect .subnav li{float:left;margin-right:60px;width:120px}
.classSelect .subnav li:last-child{margin-right:0}
.classSelect .subnav h3{color:#999;margin-bottom:15px}
.classSelect .subnav h3::after{background:#ddd;content:"";display:block;width:20px;height:2px;border-radius:3px;margin-top:10px}
.classSelect .subnav a{display:block;line-height:38px;opacity:.8;font-size:14px}
.classSelect .subnav del{display:block;line-height:38px;opacity:.3;font-size:14px}
.classSelect .subnav a:hover{opacity:1;color:#f52f3e;padding-left:5px}

/* .lesson-nav{position:relative;z-index:999}
.lesson-nav .lesson-tit a{padding-right:20px;background:url(../images/down.png) no-repeat right 8px}
.lesson-nav .lesson-tit a.hover{padding-right:20px;background:url(../images/down.png) no-repeat right -20px}
.lesson-nav .lesson-con{width:1200px;position:absolute;display:none;top:20px;left:-454px;padding:20px 0 0 0;text-align:left}
.lesson-bg{background:#fff;overflow:hidden;padding:30px 30px 30px 50px;box-shadow:10px 10px 30px rgba(0,0,0,.2)}
.lesson-nav .lesson-con dl{float:left;margin-right:10px;width:240px}
.lesson-nav .lesson-con dl dt{font-weight:700;font-weight:700;margin-bottom:15px}
.lesson-nav .lesson-con dl dt:after{content:"";display:block;height:2px;width:25px;background:#333;margin:5px 0 0 0}
.lesson-nav .lesson-con dl dd{color:#444;line-height:32px}
.lesson-nav .lesson-con dl dd a{display:block;margin-right:20px;font-size:14px}
.lesson-nav .lesson-con dl dd a:hover::after{content:"";display:none} */

.right-login{float:right;margin:27px 0 0 0}
.right-login a{padding:3px 15px;border:1px solid #b0b0b0;display:block;float:right;margin-left:10px;font-size:12px}
.right-login a:hover{border:1px solid #f52f3e;color:#f52f3e}
.right-login_s{position:relative;float:right;margin:20px 0 0 0;cursor:pointer}
.right-login_s span{width:40px;height:40px;display:inline-block;overflow:hidden;zoom:1;border-radius: 100%;border:2px solid #e1e1e1;}
.right-login_s span img{border-radius:50%;width:100%;height:100%}
.right-login_s:hover .dropdown-menu2{display:block;}
.right-login_s .dropdown-menu2{display:none;position:absolute;top:0;right:0;z-index:1000!important;float:left;min-width:110px;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:2px;}
.right-login_s .dropdown-menu2 ul{width:100%;margin-top: 52px;background-color:#fff;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);border:solid 1px #f5f5f5}
.right-login_s .dropdown-menu2 li{width:100%;height:40px;line-height:40px;text-align:center}
.right-login_s .dropdown-menu2 li a i{display:inline-block;width:20px;height:20px;position:relative;top:2px;background:url(../images/user-nav-ico_s.png) center 6px no-repeat;margin-right:8px}
.right-login_s .dropdown-menu2 li a i.xl2{display:inline-block;background:url(../images/user-nav-ico_s.png) center -15px no-repeat}
.right-login_s .dropdown-menu2 li a i.xl3{display:inline-block;background:url(../images/user-nav-ico_s.png) center -36px no-repeat}
.right-login_s .dropdown-menu2 li:last-child{background-color:#f5f5f5}
.right-login_s .dropdown-menu2 li:hover a i{color:#0384fc;-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg)}
.right-login_s .dropdown-menu2 li:hover a{color:#0384fc}
.icon-up-arrow{width:13px;height:0;position:relative;font-size:0;line-height:0;margin-left:-6px;left:50%}
.triangle_border_up{width: 0;height: 0;border-width: 0 6px 6px; border-style: solid;border-color: transparent transparent #e6e6e6;position: relative;left: 88px;top: -6px;}
.triangle_border_up span{width: 0;height: 0;border-width: 0 5px 5px;border-style: solid;border-color: transparent transparent #fff;position: relative;left: -5px; top: -9px;}
.so{float:right;width:170px;border:1px solid #e8e6e8;border-radius:3px;margin-top:28px;height:34px}
.so .input-text{background:0 0;border:none;line-height:34px;font-size:15px;color:#666;padding-left:8px;width:127px;float:left}
.so .so-btn{background:url(../images/search-bg.png) top center;width:34px;height:34px;display:block;float:right}
.so .so-btn:hover{background:url(../images/search-bg.png) bottom center}
.hotLine{float:right;font-size:22px;color:#f52f3e;margin-top:30px;background:url(../images/hotline.png) no-repeat left 10px;padding-left:25px;display:none}
.hotLine b{transform:scale(1,1.2);display:block;letter-spacing:-1px}
.fixed-btn{width:106px;top:25%;position:fixed;left:50%;margin-left:610px;z-index:9999}
.fixed-btn dt{height:80px;position:relative}
.fixed-btn dt .pic{width:106px;height:88px;position:absolute;top:0}
.fixed-btn dd{width:72px;height:200px;margin:auto;text-align:center}
.fixed-btn dd a{width:72px;padding-top:13px;height:72px;display:block;font-size:12px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:1px;color:#555;border-radius:5px;box-sizing: border-box;}
.fixed-btn dd a:hover{color:#f52f3e;box-shadow:0 0 15px rgba(0,0,0,.2)}
.fixed-btn dd i{display:block;width:24px;height:24px;margin:0 auto 5px auto;background:url(../images/fixed-ico.png) no-repeat left center;opacity:.5;transition:all .2s}
.fixed-btn dd i.online{background:url(../images/fixed-ico.png) no-repeat -28px center}
.fixed-btn dd i.app-ico{background:url(../images/fixed-ico.png) no-repeat -58px center}
.fixed-btn dd i.code{background:url(../images/fixed-ico.png) no-repeat right center}
.fixed-btn dd a:hover i{opacity:1}
.app-code{position:relative;width:72px}
.app-code .app-cont{width:247px;height:129px;padding:13px 0 0 13px;background:url(../images/wem_bg2.png) no-repeat;left:-265px;top:-35px;position:absolute;display:none}
.app-code:hover .app-cont{display:block}
.app-cont span{width:42%;float:left;color:#555;margin:0 18px 0 0;font-size:12px}
.app-cont span img{width:100%;display:block;margin:auto}
.wxcode{position:relative;width:72px}
.wxcode .wx-cont{width:128px;height:120px;position:absolute;top:-25px;left:-135px;background:url(../images/wem_bg.png) no-repeat;display:none}
.wxcode:hover .wx-cont{display:block}
.wxcode .wx-cont span{display:block;width:120px;height:120px;overflow:hidden}
.wxcode .wx-cont span img{width:100px;display:block;margin:10px auto 0 auto}
.bottom-wrap{clear:both;margin-top:20px;font-family:'PingFang SC'}
.about-us{clear:both;background:#fff;width:1200px;margin:auto;overflow:hidden;padding:35px 0 20px 0;}
.about-us ul{padding:0 40px}
.about-us li{float:left;font-weight:700;color:#7e7e7e}
.about-us li h3{font-size:18px;font-weight:700;border-bottom:1px solid #e8e6e8;padding:0 0 10px 0;margin-bottom:15px;color:#222}
.about-us li h3 i{font-size:16px;margin-left:5px;font-weight:700;color:#ccc}
.about-us li.help-link{width:130px;margin-right:60px}
.about-us li.help-link a{display:block;line-height:22px;margin-bottom:8px}
.about-us li.address{width:280px;margin-right:60px}
.about-us li.address p{font-size:12px;line-height:22px;padding:0 20px 0 0}
.about-us li.address span{display:block;margin-top:20px}
.about-us li.address span a{display:block;float:left;margin-right:15px;border:1px solid #999;border-radius:3px;padding:8px 20px 8px 20px;font-size:12px;font-weight:700}
.about-us li.address span a:hover{border:1px solid #f52f3e}
.about-us li.address span em a{border:1px solid #999}
.about-us li.address span em a:hover{border:1px solid #f52f3e}
.about-us li.code-down{width:300px;margin-right:60px}
.about-us li.code-down p{float:left;margin:6px 40px 0 0;text-align:center}
.about-us li.code-down p span{display:block;font-weight:400;font-size:12px;margin-top:5px}
.about-us li.service{width:220px}
.about-us li.service span{display:block;font-size:28px;color:#333}
.about-us li.service a{display:block;float:left;margin-top:24px;border:1px solid #999;border-radius:3px;padding:8px 15px 8px 45px;background:url(../images/try-ico-h.png) no-repeat 10px 6px;font-size:12px}
.about-us li.service a:hover{border:1px solid #f52f3e;color:#f52f3e;background:url(../images/try-ico-h.png) no-repeat 10px -32px}
.footer{overflow:hidden;background:#242424}
.footer-cont{width:1200px;box-sizing:border-box;margin:auto;padding:0 0 30px 240px;position:relative;overflow:hidden}
.footer-cont .fix-up{position:absolute;right:0;top:55px;transition:all .1s}
.footer-cont .fix-up a{border:1px solid #f52f3e;padding:2px 3px;font-size:9px;color:#f52f3e}
.footer-cont .fix-up:hover{position:absolute;right:0;top:53px}
.lightspot{padding:40px 0 30px 0;border-bottom:1px solid #333;overflow:hidden}
.lightspot li{float:left;width:185px;height:55px;color:#ccc;background:url(../images/lightspot-ico.png) no-repeat left 0;padding-left:65px;margin-right:15px;overflow:hidden;box-sizing:border-box}
.lightspot li:nth-child(2){background:url(../images/lightspot-ico.png) no-repeat left -71px}
.lightspot li:nth-child(3){background:url(../images/lightspot-ico.png) no-repeat left -146px}
.lightspot li:nth-child(4){background:url(../images/lightspot-ico.png) no-repeat left -219px}
.lightspot li em{display:block;font-size:15px;margin:5px 0;color:#888}
.lightspot li i{display:block;font-size:12px;color:#666}
.links{margin-top:30px}
.links a{font-size:12px;color:#666}
.links span{padding:0 20px;font-size:11px;color:#333}
.copyright{color:#666;line-height:24px}
.copyright a{color:#666;}
.copyright a:hover{color:#666;}
.fenye{width:100%;padding:35px 0;background:#fff;text-align:center;font-size:15px}
.fenye a{padding:8px 14px;background:#fff;border:1px solid #eee;border-radius:4px;margin:0 5px;color:#666;font-weight:400;display: inline-block;}
.fenye a span{padding:0 5px}
.fenye .slct{background:#f52f3e;border:1px solid #f52f3e;color:#fff}
.fenye .slct:hover{background:#f52f3e;color:#fff}
.fenye a:hover{background:#f9f9f9}
.paperHide {display: none;}