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

/* 头部 */
.Header-wrapper{width: 100%;background:rgba(38, 38, 38, 0.5);position: fixed;left: 0;top: 0;z-index: 9991;transition: all .4s ease-in-out;}
.Header-wrapper.Header-wrapperScr{background:rgba(38, 38, 38, 1);}
.Header-container{width: 94%;height: 90px;margin: 0 auto;}
.Header-logo{float: left;position: relative;z-index: 9995;}
.Header-logo a{height: 90px;line-height: 90px;float: left;}
.Header-logo a img{height: auto;width: 64%;}

/*搜索*/
.Header-searwords1{width: 216px;float: right;margin-left: 20px;margin-top: 30px;border: 1px solid #8f9396;border-radius: 16px;
padding-right: 36px;overflow: hidden;position: relative;}
.Header-searwords1 input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 6px 0 16px;outline: none;font-size: 14px;color: #fff;display: block;background: none;height: 28px;}
.Header-searsubmit1{width: 36px;height: 30px;cursor: pointer;display: inline-block;background: #8f9396 url("../images/public/search.png") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;   transition: all .3s linear;}
.Header-search,.Header-searclick{width: 36px;height: 90px;float: right;user-select: none;cursor: pointer;position: relative;display: none;}
.Header-searclick{background: url('../images/public/search.png') no-repeat center center;}
.Header-searwords{display: none;position: absolute;width: 216px;height: 30px;background-color: #fff;right: 0;top: 90px;padding-right: 36px;box-sizing: border-box;font-size: 0;border: 1px solid #8f9396;}
.Header-searwords input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 6px 0 16px;outline: none;font-size: 14px;color: #000;display: block;background: none;height: 28px;}
.Header-searsubmit{width: 36px;height: 30px;cursor: pointer;display: inline-block;background: #8f9396 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-shengqing{float: right;margin-left: 12px;cursor: pointer;}
.Header-shengqing i{display: block;width: 34px;height: 34px;border-radius: 100%;
    background: #fff url('../images/public/sq.png') no-repeat center center;float: left;margin-top: 28px;}
.Header-shengqing span{float: left;padding-left: 8px;color: #fff;font-size: 16px;line-height: 90px;}
.Header-shengqing:hover i{background: #d94915 url('../images/public/sqH.png') no-repeat center center;}
.Header-shengqing:hover span{color: #d94915;}
.Header-language{float: right;color: #fff;margin-left: 10px;cursor: pointer;line-height: 90px;}
.Header-language span{width: 34px;height: 34px;font-size: 14px;font-weight: bold;line-height: 30px;color: #fff;font-family: 'Arial';border: 2px solid #fff;border-radius: 100%;text-align: center;display: inline-block;}
.Header-language:hover span{color: #d94915;border-color: #d94915;}

.Header-navbar{float: right;font-size: 0;margin-right: 30px;}
.Header-navbar ul li{display: inline-block;padding: 0 8px;position: static;}
.Header-Menu{display: block;height: 90px;line-height: 88px;font-size: 16px;color: #fff;font-weight: normal;padding: 0 4px;}
.Header-Menu:hover{border-bottom: 2px solid #e74709; }
.Header-navbar ul li.ontrue .Header-Menu{border-bottom: 2px solid #e74709;}

.Header-sunNav{display: none;position: absolute;left: 0;top: 90px;width: 100%;z-index: 991;font-size: 0;border-top: 0px solid #e7e9ec;}
.Header-sunNav-bg{width: 100%;background: rgba(0, 0, 0, 0.9);}
.Header-sunNavl{width: 1200px;height: auto;padding: 26px 0;margin: 0 auto;overflow: hidden;}
.Header-sunNavl ul{margin-left: -1%;}
.Header-sunNavl ul li{width: 13.285%;float: left;margin-left: 1%;padding: 0;}
.Header-sunNavl ul li h4{width: 100%;height: 118px;background-color: #1c1c1c;line-height: 118px;text-align: center;}
.Header-sunNavl ul li h4 img{max-width: 100%;height: auto;}
.Header-sunNavl ul li h5{margin-top: 10px;font-size: 16px;color: #e74709;font-weight: bold;border-bottom: 1px solid #353535;line-height: 44px;
background: url('../images/public/top-dian.png') no-repeat right center;}
.Header-sunNavl ul li h5 a{display: block;}
.Header-sunNavl ul li h5 a:hover{color: #fff;}
.Header-sunNavl ul li h6{font-size: 14px;color: #999;line-height: 28px;padding-top: 4px;}
.Header-sunNavl ul li h6 a{padding-left: 10px;background: url('../images/public/top-dian2.png') no-repeat left 14px;display: block;}
.Header-sunNavl ul li h6 a:hover{color: #e74709;}
.Header-sunNavl ul li:hover h4{background-color: #000;}

.Header-sunNavl2{width: 1200px;height: auto;padding: 26px 0;margin: 0 auto;overflow: hidden;}
.Header-sunNavl2 ul{margin-left: -1%;}
.Header-sunNavl2 ul li{width: 10.1111%;float: left;margin-left: 1%;padding: 0;}
.Header-sunNavl2 ul li h4{width: 100%;height: 95px;background-color: #1c1c1c;line-height: 95px;text-align: center;}
.Header-sunNavl2 ul li h4 img{max-width: 100%;height: auto;}
.Header-sunNavl2 ul li h5{margin-top: 10px;font-size: 16px;color: #e74709;font-weight: bold;border-bottom: 1px solid #353535;line-height: 44px;
background: url('../images/public/top-dian.png') no-repeat right center;}
.Header-sunNavl2 ul li h5 a{display: block;}
.Header-sunNavl2 ul li h5 a:hover{color: #fff;}
.Header-sunNavl2 ul li h6{font-size: 14px;color: #999;line-height: 28px;padding-top: 4px;}
.Header-sunNavl2 ul li h6 a{padding-left: 10px;background: url('../images/public/top-dian2.png') no-repeat left 14px;display: block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Header-sunNavl2 ul li h6 a:hover{color: #e74709;}
.Header-sunNavl2 ul li:hover h4{background-color: #000;}

.Header-sunNav-bg2{background: rgba(0, 0, 0, 0.9);width: auto;}
.Header-sunNavl3{width:1200px;height: auto;padding: 26px 0;margin: 0 auto;text-align: center;overflow: hidden;}
.Header-sunNavl3 ul li{width: 118px;margin: 0 10px;padding: 0px;}
.Header-sunNavl3 ul li h4{width: 100%;height: 95px;background-color: #1c1c1c;line-height: 95px;text-align: center;}
.Header-sunNavl3 ul li h4 img{max-width: 100%;height: auto;}
.Header-sunNavl3 ul li h5{margin-top: 12px;font-size: 14px;color: #fff;text-align: center}
.Header-sunNavl3 ul li h5 a{display: block;}
.Header-sunNavl3 ul li h5 a:hover{color: #e74709;}
.Header-sunNavl3 ul li:hover h4{background-color: #000;}

.Header-phone{display: flex;align-items: center;user-select: none;height: 90px;float: right;margin-left: 12px;}
.Header-phone i{width: 34px;height: 34px;background: #fff;color: #333;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.Header-phone i svg{width: 24px;}
.Header-phone span{font-size: 16px;color: #fff;margin-left: 8px;}
.Header-phone:hover i{background: #e74709;color: #fff;}
.Header-phone:hover span{color: #e74709;}

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

/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 32px;height: 3px;background: #fff;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: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -10px;}
.Header-navclick span:after{top: 10px;}
.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(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
    100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) 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(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
    100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) 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%;height: auto;background-color: #212121;}
/* .Footer-container{} */
.Footer-one{width: 100%;height: auto;border-bottom: 1px solid #2f2f2f;}
.Footer-navbar{width: 1200px;margin: 0 auto;position: relative;}
.Footer-navbar ul {float: left;width: 74%;overflow: hidden;height: 330px;}
.Footer-navbar ul li{width: 16.666%;float: left;border-left: 1px solid #2f2f2f;min-height: 100%;}
.Footer-navclick{width: 100%;position: relative;padding-top: 30px;}
.Footer-navclick h6{font-size: 14px;color: #fff;position: relative;height: 16px;line-height: 16px;border-left: 1px solid #fff;
padding-left: 20px;;}
.Footer-navclick i{width: 44px;height: 44px;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;margin-top: 10px;padding-left: 20px;}
.Footer-navwords a{display: block;line-height: 28px;font-size: 14px;color: #787679;transition: all .3s ease-in-out;}
.Footer-navwords a:hover{color: #fff;}

.Footer-navbar-right{width: 24%;float: right;height: auto;padding-top: 40px;}
.Footer-navbar-right .img{width: 117px;height: 117px;overflow: hidden;float: left;margin-right: 10px;}
.Footer-navbar-right .img img{width: 100%;height: 100%;}
.Footer-navbar-right .text{float: left;}
.Footer-navbar-right .text h4{font-size: 14px;color: #fff;font-weight: normal;line-height: 30px;}
.Footer-navbar-right .text h5{font-size: 26px;color: #fff;font-family: 'bebasneue';}
.Footer-navbar-right .text h6{padding-top: 30px;}
.Footer-navbar-right .text h6 span{float: left;padding-right: 6px;}

.Footer-two{width: 100%;background:#212121;}
.Footer-two .link{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;padding: 16px 0;}
.Footer-two a{font-size: 10px;color: #666;padding: 0 1px;border-right: 0px solid #2f2f2f;}
.Footer-two a:last-child{border-right: 0px;}
.Footer-two a:hover{color: #fff;}


/* 中间+共用部分 */

/* public title */
.pub-title{width: 100%;height: auto;}
.pub-title h4{text-align: center;font-size: 26px;color: #3d3d3d;padding-bottom: 16px;position: relative;}
.pub-title h4::after{content: '';position: absolute;width: 26px;height: 2px;background-color: #e94609;left: 50%;bottom: 0px;margin-left: -13px;}
.pub-title h5{font-size: 16px;color: #666;text-align: center;padding-top: 10px;}

.pub-title2{width: 100%;height: auto;}
.pub-title2 h4{text-align: center;font-size: 26px;color: #fff;padding-bottom: 16px;position: relative;}
.pub-title2 h4::after{content: '';position: absolute;width: 26px;height: 2px;background-color: #e94609;left: 50%;bottom: 0px;margin-left: -13px;}

/*分页*/
.page {
  text-align: center;
  margin-top: 30px;
  margin-bottom:10px;
}
.page a,.page span {
  border: 1px solid #ddd;
  line-height: 35px;
  padding: 0px 14px;
  margin: 0px 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.page span.current {
  color: #fff;
  background: #e74709;
  border-color: #e74709;
}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .Header-navbar{margin-right: 0px;}
    .Header-navbar ul li{padding: 0 8px;}
    .Header-sunNavl ul li{padding: 0px;}
    .Header-sunNavl2 ul li{padding: 0px;}
    .Header-sunNavl3 ul li{padding: 0px;}
    .Header-searwords1{margin-left: 10px;}
}

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

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Header-searwords1{display: none;}
    .Header-search,.Header-searclick{display: block;}
    .Header-shengqing span{display: none;}
    .Header-navbar ul li{padding: 0 12px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-Menu{font-size: 15px;}
    .Header-phone span{display: none;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-Menu{font-size: 14px;padding: 0px;}
    .Header-sunNavl{width: 92%;}
    .Header-sunNavl2{width: 92%;}
    .Header-sunNavl3{width: 92%;}
    .Footer-navbar{width: 92%;}
    .Footer-two{width: 92%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-navbar ul li{padding: 0 6px;}

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Header-wrapper{background: #262626 !important;}
    .Header-container{height: 60px;}
    .Header-navclick{display: block;}
    .Header-logo{height: 60px;max-width: 50%;}
    .Header-logo a {height: 60px;line-height: 54px;}
    .Header-search,.Header-searclick{height: 60px;position: inherit;}
    .Header-searwords{position: absolute;width: 100%;height: 40px;background-color: #fff;right: 0;top: 60px;padding-right: 40px;box-sizing: border-box;font-size: 0;}
    .Header-searwords input{width: 100%;background: none;height: 40px;padding: 0 10px;}
    .Header-searsubmit{width: 40px;height: 40px;}
    .Header-shengqing{float: right;margin-left: 8px;cursor: pointer;}
    .Header-shengqing i{margin-top: 13px;}
    .Header-language{margin-left: 8px;cursor: pointer;line-height: 60px;}

    .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: 0px solid #f3f3f3;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #393939;padding: 0 3%;font-weight: normal;}
    .Header-sunNavClick{display: block;}
    .Header-Menu:hover{border-bottom: 0px solid #e74709;}

    .Header-phone{height: 60px;margin-left: 8px;}

    .Header-navbarbox{display: none;width: 100%;background: #262626;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: #262626 !important;border-top: 0px solid #f3f3f3;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #fff;padding: 0 3%;font-weight: normal;border-bottom: 0px;}
    .Header-navbar ul li.ontrue .Header-Menu{border-bottom: 0px;color: #e74719;}
    .Header-sunNavClick{display: block;}


    .Header-sunNav{position: static;top: 0;left: 0;padding: 10px 0;width: 100%;margin-left: 0%;}
    .Header-sunNav-bg{width: 100%;background: rgba(0, 0, 0, 1);}
    .Header-sunNavl{padding: 0;}
    .Header-sunNavl ul{margin-left: 0%;}
    .Header-sunNavl ul li{width: 100%;float: left;margin-left: 0%;}
    .Header-sunNavl ul li h4{display: none;}
    .Header-sunNavl ul li h5{margin-top:0px;font-size: 14px;font-weight: normal;border-bottom: 1px solid #353535;line-height: 44px;
    background: none;}
    .Header-sunNavl ul li h5 a{display: block;}
    .Header-sunNavl ul li h5 a:hover{color: #fff;}
    .Header-sunNavl ul li h6{display: none;}
    
    .Header-sunNavl2{padding: 0;}
    .Header-sunNavl2 ul{margin-left: 0%;}
    .Header-sunNavl2 ul li{width: 100%;float: left;margin-left: 0%;}
    .Header-sunNavl2 ul li h4{display: none;}
    .Header-sunNavl2 ul li h5{margin-top:0px;font-size: 14px;font-weight: normal;border-bottom: 1px solid #353535;line-height: 44px;
    background: none;}
    .Header-sunNavl2 ul li h5 a{display: block;}
    .Header-sunNavl2 ul li h5 a:hover{color: #fff;}
    .Header-sunNavl2 ul li h6{display: none;}

    .Header-sunNavl3{padding: 0;}
    .Header-sunNavl3 ul li{width: 100%;margin: 0px;padding: 0px;}
    .Header-sunNavl3 ul li h4{display: none;}
    .Header-sunNavl3 ul li h5{margin-top:0px;font-size: 14px;font-weight: normal;border-bottom: 1px solid #353535;line-height: 44px;
    background: none;text-align: left;color: #e74709;}
    .Header-sunNavl3 ul li h5 a{display: block;}
    .Header-sunNavl3 ul li h5 a:hover{color: #fff;}


    /* Footer */
    .Footer-navbar {padding: 0 0 10px 0;margin-top: 20px;}
    .Footer-navbar ul{width: 100%;height: auto;}
    .Footer-navbar ul li{width: 100%;height: auto;border-left: 0px;}
    .Footer-navclick{width: 100%;position: relative;padding-top: 10px;padding-bottom: 10px;}
    .Footer-navclick h6{font-size: 14px;color: #fff;position: relative;height: 16px;line-height: 16px;border-left: 1px solid #fff;
    padding-left: 20px;}
    .Footer-navclick i{width: 36px;height: 36px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/public/iconArrH.png') no-repeat center center /14px auto;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navwords a {font-size: 12px;}
    .Footer-navclick i{display: block;}
    .Footer-navclick h6{font-size: 16px;}
    .Footer-navbar-right{width: 100%;padding-top: 30px;}




    /* public title*/
    .pub-title h4{font-size: 22px;padding-bottom: 12px;}
    .pub-title h5{font-size: 14px;}
    .pub-title2 h4{font-size: 22px;padding-bottom: 12px;}


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


}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */


}


/* --------------------------fullpage-PUB-box------------------------------- */
.fullpage-PUB-box{width: 100%;overflow: hidden;padding: 30px 0;}
.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}
.fullpage-PUB a{display: inline-block;width: 42px;height: 42px;line-height: 42px;background-color: #f4f4f4;font-size: 16px;color: #555;margin: 0 6px;border-radius: 3px;}
/* .fullpage-PUB a:first-child {font-family: '宋体';}
.fullpage-PUB a:last-child {font-family: '宋体';} */

.fullpage-PUB a:hover{background-color: #e94609;color: #fff;}
.fullpage-PUB a.hover{background-color: #e94609;color: #fff;}
.fullpage-PUB a:first-child:hover i{background-image: url('../images/public/page_leftH.png');}
.fullpage-PUB a:last-child:hover i{background-image: url('../images/public/page_rightH.png');}
@media all and (max-width:1000px) {.fullpage-PUB a {width: 30px;height: 30px;line-height: 30px;font-size: 12px;margin: 0 3px;}.fullpage-PUB-box {padding: 20px 0 20px 0;}}