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

/* 头部 */
.Header-wrapper{width: 100%;background: transparent;position: absolute;left: 0;top: 0;z-index: 99999;transition: all .4s ease;}

.Header-logo{float: left;position: relative;z-index: 999;}
.Header-logo a{user-select: none;display: flex;align-items: center;height: 80px;}
.Header-logo a img{height: 72px;}

.Header-login{float: right;display: flex;align-items: center;height: 80px;font-size: 0;position: relative;z-index: 999;}
.Header-login-center{border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 5px;overflow: hidden;}
.Header-login-center a{display: inline-block;line-height: 36px;width: 54px;font-size: 14px;color: #fff;text-align: center;position: relative;transition: all .4s ease;}
.Header-login-center a:after{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 13px;margin-top: -6px;background: #fff;transition: ease .4s ease;}
.Header-login-center a:last-child:after{display: none;}
.Header-login-center a:hover{color: #2386ee !important;}

.Header-lang{line-height: 80px;font-size: 14px;color: #fff;cursor: default;display: block;float: right;margin-right: 12px;position: relative;z-index: 999;transition: all .4s ease;}

.Header-search{float: right;}
.Header-search-click{width: 42px;height: 80px;background:transparent url('../images/public/searchW.png') no-repeat center;cursor: pointer;user-select: none;position: relative;}
.Header-search-click.ontrue{background:transparent url('../images/public/close.png') no-repeat center;}
.Header-search-message{width: 100%;height: 80px;position: absolute;z-index: 99;background: #fff;right: 0;top: 0;display: none;}
.Header-search-wordsform{float: right;height: 80px;line-height: 80px;font-size: 0;margin-right: 150px;}
.Header-search-submit{width: 42px;height: 80px;background: url('../images/public/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 0;height: 40px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 14px;color: #555;margin-right: 24px;border-bottom: 1px solid #dedfe3;}
.Header-search-close{width: 42px;height: 80px;background: url('../images/public/closeH.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

.Header-navbar{font-size: 0;float: right;margin-right: 17px;}
.Header-navbar ul li{display: inline-block;margin: 0 17px;}
.Header-Menu{display: block;line-height: 80px;font-size: 14px;color: #fff;padding: 0 2px;transition: all .4s ease;position: relative;}
.Header-navbar ul li.ontrue .Header-Menu, .Header-navbar ul li:hover .Header-Menu{color: #2386ee;}

/* 下拉 */
.Header-drop{position: absolute;display: none;z-index: 99;background: #f5f5f5;padding: 0 0 100px;width: 100%;left: 0;top: 80px;font-size: 0;}
.Header-drop-item{display: inline-block;vertical-align: top;width: 16.6666%;padding-right: 50px;}
.Header-drop-item:last-child{margin-right: 0;}
.Header-drop-li{width: 100%;margin-top: 40px;}
.Header-drop-menu{width: 100%;display: block;font-size: 18px;color: #061828;font-weight: 700;transition: all .4s ease;position: relative;}
.Header-drop-menu:hover{color: #2386ee;}
.Header-drop-link{width: 100%;padding-top: 24px;border-top: 1px solid #dedfe3;margin-top: 14px;}
.Header-drop-link a{display: block;font-size: 14px;color: #061828;margin-top: 18px;transition: all .4s ease;}
.Header-drop-link a:first-child{margin-top: 0;}
.Header-drop-link a span{display: inline-block;width: 100%;vertical-align: middle;}
.Header-drop-link a img{max-width: 100%;}
.Header-drop-link a:hover{color: #2386ee;}

.body-search .Header-lang{color: #555;}
.body-search .Header-login-center{border: 1px solid #c3c2c2;}
.body-search .Header-login-center a{color: #555;}
.body-search .Header-login-center a:first-child:after{background: #c3c2c2;}
.body-search .Header-search-wordsform input{animation: searchWidth 1s ease both;}
@keyframes searchWidth{0%{width: 0;}100%{width: 440px;}}


.body-header .Header-wrapper{background: #fff;}
.body-header .Header-lang{color: #555;}
.body-header .Header-login-center{border: 1px solid #c3c2c2;}
.body-header .Header-login-center a{color: #555;}
.body-header .Header-login-center a:first-child:after{background: #c3c2c2;}
.body-header .Header-Menu{color: #555;}
.body-header .Header-search-click{background-image: url('../images/public/search.png');}

/* 底部 */
.Footer-wrapper{width: 100%;background: #161a3f url('../images/public/Fbg.png') repeat-x left bottom;}
.Footer-tab{width: 100%;overflow: hidden;border-bottom: 1px solid #1e224b;}
.Footer-tab a{width: 20%;display: block;float: left;line-height: 110px;background: linear-gradient(to right,#15193d,#191e48);text-align: center;}
.Footer-tab a img, .Footer-tab a span{display: inline-block;vertical-align: middle;opacity: .6;transition: all .4s ease;}
.Footer-tab a span{font-size: 16px;color: #fff;margin-left: 12px;}
.Footer-tab a:hover img, .Footer-tab a:hover span{opacity: 1;}
.Footer-infonav{width: 100%;padding: 40px 0 48px;}
.Footer-info{width: 268px;float: left;position: relative;}
.Footer-info:after{content: "";position: absolute;width: 1px;background: #282c4e;right: 0;top: 0;height: 94%;}
.Footer-infologo{display: block;width: 100%;}
.Footer-infologo img{height: 72px;}
.Footer-infotit{width: 100%;}
.Footer-infotit li{margin-top: 18px;width: 100%;}
.Footer-infotit li p{font-size: 14px;color: #9c9fbf;}
.Footer-infotit li h6{font-size: 22px;margin-top: 4px;color: #fff;}
.Footer-info-icon{width: 100%;margin-top: 8px;font-size: 0;}
.Footer-info-icon a{display: inline-block;position: relative;width: 36px;height: 36px;border-radius: 50%;line-height: 36px;text-align: center;margin-right: 12px;opacity: .6;transition: all .4s ease;}
.Footer-info-icon a:last-child{margin-right: 0;}
.Footer-info-ewm{position: absolute;bottom: 34px;left: 50%;margin-left: -84px;display: none;width: 167px;}
.Footer-info-icon a:hover{opacity: 1;}
.Footer-info-icon a:hover .Footer-info-ewm{display: block;}
.Footer-navbar{width: calc(100% - 268px);float: right;position: relative;padding-left: 80px;}
.Footer-navbar ul li{width: 25%;float: left;}
.Footer-navclick{width: 100%;position: relative;}
.Footer-navclick a{font-size: 18px;color: #fff;display: block;width: 100%;font-weight: 700;}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 8px;}
.Footer-navwords a{display: block;padding: 6px 0;font-size: 14px;color: #9497b4;transition: all .4s ease;}
.Footer-navwords a:hover{color: #fff;}
.Footer-partner{width: 100%;position: relative;padding-bottom: 16px;}
.Footer-partner .contain{position: relative;padding-left: 74px;}
.Footer-partner-name{position: absolute;top: 0;left: 0;}
.Footer-partner-name, .Footer-partner-link a{font-size: 14px;color: #7b7e93;line-height: 16px;}
.Footer-partner-link{width: 100%;}
.Footer-partner-link a{display: inline-block;vertical-align: top;margin-right: 16px;position: relative;transition: all .4s ease;}
.Footer-partner-link a:after{content: "";display: none;width: 2px;height: 14px;position: absolute;background: #7b7e93;top: 1px;right: -13px;}
.Footer-partner-link a:hover{color: #fff;}
.Footer-partner-link a:last-child{margin-right: 0;}
.Footer-partner-link a:last-child:after{display: none;}
.Footer-copyright{width: 100%;padding: 30px 0 26px;border-top: 1px solid rgba(255, 255, 255, 0.08);}
.Footer-copyright-info{float: left;}
.Footer-copyright-info p{font-size: 14px;color: #7b7e93;}
.Footer-copyright-link{float: right;}
.Footer-copyright-link a{display: inline-block;font-size: 14px;color: #7b7e93;position: relative;padding: 0 7px;transition: all .4s ease;}
.Footer-copyright-link a:after{content: "";position: absolute;width: 1px;height: 14px;top: 50%;margin-top: -7px;right: -3px;background: #7b7e93;}
.Footer-copyright-link a:last-child:after{display: none;}
.Footer-copyright-link a:hover{color: #fff;}


/* 中间+共用部分 */
.Container-wrapper{width: 100%;}
.contain{width: 1200px;margin: 0 auto;}
/* 视频 */
.popVideo{display: none;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-content{display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video{width: 100%;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/public/close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1279px) {.popVideo-content{width: 92%;}.popVideo-close{right: 0;}}
/* ---- */



/* -------------------------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) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .contain{width: 94%;}
    .Header-navbar ul li {margin: 0 10px;}
}

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