@charset "utf-8";
/* ====================公共样式========================= */
/*common*/
.container{max-width: 1400px;width: 100%;margin: 0 auto}
.arrow-ico {font-family: "\5B8B\4F53";font-weight: 700}
.obj-cover{width: 100%;height: 100%;object-fit: cover}
.body-none{overflow: hidden}
.com-block{padding: 90px 0;overflow: hidden}
main{margin-top: 90px}
.placeholder{visibility:hidden!important;height:0!important;border:0!important;padding:0!important;margin:0!important}/*space-between占位*/

/*header*/
header{height:90px;position:fixed;top:0;left:0;width:100%;z-index: 999;background: #fff}
.header-container{max-width:1670px;width:100%;margin:0 auto;display:flex;align-items:center;height:100%}
.top-menu{margin-left:auto}
.top-menu-ul{display:flex;align-items:center}
.top-menu-li>a{display:flex;align-items:center;font-size:16px;color:#444;padding:33px 25px;position: relative}
.top-menu-li.active>a,.top-menu-li.on>a,.top-menu-li>a:hover{color:#0667ae}
.top-menu-li.has-child>a{background:url(../images/public/arr-bott.png) no-repeat 95px/7px 4px;}
.top-menu-li.has-child.on>a{background:url(../images/public/arr-bott-hover.png) no-repeat 95px/7px 4px;}
.header-user a{display:block;padding:33px 0;margin-left:30px}
.header-user i{display:block;width:17px;height:19px;background:url(../images/public/header-user.png) no-repeat center/100%;transition:all .4s ease}
.header-user a:hover i{background:url(../images/public/header-user-hover.png) no-repeat center/100%}
.language{position:relative}
.language a{display:block;padding:33px 0;margin-left:20px}
.language i{display:block;width:19px;height:19px;background:url(../images/public/language-icon.png) no-repeat center/100%;transition:all .4s ease}
.language a:hover i{background:url(../images/public/language-icon-hover.png) no-repeat center/100%}
header .sub-menu{position:absolute;left:0;top:85px;z-index:2;width:100%;padding-top:30px;height:160px;transition: height .4s ease;display: none;box-shadow: 0 30px 30px -40px rgba(17,58,93,.1)}
.sub-menu .header-container{justify-content:center;align-items:flex-start}
header .tit-info .sub{font-weight:700;color:#0667ae;font-size:24px;margin-bottom:30px}
header .tit-info a{font-size:16px;color:#666}
header .sub_list{display:flex;margin-left:90px;width:40%;flex-wrap:wrap}
header .sub-item{display:flex;margin-bottom:30px;align-items:center;font-size:15px;color:#555;width:30%}
header .sub-item span{width:42px;height:42px;border-radius:50%;margin-right:10px;display: flex;align-items: center;justify-content: center;transition: all .4s ease}
header .sub-item:hover span{background: #12a93e}
header .sub-item .white-icon,header .sub-item:hover .color-icon{display: none}
header .sub-item:hover .white-icon{display: block}
header .bg_hover{width:100%;height:0;background:rgba(255,255,255,.9);z-index:1;position:absolute;top:85px;left:0}
header.submenu_show .bg_hover{height:160px}

/* 多个语言 */
.Header-lang-more{display: none;z-index: 4;width: 160px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top: 70px;left: 30px;margin-left: -80px;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: block;font-size: 16px;color: #666;text-align: center;padding: 10px 0;margin:0}
.Header-lang-more a span{display: inline-block;}
.Header-lang-more a:hover {color: #fff;background: #0667ae;}
.language:hover .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

/*汉堡菜单*/
header .bread-ico{cursor:pointer;user-select:none;display: none;margin: -8px 0 0 25px}
.bread-ico .lines:after,.bread-ico .lines:before,header .bread-ico .lines{display:inline-block;height:2px;width:22px;background:#434343;transition:top .2s linear}
header.white .bread-ico .lines:after,header.white .bread-ico .lines:before,header.white .bread-ico .lines{background: #444}
header .bread-ico .lines{position:relative}
.bread-ico .lines:before,header .bread-ico .lines:after{position:absolute;left:0;content:'';transform-origin:50% 50%;transition:top .2s .4s ease,transform .4s ease;height:2px}
header .bread-ico .lines:before{top:6px}
header .bread-ico .lines:after{top:-6px}
header .bread-ico.active .lines{transition:all .2s 0s ease;background:0 0}
header .bread-ico.active .lines:after,header .bread-ico.active .lines:before{transition:top .2s ease,transform .2s .3s ease;top:0;width:22px}
header .bread-ico.active .lines:before{transform:rotate3d(0,0,1,45deg)}
header .bread-ico.active .lines:after{transform:rotate3d(0,0,1,-45deg)}

/*footer*/
.site-footer{background:#808487;color:#fff;padding:66px 0 100px}
.site-footer .container{display:flex}
.footer-lft{display:flex;width:81%;border-right:1px solid #8f9294;justify-content:space-between}
.footer-item{width:20%;position: relative}
.footer-item .item-tit{font-size:18px;font-weight:700}
.footer-item ul{margin-top:20px}
.footer-item li+li{margin-top:5px}
.footer-rgt{width:19%;text-align:right}
.footer-rgt p{font-family:dincond;font-size:34px;margin-top:15px}
footer a:hover{color:#fff;opacity:.5}
.site-footer-nav{background:#75787a;color:#fff;padding:20px 0}
.site-footer-nav .container{display:flex;justify-content:space-between;align-items:center}
.site-footer-nav .beian{padding-left:5px}
.footer-icon{display:flex;align-items:center}
.footer-icon a{position:relative}
.footer-icon a em{display:none;position:absolute;bottom:40px;left:-40px;width:100px;height:100px}
.footer-icon a em:after{content:'';width:0;height:0;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}
.footer-icon a:hover em{display:block}
.footer-icon .icon-wecaht:hover{opacity:1}
.footer-icon a:not(:first-child){margin-left:20px}
.footer-item i{display: none;background: #6e7275 url(../images/public/arr-bott.png)no-repeat center /7px 4px;position: absolute;top: 5px;right: 0;content: '';width: 25px;height: 20px;border-radius: 3px}
.qr-code{display:flex;color:#fff;text-align:center;margin-top:40px;justify-content: flex-end}
.qr-code-item .picture{width:84px;height:84px;margin-bottom:10px}
.qr-code-item:not(:first-child){margin-left:8px}
.qr-code p{font-size: 14px}


/* 视频 */
.popVideo {display: none;position: fixed;z-index: 99999;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;}}

/*动画*/
@keyframes to-up{0%{opacity: 0;transform: translate3d(0, 50px, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes to-rgt{0%{opacity: 0;transform: translate3d(50px, 0, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes to-lft{0%{opacity: 0;transform: translate3d(-50px, 0, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes to-upB{0%{opacity: 0;transform: translate3d(0, 100px, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes clip{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes fontB{0%{transform:scale(1.1);opacity: 0}100%{transform:scale(1);opacity: 1}}
@keyframes bounceR{0%,100%,20%,50%,80%{transform:translateX(0)}40%{transform:translateX(-10px)}60%{transform:translateX(-5px)}}
@keyframes zoom-icon { 0%{opacity: 0;transform: scale(0)} 100%{opacity: 1;transform: scale(1)} }
@keyframes backInLeft {
    0% {
        transform:translateX(-1000px) scale(.7);
        transform:translateX(-1000px) scale(.7);
        opacity:.7
    }
    80% {
        transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}


.user-out{
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    left: 16px;
    border: 1px solid #e3e7eb;
    border-radius: 3px;
    top: 70px;
}
.user-out a{
    padding: 5px 10px;
    margin: 0;
}
.header-user{
    position: relative;
}
.header-user:hover .user-out{
    display: block;
}


/* 悬浮 */
.Sidebar-wrapper{position: fixed;right: 0;top: 50%;margin-top: 88px;height: 310px;width: 60px;z-index: 9999;transform: translateY(-80%)}
.Sidebar-wrapper li{height: 50px;position: absolute;left: 0;}
.Sidebar-wrapper li a{display: flex;align-items: center;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #0f78c4;border-radius: 5px;transition: all .4s ease;}
.Sidebar-wrapper li span{opacity: 0}
.Sidebar-wrapper ul li a img {display: block;float: left;width: 24px;height: 24px;margin: 12px 20px 14px 16px;object-fit: contain;}
.Sidebar-wrapper li a:hover{background-color: #fe8411;}
.Sidebar-wrapper li:hover span{opacity: 1}
.Sidebar-wrapper li.backtop{top:51px;width: 60px;}
.Sidebar-wrapper li.reltent{top: 102px;width: 156px;transition: all .4s ease;}
.Sidebar-wrapper li.reltent:hover {left: -70px;}
.Sidebar-wrapper li.relin{top: 102px;width: 156px;transition: all .4s ease;}
.Sidebar-wrapper li.relin a h2{width: 24px;height: 24px;margin: 12px 20px 14px 16px;font-size: 26px;color: #ffffff;font-family: Arial;font-weight: bold;}
.Sidebar-wrapper li.relin:hover {left: -88px;}
.Sidebar-wrapper li.reltel{top: 153px;width: 175px;transition: all .4s ease;}
.Sidebar-wrapper li.reltel:hover{left: -114px;}
.Sidebar-wrapper li.releml{top:204px;width:225px;transition: all .4s ease;}
.Sidebar-wrapper li.releml:hover{left: -162px;}
.Sidebar-wrapper li.relwe{top:255px; width: 60px;}
.Sidebar-ewm {display: none;position: absolute;top: -124px;left: -144px;background: url(../images/common/side-arr.png) no-repeat bottom right; width: 140px;height: 149px;padding-bottom: 9px;}
.Sidebar-ewm img {display: block;background-color: #FFF;width: 140px;height: 140px;}
.Sidebar-wrapper li.relwe:hover .Sidebar-ewm {display: block;}


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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .container,.header-container{max-width: 1280px;}

}

@media all and (max-width:1439px) {
    /* 1360 × (768) */

}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .container,.header-container{width: 92%;}
    .top-menu-li>a{padding: 33px 15px}
    .top-menu-li.has-child>a {background: url(../images/public/arr-bott.png) no-repeat 85px/7px 4px}
    .top-menu-li.has-child.on>a{background:url(../images/public/arr-bott-hover.png) no-repeat 85px/7px 4px}
    .footer-lft{border: none}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */

}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    header{height: 60px}
    main{margin-top: 60px}
    .header-logo img{width: 135px}
    .language a{padding: 0}
    header .bread-ico{display: block}
    .top-menu-ul{position:absolute;display:none;left:0;background:#e7e7e7;width:100%;top:60px;padding:10px 25px}
    .top-menu-li{position: relative}
    .top-menu-li:not(:first-child){margin-top: 10px}
    .top-menu-li>a{padding: 10px;background: #fafafa!important;border-radius: 3px;position: relative;z-index: 1}
    header .sub-menu{position: static;background: #fff;height: auto;transition: none;padding: 30px 0 20px}
    .sub-menu .header-container{justify-content: flex-start;flex-direction: column}
    header .sub_list{margin-left: 0;width: 100%;margin-top: 20px}
    header .sub-item{margin-bottom: 10px}
    header .tit-info .sub{font-size: 18px;margin-bottom: 10px}
    .top-menu-li i{position: absolute;right: 10px;width: 30px;height: 25px;background: #f3f3f3 url(../images/public/arr-bott.png) no-repeat center /7px 4px;border-radius: 4px;z-index: 999;top: 8px;display: block}
    .top-menu-li.on i{background: #f3f3f3 url(../images/public/arr-bott.png) no-repeat center /7px 4px;transform: rotate(180deg)}
    .footer-item ul{display: none;margin-top: 0;padding:10px 0}
    .footer-rgt{text-align: center;padding-top: 30px;margin-top: 20px;border-top: 1px solid #8f9294}
    .footer-item i{display: block}
    .menu-show .bg_hover{z-index: -1;height: 100vh;background: rgba(0,0,0,.5)}
    .menu-show{overflow: hidden}
    .site-footer .container,.footer-lft{flex-wrap: wrap}
    .footer-lft,.footer-rgt{width: 100%}
    .qr-code{justify-content: center}
    .Sidebar-wrapper{display: none}
    .Header-lang-more{top:30px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .site-footer-nav .container{flex-direction: column}
    .footer-icon{margin-top: 20px}
    .site-footer-nav{padding: 20px 0 10px}
    .site-footer{padding: 30px 0}
    .top-menu-ul{padding: 10px 20px}
    header .sub-menu{padding: 10px 0 0 }
    header .sub-item{width: 50%}
    .site-footer-nav .beian{display: block;margin-top: 8px;text-align: center}
    .footer-item .item-tit{font-size: 14px;font-weight: 400}
    .qr-code{margin-top: 20px}
    .tit-info{display: none}
    header .sub_list{margin-top: 0}
}