@charset "utf-8";
/* ====================公共样式========================= */

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

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

/* 语言切换 */
.Header-lang{width: 90px;height: 90px;float: right;font-size: 14px;color: #666;line-height: 90px;cursor: pointer;position: relative;transition: all .4s ease-in-out;text-align: center;background: url('../images/langbg.png') no-repeat center right;user-select: none;}
.Header-lang:hover{color: #e6001f;}
.Header-lang span{width: 25px;display: inline-block;margin-right: 6px;line-height: 25px;}
.Header-lang span img{max-width: 100%;}
.Header-langwords{padding: 10px 0px;width: 100px;background: rgba(245, 245, 245, 1);position: absolute;top: 90px;left: 50%;margin-left: -40px;display: none;z-index: 3;}
.Header-langwords a{display: block;padding: 5px;line-height: 30px;transition: all .2s ease-in-out;font-size: 14px;color: #666;}
.Header-langwords a:hover{background-color: #e6e6e6;}

/* 登录 */
.Header-login{float: right;margin-right: 0px;}
.Header-login a{display: block;line-height: 40px;font-size: 14px;color: #333;line-height: 90px;position: relative;padding-left: 30px;max-width: 71px;overflow: hidden;}
.Header-login a::after{width: 22px;height: 90px;background: url('../images/member.png') no-repeat center center;content: '';position: absolute;left: 0;top: 0;}
.Header-login a:hover{color: #e6001f;}

/*搜索*/
.Header-search,.Header-searclick{width: 60px;height: 90px;float: right;user-select: none;cursor: pointer;position: relative;transition: all .4s ease-in-out;z-index: 999;}
.Header-searclick{background: url('../images/search.png') no-repeat center center;}
.Header-searclick::after{content: '';width: 1px;height: 30px;background-color: #ddd;position: absolute;top: 30px;left: 0;}
.Header-searwords{display: none;position: absolute;width: 360px;height: 60px;right: 0;top: 90px;box-sizing: border-box;font-size: 0;padding: 10px 70px 10px 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.Header-searwords input{width: 100%;box-sizing: border-box;border: none;height: 40px;padding: 0 10px;outline: none;font-size: 16px;color: #333;display: block;background-color: #fff;display: block;border: 1px solid #ddd;}
.Header-searsubmit{width: 50px;height: 40px;cursor: pointer;display: inline-block;background: #e6001f url("../images/searchh.png") no-repeat center center;position: absolute;right: 10px;top: 10px;z-index: 3;   transition: all .3s linear;}




/* 菜单 */
.Header-navbar{float: right;font-size: 0;margin-right: 25px;}
.Header-navbar ul li{display: inline-block;padding: 0 24px;position: relative;}
.Header-Menu{display: block;height: 90px;line-height:90px;font-size: 15px;color: #333;padding: 0 2px;transition: all .4s ease-in-out;position: relative;}
.Header-navbar ul li:hover .Header-Menu,.Header-navbar ul li.ontrue .Header-Menu{color: #e6001f;}


.Header-sunNav{display: none;position: absolute;left: 50%;top: 70px;width: 100px;z-index: 991;font-size: 0;transform: translateX(-50%);padding: 10px 0;}
.Header-navbar ul li:nth-child(2) .Header-sunNav{width: 128px;}
.Header-sunNav a{display: block;width: 100%;text-align: center;color: #333;font-size: 12px;line-height: 30px;text-align: center;color: #333;background: #f3f4f5;}
.Header-sunNav::after {pointer-events: none;position: absolute;z-index: 9999;content: '';border-style: solid;-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);top: 0px;
border-width: 0 10px 10px 10px;border-color: transparent transparent #f3f4f5 transparent;opacity: 1;}
.Header-sunNav a:hover{background-color: #e6e6e6;color: #e6001f;}

/* 手机下拉按钮 */
.Header-sunNavClick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/icon-dd1.png') no-repeat center center /16px auto;}
.Header-sunNavClick.ontrue{transform: rotate(180deg);}


/* 手机汉堡键 */
.Header-navclick{height: 50px;margin-right: 0%;cursor: pointer;float: right;user-select: none;display: none;width: 24px;}
.Header-navclick span{width: 100%;height: 2px;background: #333;display: block;position: relative;margin-top: 24px;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: -6px;}
.Header-navclick span:after{top: 6px;}
.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(6px) rotate(0);transform: translateY(6px) rotate(0); }
    100% {-moz-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
    100% {-webkit-transform: translateY(6px) rotate(45deg);transform: translateY(6px) 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(6px) rotate(0);-ms-transform: translateY(6px) rotate(0);-webkit-transform: translateY(6px) rotate(0);transform: translateY(6px) rotate(0); }
    100% {-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-webkit-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
    100% {-moz-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
    100% {-webkit-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) 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(-6px) rotate(0);-ms-transform: translateY(-6px) rotate(0);-webkit-transform: translateY(-6px) rotate(0);transform: translateY(-6px) rotate(0); }
    100% {-moz-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-webkit-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) 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%;}
.foot{background: #f2f2f2;}
.foot .footcont{width: 1140px;margin:0 auto;position: relative;padding: 35px 0;}
.foot .footcont .left{float: left;padding: 0 28px;}
.foot .footcont .left img.online{width: 50px;display: inline-block;vertical-align: top;margin-right: 16px;margin-top: 10px;padding: 0 !important;margin-bottom: 0;}
.foot .footcont .left .leftbox{display: inline-block;color: #666;line-height: 32px;}
.foot .footcont .left .leftbox .contact .tit{font-size: 16px;color: #404040;line-height: 30px;}
.foot .footcont .left .leftbox .contact .phone{font-size: 14px;color: #e6001f;}
.foot .footcont .center{float: left;border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding: 0 40px;}
.foot .footcont .center .list .footnav{display: inline-block;margin: 0 25px;vertical-align: top;}
.foot .footcont .center .list .footnav .nava{color: #666666;display: block;line-height: 28px;font-size: 12px;}
.foot .footcont .center .list .footnav .nava.navatop{font-size: 14px;color: 666666;}
.foot .footcont .center .list .footnav .nava:hover{color:#E6001F}
.foot .footcont .right{float: left;padding-left: 28px;}
.foot .footcont .right .rightbox .rightboxtit{color: 666666;font-size: 14px;}
.foot .footcont .right .rightbox .contact{cursor: pointer;}
.foot .footcont .right .rightbox .tit{color: 666666;font-size: 12px;line-height: 30px;}
.foot .footcont .right .rightbox .qrcode{display: none;}
.foot .footcont .right .rightbox .contact.act .qrcode{display: block;}
.foot .footcont .right .rightbox .contact a:hover{color: #e6001f;}

.footer-bottom{width: 1200px;margin: 0 auto;overflow: hidden;padding: 20px 0;border-top: 1px solid rgba(228, 228, 228, 1);position: relative;}
.footer-bottom p{font-size: 14px;color: #666;text-align: center;}
.footer-pplink{position: absolute;z-index: 2;font-size: 14px;color: #666;transition: all .4s ease;right: 0;top: 20px;}
.footer-pplink:hover{color: #e6001f;}

/* 中间+共用部分 */
.contain{width: 1200px;margin: 0 auto;}
.pub-ban{width: 100%;position: relative;overflow: hidden;}
.pub-ban img{width: 100%;height: 100%;object-fit: cover;min-height: 300px;}
.pub-ban .text{min-width: 172px;height: 130px;padding: 22px 24px 0 20px;position: absolute;left: 18.75%;top: 50%;margin-top: -65px;color: #fff;
background: url('../images/ban-bg.png') no-repeat;background-size: 100% 100%;}
.pub-ban .text h6{font-size: 28px;color: #fff;line-height: 44px;padding-bottom: 10px;position: relative;margin-bottom: 15px;}
.pub-ban .text h6::after{width: 30px;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #fff;content: '';}
.pub-ban .text p{font-size: 16px;}

.pub-ban .dian{position: absolute;left: 36%;top: 50%;transform: translateY(-50%);max-width: 650px;}
.pub-ban .dian ul li{position: relative;padding-left: 20px;font-size: 16px;color: #fff;text-shadow: 0 0 10px #000;line-height: 40px;width: 100%;float: left;padding-right: 10px;}
.pub-ban .dian ul li::before{content: '';position: absolute;width: 4px;height: 4px;background: #fff;border-radius: 50%;top: 50%;left: 4px;transform: translatey(-50%);}

.pub-menu{width: 100%;padding: 20px 0;overflow: hidden;}
.pub-menu .home{float: left;font-size: 14px;color: #666;line-height: 30px;}
.pub-menu .home a{font-size: 14px;color: #666;line-height: 30px;}
.pub-menu .home a:hover{color: #e6001f;}
.pub-menu .home span{font-family: '宋体';margin: 0 5px;}
.pub-menu .back{float: right;border: 1px solid #e5e5e5;border-radius: 3px;line-height: 30px;padding: 0 10px;font-size: 14px;color: #666;transition: all .4s;}
.pub-menu .back:hover{color: #e6001f;border-color: #E6001F;}

.pub-list{width: 100%;overflow: hidden;background-color: #fff;border-bottom: 1px solid #eee;text-align: center;font-size: 0;}
.pub-list a{display: inline-block;width: auto;line-height: 75px;font-size: 15px;color: #666;transition: all .3s;padding: 0 12px;}
.pub-list a:hover,.pub-list a.ontrue{background-color: #e6001f;color: #fff;}
.pub-list .contain{width: 100%;}

/* 置顶 */
.Backtop {position: fixed;right: 2%;bottom: 6.6%;z-index: 999999;width: 40px;height: 40px;cursor: pointer;display: none;background: #e6001f url('../images/totop.png') no-repeat center center;;border-radius: 50%;}

/* 信息悬浮 */
.Right-oq{position: fixed;z-index: 999999;right: -80px;transition: all .4s ease;top: 50%;margin-top: -25px;display: block;color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #e6001f;opacity: 1;border-radius: 6px;width: 128px;}
.Right-oq img {display: block;float: left;width: 24px;height: 24px;margin: 14px 12px 12px 14px;}
.Right-oq:hover{right: -8px;}



/* --------------------------fullpage-PUB-box------------------------------- */
.fullpage-PUB{width: 100%;font-size: 0;text-align: center;margin: 20px 0;overflow: hidden;user-select: none;}
.fullpage-PUB a{display: inline-block;width: 32px;height: 32px;line-height: 32px;font-size: 14px;color: #999;margin: 0 3px;vertical-align: middle;background: #f2f2f2;}
.fullpage-PUB a:hover{background-color: #e6001f;color: #fff;}
.fullpage-PUB a.ontrue{background-color: #e6001f;color: #fff;}
.fullpage-PUB .page-prev,.fullpage-PUB .page-next{width: 60px;border-radius: 0;}
.fullpage-PUB .page-prev:hover,.fullpage-PUB .page-next:hover{background-color: #e6001f;color: #fff;}
@media all and (max-width:1000px) {.fullpage-PUB{padding: 10px 0;margin: 10px 0;}.fullpage-PUB a {margin: 0 3px;}} 



.pageNone{cursor: default !important;background: #f0f0f0 !important;color: #ccc !important;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .pub-ban .text{left: 12.5%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .pub-ban .text{left: 10%;}
    

}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .pub-ban .text{left: 7%;}
    
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-container,.Footer-container{width: 92%;}
    .pub-ban .text{left: 5%;}
    .pub-menu{padding: 10px 0;}
    .pub-list a{line-height: 60px;}

    .Header-logo .logopc{height: 54px;}
    .Header-navbar ul li {padding: 0 4px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-navbar ul li{padding: 0 2px;}
    .foot .footcont,.footer-bottom{width: 92%;}
    .foot .footcont .center .list .footnav{margin: 0 10px;}
    .pub-ban .text{left: 4%;}
    .contain{width: 92%;}

    .Header-logo .logopc {height: 44px;}
    .Header-navbar {margin-right: 10px;}
    .Header-search, .Header-searclick{width: 44px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-search{width: 50px;}
    .Header-navbar{margin-right: 6px;}
    .Header-logo .logopc{max-width: 260px;}
    .foot .footcont .left{padding: 0 10px 0 0;}
    .pro-list ul li{height: 340px;}

    .Header-logo .logopc{display: none;}
    .Header-logo .logomb{display: inline-block;}
    
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 50px;}
    .Header-wrapper{position: fixed;border-bottom: 1px solid #eee;}
    .Header-container{height: 50px;}
    .Header-logo{height: 50px;width: auto;float: left;margin-top: 0;}
    .Header-logo a {height: 50px;line-height: 50px;}
    .Header-logo a img{max-height: 40px;}
    .Header-logo .logopc{display: none;}
    .Header-logo .logomb{display: inline-block;}

    .Header-lang{width: 80px;margin-right: 14px;height: 50px;line-height: 50px;position: static;}
    .Header-langwords{top: 50px;width: 100%;left: 0;margin-left: 0;}
    .Header-login a{line-height: 50px;height: 50px;}
    .Header-login a::after{height: 50px;}
    .Header-search{display: none;}


    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 50px;left: 0;}
    .Header-searwords{margin-top: 15px;margin-right: 10px;}
    .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;margin-top: 0;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;padding: 0;}
    .Header-Menu{width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #333;padding: 0 3%;font-weight: normal;margin: 0;}
    .Header-Menu::before{display: none;}
    .Header-sunNavClick{display: block;}
    .Header-sunNav{position: static;top: 0;left: 0;margin-left: 0%;padding: 8px 0;background: #f3f4f5 !important;transform: translateX(0);width: 100% !important;}
    .Header-sunNav a{text-align: left;color: #666;font-size: 13px;margin: 0 3%;width: 44%;float: left;border-bottom: 1px solid #eee;}
    .Header-sunNav a:hover{background-color: #f3f4f5;color: #666;}
    .Header-navbar ul li:nth-child(2) .Header-sunNav a{font-size: 12px;margin: 0 3%;width: 44%;}
    /* Footer */
    .foot .footcont{display: none;}
    .footer-bottom{padding: 14px 0; background: #2f2f2f;color: #d3d3d3;text-align: center;font-size: 12px;width: 100%;border-top: 0px;}
    .footer-bottom p{color: #d3d3d3;text-align: center;font-size: 12px;line-height: 20px;}


    .pub-ban img{min-height: 200px;}
    .pub-ban .text{display: none;}

    .pub-list{padding: 10px 0;}
    .pub-list a{width: 100%;line-height: 40px;border-radius: 20px;font-size: 14px;float: left;background-color: #e5e5e5;margin-top: 1%;}
    .pub-list .contain{width: 92%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .pub-menu .home a{font-size: 12px;}
    .pub-menu .home span{margin: 0 2px;}
    .pub-list a{line-height: 30px;font-size: 13px;}
    .footer-bottom{padding: 14px 4% 42px;}
    .footer-pplink {font-size: 12px;color: #d3d3d3;right: 4%;top: auto;bottom: 16px;}
}