@charset "utf-8";






/* ====================公共样式========================= */
.nbanner{ position:relative;}
.nbanner img{display:block;}
.nbanner .nbannertxt{position:absolute; color:#fff; top:50%;margin-top:-17px;left:0; width:100%; text-align:left }
.nbanner .nbannertxt h3{ font-size:34px; position:relative;  display:block;}
/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 99999;}
.Header-wrapper.Header-wrappergd{background: rgba(255, 255, 255, .8);}
.Header-wrapper:after{content: "";width: 100%;height: 1px;background: #e8e8ea;position: absolute;left: 0;bottom: 0;z-index: 9995;}
.Header-container{width: 1360px;height: 100px;margin: 0 auto;}
.bodyontrue .Header-navbarbox{display: block !important;}

.Header-navbar ul li{position:relative;z-index: 22222;
}
.Header-navbar ul li>div{position:absolute;left:-50%;top:80px; background:#fff;padding:10px 10px; width:140px;display:none; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);}
.Header-navbar ul li:hover div{display:block;}
.Header-navbar ul li>div>a{line-height:2; display:block;text-align:center ;color:#000; font-size:14px;}

.Header-logo{float: left;position: relative;z-index: 9995;}
.Header-logo a{height: 100px;line-height: 100px;float: left;}
.Header-logo a img, .Header-logo a span{display: inline-block;vertical-align: middle;}
.Header-logo a span{height: 52px;line-height: 52px;margin-left: 26px;padding-left: 26px;border-left: 1px solid #e0e0de;font-size: 16px;color: #8d8d8d;}
.Header-logo a img{height:75px;}
.Header-search{float: right;position: relative;}
.Header-search-click{width: 48px;height: 100px;background:transparent url('img/search.png') no-repeat center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('img/icon-close.png') no-repeat center /18px auto;}

.Header-navbar{float: right;font-size: 0;margin-right: 18px;}
.Header-navbar ul li{display: inline-block;margin: 0 26px;}
.Header-navbar ul li:first-child{margin-left: 0;}
.Header-Menu{display: block;height: 100px;line-height: 100px;font-size: 16px;color: #333;padding: 0 4px;transition: all .4s ease-in-out;}
.Header-navbar ul li.ontrue .Header-Menu{color: #122a88;}
.Header-Menu:hover{color: #004423;}

.Header-search-message{width: 360px;height: 49px;border: 1px solid #e8e8ea;border-top: none;position: absolute;z-index: 99;background: #fff;right: 0;top: 100px;display: none;}
.Header-search-words{width: 100%;}
.Header-search-wordsform{width: 100%;position: relative;padding: 0 52px 0 12px;}
.Header-search-submit{width: 48px;height: 48px;background: url('img/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;position: absolute;top: 0;right: 0;z-index: 9;}
.Header-search-submit:hover{background: url('img/searchC.png') no-repeat center center;}
.Header-search-submit:after{content: "";width: 1px;height: 20px;background: #e8e8ea;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.Header-search-wordsform input{width: 100%;height: 48px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #393939;font-family: "微软雅黑";}


/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 28px;height: 3px;background: #aaa;display: block;position: relative;margin-top: 28.5px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background: #aaa;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 底部 */
.Footer-wrapper{width: 100%;background: #fff;border-top: 1px solid #e8e8ea;}
.Footer-container{width: 1360px;margin: 0 auto;padding: 68px 0 56px;}
.Footer-share{width: 20%;float: left;}
.Footer-sharelogo img{max-width: 100%;}
.Footer-sharerel p{font-size: 18px;color: #004423;margin-top: 28px;}
.Footer-sharerel span{display: block;font-size: 30px;color: #004423;margin-top: 4px;font-weight: bold;}
.Footer-shareme{width: 100%;overflow: hidden;margin-top: 14px;display: none !important;}
.Footer-shareme h6{width: 100%;overflow: hidden;margin-top: 12px;font-size: 14px;color: #999;}
.Footer-shareme h6 p{width: 16%;float: left;line-height: 20px;}
.Footer-shareme h6 span{width: 84%;float: left;line-height: 22px;}

.Footer-navbar{width: 64%;float: left;position: relative;margin-left: 8%;}
.Footer-navbar ul li{width: 20%;float: left;}
.Footer-navclick{width: 100%;position: relative;height: 40px;line-height: 40px;}
.Footer-navclick h6{font-size: 16px;color: #333;font-weight: bold;}
.Footer-navclick i{width: 40px;height: 40px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('img/iconArr.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 2px;}
.Footer-navwords a{display: block;padding: 4px 0;font-size: 14px;color: #8d8d8d;transition: all .4s ease-in-out;}
.Footer-navwords a:hover{color: #004423;}

.Footer-code{width: 8%;float: right;text-align: right;}
.Footer-code img{max-width: 100%;}
.Footer-code p{color:#8d8d8d;line-height: 18px;text-align:center;}

.Footer-copyright{width: 100%;text-align: center;padding: 26px 4% 28px;background: #fff;border-top: 1px solid #e5e5e5;}
.Footer-copyright p{font-size: 14px;color: #8d8d8d;line-height: 24px;}


/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 100px;}
.contain{width: 1360px;margin: 0 auto;}
.pubtit{width: 100%;text-align: center;}
.pubtit h6{font-size: 36px;color: #333;}
.pubtit p{font-size: 24px;color: #999;margin-top: 15px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;opacity: .5;}
.pubtit.crwhite h6{color: #fff;}

/* top-list */
.top-listbox{width: 100%;background-color: rgba(108, 109, 121, .8);overflow: hidden;}
.top-list{width: 100%;overflow: hidden;}
.top-list ul{width: 100%;}
.top-list ul li{float: left;}
.top-list ul li a{font-size: 16px;color: #fff;display: block;line-height: 64px;padding: 0 40px;}
.top-list ul li.ontrue a,.top-list ul li a:hover{background-color: #122a88;}
.top-listbox.sunMenu{position: fixed;top: 100px;left: 0;z-index: 999;}
.sunMenu-blank{height: 64px;width: 100%;}

/* 锚点 */
.mdclass{position: relative;top: -190px;display: block;height: 0;overflow: hidden;}



/* 置顶
.Backtop {position: fixed;right: 2%;bottom: 6.6%;z-index: 999999;width: 44px;height: 44px;cursor: pointer;display: none;background: rgba(176, 176, 176, .8) url('img/toTop.png') no-repeat center center;}
.Backtop:hover {background-color: #122a88;} */

/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 102px;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 153px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 0px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #122a88;opacity: 1;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: 0px;left: -144px;background: url('../images/public/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Header-container{width: 92%;}
    .Header-navbar ul li {margin: 0 28px;}
    .Footer-container{width: 92%;}
    .Footer-shareme h6 p{width: 18%;}
    .Footer-shareme h6 span{width: 82%;}

    .contain{width: 92%;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-navbar ul li {margin: 0 22px;}
    .Footer-share{width: 22%;}
    .Footer-navbar{width: 62%;}

    .pubtit h6{font-size: 32px;}
    .pubtit p{font-size: 20px;}

    .mdclass{top: -132px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-navbar ul li {margin: 0 12px;}
    .Footer-container {padding: 60px 0 50px;}
    .Footer-sharerel span{font-size: 28px;}
    .Footer-share {width: 24%;}
    .Footer-navbar{margin-left: 6%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-logo a span {margin-left: 16px;padding-left: 16px;}
    .Header-navbar ul li {margin: 0 4px;}
    .Header-navbar {margin-right: 4px;}
    .Footer-share {width: 26%;}
    .Footer-navbar {width: 61%;margin-left: 5%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 60px;}

    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 60px;}
    .Header-logo a img{height: 24px;}
    .Header-logo a span {height: 30px;line-height: 32px;margin-left: 4px;padding-left: 4px;font-size: 14px;}
    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;overflow-y: auto !important;padding-bottom: 20px;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;padding: 0 4%;}
    .Header-search-click {width: 40px;height: 60px;}
    .Header-search{position: static;}
    .Header-search-message{width: 100%;top: 60px;border: none;border-bottom: 1px solid #e8e8ea;}

    .Footer-container {padding: 40px 0 32px 0;}
    .Footer-share{width: 100%;}
    .Footer-shareme h6 p {width: 46px;}
    .Footer-shareme {margin-top: 6px;}
    .Footer-sharelogo img {max-width: 42%;}
    .Footer-sharerel span {font-size: 24px;}
    .Footer-sharerel p {margin-top: 18px;}
    .Footer-shareme h6{margin-top: 8px;}
    .Footer-navbar {width: 100%;padding: 0;margin-top: 16px;margin-left: 0;}
    .Footer-navbar ul li{width: 100%;}
    .Footer-navclick h6 {line-height: 40px;}
    .Footer-navwords a {padding: 4px 0;font-size: 16px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-code{width: 100%;margin-top: 18px;text-align: center;}
    .Footer-copyright {padding: 20px 4% 24px;}
 
    .top-listbox .contain{width: 100%;}
    .top-list{width: 100%;overflow-x: auto;float: none;}
    .top-list ul{float: none;width: 2000px;}
    .top-list ul li a{line-height: 44px;padding: 0 12px;font-size: 14px;}
    .sunMenu-blank {height: 44px;}
    .top-listbox.sunMenu {top: 60px;}
    .mdclass{top: -92px;}
    .top-list ul li a:hover{background-color: transparent;}
    .top-list ul li.ontrue a {background-color: #122a88;}
	.Footer-code img{width:50%;}

    .sideBar-wrapper{display: none;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .pubtit h6{font-size: 28px;}
    .pubtit p{font-size: 16px;}
    .Header-wrapper.Header-wrappergd{background: rgba(255, 255, 255, 1);}
}