/*图片hover*/

.img-hover{

    transition: all .4s ease;

}

.img-hover:hover{

    transform: scale(1.1);

}

font-hover{

    position: relative;

}

.font-hover:after{

    position: absolute;

    width: 0;

    background: #8bc145;

    content: '';

    bottom: -5px;

    right: 0;

    height: 2px;

    transition: all .4s ease;

}

.font-hover:hover:after{

    width: 100%;

    right: auto;

    left: 0;

}



/* 视频 */

.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;}





/* 头部样式 */

.Header-wrapper{width: 100%; background: #fff;top: 0;left: 0;position: fixed;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); z-index: 9999;}

.Header-arr{display: none}



.Header-logo{float: left;}

.Header-logo .logo-a{display: block;}

.Header-logo .logo-b{display: none;}

.Header-logo a{display: block;height: 98px;line-height: 98px;}

.Header-logo a img{height:76px;}



.Header-navbar{float: right;font-size: 0;margin-right: 138px;} 

.Header-navvbarscroll{ width: 100%;}

.Header-navbar  li{display: inline-block;vertical-align:middle;position: relative}

.Header-navbar ul li:first-child .Header-navmenu{padding-left: 0;}

.Header-navbar ul li:last-child .Header-navmenu{padding-right: 0;}

.Header-navbar ul li:first-child .Header-navmenu:after{left: 0;}

.Header-navbar ul li:first-child .sub-list{margin-left: -98px}

.Header-navbar ul li:last-child .sub-list{margin-left: -59px}

.Header-navmenu{display: block;height: 98px;line-height: 98px;font-size: 18px;color: #444;transition: color .4s ease;position: relative;padding: 0 35px}

.Header-navmenu:hover,.Header-navbar li.ontrue .Header-navmenu{color: #8bc145;}

.Header-navmenu::after{content: "";position: absolute;height: 2px;background: #8bc145;right: 0;bottom: 28px;transition: all .4s ease;width: 0}

.Header-navmenu:hover::after, .Header-navvbarscroll ul li.ontrue .Header-navmenu::after,.Header-navbar li.ontrue .Header-navmenu:after,.Header-navbar li.on .Header-navmenu:after{width: 70px;right: auto;left: 37px;}

.Header-navbar li.on .Header-navmenu{color: #8bc145}

.Header-lang{float: right;position: relative;user-select: none;display:none !important}

.Header-langlink{display: block;font-size: 16px;color: #555;height: 98px;line-height: 98px;}

.Header-lang i{display:inline-block;height: 18px;width: 18px;vertical-align: middle; background: url('../images/public/lang.png') no-repeat left center;margin: -4px 10px 0 0;}

.Header-langlink:hover{color:#8bc145;}

.Header-langlink:hover i{background-image: url('../images/public/langH.png');}



.Header-search{float: right;position: relative;user-select: none;}

.Header-search-click{display: block;width: 40px;height: 98px;background: url('../images/public/serch.png') no-repeat center;cursor: pointer;}

.Header-search-item{display: none;position: absolute;z-index: 999;top: 98px;right: 0;width: 340px;padding-right: 48px;}

.Header-search-item input{width: 100%;border: 1px solid #f0f1f2;height: 48px;padding-left: 10px;font-size: 16px;color: #666;background: #fff;}

.Header-searchto{display: block;position: absolute;top: 0;right: 0;width: 48px;height: 48px;background: #0068b7 url('../images/public/serchW.png') no-repeat center;cursor: pointer;}

.Header-search-click:hover{background: url('../images/public/serchH.png') no-repeat center;}

.Header-search-click.ontrue{background-image: url('../images/public/search_close.png');}

.Header-search-click.ontrue:hover{background-image: url('../images/public/search_closeH.png');}



/*下拉菜单*/

.sub-list{

    position: absolute;

    width: 180px;

    left: 50%;

    margin-left: -90px;

    text-align: center;

    height: auto;

    display: none;

    flex-direction: column;

}

.sub-list a{

    display: block;

    font-size: 16px;

    color: rgba(43,42,46,.7);

    padding: 13px 0;

    animation:a_menu_item_show 0.2s ease-out both

}

.sub-list a:hover{

    color:#8bc145;

}

.sub-show:after{content:'';width: 100%; height: 0; background:rgba(255,255,255,1); z-index: -1; position: absolute; top: 0px; left: 0px;transition: height .2s ease}

.sub-show:after{ height: 445px;}

@keyframes a_menu_item_show {

    0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}

    100%{  -webkit-transform:translate(0px,0px); opacity: 1;}

}

.submenu-show .sublist{ animation:a_menu_item_show 0.2s ease-out both}



body.winter .Header-navbar{display: block !important;}

body.winter .Footer-navlink{display: block !important;}



/* 下拉 */

.Header-navarr{display: none;}

.Header-drop{display: none;width: 100%;background: #fff;padding: 0 0 32px;position: absolute;top: 80px;left: 0;border-top: 1px solid #f0f1f2;}

.Header-drop li{width: 33.33333333333333%;float: left;margin: 28px 0 0 !important;position: relative;display: block;min-height: 194px;}

.Header-dropimg{display: block;width: 38%;float: left;text-align: center;}

.Header-dropimg img{max-width: 88%;transform: scale(.94);transition: all .6s ease;}

.Header-dropimg:hover img{transform: scale(1);}

.Header-dropitem{width: 62%;float: left;}

.Header-droptit{display: block;width: 100%;}

.Header-droptit h6{font-size: 17px;color: #333;font-weight: 700;transition: all .4s ease;}

.Header-droptit p{font-size: 12px;color: #888;margin-top: 12px;}

.Header-droptit:hover h6{color: #0068b7;}

.Header-droplink{width: 100%;margin-top: 16px;}

.Header-droplink a{display: block;width: 100%;font-size: 14px;color: #666;padding: 4px 0;transition: all .4s ease;}

.Header-droplink a:hover{color: #0068b7;}

.Header-drop li:after{content: "";width: 100%;position: absolute;height: 1px;left: 0;bottom: 0;background: #f0f1f2;}

.Header-drop li:nth-last-child(-n+3):after{display: none;}

/* **** */



.Header-navclick{height: 60px;cursor: pointer;float: right;user-select: none;display: none;}

.Header-navclick span{width: 24px;height: 2px;background: #666;display: block;position: relative;margin-top: 28px; transition: all .2s linear;}

.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #666;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: #202225;padding-top: 88px;}



.Footer-navewm{width: 100%;padding-bottom: 54px;}

.Footer-navbar{float: left;width: 80%;}

.Footer-navbar li{display: block;float: left;width: 20%;}

.Footer-navmenu{font-size: 20px;color: #e2e9f2;}

.Footer-arr{display: none;}

.Footer-link{width: 100%;margin-top: 18px;}

.Footer-link a{display: block;font-size: 15px;color: #c1c1c1;padding: 5px 0;transition: color .4s ease;max-width:80%}

.Footer-link a:hover{color: #fff;}



.Footer-ewm{width: 20%;float: right;text-align: right;}

.Footer-ewm p{font-size: 20px;color: #e2e9f2;margin-bottom: 28px;padding-right: 18px;}

.Footer-ewm img{width: 112px;object-fit: cover;}

.Footer-ewm a{display: block;width: 100%;margin-top: 26px;}



.Footer-copyright{width: 100%;border-top: 1px solid #292d33;padding: 32px 0;}

.Footer-copyright-left{float: left;}

.Footer-copyright-left a{font-size: 14px;color: #c1c1c1;display: inline-block;vertical-align: middle;}

.Footer-copyright-left a:first-child::after{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 12px;background: #bcc2c9;margin: 0 12px;}
.Footer-copyright-left a:hover{color: #fff;}
.Footer-copyright-right{float: right;}

.Footer-copyright-right p{font-size: 14px; color: #c1c1c1; display: inline;}



/* 中间+共用部分 */

.container{width: 1500px;margin: 0 auto;}

.Container-wrapper{width: 100%;margin-top: 98px;overflow: hidden;}









/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

    .container{width: 92%;max-width: 1400px;}

    .Header-navbar{margin-right: 68px;}

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

    .Header-navbar{margin-right: 48px;}

    .Header-navmenu{padding: 0 20px}

   

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .Header-navmenu:hover::after, .Header-navvbarscroll ul li.ontrue .Header-navmenu::after, .Header-navbar li.ontrue .Header-navmenu:after, .Header-navbar li.on .Header-navmenu:after{left: 21px}

    .Header-navbar ul li:first-child .sub-list{margin-left: -90px}

    .Header-navbar ul li:last-child .sub-list{margin-left: -69px}

}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

    /*.Header-search-click{margin-right: 18px;}*/

    .Header-navbar{margin-right: 26px;}

    .Footer-navbar li:nth-child(1), .Footer-navbar li:nth-child(2){width: 18%;}

    .Footer-navbar li:nth-child(3){width: 24%;}

    .Footer-copyright-left a{height: 26px;line-height: 26px; font-size: 14px;color: #b7c6d9;display: inline-block;vertical-align: middle;}

    .Footer-copyright-right p{font-size: 14px; color: #b7c6d9;line-height: 24px;}

    .Header-navmenu{padding: 0 10px}

    .Header-navmenu:hover::after, .Header-navvbarscroll ul li.ontrue .Header-navmenu::after, .Header-navbar li.ontrue .Header-navmenu:after, .Header-navbar li.on .Header-navmenu:after{left: 11px}

    .Header-navbar ul li:first-child .sub-list{margin-left: -80px}

    .Header-navbar ul li:last-child .sub-list{margin-left: -73px}

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

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



    .Header-arr{display: block;width: 42px;height: 42px;position: absolute;z-index: 9;right: 0;top: 0;background: url(../images/public/iconArr.png) no-repeat center center /14px auto;}

    .Header-logo a{height: 60px;line-height: 60px;}

    .Header-search-click{height: 60px;}

    .Header-lang a{height: 60px;line-height: 60px;margin-right: 38px;}

    .Header-navclick{display: block;}


    .Header-navbar{display: none;width: 100%;position: absolute;left: 0;top: 60px;background: #fff;padding: 12px 4% 10px;}

    .Header-navbar ul li{display:block;margin-left: 0px;}

    .Header-navmenu:after{display: none;}

    .Header-navmenu{height: 40px;line-height: 40px;margin-bottom: 4px;}

    .Header-search{position: static;}

    .Header-search-item {top: 58px;width: 100%;}

    .Header-navbar li:hover .Header-navmenu {color: #666;}



    .Footer-wrapper{padding-top: 38px;}

    .Footer-navbar{width: 100%;margin-top: 0;}

    .Footer-navbar li{width: 100% !important;position: relative;}

    .Footer-ewm{width: 100%;float: right;margin-top:28px;text-align: center;}

    .Footer-ewm p{padding-right: 0;}

    .Footer-arr{display: block;width: 40px;height: 40px;position: absolute;z-index: 4;top: 0;right: 0;background: url('../images/public/mbArrH.png') no-repeat center;}

    .Footer-arr.ontrue{transform: rotate(180deg);}

    .Footer-navmenu{height: 40px; line-height: 40px;}

    .Footer-link{display: none;margin-top: 0;}

    .Footer-copyright{padding: 12px 0;text-align: center;}

    .Footer-copyright-right{width: 100%;}

    .Footer-copyright-left{width: 100%;padding-bottom: 8px;}

    .Footer-navewm { padding-bottom: 38px;}

    .site-down .Header-navmenu, .site-down .Header-langlink{color: unset!important;}

   .Header-navmenu{padding: 0;width: 100%;z-index: 1;padding-right: 40px}

    .sub-list{margin: 0!important;display: none;position: static;text-align: left;border-top: 1px solid #e8e8e8;width: 100%}

    .sub-list a{font-size: 15px;padding: 5px 0;}

    .mb-menu-item {

        display: block;

        margin-left: 10px;

        width: 25px;

        height: 25px;

    }

    .Header-navbar ul li {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap: wrap;

    }
    .Footer-link a{max-width:100%}
    .Header-logo a img{height:44px;}

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .Header-lang a{margin-right: 18px;}

    .Header-search-click{margin-right: 8px;}

    .Footer-navmenu{font-size: 16px}
    .Footer-copyright-right p{display: block;}

}