﻿@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: 1420px;height: 95px;margin: 0 auto;}
.Header-logo{float: left;position: relative;z-index: 999999;}
.Header-logo a{height: 95px;line-height: 95px;float: left;}
.Header-logo a img, .Header-logo a span{vertical-align: middle;}
.Header-logos{display: inline-block;}
.Header-logoh{display: none;}

/* .Header-cart{width: 50px;float: right;position: relative;height: 95px;}
.Header-cart a{display: block;width: 100%;line-height: 95px;}
.Header-cart::before{width: 1px;content: '';height: 20px;background-color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.Header-cart i{display: block;width: 50px;height: 95px;background: url('../images/head-cart.png') no-repeat right center;} */

/* 语言切换 */
.Header-lang{width: 50px;height: 95px;float: right;background: url('../images/ball.png') center center no-repeat;line-height: 95px;cursor: pointer;position: relative;margin-right: 10px;}
.Header-lang:hover{background: url('../images/ballh.png') center center no-repeat;}
.Header-langwords{padding: 10px 0px 0;width: 180px;background: #fff;position: absolute;top: 95px;left: 50%;margin-left: -80px;display: none;}
.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: #666;}
.Header-langwords a:hover {color: #fff;background: #004da0;}
.Header-langwords a.CN{background-image: url('../images/iconcn.png');}
.Header-langwords a.EN{background-image: url('../images/iconen.png');}
.winter .Header-navbarbox{display: block !important;}

/*搜索*/
.Header-search,.Header-searclick{width: 50px;height: 95px;float: right;user-select: none;cursor: pointer;position: relative;}
.Header-searclick{background: url('../images/search.png') no-repeat center center;}
.Header-searclick:hover{background: url('../images/searchh.png') no-repeat center center;}
.Header-searwords{display: none;position: absolute;width: 360px;height: 44px;right: 0;top: 95px;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: #004da0 url("../images/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/icon-closeh.png') no-repeat center center;}

/* 菜单 */
.Header-navbar{float: right;font-size: 0;margin-right: 20px;}
.Header-navbar ul li{display: inline-block;padding: 0 22px;position: relative;}
.Header-Menu{display: block;height: 95px;line-height: 95px;font-size: 18px;color: #fff;padding: 0 4px;transition: all .4s ease-in-out;position: relative;}
.Header-navbar ul li.ontrue .Header-Menu,.Header-navbar ul li:hover .Header-Menu{color: #004da0;}
.Header-Menu:after{width: 0;height: 4px;content: '';background-color: #004da0;position: absolute;right: 0;bottom: 0;transition: all .4s;}
.Header-navbar ul li:hover .Header-Menu:after{left: 0;right: auto;width: 100%;}

.Header-sunNav{display: block;position: absolute;left: 0;top: 95px;width: 100%;z-index: 991;font-size: 0;}
/* .Header-sunNav:after{content: '';width: 200vw;height: 100%;position: absolute;display: block;background-color: #fff;left: -100vw;top: 0;z-index: -1;} */
.Header-navbar ul li:hover .Header-sunNav:after{border-top: 1px solid #e5e5e5;}

.sunNav-box{width: 160px;position: relative;padding: 30px 0;display: none;z-index: 200;margin: 0 auto;left: 50%;transform: translateX(-50%);background: #fff;}
.sunNav-box a{display: block;text-align: center;font-size: 16px;color: #666;line-height: 40px;transition: all .3s;padding-left: 13px;}
.sunNav-box a:hover{color: #004da0;}
.sunNav-box a:after{display: inline-block;width: 13px;height: 13px;background: url('../images/menu-i.png') no-repeat center center;content: '';margin-left: 6px;opacity: 0;transition: all .4s;}
.sunNav-box a:hover:after{opacity: 1;}

.sunNav-box.anlil{width: 300px;}
.sunNav-box.anlil a{width: 50%;float: left;}

/* 手机下拉按钮 */
.Header-sunNavClick{display: none;position: absolute;width: 40px;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);}

/* 导航 hover  */
.Header-wrapper.Header-wrapperOn{background: rgba(255, 255, 255, 1);}
.Header-wrapper.Header-wrapperOn .Header-logos{display: none}
.Header-wrapper.Header-wrapperOn .Header-logoh{display: inline-block}
.Header-wrapper.Header-wrapperOn .Header-Menu{color: #333;}
.Header-wrapper.Header-wrapperOn .Header-lang{background: url('../images/ballh.png') center center no-repeat;}
.Header-wrapper.Header-wrapperOn .Header-searclick{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperOn .Header-searclick:hover{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperOn .Header-searclick.ontrue{background: url('../images/icon-close.png') no-repeat center center;}
/* .Header-wrapper.Header-wrapperOn .Header-cart i{background: url('../images/head-carth.png') no-repeat right center;}
.Header-wrapper.Header-wrapperOn .Header-cart::before{background-color: #bfbfbf;} */

.Header-wrapper.Header-wrapperScr{background: rgba(255, 255, 255, 1);box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);}
.Header-wrapper.Header-wrapperScr .Header-logos{display: none}
.Header-wrapper.Header-wrapperScr .Header-logoh{display: inline-block}
.Header-wrapper.Header-wrapperScr .Header-Menu{color: #333;}
.Header-wrapper.Header-wrapperScr .Header-lang{background: url('../images/ballh.png') center center no-repeat;}
.Header-wrapper.Header-wrapperScr .Header-searclick{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperScr .Header-searclick:hover{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperScr .Header-searclick.ontrue{background: url('../images/icon-close.png') no-repeat center center;}
/* .Header-wrapper.Header-wrapperScr .Header-cart i{background: url('../images/head-carth.png') no-repeat right center;}
.Header-wrapper.Header-wrapperScr .Header-cart::before{background-color: #bfbfbf;} */

/* 手机汉堡键 */
.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-color: #1a1a1a;overflow: hidden;}
.Footer-container{width: 1420px;margin: 0 auto;overflow: hidden;}
.Footer-one{width: 100%;padding: 70px 0 50px;}
.Footer-navbar{width: 80%;float: left;}
.Footer-navbar ul li{width: 14.666%;float: left;margin-right: 2%;}
.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 i{width: 44px;height: 30px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/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: 15px;color: #ccc;line-height: 30px;transition: all .3s ease-in-out;}
.Footer-navwords a:hover{color: #fff;}
.Footer-navwords.anlil a{width: 50%;float: left;}

.Footer-zhu{width: 20%;float: left;}
.Footer-zhu ul li{width: 48%;float: left;margin: 0 1%;text-align: center;}
.Footer-zhu ul li img{max-width: 100%;}
.Footer-zhu ul li p{font-size: 16px;line-height: 30px;color: #fff;padding-top: 10px;}

.Footer-link{width: 100%;overflow: hidden;margin-bottom: 20px;}
.Footer-link span{font-size: 18px;line-height: 24px;color: #fff;float: left;}
.Footer-link a{font-size: 16px;line-height: 24px;color: #bbb;float: left;margin: 0 10px;}
.Footer-link a:hover{color: #004da0;}

.Footer-code{width: 100%;padding: 20px 0;border-top: 1px solid #2d2d2d;overflow: hidden;}
.Fcode-left{float: left;font-size: 14px;color: #bbb;line-height: 30px;}
.Fcode-right{float: right;font-size: 14px;color: #bbb;line-height: 30px;}

/* 中间+共用部分 */
.contain{width: 1420px;margin: 0 auto;}
.onnone{display: none;}
.onblock{display: block;}

/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -76px;width: 50px;height: 152px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.relDh{top: 0px;width: 180px;transition: all .4s;}
.sideBar-wrapper ul li.relDh2{top: 51px;width: 180px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 102px;width: 62px;}.sideBar-wrapper ul li.relEwm2{top: 153px;width: 62px;}
.sideBar-wrapper ul li.backTop{top: 204px;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: rgba(0, 0, 0, .7);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.relDh:hover{left: -124px;}
.sideBar-wrapper ul li.relDh2:hover{left: -75px;}
.sideBar-wrapper-ewm{position: absolute;top: -90px;left: -125px;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 110px;height: 110px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}.sideBar-wrapper ul li.relEwm2:hover .sideBar-wrapper-ewm{display: block;}
.sideBar-wrapper ul li a:hover{background-color: #004da0;}

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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .contain{width: 92%;}
    .Footer-container{width: 92%;}
    .Header-container{width: 92%;}
    .Header-navbar ul li{padding: 0 18px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Header-navbar ul li{padding: 0 15px;}
    .Footer-navwords a{font-size: 14px;}
}

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

@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-Menu{font-size: 15px;}
    .Header-navbar{margin-right: 0;}
    .sunNav-box a{font-size: 14px;}
    /* .Header-cart{width: 40px;}
    .Header-cart i{width: 40px;} */
    .Header-lang{margin-right: 0;}
    .Header-search, .Header-searclick{width: 40px;}
}

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 46px;}
    .Header-wrapper{background: #fff !important;box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .1);}
    .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-cart{height: 60px;width: 50px;}
    .Header-cart::before{background-color: #bfbfbf;}
    .Header-cart i{width: 50px;height: 60px;background: url('../images/head-carth.png') no-repeat center center;} */
    /* .Header-wrapper.Header-wrapperScr .Header-cart i {background: url('../images/head-carth.png') no-repeat center center;} */
    .Header-lang{height: 60px;line-height: 60px;background: url('../images/ballh.png') center center no-repeat;margin-right: 0;width: 50px;position: static;}
    .Header-langwords{width: 100%;top: 60px;margin-left: 0;transform: translateX(-50%);border-top: 1px solid #e5e5e5;}
    .Header-search, .Header-searclick{height: 60px;width: 40px;}
    .Header-search{position: static;}
    .Header-searwords{width: 100%;top: 60px;}
    .Header-searclick{background: url('../images/searchh.png') no-repeat center center;}
    .Header-searclick:hover{background: url('../images/searchh.png') no-repeat center center;}
    .Header-searclick.ontrue{background: url('../images/icon-close.png') no-repeat center center;}
    .Header-navbar ul li:hover .Header-Menu{color: #333;}

    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;position: absolute;top: 60px;left: 0;}
    .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;}
    .sunNav-box{display: block;width: 100%;padding: 0 5px;}
    .sunNav-box a{text-align: left;line-height: 34px;font-size: 14px;}
    .sunNav-box.anlil{width: 100%;}
    .Header-sunNav:after{display: none;}

    .sideBar-wrappe{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:nth-child(1){width: 100%;}
    .Footer-navbar ul li:last-child{width: 100%;}
    .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{width: 100%;}
    .Footer-link a,.Footer-link span{font-size: 12px;line-height: 20px;}
    .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;}

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

