/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 9991;}
.Header-container{width: 1520px;height: 100px;margin: 0 auto;}
.Header-logo{float: left;position: relative;z-index: 9995;}
.Header-logo a{display: block;height: 100px;line-height: 105px;float: left;}
.Header-logo a img{height: auto;}
.Header-logo span{font-size: 16px;color: #888;display: block;float: left;margin: 50px 0 0 10px;}
.Header-search{float: right;}
.Header-search-click{width: 48px;height: 100px;background:#fff url('../images/search.png') no-repeat center 52px;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:#fff url('../images/icon-close.png') no-repeat center center /18px auto;}

.Header-language{float: right;position: relative;padding: 0 8px;text-align: center;}
.Header-language-hover{font-size: 14px;color: #666;font-weight: bold;display: block;cursor: pointer;height: 100px;line-height: 120px;}
.Header-language-hover i{width: 20px;height:20px;display:inline-block;background: url('../images/language.png') no-repeat center center;vertical-align:middle;margin: -2px 4px 0 0;}
.Header-language-words{display: none;position: absolute;z-index: 9991;top: 100px;left: 0;width: 100%;background-color: rgba(255, 255, 255, 0.8);}
.Header-language-words a{display: block;text-align: center;padding: 16px 0;font-size: 16px;color: #666;border-bottom: 1px solid #dedede;}
.Header-language-words a:hover{color: #1b8ad7;}

.Header-navbar{float: right;font-size: 0;margin-right: 12px; }
.Header-navbar ul li{display: inline-block;margin: 0 14px;}
.Header-Menu{display: block;height: 100px;line-height: 120px;font-size: 16px;color: #333;padding: 0 4px;}
.Header-navbar ul li.ontrue .Header-Menu{color: #1b8ad7;}
.Header-Menu:hover{color: #1b8ad7;}
.Header-sunNav{display: none;position: absolute;left: 0;top: 100px;width: 100%;padding: 44px 30px;background: #fff;border-top: 1px solid #ebebeb;z-index: 991;font-size: 16px;color: #666;}
.Header-sunNav.ontrue{animation:sunNavDown 300ms ease both;}
@keyframes sunNavDown{0%{transform: translateY(-20px);}100%{transform: translateY(0px);}}
.Header-search-message{width: 100%;height: 100px;position: absolute;z-index: 9992;background-color: #fff;right: 0;top: 0;display: none;}
.Header-search-words{width: 1520px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 100px;line-height: 100px;font-size: 0;}
.Header-search-submit{width: 54px;height: 100px;background:#fff url('../images/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 560px;height: 38px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #666;font-family: "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1";margin-right: 80px;border-bottom: 1px solid #eee;}
.Header-search-close{width: 54px;height: 100px;background:#fff url('../images/icon-close.png') no-repeat center center /18px auto;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

/* 手机  */
.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: #666;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: #666;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); }
}

/* 手机下拉按钮 */
.Header-sunNavClick{display: none;position: absolute;width: 44px;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-suncontain{width: 1280px;margin: 0 auto;}
.Header-sunotherl{width: 26%;float: left;height: 196px;overflow: hidden;}
.Header-sunotherl img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.Header-sunotherl img:hover{transform: scale(1.1);}
.Header-sunotherc{width: 37%;float: left;margin-left: 4%;border-right: 1px solid #e5e5e5;min-height: 196px;}
.Header-sunotherck{float: left;}
.Header-sunotherck h6{width: 50%;float: left;}
.Header-sunotherck{display: flex;flex-wrap: wrap;justify-content: space-between;padding-right: 20px;}
.Header-sunotherck a{display: block;width: 45%;height: 56px;border-bottom: 1px solid #e5e5e5;line-height: 56px;font-size: 16px;color: #666;padding-left: 12px;background: url('../images/arr.png') no-repeat left center;transition: all .3s ease-in-out;}
.Header-sunotherck a:hover{color: #0e7cc7;background: url('../images/arrH.png') no-repeat left center;}
.Header-sunotherr{width: 26%;float: right;}
.Header-sunotherr p{font-size: 15px;color: #666;line-height: 25px;text-align: justify;}
.Header-sunprolh.onfalse{display: none;}
.Header-sunprorh.onfalse{display: none;}
.Header-sunprol{height: auto;}
.Header-sunprol h6{width: 100%;height: 196px;overflow: hidden;}
.Header-sunprolh p{font-size: 16px;color: #666;margin-top: 24px;}
.Header-sunproc {width: 27%;padding:0 3%;border-right: 1px solid #e5e5e5;margin-left: 0;}
.Header-sunproc .Header-sunotherck {padding-right: 0;}
.Header-sunpror{width: 24%;float: left;margin: 0;padding: 0 3%;}
.Header-sunpror .Header-sunprorhl{padding: 0;}
.Header-sunproc .Header-sunotherck a{height: 38px;line-height: 38px;width: 100%;}
.Header-sunprorh{width: 100%;}
.Header-sunprorh a{display: block;padding: 9px 0;transition: all .3s ease-in-out;color: #666;}
.Header-sunprorh a.ontrue, .Header-sunprorh a:hover{color: #0e7cc7;}
.Header-sunprorhl{float: left;margin-right: 30px;}
.Header-sunproc .Header-sunotherck a.fll{float: left;}
.Header-sunproc .Header-sunotherck a.flr{float: right;}
.Header-sunproc .Header-sunotherck a.ontrue{color: #1b8ad7;}
.Header-sunpror-dt-wm{width: 100%;}
.Header-sunpror-dt{width: 23%;min-height: 196px;border-left: 1px solid #e5e5e5;padding-left: 3%;}
.Header-sunpror-dt-menu{width: 100%;}
.Header-sunpror-dt-wm.onfalse{display: none;}
.Header-sunpror-dt-menu.onfalse{display: none;}
.Header-sunpror-dt-menu a{display: block;padding: 9px 0;transition: all .3s ease-in-out;color: #1b8ad7;}

/* -- */
.Header-sunproc {width: 35%;padding: 0 6%;}
.Header-sunpror {width: 33%;padding: 0 5%;}
.Header-sunprorh a{color: #1b8ad7;} 
/* -------------------------PC端--------------------------- */

@media all and (max-width:1620px) {
    .Header-container{width: 94%;}
    .Header-navbar ul li {margin: 0 10px;}
    .Header-search-words{width: 94%;}
    .Footer-container{width: 94%;}
}

@media all and (max-width:1460px) {
    .Header-logo a img{height: 60px;}
    .Header-navbar ul li {margin: 0 8px;}
    .Header-logo span {margin: 48px 0 0 10px;}
}

@media all and (max-width:1380px) {
    .Header-navbar ul li {margin: 0 6px;}
    .Header-navbar{margin-right: 0;}
    .Header-logo span {margin: 52px 0 0 8px;font-size: 14px;}
}

@media all and (max-width:1280px) {
    .Header-logo a img{height: 50px;}
    .Header-logo span {margin: 52px 0 0 8px;}
    .Header-search-click{width: 44px;}
    .Header-language{padding: 0 5px;}
    .Header-navbar ul li {margin: 0 4px;}
    .Header-logo a {line-height: 112px;}
}

@media all and (max-width:1200px) {
    .Container-wrapper{margin-top: 5px;}

    .Header-logo a img {height: 40px;}
    .Header-logo span {margin: 36px 0 0 4px;font-size: 12px;}
    .Header-language{padding: 0 3px;}
    .Header-language-hover{font-size: 12px;height: 76px;line-height: 76px;}
    .Header-search-click {width: 36px;height: 76px;background: #fff url("../images/search.png") no-repeat center center;}
    .Header-Menu {padding: 0;font-size: 14px;height: 76px;line-height: 76px;}
    .Header-logo a{height: 76px;line-height: 76px;}
    .Header-container{height: 76px;}
    .Header-search-wordsform{height: 76px;line-height: 76px;}
    .Header-search-message{height: 76px;}
    .Header-search-submit,.Header-search-close{height: 76px;}
    .Header-search-wordsform input{width: 420px;margin-right: 40px;}
    .Footer-navbar {width: 100%;padding: 48px 0 32px 0;}
    .Footer-copy { padding: 26px 0;}
    .Header-language-words{top: 76px;}
    .Header-language-words a {padding: 14px 0;font-size: 12px;}
    .Header-sunNav{top: 76px;}
    
    .Header-buy {height: 76px;padding-top: 2px;}

    .Header-shop-menu{height: 76px;padding-top: 2px;}
    .Header-shop-drop{top: 76px;}
} 

#media_start_jwplayer_logo{display: none !important;} 
.ec--cs-wrapper:last-of-type{top:auto !important;bottom:68px !important;z-index: 999 !important;}
.FuChuang{position:fixed;width:58px;z-index: 999;bottom:244px;right:0}
.FuChuang img{width:100%;}