@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/searchw.png') no-repeat center;cursor: pointer;user-select: none;position: relative;}

.Header-search-click.ontrue{background:transparent url('../images/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/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/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/search.png');}



/* 底部 */

.Footer-wrapper{width: 100%;background: #161a3f url('../images/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: 53px;height: 53px;position: absolute;right: -28px;top: -60px;z-index: 3;background: url('../images/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;}

}