@charset "utf-8";
/* css document */
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
body {width: 100%;height: 100%;font-size: 16px; color: #fff;line-height: 24px;background: #fff;min-height: 100%;font-family:'pingfang sc','helvetica neue','helvetica','hiragino sans gb','microsoft yahei','noto sans cjk sc','wenquanyi micro hei',arial,sans-serif;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;width: 100%;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i,strong {font-weight: normal;}
strong {font-weight: bold;}
select::-ms-expand { display: none; }
a {color: #fff;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;}
a:hover {text-decoration: none;outline: none;}
*, *::after, *::before {box-sizing: inherit;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}

.header {position: relative;}
.header .header-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}

.header .logo-block {display:block;float:left;width:28%;background:white;position:relative;height:120px;z-index:9999}
.header .logo-block p {margin: 0 auto;max-width:268px;padding: 25px 0px 0px 0px}

@media (min-width: 980px) {
    .header .logo-block p {margin:0;max-width: 268px;}
}
.header .logo-block a {display: block}
.header .logo-block img {display: block;width: 100%;padding: 0px 0px}
/*mobile*/
@media (max-width: 979px) {
    .header .pc-nav{display: none}
    .header .mobile-nav{display: none}
    .header .logo-block{width: 100%;height: 80px;}
    .header .logo-block p {max-width: 152px;padding: 0;margin: 0;display: inline-block;}
    .header .logo-block .menu-icon{display: inline-block;position: relative;
        top: 29px;
        float: right;
    width: 30px;
    height: 2px;
    border-top: 2px solid #0262b3;
    border-bottom: 2px solid #0262b3;
    background-color: #0262b3;
    padding: 8px 0;
    background-clip:content-box;
        cursor: pointer;
    }
    .header .logo-block .close{
        cursor: pointer;
    }
    .header .logo-block .close:before {
        position: absolute;
        content: '';
        width: 30px;
        height: 2px;
        background: #0262b3;
        transform: rotate(45deg);
        top: 8px;
        left: 0px;
    }
    .header .logo-block .close:after{
        content: '';
        position: absolute;
        width: 30px;
        height: 2px;
        background: #0262b3;
        transform: rotate(-45deg);
        top: 8px;
        left: 0px;
    }
    .header .logo-block .close.menu-icon{
        border: 0px;
        height: 6px;
        background: #fff;
    }

    .header .logo-block img{padding: 20px 0px;}

}



/*nav*/
.header .nav-block {color:#fff;height: 30px;padding-top: 40px;}
@media (min-width: 980px) {
    .header .nav-block {float:left;width:72%;position:relative}
    .header .nav-block.pc-nav{display: block}
    .header .nav-block.mobile-nav{display: none}
}
@media (max-width: 979px) {
    .header .nav-block.pc-nav{display:none}
    .header .nav-block.mobile-nav{display: none}
    .header .nav-block {padding-top:80px;}
}
nav ul.menu {margin: 0;padding: 0;list-style: none;text-align: right}
nav ul.menu>li:nth-child(1) {padding:0;}
nav ul.menu>li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    padding: 0px 0px 0px 27px;
}
nav ul.menu li a {
    color:#333;
    text-decoration: none
}

.nav-block ul.menu li a:focus {
    color:#333 !important;
    text-decoration: none
}

.footer{background:  no-repeat;background-size: cover;background-position: center center;}
.footer-inner{max-width:1180px;padding-top: 20px;margin-left:auto;margin-right:auto;padding-left:0px;padding-right:0px;}

.footer .footer-logo {display:block;width:100%;position:relative;height: 90px;}
.footer .footer-logo img{height: 70px;display: block;width: auto;margin: 0 auto;}
.footer .footer-logo .code{position:absolute;right:0;top: 0;width: 120px;height: 120px;}

.footer .articles-banner .articles-banner-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:0px;padding-right:0px;}
.footer .articles-lists li .articles-item-right{float:left;margin-right:25px;}
.footer .articles-item-desc{text-indent: 0;}
.footer .articles-banner-title{text-align:center;}
.footer .articles-banner-bg .articles-banner-inner img{width:180px;display:block;float:left;margin-right: 20px;}
.footer .articles-banner-bg p{color: #fff;font-size: 18px;text-align: left;line-height:35px;}
.footer .articles-lists{width: calc(100%);}
.footer .articles-lists li .articles-item-left{width:900px;}
@media (max-width: 1400px) {
	.footer .footer-logo .code{top: 70%;width: 100px;height: 100px;position: fixed;right: 1%;}
}
@media (max-width: 800px) {
	.footer .footer-logo .code{right: 60px;top:0;width: 100px;height: 100px;}
}
@media (max-width: 480px) {
	.footer .footer-logo .code{display:block;margin:10px auto;height:200px;width:200px;position:relative;overflow:hidden;right:0;}
}
.footer .footer-links{width: 100%;text-align: center;display: block;border-bottom: 1px solid rgba(255,255,255,0.10);padding-bottom: 10px;}
.footer .footer-links li{display: inline-block;padding: 0 15px;}
.footer .footer-links2{padding-top: 15px;border-bottom: 0px;padding-bottom: 15px;}
.footer .footer-links ul li a,.footer .footer-links2 ul li a,.footer .footer-links3 ul li a{color:#fff;}
.footer .footer-copyform{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 979px) {
    .footer .footer-logo {height:auto;padding-top: 40px;}
    .footer .footer-logo img{height:40px;}
    .footer .footer-links3 li,.footer .footer-links2 li{width:calc(100% - 30px);}
    .footer .footer-links3 li a,.footer .footer-links2 li a{width:100%;font-size: 16px;line-height: 30px;}
}
@media (min-width: 980px) and (max-width: 1400px){
    .header .header-inner{max-width: 960px;}
    .footer-inner{max-width: 960px;}
}


.articles-pages {width: 100%;margin-bottom: 100px;}
.articles-pages span,.articles-pages a{width:30px;height: 30px;background: #ffffff;border: 1px solid #e5e5e5;
    font-size: 14px;color: #333333;text-align: center;line-height: 30px;display:inline-block;float: left;margin-right: 8px;}
.articles-pages span.current,.articles-pages a.current{background: #0262b3;color: #fff;border: 1px solid #0262b3;}
.articles-pages a.down:after{content: '';margin-right: 3px;display: inline-block;width: 10px;height: 10px;
    border-top: 1px solid #333333;border-right: 1px solid #333333;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.articles-pages a.up:after{content: '';margin-left: 3px;display: inline-block;width: 10px;height: 10px;
    border-top: 1px solid #333333;border-right: 1px solid #333333;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}


@media (max-width: 980px) {
    .header .mobile-nav {
        background-color: rgb(255, 255, 255) !important;
        height: auto;
        left: 0px !important;
        position: fixed !important;
        right: 0px !important;
        top: 0px !important;
        z-index: 10 !important;
        transition-duration: 0.2s !important;
        transition-property: -ms-transform, -webkit-transform, transform !important;
        transition-timing-function: ease-out !important;
        transform: translatey(0px) !important;
    }

    .header .mobile-nav nav {
        height: auto;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        /* margin-bottom: 20px; */
    }
    
    nav ul.menu>li:nth-child(1) {
    padding: 0;
    display:none;
}

    .header .mobile-nav nav ul.menu > li {
        width: calc(100% - 40px);
        font-weight: bold;
        font-size: 20px;
        color: #333333;
        text-align: center;
        line-height: 50px;
        padding: 0 20px;
        cursor: pointer;
    }
    .header .mobile-nav nav ul.menu > li.search {display:none;}
 ul.menu li.search .searchwrapper button {
    position: absolute;
    right: 0;
    font-size: 20px;
    top: 0;
    background: none;
    cursor: pointer;
    height: 38px;
    width: 38px;
}
 .header .mobile-nav nav ul.menu li.search .searchwrapper {
    /* position: absolute; */
    top: 10px;
    width: 250px;
    display: block;
    margin: 0px -17%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}


    
    .header .mobile-nav nav ul.menu > li.mnav > ol{display: none}
    .header .mobile-nav nav ul.menu > li.mnav > ol.active{width: 100%;display: block}
    .header .mobile-nav nav ul.menu > li.mnav > ol.active>li{background: #fafafa;height: 40px;line-height: 40px;margin-bottom: 2px;}
    .header .mobile-nav nav ul.menu > li.mnav > ol.active>li>a{font-size: 16px;color: #333333;
        text-align: center;height: 40px;font-weight: normal;
        line-height: 40px;}
}

@media (min-width: 980px){
    .header .pc-nav nav ul.menu > li{color: #333;}

    .header .pc-nav nav ul.menu > li.mnav > ol{display: none;position: absolute; z-index: 999;}
    .header .pc-nav nav ul.menu > li.mnav > ol.active{width: 224px;display: block;padding-top: 40px;}
    .header .pc-nav nav ul.menu > li.mnav > ol.active>li{width: 160px;
        height: 50px;background: #ffffff;
        box-shadow: 0 10px 40px 0 rgba(0,0,0,0.10);
        border-bottom: 1px solid #f1f1f1;
        left: -45px;top:-22px;
        position: relative;}
    .header .pc-nav nav ul.menu > li.mnav > ol.active>li>a{line-height: 50px;display: inline-block;width: 100%;
        font-size: 16px;font-weight: normal;color: #333;text-align: center;}
    .header .pc-nav nav ul.menu > li.mnav.active{color: #0262b3;}
    .header .pc-nav nav ul.menu > li.mnav:hover{color: #0262b3;}

    .header .pc-nav nav ul.menu > li.mnav > ol.active>li:hover{background: #0262b3;}
    .header .pc-nav nav ul.menu > li.mnav > ol.active>li:hover >a{color:#fff}
    .header .pc-nav nav ul.menu > li.mnav > ol.active>li:hover >a:active {color:#fff}
}
/*青年学生*/
.qnjjqh{border-bottom: 1px solid #ccc;display: flex;margin-bottom: 40px;}
.qnjjqh a{display: block;color: #000000;padding: 0 20px;}
.qnjjqh .current{border-bottom: 5px #0262b3 solid;color: #0262b3;}