/* ====================公共样式========================= */
.top_bg{width:100%; background:#fff; height:136px; position:fixed; top:0; left:0; z-index:9999; overflow:visible; transition:top .55s cubic-bezier(.22,.61,.36,1), height .55s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;}
.head_top{background:#999; height:36px; line-height:36px; overflow:hidden; transform:translate3d(0,0,0); opacity:1; will-change:transform, opacity; transition:transform .45s cubic-bezier(.22,.61,.36,1), opacity .3s ease;}
.head_top .wrap{width:98%; max-width:1780px; margin:auto;}
.head_top .language{background:url(../image/top_lg_icon.png) no-repeat left center; padding:0 20px 0 30px; display:block; position:relative;}
.head_top .language::after{content:""; display:block; width:10px; height:4px; position:absolute; right:0; top:16px; background:url(../image/top_xl.png) right center no-repeat;}
.head_top .language a{color:#fff; font-size:14px;}
.head_top .language a:hover,.head_top .lst a:hover{color:#b5152f;}
.head_top .language{cursor:pointer;}
.language-overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;}
.language-modal{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:1001; justify-content:center; align-items:center;}
.language-modal-content{width:50%; max-width:600px; background:#fff; border-radius:8px; padding:60px 40px; min-width:280px; box-shadow:0 10px 30px rgba(0,0,0,0.2); position:relative; overflow:hidden;}
.language-modal-content .language-close{position:absolute; right:0; top:0; width:128px; height:72px; z-index:1;}
.language-modal-content .language-close:hover{color:#333;}
.language-modal-content .language-close::after{background-color:#b5152f; content:""; display:block; height:100%; pointer-events:auto; position:absolute; right:0; top:0;    transition:transform .2s cubic-bezier(.68,.43,.43,.82); width:100%; z-index:1; transform-origin:top; transform:skewX(240.6631283394deg);}
.language-modal-content .language-close:hover::after{background-color:#0b2a6d; cursor:pointer;}
.language-modal-content .language-close .sr-only{width:20px; height:20px; font-size:25px; font-family:"gilroy_regular"; left:88px; top:10px; padding:0; position:absolute; color:#fff; white-space:nowrap; z-index:10;}
.language-modal-content h3{font-size:36px; color:#333; margin:0 0 20px; background:url(../image/language_icon.png) left center no-repeat; background-size:40px; padding-left:52px;}
.language-modal-content ul{padding:0; margin-top:40px;}
.language-modal-content ul li{list-style:none; margin-bottom:10px; border-bottom:1px solid #e9e9e9;}
.language-modal-content ul li span{margin:10px 20px; float:left;}
.language-modal-content ul li:last-child{margin-bottom:0;}
.language-modal-content ul li a{display:block; padding:12px 20px; color:#333; font-size:16px; border-radius:4px; transition:all 0.3s;}
.language-modal-content ul li a:hover{background:#f5f5f5; color:#b5152f;}
.head_top .lst{display:inline-block; font-size:14px;}
.head_top .lst a{display:inline-block; padding:0 10px; line-height:36px; height:36px; text-align:center; color:#fff; border-right:1px solid rgba(255,255,255,.2);}
.head_top .lst a:last-of-type{border-right:none;}

/*导航*/
.Hsrch{margin:36px 20px 0 0; float:left;}
.Hsrch-menu{display:block; background:url(../image/fdj.png) center no-repeat; background-size:26px; width:26px; height:25px;}
.Hsrch-box{width:100%; height:100px; background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; position: absolute; top:0; left:0; z-index:1002; transform:translateX(-100%); opacity:0; transition:transform 0.4s ease-out, opacity 0.3s ease-out;}
.Hsrch-box.show{transform:translateX(0); opacity:1;}
.Hsrch-block{width:94% !important; max-width:1780px; height:44px; margin:25px auto 0; background:#fff;}
.Hsrch-block .btn{width:26px;height:25px;background:url(../image/fdj.png) no-repeat center center; float:left; border:0; margin:10px 0 0;}
.Hsrch-block .close{display:block;width:20px;height:20px;background:url(../image/icon-close.png) no-repeat center center;float:right; margin:10px 20px 0 0;}
.Hsrch-block .text{height:40px;float:left;margin:0 0 0 20px;border:none;}
.Hsrch-block .text::-webkit-input-placeholder{color:#999; font-size:16px;}
.Hlang:hover .Hlang-box{display:block;}

.top{width:100%; height:100px; background:#fff; position:relative; z-index:999; transition:top .55s cubic-bezier(.22,.61,.36,1); top:0;}

/* 手机端语言选择器 */
.mobile-language{display:none; position:absolute; top:36px; right:20px; z-index:1000;}
.mobile-language-btn{display:block; width:36px; height:36px; background:#b5152f; color:#fff; text-align:center; line-height:36px; font-size:14px; font-weight:bold; border-radius:50%;}
.top-strip-hide .top_bg{height:100px;}
.top-strip-hide .head_top{transform:translate3d(0,-36px,0); opacity:0;}
.top-strip-hide .top{top:-36px;}
.top .wrap{width:98%; max-width:1780px; margin:auto;}
.logo{width:151px; margin-top:10px; float:right;}
.logo img{width:100%; display:block;}

.navMenu>li{float:left; position:relative; line-height:100px; font-size:18px;}
.navMenu>li>a{margin:0 30px; color:#333; display:block; text-transform:uppercase;}
.navMenu>li>a:hover,.navMenu>li.active>a{color:#b5152f;}
.navMenu>li>ul.sub-menu{position:absolute; left:0; top:100px; z-index:9999; background:#fff; border:1px solid #e9e9e9; border-top:none; border-bottom:none; width:220px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; text-align:left;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:15px; line-height:36px; padding:0 20px; clear:both; border-bottom:1px solid #e9e9e9;}
.navMenu>li>ul.sub-menu li>a.active,.navMenu>li>ul.sub-menu li>a:hover,.navMenu>li>ul.sub-menu>li.active >a{color:#b5152f;}
.navMenu>li:hover>ul.sub-menu,.navMenu>li.on>ul.sub-menu{opacity:1; visibility:visible; transform:translateY(0);}
.navMenu>li>ul.sub-menu li>i{position:absolute; top:13px; right:15px; background:url(../image/top_sjx.png) no-repeat center center; background-size:12px; width:12px; height:12px;transform:rotate(-90deg);}
.navMenu>li>ul.sub-menu li:hover>i{position:absolute; top:13px; right:15px; background:url(../image/top_sjxh.png) no-repeat center center; background-size:12px; width:12px; height:12px; transform:rotate(-90deg);}
.navMenu>li>ul.sub-menu>li>ul.sub-menu{position:absolute; left:219px; top:0; background:#fff; width:200px; opacity:0; visibility:hidden; transform:translateX(-10px); transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;}
.navMenu>li>ul.sub-menu>li:hover>ul.sub-menu{opacity:1; visibility:visible; transform:translateX(0);}
.three-columns{width:100%;}
.three-columns dl dd{width:100%; float:left; padding-left:10px; line-height:35px; border-bottom:1px solid #e9e9e9;}
.three-columns dl dd a{font-size:14px; transition:all .5s ease;}
.three-columns dl dd a:hover{color:#b5152f; transition:all .5s ease-in-out;}
.phxia{display:none;}


/* 底部 */
.footer{width:100%; margin:80px auto 0; background:url(../image/footer_bg.jpg) top center no-repeat; background-size:cover; padding:60px 0 30px; overflow:hidden;}
.footer_box{width:95%; max-width:1600px; margin:auto; display:flex; justify-content:space-between;}
.footer_box_l{width:25%; border-right:1px solid rgba(0,0,0,.04); padding-right:5%;}
.footer_box_l .desc{width:100%; float:left;}
.footer_box_l .desc li{width:100%; float:left; margin-bottom:20px; font-size:16px; line-height:30px; }
.footer_box_l .desc li .xbt{display:block; color:#666666; margin-bottom:10px;}
.footer_box_l .desc li .tel{display:block; font-family:"gilroy_bold"; font-size:30px; color:#b5152f;}
.footer_box_l .desc li .email{display:block; font-family:"gilroy_bold"; font-size:30px; color:#b5152f;}
.footer_box_l .desc li .email a{color:#b5152f;}
.footer_box_l .desc li .email a:hover{color:#0b2a6d;}
.footer_box_l .desc li .add{display:block; font-size:18px; font-weight:500;}
.footer_box_l .desc li:last-of-type{margin-bottom:0;}
.footer_box_l .desc li a{color:#666666;}
.footer_box_l .desc li a:hover{color:#b5152f;}
.footer_box_l .link{width:200px; float:left; margin-top:40px; position:relative;}
.footer_box_l .link p{width:200px; float:left; line-height:44px; border:2px solid #e9e9e9; color:#999; border-radius:30px; cursor:pointer; font-size:15px; padding-left:20px;}
.footer_box_l .link p i{height:44px; float:right; margin-right:10px; padding:0 10px 0 20px;}
.footer_box_l .link p i img{width:9px; vertical-align:middle;}
.footer_box_l .link dl{position:absolute; right:4px; bottom:39px; width:190px; display:none;}
.footer_box_l .link dd{border:#e9e9e9 solid 1px; border-bottom:none;}
.footer_box_l .link dd a{display:block; height:36px; line-height:36px; padding-left:20px; background:#fff; color:#666; font-size:14px;}
.footer_box_l .link dd a:hover{color:#fff; background:#b5152f;}

.footer_box_c{width:60%; float:left; margin-left:5%;}
.footer_box_c ul{width:25%; float:left; min-height:180px;}
.footer_box_c ul li{width:100%; float:left;}
.footer_box_c ul li.foot_l_bt a,.foot_cont .foot_l_bt a{float:left; color:#000; font-size:20px; margin-bottom:10px;}
.footer_box_c ul li a{line-height:36px; font-size:16px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_box_c ul li a .hoverable_txt:after{background-color:#b5152f;}
.footer_box_c ul li a:hover,.foot_cont_wz a:hover,.foot_cont .foot_l_bt a:hover{color:#b5152f;}

.footer_box_r{width:15%; float:right;}
.footer_box_r li{width:48%; float:left; margin-right:4%;}
.footer_box_r li:nth-child(2n){margin-right:0;}
.footer_box_r li .img{width:100%; float:left; background:#e9e9e9; padding:5px; overflow:hidden; border-radius:6px;}
.footer_box_r li .img img{width:100%; display:block; border-radius:6px;}
.footer_box_r li .p{width:100%; float:left; text-align:center; margin-top:10px;}

.copyright{width:100%; margin:60px auto 0; border-top:1px solid rgba(0,0,0,.04); padding-top:30px; color:#999;}
.copyright_l{float:left;}
.copyright_l a{font-size:15px; color:#999; line-height:36px;}
.copyright_l a:hover,.copyright_r a:hover{color:#b5152f;}
.copyright_r{float:right;}
.copyright_r .yqlj{float:left; line-height:36px;}
.copyright_r .yqlj a{margin:0 5px; color:#999;}
.copyright_r .yqlj a:hover{color:#b5152f;}


/* pc侧边栏 */
.sideBar-wrapper{position:fixed; bottom:60px; right:0; opacity:0; transform:translateX(80px); animation:side 1s 1s ease forwards; height:206px; width:50px; z-index:6666;margin-top:-103px;}
.sideBar-wrapper ul li{height:50px; position:absolute; left:0; box-shadow:0 4px 18px 0 rgba(102, 102, 102, 0.21);}
.sideBar-wrapper ul li.backTop{bottom:-52px; width:52px; display:block;}
.sideBar-wrapper ul li.relQq{top:52px; width:52px; transition:all .4s;}
.sideBar-wrapper ul li.relDh{top:104px; width:52px; transition:all .4s;}
.sideBar-wrapper ul li.relEwm{top:156px; width:52px;}
.sideBar-wrapper ul li a{display:flex; color:#fff; font-size:15px; height:50px; line-height:50px; position:relative; background-color:#fff; transition:all .2s ease;}
.sideBar-wrapper ul li a img{display: block;transition: all .4s ease;}
.sideBar-wrapper ul li a img.s{margin: 12px 16px 14px 14px;}
.sideBar-wrapper ul li a img.h{opacity: 0;position: absolute;left: 14px;top: 12px;}
.site-text{display: none; height: 100%;font-size: 16px; position: absolute;top: 0;right: 100%;padding-right: 5px;white-space: nowrap;color: #b5152f;}
.site-text p{background: #fff;width: 100%;height: 100%;padding: 0 20px;align-items: center;justify-content: center;display: flex;font-family:"gilroy_regular";}
@keyframes side {
    0%{opacity: 0;transform: translateX(80px);}
    100%{opacity: 1;transform: translateX(0);}
}
.sideBar-wrapper ul li a:hover{background: #b5152f;opacity: 1;}
.sideBar-wrapper ul li a:hover .site-text{display: block;}
.sideBar-wrapper ul li a:hover img.s{opacity: 0;}
.sideBar-wrapper ul li a:hover img.h{opacity: 1;}
.sideBar-wrapper-ewm{position: absolute;top: -110px;left: -115px;background: #fff;width: 106px;padding: 3px;height: 106px;display: none;}
.sideBar-wrapper-ewm img{display: block;width: 100px;height: 100px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}
@media all and (max-width:1000px) {
.sideBar-wrapper{display: none;right: 4px;width: 50px;height: auto;top: auto;bottom: 60px;margin-top: 0;}
.sideBar-wrapper ul li{display: none;height: 46px;}
.sideBar-wrapper ul li.backTop{display: block;width: 46px;}
.sideBar-wrapper ul li a{height: 46px;line-height: 46px;background-color: #2d2c32 !important;}
.sideBar-wrapper ul li a img {margin: 11px 10px 11px 12px;}
}

/* 微信浏览器咨询弹窗 */
.codePopup-box{display: none; position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .5);z-index: 99999;}
.codePopup{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-100%);opacity: 0; width: 70%;background: #fff;}
.codePopup-box.active{display: block;}
.codePopup-box.active .codePopup{animation: codePopup 1s .1s ease forwards;}
@keyframes codePopup {
    0%{opacity: 0; transform: translate(-50%,-100%);}
    100%{opacity: 1; transform: translate(-50%,-50%);}
}
.codePopup-img{width: 90%;margin: 0 auto;}
.codePopup-img img{width: 100%;}
.codePopup-close{position: absolute;top: -25px;right: -25px;}
.codePopup-close::before{font-weight: 700;color: rgba(255, 255, 255, .8);font-size: 14px;}
.codePopup-close:hover::before{color: #fff;}

/* mb侧边栏 */
.Footer-tabs-blank, .Footer-tabs{display: none;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .contain-1700{width:98%;}
    .Header .language_search .lg{margin-left:20px;}
    .contain{width: 960px;}
    .sideBar-wrapper{right:5px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
    .nav li{margin-right:25px;}
    .nav .drop .left {width: 10.15vw; padding: 1.562vw 0 2.604vw;  margin-left: 16.93125vw; padding-right: 2.6vw;}
    .nav .drop .right{width: calc(100% - 29.68125vw);}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Header-zixun.mb{display:flex;}
    .Header-zixun.pc{display:none;}
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain-1700,.contain-1600, .contain-1400, .contain{width: 92%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Footer-items{padding:20px 0;}
    .Footer-menu{font-size:16px;}
    .Footer-tabs{display: block;height: 50px;}
    .Footer-tabs{position: fixed;z-index: 9999;left: 0;bottom: 0;background:#fff;width: 100%;}
    .Footer-tabs::before{content: "";position: absolute;width: 100%;height: 1px;background: #e3dad2;left: 0;top: 0;}
    .Footer-tabs li{font-size: 16px;color: #333;float: left;position: relative;width: 19%;}
    .Footer-tabs li a{display:flex;align-items:center;justify-content:center;height: 50px;width: 50px;width: 100%;}
    .Footer-tabs li a>img{margin-right: 6px;width: 18px;}
    .Footer-tabs li.tabsDh{float:right;}
    .Footer-tabs li.tabsDh a{background:#b5152f; color:#fff;}
    /* .Footer-tabs li.tabsZx{width: 25%;} */
    .Footer-tabs li.tabsDh{width: 36%;}
    .Footer-tabs li .tabsCode{position: absolute;bottom: 58px;left: 50%;width: 100px;height: 100px;margin-left: -50px;padding: 0 2px;border: 2px solid #fff;background: #fff;display:none;align-items:center;}
    .Footer-tabs li .tabsCode::after{content: "";position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;width: 0;height: 0;bottom: -8px;left: 50%;margin-left: -8px;}    
    .Footer-tabs li .tabsCode img{width: 100%;object-fit: cover;}
    .Footer-tabs li:hover .tabsCode{display: flex;}
    .Footer-code-img{width:100px; height:100px; margin-left:-50px;}
}
