@charset "utf-8";

/* ====================公共样式========================= */



/* 头部 */

.Header-wrapper{width: 100%;background: transparent;position: fixed;left: 0;top: 0;z-index: 9991;transition: all .4s ease-in-out;}

.Header-container{width: 1360px;height: 96px;margin: 0 auto;}

.Header-logo{float: left;position: relative;z-index: 999999;}

.Header-logo a{height: 96px;line-height: 96px;float: left;}

.Header-logo a img{max-width: 100%;}

.Header-logos{display: inline-block;}

.Header-logoh{display: none;}



/*搜索*/

.Header-search,.Header-searclick{width: 50px;height: 96px;float: right;user-select: none;cursor: pointer;position: relative;}

.Header-searclick{background: url('../images/public/search.png') no-repeat center center;}

.Header-searclick:hover{background: url('../images/public/searchH.png') no-repeat center center;}

.Header-searwords{display: none;position: absolute;width: 360px;height: 44px;right: 0;top: 96px;padding-right: 50px;box-sizing: border-box;font-size: 0;}

.Header-searwords input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 10px;outline: none;font-size: 16px;color: #333;display: block;border: 1px solid #eee;}

.Header-searsubmit{width: 50px;height: 44px;cursor: pointer;display: inline-block;background: #1594d8 url("../images/public/search.png") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;   transition: all .3s linear;}

.Header-searclick.ontrue{background: url('../images/public/icon-close.png') no-repeat center center;}



/* 语言切换 */

.Header-lang{width: 50px;height: 96px;float: right;background: url('../images/public/ball.png') center center no-repeat;font-size: 16px;color: #fff;line-height: 96px;cursor: pointer;position: relative;}

.Header-lang:hover{background: url('../images/public/ballH.png') center center no-repeat;}

.Header-langwords{padding: 10px 0px;width: 180px;background: #fff;position: absolute;top: 96px;left: 50%;margin-left: -80px;display: none;z-index: 3;}

.Header-langwords a{display: block;padding: 5px 10px 5px 60px;line-height: 30px;background-repeat: no-repeat !important;background-position: 20px center !important;transition: all .2s ease-in-out;font-size: 14px;color: #333;}

.Header-langwords a:hover {color: #fff;background: #1594d8;}

.Header-langwords a.CN{background-image: url('../images/public/iconCn.png');}

.Header-langwords a.EN{background-image: url('../images/public/iconEn.png');}

.winter .Header-navbarbox{display: block !important;}



/* 菜单 */

.Header-navbar{float: right;font-size: 0;margin-right: 20px;}

.Header-navbar ul li{display: inline-block;padding: 0 30px;position: relative;}

.Header-Menu{display: block;height: 96px;line-height:96px;font-size: 16px;color: #fff;padding: 0 2px;transition: all .4s ease-in-out;position: relative;}

.Header-Menu:hover{color: #1594d8;}

.Header-navbar ul li.ontrue .Header-Menu::before{width: 100%;}

.Header-Menu::before{content: '';position: absolute;right: 0;top: 0px;height: 3px;background-color: #fff;width: 0;transition: all .4s ease-in-out;}

.Header-navbar ul li:hover .Header-Menu::before{width: 100%;left: 0;right: auto;}



.Header-Menu:hover{color: #fff;}

.Header-sunNav{display: none;position: absolute;left: 50%;top: 96px;width: auto;z-index: 991;font-size: 0;background: rgba(255, 255, 255, 1);transform: translateX(-50%);}

.Header-sunNavl{margin: 0 auto;min-width: 160px;width: auto;padding: 5px 0 0 0;}

.Header-sunNavl a{display: block;line-height: 34px;padding: 5px 10px;font-size: 15px;color: #666;text-align: center;}

.Header-sunNavl a:hover{color: #fff;background-color: #1594d8;}



/* 导航 hover  */

.Header-wrapper.Header-wrapperOn{background: rgba(255, 255, 255, 1);}

.Header-wrapper.Header-wrapperOn .Header-Menu{color: #333;}

.Header-wrapper.Header-wrapperOn .Header-Menu::before{background-color: #1594d8;}

.Header-wrapper.Header-wrapperOn .Header-Menu:hover{color: #1594d8;}

.Header-wrapper.Header-wrapperOn .Header-logos{display: none}

.Header-wrapper.Header-wrapperOn .Header-logoh{display: inline-block}

.Header-wrapper.Header-wrapperOn .Header-lang{color: #999;background: url('../images/public/ballH.png') center center no-repeat;}

.Header-wrapper.Header-wrapperOn .Header-lang:hover{color: #1594d8;background: url('../images/public/ballH.png') center center no-repeat;}

.Header-wrapper.Header-wrapperOn .Header-searclick{background: url('../images/public/searchH.png') no-repeat center center;}

.Header-wrapper.Header-wrapperOn .Header-searclick:hover{background: url('../images/public/searchH.png') no-repeat center center;}

.Header-wrapper.Header-wrapperOn .Header-searclick.ontrue{background: url('../images/public/icon-closeH.png') no-repeat center center;}



.Header-wrapper.Header-wrapperScr{background: rgba(255, 255, 255, 1);}

.Header-wrapper.Header-wrapperScr .Header-Menu{color: #333;}

.Header-wrapper.Header-wrapperScr .Header-Menu::before{background-color: #1594d8;}

.Header-wrapper.Header-wrapperScr .Header-Menu:hover{color: #1594d8;}

.Header-wrapper.Header-wrapperScr .Header-logos{display: none}

.Header-wrapper.Header-wrapperScr .Header-logoh{display: inline-block}

.Header-wrapper.Header-wrapperScr .Header-lang{color: #999;background: url('../images/public/ballH.png') center center no-repeat;}

.Header-wrapper.Header-wrapperScr .Header-lang:hover{color: #1594d8;background: url('../images/public/ballH.png') center center no-repeat;}

.Header-wrapper.Header-wrapperScr .Header-searclick{background: url('../images/public/searchH.png') no-repeat center center;}

.Header-wrapper.Header-wrapperScr .Header-searclick:hover{background: url('../images/public/searchH.png') no-repeat center center;}

.Header-wrapper.Header-wrapperScr .Header-searclick.ontrue{background: url('../images/public/icon-closeH.png') no-repeat center center;}



/* 手机下拉按钮 */

.Header-sunNavClick{display: none;position: absolute;width: 40px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/public/icon-dd1.png') no-repeat center center /16px auto;}

.Header-sunNavClick.ontrue{transform: rotate(180deg);}



/* 手机汉堡键 */

.Header-navclick{height: 60px;margin-right: 0%;cursor: pointer;float: right;user-select: none;display: none;width: 30px;}

.Header-navclick span{width: 30px;height: 2px;background: #333;display: block;position: relative;margin-top: 29px;transition: all .2s linear;}

.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #333;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: #1b1b1b;}

.Footer-container{width: 1360px;margin: 0 auto;padding: 50px 0 70px 0;}

.Footer-share{width: 26%;float: left;}

.Footer-sharelogo img{max-width: 100%;}

.Footer-add{width: 100%;overflow: hidden;margin-top: 24px;}

.Footer-add h5{padding-left: 25px;font-size: 14px;color: #999;line-height: 30px;background: url('../images/public/F01.png') no-repeat left top 5px;}

.Footer-add h6{padding-left: 25px;font-size: 16px;color: #999;font-weight: bold;line-height: 30px;background: url('../images/public/F02.png') no-repeat left top 7px;margin-top: 10px;}



.Footer-navbar{width: 62%;float: left;padding: 0 1%;position: relative;}

.Footer-navbar ul li{width: 20%;float: left;}

.Footer-navclick{width: 100%;position: relative;height: 40px;}

.Footer-navclick h6{font-size: 16px;color: #fff;font-weight: bold;}

.Footer-navclick i{width: 40px;height: 40px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/public/iconArrH.png') no-repeat center center /14px auto;}

.Footer-navclick i.ontrue{transform: rotate(180deg);}

.Footer-navwords{width: 100%;overflow: hidden;}

.Footer-navwords a{display: block;padding: 6px 0;font-size: 14px;color: #999;transition: all .3s ease-in-out;}

.Footer-navwords a:hover{color: #fff;}



.Footer-code{width: 12%;float: left;text-align: right;}

.Footer-code img{max-width: 100%;}



.Footer-line{width: 100%;height: 1px;background: rgba(229, 229, 229, .15);}



.Footer-copyright{width: 100%;font-size: 0;padding: 10px 3%;}

.Footer-copyright h6{width: 100%;font-size: 0;max-width: 1360px;margin: 0 auto;}

.Footer-copyright h6 span{display: inline-block;font-size: 12px;color: #999;}

.Footer-copyright h6 span:last-child{float: right;}







/* 中间+共用部分 */

.contain{width: 1360px;margin: 0 auto;}

.pub-tit{width: 100%;overflow: hidden;}

.pub-tit h6{font-size: 36px;font-weight: bold;color: #222;padding-bottom: 20px;position: relative;text-align: center;}

.pub-tit h6::after{content: '';width: 36px;height: 3px;background-color: #1da5f3;position: absolute;bottom: 0;left: 50%;margin-left: -18px;}



.pub-ban{width: 100%;overflow: hidden;position: relative;}

.pub-ban img{width: 100%;height: 100%;object-fit: cover;min-height: 240px;}

.pub-ban h6{position: absolute;font-size: 36px;font-weight: bold;color: #fff;left: 14.5%;top: 50%;padding-bottom: 20px;}

.pub-ban h6::after{content: '';width: 35px;background-color: #fff;height: 3px;position: absolute;left: 0;bottom: 0;}



.pub-menu-box{width: 100%;background-color: #eee;height: 60px;}

.pub-menu{width: 100%;overflow: hidden;}

.pub-menu a{display: block;float: left;min-width: 120px;padding: 0 10px;font-size: 16px;color: #333;line-height: 60px;text-align: center;}

.pub-menu a.ontrue,.pub-menu a:hover{color: #fff;background-color: #1594d8;height: 66px;}





/* --------------------------fullpage-PUB-box------------------------------- */

.fullpage-PUB{width: 100%;font-size: 0;text-align: center;margin: 20px 0;overflow: hidden;}

.fullpage-PUB a{display: inline-block;width: 36px;height: 36px;line-height: 36px;font-size: 14px;color: #666;margin: 0 5px;vertical-align: middle;background-color: #fff;border: 1px solid #e9e9e9;}

.fullpage-PUB a:first-child {background: url('../images/public/page-prev.png') center center no-repeat;}

.fullpage-PUB a:last-child {background:url('../images/public/page-next.png') center center no-repeat;}

.fullpage-PUB a:hover{background-color: #1da5f3;color: #fff;}

.fullpage-PUB a.ontrue{background-color: #1da5f3;color: #fff;}

.fullpage-PUB a:first-child:hover {background: #1da5f3 url('../images/public/page-prevH.png') center center no-repeat;}

.fullpage-PUB a:last-child:hover {background: #1da5f3 url('../images/public/page-nextH.png') center center no-repeat;}

@media all and (max-width:1000px) {.fullpage-PUB{margin: 14px 0;}.fullpage-PUB a {font-size: 14px;margin: 0 3px;}}



/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

    .pub-tit h6{font-size: 32px;}

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

    .Header-container{width: 92%;}

    .Footer-container{width: 92%;}

    .contain{width: 92%;}

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

    .Header-navbar ul li{padding: 0 26px;}

    .pub-tit h6{font-size: 28px;}

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .Header-navbar{margin-right: 10px;}

    .Header-navbar ul li{padding: 0 20px;}

    .Footer-container{padding: 50px 0;}

}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

    .Header-navbar ul li{padding: 0 14px;}

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .Container-wrapper{margin-top: 60px;}

    .Header-wrapper{background: #fff !important;}

    .Header-container{height: 60px;}

    .Header-logo{height: 60px;}

    .Header-logo a {height: 60px;line-height: 60px;}

    .Header-logo a img{height: 30px;}

    .Header-logos{display: none;}

    .Header-logoh{display: inline-block;}

    .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;max-height: 450px;overflow-y: auto !important;background: #fff !important;border-top: 1px solid #f3f3f3;padding-bottom: 10px;}

    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;padding: 0;}

    .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #333;padding: 0 3%;font-weight: normal;margin: 0;}

    .Header-Menu:before{display: none;}

    .Header-Menu::after{display: none;}

    .Header-navbar ul li.ontrue .Header-Menu{border-bottom: 0px;color: #009ce1;}

    .Header-sunNavClick{display: block;}

    .Header-sunNav{position: static;top: 0;left: 0;padding: 24px 0;margin-left: 0%;padding: 5px 0;background: #f5f5f5 !important;transform: translateX(0);}

    .Header-sunNavl p a{text-align: left;color: #666;line-height: 40px;}

    .Header-sunNav a{text-align: left;padding: 0 3%;font-size: 14px;}

    .Header-sunNavl{width: 100%;padding: 0;}



    /*搜索*/

    .Header-search,.Header-searclick{height: 60px;float: right;user-select: none;cursor: pointer;position: relative;}

    .Header-searclick{background: url('../images/public/searchH.png') no-repeat center center;}

    .Header-searclick.ontrue{background: url('../images/public/icon-closeH.png') no-repeat center center;}

    .Header-search{width: 40px;height: 60px;position: static;margin-right: 10px;}

    .Header-searclick{width: 40px;height: 60px;line-height: 60px;}

    .Header-searwords{display: none;position: absolute;width: 100%;height: 44px;right: 0;top: 60px;padding-right: 50px;box-sizing: border-box;font-size: 0;border: 0px;height: 44px;}

    .Header-searwords input{font-size: 14px;}



    /* 语言 */

    .Header-lang{height: 60px;line-height: 60px;margin-left: 0;position: static;background: url('../images/public/ballH.png') center center no-repeat;}

    .Header-lang::before{display: none;}

    .Header-langwords{top: 60px;width: 100%;left: 0;margin-left: 0;}





    .Footer-container {padding: 20px 0 30px;}

    .Footer-sharelogo{width: 100%;text-align: center;display: block;}

    .Footer-share{width: 100%;}

    .Footer-add{margin-top: 10px;}

    .Footer-add h6{margin-top: 2px;}

    .Footer-navbar {width: 100%;padding: 0;margin-top: 20px;}

    .Footer-navbar:before, .Footer-navbar:after{display: none;}

    .Footer-navbar ul li{width: 100%;}

    .Footer-navclick h6 {font-size: 16px;line-height: 40px;font-weight: normal;}

    .Footer-navwords a {padding: 4px 0;font-size: 15px;}

    .Footer-navwords{margin-top: 0;display: none;}

    .Footer-navclick i{display: block;}

    .Footer-code{width: 100%;margin-top: 20px;text-align: left;}

    .Footer-copyright {padding: 14px 4%;}

    .Footer-copyright h6{text-align: center;}

    .Footer-copyright h6 span {display: block;margin: 6px 0;}

    .Footer-copyright h6 span:last-child{float: none;}



    .pub-tit h6{font-size: 24px;}



    .pub-menu a.ontrue, .pub-menu a:hover{height: 50px;}

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .pub-tit h6{font-size: 22px;}

    .pub-menu-box .contain{width: 100%;}

    .pub-menu a{width: 50%;float: left;}

}