@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: 'helvetica neue','helvetica','pingfang sc','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 {
	font-family: "frutiger neue lt w06 bold","arial black",gadget,sans-serif;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	/* font-size: 15px; */
	font-size: 1rem;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
}
nav ul.menu li a {
    color:#333;
    text-decoration: none;
	font-family: "frutiger neue lt w06 bold","arial black",gadget,sans-serif;
}

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

.footer{background: #151515;font-family: "frutiger neue lt w06 thin","arial black",gadget,sans-serif;}
.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;}
@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;font-family: "frutiger neue lt w06 thin","arial black",gadget,sans-serif;}
.footer .footer-links li{display: inline-block;padding: 0 15px;}
.footer .footer-links2{padding-top: 15px;/* border-bottom: 0px; */padding-bottom: 15px;}
.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;
    }

    .header .mobile-nav nav ul.menu > li {
        width: calc(100% - 40px);
        font-weight: bold;
        font-size: 20px;
        color: #333333;
        text-align: center;
        line-height: 60px;
        padding: 0 20px;
        cursor: pointer;
    }
    .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}
}