html{color:#333}
.products-left-nav div a{height:100%;width:100%}
.lang-switcher-block {text-align: center;padding: 10px 10px;}
.lang-switcher-block .lang-text {font-size: 12px;color: #666;margin-bottom: 5px;white-space: nowrap;}
.lang-switcher-block .lang-links {display: flex;justify-content: center;align-items: center;gap: 10px;}
.lang-switcher-block .lang-links svg {width: 30px;height: auto;vertical-align: middle;border: 1px solid transparent;transition: border-color 0.3s ease;}
.header-blank-wrap{height:0}
.header{height:80px;width:100%;background-color:#fff;position:fixed;left:0;top:0;z-index:99;box-shadow:0 0 5px #888;transition:all .3s;padding:0 5%}
.header-wrap{height:100%}
.header-wrap .nav-wrap{height:100%;visibility:visible;position:relative;z-index:92;flex:1;justify-content:center;align-items:stretch}
.header-wrap .nav-wrap li{position:relative}
.header-wrap .nav-wrap a{margin:0 5px;padding:0 12px;font-size:18px;color:#333;height:100%;position:relative;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;justify-content:center}
.header-wrap .nav-wrap .active a,.header-wrap .nav-wrap a:hover{color:#004098;padding-bottom:2px}
.header-wrap .nav-wrap .active a::after,.header-wrap .nav-wrap a:hover::after{opacity:1}
.header-wrap .nav-wrap dl{position:absolute;left:0;bottom:0;z-index:90;min-width:100%;transform:translateY(100%);background-color:#fff;visibility:hidden;opacity:0;transition:opacity .3s;border:1px solid #a8a8a8a8}
.header-wrap .nav-wrap li:hover dl{visibility:visible;opacity:1}
.header-wrap .nav-wrap li:hover{border:1px solid #a8a8a8a8;border-bottom:none}
.header-wrap .nav-wrap dd a{height:50px;font-size:18px;color:#666;display:block;width:auto;white-space:nowrap;line-height:50px}
.header-wrap .nav-wrap dd a:hover{line-height:48px}
.header-wrap .nav-wrap dd:hover{background-color:#e9e9e9}
.header-wrap .nav-wrap dd a:after{display:none!important}
.header-wrap .logo{height:100%}
.header-wrap .logo img{height:100%;object-fit:cover}
.menu-wrap{display:block;background-color:#004098;height:100%;width:80px;position:relative;cursor:pointer;flex-shrink:0;margin-left:auto}
.menu-wrap .navbar-header{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.menu-wrap span.icon-bar{background:#fff;width:25px;height:2px;display:block;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.menu-wrap .sr-only{display:none}
.menu-wrap .icon-bar:nth-child(2){-webkit-transform:rotate(0) translate(0,0);-moz-transform:rotate(0) translate(0,0);-ms-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0);transform-origin:top left}
.menu-wrap .icon-bar:nth-child(3){margin-top:6px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.menu-wrap .icon-bar:nth-child(4){margin-top:6px;-webkit-transform:rotate(0) translate(0,0);-moz-transform:rotate(0) translate(0,0);-ms-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0);transform-origin:top left}
.menu-wrap p{width:100%;position:absolute;left:0;bottom:10px;font-size:12px;color:#fff;text-align:center;transition:all .3s}
.header.active .menu-wrap p{bottom:15px}
.menu-down-wrap{position:fixed;left:0;top:0;z-index:95;width:100%;height:100%;overflow-y:auto;background-color:rgba(128,128,128,.8);padding-top:170px;display:none}
.menu-down-wrap .big-menu{width:100%;max-width:1400px;margin:0 auto}
.menu-down-wrap .big-menu ul{display:flex;justify-content:space-around}
.menu-down-wrap .big-menu li{padding:0 20px}
.menu-down-wrap .big-menu li h4,.menu-down-wrap .big-menu li h4 a{font-size:28px;color:#fff;font-weight:700;margin-top:0}
.menu-down-wrap .big-menu li a{display:block;font-size:16px;color:#fff;margin-top:25px;transition:all .3s}
.menu-down-wrap .big-menu li a:hover{text-shadow:2px 2px 3px #fff}
.menu-down-wrap .contact-menu{margin-top:40px;border-top:1px solid #fff;padding:40px;display:flex}
.menu-down-wrap .addr{flex:1;padding-right:20px}
.menu-down-wrap .addr h3{font-size:36px;color:#fff;margin-bottom:30px}
.menu-down-wrap .addr p{font-size:16px;color:#fff;display:flex;align-items:center}
.menu-down-wrap .addr p+p{margin-top:15px}
.menu-down-wrap .addr p::before{display:block;content:"";border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-right:10px}
.menu-down-wrap .addr a{font-size:16px;color:#fff}
.menu-down-wrap .addr a:hover{text-decoration:underline}
.menu-down-wrap .share{flex-shrink:0}
.menu-down-wrap .share svg{width:80px;height:80px}
.menu-down-wrap .small-menu{display:none}
.index-banner-wrap{height:80vh;overflow:hidden;position:relative}
.index-banner-wrap video{width:100%;height:100%;object-fit:cover}
.index-banner-wrap .swiper-container{display:none}
.index-banner-wrap .swiper-slide img{width:100%}
.index-banner-wrap .swiper-slide img+img{position:absolute;left:0;top:0}
.index-banner-wrap .swiper-slide img{width:100%;transition:3s linear;transform:scale(1.08)}
.index-banner-wrap .swiper-slide.swiper-slide-active img{transform:scale(1)}
.index-adv-wrap{margin:40px 50px 0}
.index-adv-wrap ul{display:flex;flex-wrap:wrap}
.index-adv-wrap li{flex:1;text-align:center}
.index-adv-wrap li i{display:inline-block;width:95px;height:109px;line-height:109px;font-size:40px;color:#666;background-image:url(../images/index_adv_ibg_n.png);background-position:center;background-size:contain}
.index-adv-wrap li:hover i{color:#fff;background-image:url(../images/index_adv_ibg_h.png)}
.index-adv-wrap li h4{color:#666;font-size:38px;font-weight:600;margin-top:15px}
.index-adv-wrap li p{font-size:18px;color:#666}
.index-news-wrap{margin:0 auto;padding:20px 0 60px;display:flex;flex-wrap:wrap;justify-content:center}
.index-news-wrap .title{margin-bottom:30px;text-align:center;width:100%}
.index-news-wrap .title h2{font-size:44px;font-weight:700;color:#333;margin-bottom:5px}
.index-news-wrap .title h3{color:#999;font-size:16px}
.index-news-wrap .title::after{display:block;content:'';width:60px;height:2px;background-color:#004098;margin:20px auto 0}
.index-news-wrap .news-box{width:24%;margin:10px auto;transition:all .3s;background-color:#f8f8f8;padding-bottom:20px}
.index-news-wrap .news-box:hover{box-shadow:0 0 10px #888}
.index-news-wrap .news-box .imgbox{height:280px;margin-bottom:20px}
.index-news-wrap .news-box img{width:100%;height:100%;object-fit:cover}
.index-news-wrap .news-box h4{font-size:16px;color:#999;margin:0 10px 10px}
.index-news-wrap .news-box h3{color:#333;font-size:22px;margin:0 10px 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-news-wrap .news-box .editbox{font-size:16px;color:#666;margin:0 10px}
.index-news-wrap ul{width:32%}
.index-news-wrap li{background-color:#f8f8f8}
.index-news-wrap li+li{margin-top:5px}
.index-news-wrap li a{display:block;padding:20px}
.index-news-wrap li h3{font-size:22px;color:#666;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-news-wrap li:hover h3{color:#004098}
.index-news-wrap li h4{color:#999;font-size:16px}
.index-news-phone-wrap{max-width:1400px;margin:0 auto;padding:20px 0 60px;display:flex;flex-wrap:wrap}
.index-news-phone-wrap .title{margin-bottom:30px;text-align:center;width:100%}
.index-news-phone-wrap .title h2{font-size:44px;font-weight:700;color:#333;margin-bottom:5px}
.index-news-phone-wrap .title h3{color:#999;font-size:16px}
.index-news-phone-wrap .title::after{display:block;content:'';width:60px;height:2px;background-color:#004098;margin:20px auto 0}
.footer{margin:0 50px;border-top:1px solid #ccc}
.footer-list-wrap{background-color:#f8f8f8;position:relative;z-index:5;background-image:url(../images/footer_bg.jpg);background-position:center bottom;background-size:100% auto;padding:0 20px}
.footer-item-list{max-width:1400px;margin:0 auto;padding:60px 0}
.footer-item-list li h2{font-size:22px;color:#777;font-weight:600;margin-bottom:20px}
.footer-item-list li .logo-gift{width:200px}
.footer-item-list .share{margin-top:60px;font-size:0}
.footer-item-list .share a{display:inline-block;margin-top:0;padding:0 10px 0 0}
.footer-item-list .share a:hover{padding:0 10px 0 0;background-color:rgba(0,0,0,0)}
.footer-item-list .share a::before{display:none}
.footer-item-list .share svg{width:40px;height:40px}
.footer-item-list a,.footer-item-list p{display:block;font-size:16px;color:#666;padding:10px 20px 10px 0;border-radius:5px;transition:all .3s;font-weight:500;white-space:nowrap}
.footer-item-list a:hover{padding:10px 10px 10px 10px;background-color:rgba(0,0,0,.1)}
.footer-item-list a::before{display:inline-block;content:"";width:0;height:0;border-right:8px solid #666;border-top:4px solid transparent;border-bottom:4px solid transparent;vertical-align:middle;margin-top:-2px;margin-right:5px}
.footer-item-list p img{vertical-align:middle;margin-top:-2px;margin-right:5px}
.footer-item-list a+a,.footer-item-list p+p{margin-top:0}
.footer-item-list li+li{padding-left:2%}
.footer-item-list li .flex-display{margin-top:35px}
.footer-item-list li .infobox{margin-left:20px;text-align:center}
.footer-item-list li .qrbox img{width:112px;height:112px}
.footer-item-list li .infobox h4{color:#fff;font-size:14px;margin-top:15px}
.footer-item-list li .codebox{display:flex;flex-wrap: wrap}
.footer-item-list li .codebox .box{flex-shrink:0;text-align:center;margin-right:20px;margin-top: 10px}
.footer-item-list li .codebox img{width:80px;height:80px}
.footer-item-list li .codebox span{display:block;margin-top:15px;font-size:14px;color:#666}
.phone-footer-wrap .codebox{display:flex;justify-content:center}
.phone-footer-wrap .codebox .box{flex-shrink:0;text-align:center}
.phone-footer-wrap .codebox .box+.box{margin-left:20px}
.phone-footer-wrap .codebox img{width:70px;height:70px}
.phone-footer-wrap .codebox span{display:block;margin-top:15px;font-size:14px;color:#666}
.copy-all{position:relative;z-index:4;background-color:#004098}
.copyright{color:#fff}
.copyright a{color:#fff}
.copyright a:hover{color:#ccc}
.other-banner-wrap img{width:100%;min-height:200px;max-height:800px;object-fit:cover}
.other-nav-bg{margin:25px 40px 0;position:relative;z-index:5}
.other-nav-bg::before{display:block;content:"";position:absolute;z-index:4;left:0;bottom:0;width:100%;height:1px;background-color:#d8d8d8}
.other-nav{position:relative;z-index:6;width:100%;max-width:1400px;margin:0 auto;display:flex}
.other-nav a{flex:1;display:flex;align-items:center;justify-content:space-around;overflow:hidden;position:relative;height:60px;font-size:18px;color:#004098;transition:all .3s}
.other-nav a.active,.other-nav a:hover{font-weight:700}
.other-local{color:#999;font-size:18px;max-width:1400px;margin:0 auto}
.other-local a{line-height:60px;color:#999;font-size:18px}
.other-local a:hover,.other-local a:last-child{font-weight:500;color:#666}
.vr-nav{display:block;position:relative}
.vr-nav::after,.vr-nav::before{display:block;content:"";position:absolute;width:66px;height:66px;background-size:100% 100%;transition:all .5s;left:50%;top:50%;transform:translate(-50%,-50%)}
.vr-nav::before{background-image:url(../images/vr.png)}
.vr-nav::after{background-image:url(../images/vr_2.png)}
.vr-nav:hover::after{transform:translate(-50%,-50%) rotate(360deg)}
.honor-wrap{background-color:#f2f2f2;margin:45px 0;overflow:hidden}
.honor .box a{display:block;width:220px;line-height:70px;background-color:#004098;font-size:16px;color:#fff;margin:0 auto}
.vr-wrap{margin:45px 0;overflow:hidden}
.video-wrap{margin:45px 0;overflow:hidden;background-color:#f2f2f2}
.social-wrap{display:none;margin:45px 0}
.about-social-block{position:relative;height:1000px;background-color:#004098}
.other-block{margin:0 50px;padding:0 0 70px}
.other-right-block{flex:1;margin-left:40px}
.products-left-wrap{width:400px;line-height:1.5;flex-shrink:0}
.products-left-wrap h2{line-height:66px;font-size:20px;color:#004098;text-align:center;border:1px solid #004098;margin-bottom:20px}
.products-left-nav{display:block}
.products-left-nav>div{padding:0 20px 0 50px;height:70px;color:#666;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;border-bottom:1px dashed #fff;background-color:#d9d9d9}
.products-left-nav div{font-size:18px}
.products-left-nav.active>div,.products-left-nav>div:hover{background-color:#004098}
.products-left-nav>div i{font-size:22px;transform:rotate(0);-webkit-transform:rotate(0);transition:all .3s;-webkit-transition:all .3s}
.products-left-nav.active{pointer-events: none;}
.products-left-nav>div b{display:block;content:"";width:0;height:0;border-left:6px solid #01af84;border-top:3px solid transparent;border-bottom:3px solid transparent;margin-right:10px}
a.products-left-nav.active>div,a.products-left-nav>div:hover{background-color:#004098}
.products-left-nav.active>div .flex-flex1,.products-left-nav.active>div i,.products-left-nav>div:hover .flex-flex1,.products-left-nav>div:hover i{color:#fff}
.products-left-nav.active>div b,.products-left-nav>div:hover b{border-left-color:#fff}
.products-left-nav.active>div i{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.products-left-nav ul{background-color:#fff;display:none}
.products-left-nav li{padding:0 20px 0 70px;font-size:16px;color:#666}
.products-left-nav li.active,.products-left-nav li:hover{background-color:#f0f8f8}
.products-left-nav li.active .flex-flex1,.products-left-nav li:hover .flex-flex1{color:#6db6bd}
.products-left-nav li+li{border-top:1px dashed #ccc}
.products-left-nav li a{height:46px;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;-moz-align-items:center;align-items:center;-ms-flex-align:center}
.products-left-nav li span{display:block;width:10px;height:1px;background-color:#999;margin-right:10px;transition:all .3s;-webkit-transition:all .3s}
.products-left-nav li.active span,.products-left-nav li:hover span{background-color:#fd9314}
.products-left-nav li .flex-flex1{overflow:hidden;font-size:14px;color:#666;transition:all .3s;-webkit-transition:all .3s}
.products-left-nav dl{display:none}
.products-left-nav dt{border-top:1px dotted #ccc}
.products-left-nav dt a{display:block;padding-left:20px;height:30px;line-height:30px;font-size:12px}
.products-left-nav dt a:hover{color:#fd9314}
.product-title{color:#666;font-size:32px;line-height:80px;margin:0 50px}
.product-wrap li{width:25%;border:1px solid #ccc;position:relative;z-index:4;transition:all .3s}
.product-wrap li:hover{z-index:5;box-shadow:0 0 20px #ccc}
.product-wrap li a{display:block;padding:20px}
.product-wrap li .imgbox{height:320px;margin-bottom:20px}
.product-wrap li img{width:100%;height:100%;object-fit:contain}
.product-wrap li .textbox{padding:20px 0}
.product-wrap li h3{font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}
.product-wrap li h4{font-size:16px;color:#666;margin-bottom:10px}
.product-wrap li p{color:#666;font-size:16px}
.product-wrap li .editbox{font-size:16px;color:#666;line-height:1.4}

/* Loading State */
.product-loading {
    width: 100%;
    text-align: center;
    padding: 100px 0;
    font-size: 18px;
    color: #666;
}
.pulse {
    animation: pulse-animation 1.5s infinite ease-in-out;
}
@keyframes pulse-animation {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}
.news-wrap{padding:50px 0;max-width:1400px;margin:0 auto}
.news-wrap ul{border-top:1px solid #ccc}
.news-wrap li{width:100%;border-bottom:1px solid #ccc}
.news-wrap li a{display:block;padding:40px 0;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-webkit-box-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;align-items:center}
.news-wrap li .imgbox{width:400px;height:250px;overflow:hidden}
.news-wrap li img{width:100%;height:100%;object-fit:cover;transition:all .3s}
.news-wrap li:hover img{transform:scale(1.2,1.2)}
.news-wrap li .textbox{-webkit-flex:1;-webkit-box-flex:1;-ms-flex:1;-moz-flex:1;flex:1;margin-left:30px}
.news-wrap li h4{color:#999;font-size:22px;margin-bottom:20px}
.news-wrap li p{font-size:18px;color:#333;line-height:30px;height:150px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-bottom:30px}
.news-wrap li span{display:block;color:#004098;font-size:15px}
.contact-wrap{padding-top:200px;background-image:url(../images/contact_bg.png);background-position:center top 110px;background-size:100% auto}
.contact-wrap .banner-box{max-width:1400px;margin:0 auto;height:320px;background-image:url(../picture/all_product.png);background-position:right bottom;background-size:81% auto}
.contact-wrap .banner-box h2{font-size:54px;color:#000;margin-bottom:20px}
.contact-wrap .banner-box h3{font-size:36px;color:#000;font-weight:lighter}
.contact-info-block{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1400px;margin:0 auto;padding:90px 0}
.contact-info-block .infobox{width:33%}
.contact-info-block .infobox h4{font-size:30px;color:#000;margin-bottom:35px}
.contact-info-block .infobox h4::after{display:block;content:'';width:90%;height:2px;background-color:#004098;margin:10px 0 -10px}
.contact-info-block .infobox p{color:#666;font-size:16px}
.contact-info-block .infobox p+p{margin-top:25px}
.contact-info-block .infobox p svg{vertical-align:middle;margin-top:-2px;width:16px;height:16px}
.contact-info-block .codebox{display:flex;margin-top:35px}
.contact-info-block .codebox .box{flex-shrink:0;text-align:center}
.contact-info-block .codebox .box+.box{margin-left:20px}
.contact-info-block .codebox img{width:130px;height:130px}
.contact-info-block .codebox span{display:block;margin-top:15px;font-size:14px;color:#666}
.contact-info-block .map{width:62%;height:550px;background-color:#f2f2f2}
.shop-wrap{max-width:1400px;margin:0 auto;padding:90px 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.shop-wrap .code{margin:0 100px;text-align:center}
.shop-wrap .code img{width:140px;height:140px}
.shop-wrap .code span{display:block;margin-top:5px;color:#666;font-size:12px}
.shop-wrap .logo{margin-left:40px}
.page{margin-top:10px;padding:14px 0 15px;text-align:center}
.page a{border:1px solid #ccc;margin-right:5px;padding:4px 7px}
.page span{border:1px solid #ccc;margin-right:5px;padding:4px 7px}
.page span.current{background:#5280e0;border:1px solid #5280e0;color:#fff;font-weight:bolder}
.phone-footer-wrap{display:none}
.index-news-phone-wrap{display:none}
.index-useful-wrap{padding:40px 0 60px;position:relative;background-position:center top}
.index-useful-wrap .title{text-align:center;width:100%}
.index-useful-wrap .title h2{font-size:44px;font-weight:700;color:#333;margin-bottom:5px}
.index-useful-wrap .title h3{color:#999;font-size:16px}
.index-useful-wrap .title::after{display:block;content:'';width:60px;height:2px;background-color:#004098;margin:20px auto -35px}
.index-useful-wrap .usebox{position:relative;-webkit-flex:1;-webkit-box-flex:1;-ms-flex:1;-moz-flex:1;flex:1}
.index-useful-wrap .usenav1{position:relative;z-index:6;transform:translateY(100%)}
.index-useful-wrap .usenav1 a{display:block;float:left;padding:20px 40px;font-size:14px;color:#fff;background-color:#6a6a6a}
.index-useful-wrap .usenav1 i{font-size:40px;margin-right:15px;display:inline-block;vertical-align:middle}
.index-useful-wrap .usenav1 a.active,.index-useful-wrap .usenav1 a:hover{background-color:#004098}
.index-useful-wrap .useblock{position:relative;display:none}
.index-useful-wrap .useblock.active{display:block}
.index-useful-wrap .useblock-child{display:none}
.index-useful-wrap .useblock-child.active{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex}
.index-useful-wrap .usenav2{position:absolute;right:0;bottom:0;z-index:6;transform:translateY(100%)}
.index-useful-wrap .usenav2 a{display:block;float:left;padding:15px 40px;font-size:14px;color:#fff;background-color:#6a6a6a;margin-left:1px}
.index-useful-wrap .usenav2 a.active,.index-useful-wrap .usenav2 a:hover{background-color:#004098}
.index-useful-wrap .text{padding:160px 60px 0 60px;min-height:650px;position:relative}
.index-useful-wrap .text .blurry_picture{filter:blur(3px)}
.index-useful-wrap .text>*{position:relative;z-index:5}
.index-useful-wrap .text img{position:absolute;z-index:4;width:100%;height:100%;left:0;top:0}
.index-useful-wrap .text h2{color:#004098;font-size:26px;font-weight:700;margin-bottom:15px}
.index-useful-wrap .text h3{color:#004098;font-size:16px;margin-bottom:20px}
.index-useful-wrap .text .border{width:60px;height:5px;background-color:#004098;margin-bottom:40px}
.index-useful-wrap .text .editbox{font-size:16px;color:#004098;line-height:2}
.index-product-wrap{background-position:center top;padding:20px 0 0}
.index-product-wrap .title{margin-bottom:30px;text-align:center;width:100%}
.index-product-wrap .title h2{font-size:44px;font-weight:700;color:#333;margin-bottom:5px}
.index-product-wrap .title h3{color:#999;font-size:16px}
.index-product-wrap .title::after{display:block;content:'';width:60px;height:2px;background-color:#004098;margin:20px auto 0}
.index-product-wrap .title .icon{text-align:center;margin-left:60px}
.index-product-wrap .title i{font-size:32px;color:#999}
.index-product-wrap .title p{font-size:16px;color:#999;margin-top:15px}
.index-product-wrap ul{background-image:url(../picture/product_bg.jpg);background-position:center;background-size:cover}
.index-product-wrap li{-webkit-flex:1;-webkit-box-flex:1;-ms-flex:1;-moz-flex:1;flex:1;overflow:hidden;text-align:center;transition:all .3s;position:relative}
.index-product-wrap li:hover{background-color:#004098}
.index-product-wrap li::before{display:block;content:"";position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);height:calc(100% - 40px);border:1px solid #fff;opacity:0;transition:all .3s}
.index-product-wrap li:hover::before{opacity:1}
.index-product-wrap li+li{border-left:1px solid #777}
.index-product-wrap li a{display:block;padding:75px 40px;position:relative;z-index:5}
.index-product-wrap li .imgbox{height:300px;margin-bottom:40px}
.index-product-wrap li img{width:100%;height:100%;object-fit:contain}
.index-product-wrap li p{font-size:15px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}
.index-product-wrap li span{font-size:12px;color:#999;display:inline-block;padding:5px 20px;border:1px solid #999;border-radius:16px}
.index-product-wrap li:hover span{border-color:#fff;color:#000;background-color:#fff}
.index-product-wrap li:hover p{color:#fff}
.hr-choose-wrap{margin:0 auto;width:1200px}
.hr-choose-nav-wrap a{display:inline-block;padding:20px 50px;background:#b4b4b4;color:#fff;text-align:center;font-size:16px;margin:50px 20px 0}
.hr-choose-nav-wrap a.active{background:#004098}
.hr-choose-nav-wrap a:hover{background:#004098}
.hr-choose-nav-wrap{text-align:center;margin-bottom:50px}
.hr-choose-part-wrap{overflow:hidden;padding:50px 0}
.hr-choose-title{text-align:center;font-size:30px;padding-bottom:10px;margin:20px 0}
.hr-choose-title::after{display:block;content:'';width:60px;height:2px;background-color:#004098;margin:10px auto -50px}
.hr-join-us-wrap{background:#f9f9f9;overflow:hidden;padding-bottom:50px}
.hr-join-us-wrap .wrap{width:80%;margin:0 auto}
.hr-join-us-wrap .table{display:flex;flex-wrap:wrap}
.hr-join-us-wrap .table .row-top{display:flex;width:100%;background:#004098;color:#fff;padding:0 4%;margin-top:65px}
.hr-join-us-wrap .table .row{display:flex;width:100%;padding:0 4%;background:#fff}
.hr-join-us-wrap .table .cell{flex:1;padding:8px;text-align:center;font-size:16px}
.hr-join-us-wrap .table .cell-phone{flex:1;padding:8px;text-align:center;font-size:23px;font-weight:lighter}
.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background-color:rgba(0,0,0,.8);color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5)}
.codebox .popup .popup-img{width:300px;height:300px}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-bottom:15px}
.container .title{padding-top:40px;color:#004098;font-size:48px;text-align:center;margin-bottom:30px;font-weight:700}
.container .honor{width:100%;margin:0 auto}
.container .honor .box{width:100%;padding:10px;text-align:center}
.container .vr{width:100%;height:100%;margin:0 auto}
.container video{width:100%;height:100%;object-fit:contain}
.vr iframe{width:100%;height:800px;object-fit:cover}
.about-wrap{overflow:hidden;margin:45px 0}
.about-main{display:flex;flex-wrap:wrap}
.about-left{width:50%;padding-right:70px}
.about-title h3{font-size:42px;line-height:42px;margin-bottom:20px}
.about-title span{font-size:36px;line-height:36px}
.about-info{font-size:16px;color:#666;margin-top:30px;line-height:36px}
.about-right{width:50%;padding-left:20px;display:flex;flex-direction:column}
.about-top{margin-bottom:18px;display:flex;justify-content:space-between;flex-wrap:wrap}
.about-img{overflow:hidden}
.about-img:first-child{width:35.37%}
.about-img:last-child{width:62.44%}
.about-img img{display:block;width:100%;transition:all .5s}
.about-bom{overflow:hidden}
.about-bom img{width:100%;transition:all .5s}
.about-img:hover img{transform:scale(1.1)}
.about-bom:hover img{transform:scale(1.1)}
.culture-wrap{margin:45px 0;overflow:hidden;background-color:#f7f7f7}
.culture-list{margin:52px -15px}
.culture-item{width:100%;position:relative;border-radius:5px}
.culture-item .public-img{border-radius:5px}
.culture-info{position:absolute;width:100%;height:100%;border-radius:5px;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:transparent;padding-left:130px;padding-right:130px;transition:all .5s}
.culture-info div{font-size:36px;line-height:36px;margin-top:20px}
.culture-info p{text-align:center;font-size:18px;margin-top:0;line-height:32px;height:0;visibility:hidden;transition:all .5s;opacity:0}
.culture-info i{font-size:40px}
.culture-item:hover .culture-info{color:#fff;background-color:#1a71bb}
.culture-item:hover .culture-info p{height:auto;visibility:visible;opacity:1;margin-top:35px}
.culture-list li{padding:0 15px;width:50%;float:left}
.history-wrap{margin:45px 0;overflow:hidden;width:100%;background-position:top;background-size:contain}
.history-title{font-size:44px;font-weight:700;color:#333;line-height:42px;text-align:center;padding-top:90px;margin-bottom:80px}
.history-list li{display:none}
.history-list li.active{display:block}
.history-main{display:flex;flex-wrap:wrap;align-items:flex-start;height:365px}
.history-left{width:50%;display:flex;flex-direction:column;align-items:center;padding-top:10px}
.history-year{width:393px;height:149px;text-align:center;border:4px solid #666;line-height:141px;font-size:90px;color:#004098}
.history-left i{display:block;margin-top:16px;width:4px;height:32px;background-color:#666}
.history-left p{font-size:18px;color:#666;margin-top:8px;line-height:36px;max-width:635px;text-align:center}
.history-right{display:flex;width:50%;justify-content:center;align-items:center}
.history-img{width:410px;border:8px solid #ccc}
.history-img img{width:100%;object-fit:cover}
.history-wrap .history-swiper{padding:0 32px}
.history-swiper::after{position:absolute;display:block;width:calc(100% - 108px);height:1px;left:50%;transform:translateX(-50%);top:28px;content:"";background-color:#ccc}
.history-wrap .swiper-button-next::after,.history-wrap .swiper-button-prev::after{display:none}
.swiper-button-next .history-next,.swiper-button-prev .history-prev{width:19px;height:32px;background-size:19px 32px;top:0;transform:translateY(0);margin-top:0}
.history-next{right:32px;background-image:url(../images/history-next.png)}
.history-prev{left:32px;background-image:url(../images/history-prev.png)}
.swiper-year{text-align:center;position:relative;padding-top:50px;font-size:18px;line-height:24px;color:#004098;font-weight:700}
.swiper-year::before{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;border:1px solid #ccc;top:24px;left:50%;transform:translateX(-50%);content:""}
.swiper-year::after{position:absolute;width:20px;height:20px;box-shadow:0 0 10px #ccc;top:16px;border-radius:50%;left:50%;transform:translateX(-50%);content:"";background-color:#004098;border:3px solid #ccc;opacity:0}
.history-swiper .swiper-slide.on .swiper-year::after{opacity:1}
.history-swiper .swiper-slide.on .swiper-year::before{opacity:0}
.hr-mobile{display:none}
.hr-wrap{display:block;padding:105px 0 122px}
.hr-wrap .item{position:relative;width:1200px;height:344px;margin:0 auto;font-size:0}
.hr-wrap .item .img{width:600px;height:344px;display:inline-block;vertical-align:middle}
.hr-wrap .item .msg{width:600px;max-height:344px;display:inline-block;vertical-align:middle;padding-left:50px;padding-right:70px}
.hr-wrap .item:nth-child(even) .img{float:right}
.hr-wrap .item:nth-child(even) .msg{position:absolute;top:50%;transform:translateY(-50%)}
.hr-wrap .item .title{margin-bottom:16px;font-size:25px;color:#333}
.hr-wrap .item .title span{position:relative}
.hr-wrap .item .title span::before{content:"";position:absolute;top:-14px;right:-28px;width:16px;height:16px;display:block;background-color:#004098}
.hr-wrap .item .title span::after{content:"";position:absolute;top:-4px;right:-16px;width:9px;height:9px;display:block;background-color:#ec6c00}
.hr-wrap .item .text{max-height:280px;line-height:30px;text-align:justify;font-size:16px;color:#666}
.hr-wrap .item .text p{line-height:30px;font-size:16px;color:#666}