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

/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 9991;transition: all .4s ease-in-out;}
.Header-container{width: 1280px;height: 96px;margin: 0 auto;}
.Header-logo{float: left;position: relative;z-index: 999999;}
.Header-logo a{height: 96px;line-height: 96px;display: block;}
.Header-logo a img{max-width: 100%;}

.Header-phone{float: right;padding-left: 38px;border-left: 1px solid #e5e5e5;margin-top: 23px;}
.Header-phone h6{font-size: 14px;color: #666;line-height: 20px;}
.Header-phone p{font-size: 18px;font-weight: bold;color: #e56d00;line-height: 30px;}


/*搜索*/
.Header-search,.Header-searclick{width: 50px;height: 96px;float: right;user-select: none;cursor: pointer;position: relative;}
.Header-search{margin-right: 20px;}
.Header-searclick{background: url('../image/search.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: #e56d00 url("../image/searchH.png") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;   transition: all .3s linear;}
.Header-searclick.ontrue{background: url('../image/icon-close.png') no-repeat center center;}

/* 菜单 */
.Header-navbar{float: right;font-size: 0;}
.Header-navbar ul li{display: inline-block;padding: 0 35px;position: relative;}
.Header-Menu{display: block;height: 96px;line-height: 96px;font-size: 16px;color: #333;padding: 0 2px;transition: all .4s ease-in-out;position: relative;}
.Header-navbar ul li.ontrue .Header-Menu,.Header-Menu:hover{color: #e36700;}
.Header-Menu::after{width: 0;height: 4px;content: '';background-color: #e36700;position: absolute;right: 0;top: 0;transition: all .4s;}
.Header-Menu:hover::after{left: 0;right: auto;width: 100%;}
.Header-navbar ul li.ontrue .Header-Menu::after{width: 100%;}
.Header-sunNav{display: none;position: absolute;left: 50%;top: 95px;width: 140px;z-index: 991;font-size: 0;transform: translateX(-50%);background-color: #fff;}
.Header-navbar ul li:hover .Header-sunNav::after{border-top: 1px solid #e5e5e5;}
.Header-sunNav a{display: block;text-align: center;font-size: 14px;color: #666;line-height: 40px;transition: all .3s;}
.Header-sunNav a:hover{background-color: #e36700;color: #fff;}



/* 手机下拉按钮 */
.Header-sunNavClick{display: none;position: absolute;width: 40px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../image/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: #999;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: #999;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-color: #202020;overflow: hidden;}
.Footer-container{width: 1280px;margin: 0 auto;overflow: hidden;}
.Footer-one{width: 100%;padding: 70px 0 50px;}
.Footer-navbar{width: 64%;float: left;}
.Footer-navbar ul li{width: 23%;float: left;margin-right: 2%;padding-left: 20px;}
.Footer-navclick{width: 100%;position: relative;height: 30px;line-height: 30px;}
.Footer-navclick h6{font-size: 18px;color: #fff;position: relative;line-height: 30px;}
.Footer-navclick h6::before{content: '';width: 12px;height: 3px;background-color: #e36700;position: absolute;left: -20px;top: 14px;}

.Footer-navclick i{width: 44px;height: 30px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../image/iconArrH.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 14px;}
.Footer-navwords a{display: block;font-size: 13px;color: #6e6e6e;line-height: 30px;transition: all .3s ease-in-out;}
.Footer-navwords a:hover{color: #fff;}
.Footer-navwords.anlil a{width: 50%;float: left;}

.Footer-con{float: left;width: 18%;}
.Footer-con h5{font-size: 13px;color: #8d8d8d;line-height: 26px;}
.Footer-con h6{font-size: 18px;font-weight: bold;color: #e67c29;line-height: 30px;margin-bottom: 10px;}
.Footer-con p{font-size: 13px;color: #6e6e6e;line-height: 30px;position: relative;padding-left: 25px;}
.Footer-con p span{position: absolute;left: 0;top: 0;height: 30px;width: 20px;line-height: 30px;}

.Footer-zhu{width: 16%;float: right;}
.Footer-zhu .img{width: 100%;text-align: center;}
.Footer-zhu .img img{max-width: 100%;}
.Footer-zhu .img p{font-size: 14px;color: #6e6e6e;line-height: 24px;padding: 10px 0;}
.Footer-zhu .share{font-size: 0;text-align: center;width: 100%;}
.Footer-zhu .share a{display: inline-block;width: 36px;height: 36px;border: 1px solid #5b5b5b;border-radius: 50%;line-height: 34px;margin: 0 10px;}
.Footer-zhu .share a img{max-width: 100%;}
.Footer-zhu .share a:hover{border-color: #e36700;}

.Footer-link{width: 100%;overflow: hidden;padding: 30px 0;border-top: 1px solid #373737;}
.Footer-link span{font-size: 14px;line-height: 24px;color: #fff;float: left;}
.Footer-link a{font-size: 14px;line-height: 24px;color: #666666;float: left;margin: 0 10px;}
.Footer-link a:hover{color: #e36700;}

.Footer-code{width: 100%;padding: 12px 0;overflow: hidden;background-color: #171717;}
.Fcode-left{float: left;font-size: 13px;color: #5c5c5c;line-height: 30px;}
.Fcode-right{float: right;font-size: 13px;color: #5c5c5c;line-height: 30px;}

/* 中间+共用部分 */
.Container-wrapper{margin-top: 96px;}
.contain{width: 1280px;margin: 0 auto;}
.pub-tit{width: 100%;overflow: hidden;text-align: center;}
.pub-tit h6{font-size: 36px;color: #333;line-height: 40px;}

.pub-ban{width: 100%;position: relative;overflow: hidden;}
.pub-ban img{width: 100%;height: 100%;object-fit: cover;min-height: 400px;}
.pubmenu-box{width: 100%;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.pubmenu-nav{float: left;}
.pubmenu-nav a{float: left;font-size: 16px;color: #666;line-height: 72px;margin-right: 50px;border-bottom: 2px solid transparent;transition: all .4s;}
.pubmenu-nav a.ontrue,.pubmenu-nav a:hover{font-weight: bold;border-color: #e67c29;color: #e67c29;}
.pubmenu-home{float: right;overflow: hidden;line-height: 74px;font-size: 14px;color: #999;}
.pubmenu-home span{padding: 0 3px;}
.pubmenu-home a:hover{color: #e67c29;}


/* --------------------------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: #777;margin: 0 3px;vertical-align: middle;border: 1px solid #e9e9e9;text-align: center;}
.fullpage-PUB a:first-child {background: url('../image/page-prev.png') center center no-repeat;}
.fullpage-PUB a:last-child {background: url('../image/page-next.png') center center no-repeat;}
.fullpage-PUB a:hover{background-color: #e67c29;color: #fff;border-color: #e67c29;}
.fullpage-PUB a.page-num-current{background-color: #e67c29;color: #fff;border-color: #e67c29;}
.fullpage-PUB a:first-child:hover {background: #e67c29 url('../image/page-prevH.png') center center no-repeat;}
.fullpage-PUB a:last-child:hover {background: #e67c29 url('../image/page-nextH.png') center center no-repeat;}


/* -------------------------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) */
    .Footer-navwords a{font-size: 14px;}
    .pub-tit h6{font-size: 32px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .contain{width: 92%;}
    .Footer-container{width: 92%;}
    .Header-container{width: 92%;}
    .Header-navbar ul li{padding: 0 25px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Footer-link span{font-size: 14px;}
    .Footer-link a{font-size: 14px;}
    .Footer-one{padding: 50px 0 30px;}
    .Footer-zhu ul li p{font-size: 14px;padding-top: 5px;}
    .Header-navbar ul li{padding: 0 18px;}
    .Header-search{margin-right: 10px;}
    .Header-phone{padding-left: 28px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-navbar ul li{padding: 0 10px;}
    .pub-tit h6{font-size: 30px;line-height: 30px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 60px;}
    .Header-wrapper{background: #fff !important;width: 100%;}
    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 60px;}
    .Header-logo a img{height: 40px;}

    .Header-navclick{display: block;}

    .Header-phone{padding: 0 20px;margin-top: 10px;}
    .Header-phone h6{line-height: 15px;}
    .Header-phone p{line-height: 25px;font-size: 16px;}

    .Header-search, .Header-searclick{height: 60px;width: 40px;}
    .Header-search{position: static;}
    .Header-searwords{width: 100%;top: 60px;}
    .Header-searclick.ontrue{background: url('../image/icon-close.png') no-repeat center center;}

    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;position: absolute;top: 60px;left: 0;border-top: 1px solid #e5e5e5;}
    .Header-navbar{width: 100%;overflow: hidden;background-color: #fff;margin-left: 0;position: static;transform: translateX(0);height: auto;max-height: 450px;overflow-y: auto !important;}
    .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::after{display: none;}
    .Header-sunNavClick{display: block;}
    .Header-sunNav{position: static;background-color: none;width: 100%;display: none;left: 0;transform: translateX(0);padding: 0 4%;}
    .Header-sunNav a{text-align: left;line-height: 34px;font-size: 14px;}
    .Header-sunNav::after{display: none;}
    


    .Footer-one{padding: 10px 0 20px 0;}
    .Footer-navbar {width: 100%;padding: 10px 0;margin-top: 0px;}
    .Footer-navbar ul li{width: 100%;margin: 0;}
    .Footer-navbar ul li:last-child{width: 100%;}
    .Footer-navclick h6::before{top: 18px;}
    .Footer-con{display: none;}
    .Footer-navclick{height: 40px;}
    .Footer-navclick i{height: 40px;}
    .Footer-navclick h6{line-height: 40px;font-size: 14px;height: 40px;}
    .Footer-navwords a {font-size: 12px;line-height: 30px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-zhu .img p{padding: 4px 0;}
    .Footer-zhu{width: 100%;}
    .Footer-link{padding: 10px 0;}
    .Footer-link a,.Footer-link span{font-size: 12px;line-height: 22px;}
    /* .Footer-link{margin-bottom: 10px;} */
    .Footer-link a{margin: 0 5px;}
    .Footer-code{padding: 10px 0;}
    .Fcode-left,.Fcode-right{width: 100%;text-align: center;font-size: 12px;line-height: 20px;}


    .pub-ban img{min-height: 280px;}
    .pubmenu-home{display: none;}
    .pubmenu-nav a{line-height: 50px;font-size: 14px;margin-right: 20px;}

    .pub-tit h6{font-size: 26px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Header-phone{display: none;}
    .pubmenu-nav.maod{display: none;}
    .pub-tit h6{font-size: 24px;}

    .pubmenu-box .contain{width: 100%;}
    .pubmenu-nav{width: 100%;}
    .pubmenu-nav a{width: 50%;margin-right: 0;text-align: center;line-height: 40px;border-bottom: 1px solid transparent;}
}