@charset "utf-8";
html,body{font-size:16px;line-height:1em;color: #141414;font-family: '鎬濇簮榛戜綋',PingFang SC,Microsoft Yahei,Arial,sans-serif;}
a{text-decoration: none;outline: none;}
img{display: block;}
img.ofi{object-fit: cover;font-family: 'object-fit: cover;';}
img.ofc{object-fit: contain;font-family: 'object-fit: contain;';}
/* 閫氱敤 */
body{width: 100vw;overflow-x: hidden !important;}
.w1770{width: 1770px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.w1500{width: 78.125%;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
/* .w896{width: 896px;} */
.i-com-title{color: #000;}
.i-com-title.i-product-title .cn,.i-com-title.i-product-title .en{color: #fff;}
.i-com-title .cn{margin-bottom: 10px;font-size: 45px;line-height: 1em;}
.i-com-title .en{color: #c8c8c8;font-size: 22px;line-height: 1em;}
.com-page{display: flex;justify-content: center;align-items: center;margin-top: 70px;}
.com-page-item span,.com-page-item a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;box-sizing: border-box;border-radius: 50%;border: 2px solid rgba(0, 0, 0, .2);margin-right: 23px;color: #000;font-size: 14px;line-height: 1em;text-align: center;transition: all .5s;cursor: pointer;}
.com-page-num {display: flex;}
.com-page-num span.now{color: #d41a1f;}
.com-page-item:last-child span{margin-right: 0;}
.com-page-item span:hover,.com-page-item a:hover{border-color: #d41a1f;color: #fff;background: #d41a1f;}
.mask{position: relative;overflow: hidden;}
.mask::after{content: '';position: absolute;left: 0;top: 0;;width: 100%;height: 100%;background: #fff;-webkit-transition: all ease-in-out 750ms;transition: all ease-in-out 750ms;}
.mask2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;-webkit-transition: all ease-in-out 750ms;transition: all ease-in-out 750ms;z-index: 2;}
.mask.scrollin2:after{left: 100%;}
.mask2.on{left: 100%;}
.viewbg{position: relative;overflow: hidden;}
.viewbg::after{content: '';position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left center;width: 100%;height: 100%;background: #d41a1f;transition: all .5s;}
.viewbg:hover::after{transform: scaleX(1);}

.btnmore{position: relative;overflow: hidden;transition: all .5s;}
.btnmore span,.btnmore p{position: relative;z-index: 1;}
.btnmore::after{display: block;position: absolute;left: -130%;bottom: 0;content: "";width: 120%;height: 150%;background: #d41a1f;transform: skew(-20deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.btnmore:hover::after {
    left: 0;
}

::-webkit-scrollbar {
	/* display: none; */
	width:5px;
	height:5px
}
::-webkit-scrollbar-track {
	border-radius:0;
	background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
	border-radius:5px;
	background: #d41a1f;
}
::-webkit-scrollbar-thumb:hover {
	border-radius:5px;
	background: #d41a1f;
}

#modalImgInner{transform: translateY(-50%);}

/* header */
.header{position: absolute;z-index: 101;width: 100%;z-index: 100;}
.header-main{display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
.header-logo{position: relative;display: block;height: 60px;}
.header-logo img{height: 100%;width: auto;}
.header img.hover{display: none;}

.nav-main{display: flex;align-items: center;}
.nav-main .nav-item{height: 100%;transition: all .5s;}
.nav-main .nav-item>a{display: inline-block;padding: 0 36px;color: #fff;font-size: 16px;line-height: 92px;transition: all .5s;}

.header-tool{position: relative;display: flex;align-items: center;}
.header-lang{position: relative;margin-right: 65px;}
.header-lang-btn{display: flex;align-items: center;height: 38px;box-sizing: border-box;padding: 0 9px 0 3px;border-bottom: 2px solid #fff;cursor: pointer;transition: all .5s;}
.header-lang-btn i{position: relative;color: #fff;font-size: 18px;transition: all .5s;perspective: 1000px;}
.header-lang-btn:hover i{transform: rotateY(180deg);}
.header-lang-btn p{margin-left: 17px;margin-right: 14px;color: #fff;font-size: 16px;line-height: 1em;transition: all .5s;}
.header-lang-btn img{position: relative;transition: all .5s;}
.header-lang-btn img.hover{display: none;}
.header-lang-btn.on img{transform: rotate(180deg);}
.header-lang-slide{display: none;position: absolute;left: 0;top: 38px;width: 100%;background: #fff;}
.header-lang-slide li a{display: block;font-size: 16px;line-height: 30px;color: #333;text-align: center;transition: all .5s;}
.header-lang-slide li a:hover{background: #f2f2f2;}
.header-btn{cursor: pointer;}
.header-line{width: 35px;height: 2px;background: #fff;}
.header-line:nth-child(2){margin: 11px 0;}

.header-nav-slide{position: absolute;left: 0%;top: 92px;display: none;width: 100%;padding: 40px 0;box-sizing: border-box;border-top: 1px solid rgba(0,0,0,.3);background: rgba(255,255,255,1);z-index: 100;transition: all .5s;}
.header-nav-slide.on{display: block;z-index: 9;}
.header-slide-contianer{display: flex;align-items: flex-start;justify-content: space-between;}
.header-slide-downimg{width: 316px;}
.downpic{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;padding-bottom: 56.96%;overflow: hidden;}
.header-slide-downimg img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;}
.dropdown-list {display: flex;box-sizing: border-box;width: calc(100% - 316px);padding: 0 40px;}
.dropdown-type{width: 20%;}
.dropdown-type.company-slide{width: 100%;}
.dropdown-typename{position: relative;display: flex;align-items: center;padding-left: 17px;}
.dropdown-typename:before {content: "";position: absolute;left: 0;top: .8em;transform: translateY(-50%);display: block;width: 8px;height: 2px;background: #000;}
.dropdown-typename a{margin-right: 14px;font-size: 16px;color: #000;line-height: 1.5em;transition: all .5s;}
.dropdown-type ul{margin-top: 15px;padding-left: 17px;}
.dropdown-type li{display: flex;flex-flow: column;}
.dropdown-type ul a{position: relative;display: inline-block;margin-bottom: 10px;font-size: 14px;color: #888;}
.dropdown-type ul a span{display: inline-block;padding-bottom: 2px;line-height: 1.2em;overflow: hidden;will-change: background-size;background: url(/static/img/line1.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;background-position: right bottom;background-size: 0 1px;}
.dropdown-type ul a span:hover {color: #d41a1f;}
.dropdown-type ul a span:hover{-webkit-animation: none;animation: none;background-position: left bottom;background-size: 100% 1px;}

.header-fixed{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;opacity: 0;filter: Alpha(opacity=0);visibility: hidden;z-index: -1;-webkit-transition: all 0.3s 0.5s;transition: all 0.3s 0.5s;}
.header-fixed-main{position: absolute;left: 75px;right: 75px;height: 100%;border-left: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);}
.header-fixed-bg{position: absolute;top: 0;left: 0;display: flex;width: 100%;height: 100%;}
.header-fixed-bgitem{position: relative;transform: scaleX(1);transform-origin: right top;width: 14.2857%;height: 100%;border-right: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;transition-property: transform;}
.header-fixed-bgitem:last-child{border-right: none;}
.header-fixed-bgitem:after{content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: #505050;    -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;}
.header-fixed-nav{height: 100%;}
.header-fixed-nav ul{position: relative;top: 50%;transform: translateY(-50%);display: flex;margin-top: -2%;overflow: hidden;z-index: 1;}
.header-fixed-nav li{width: 14.2857%;height: 100%;overflow: hidden;}
.header-fixed-typename{display: table;height: 70px;margin: 0% 15% 0 19%;color: #fff;font-size: 28px;letter-spacing: -0.5px;font-weight: 600;line-height: 1.2em;overflow: hidden;}
.headr-fixed-typeson a{position: relative;display: block;overflow: hidden;margin: 19px 15% 19px 19%;color: #c3c3c3;font-size: 16.5px;letter-spacing: 1px;font-weight: 400;line-height: 1.2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.headr-fixed-typeson a span{position: relative;display: inline-block;z-index: 1;padding-left: 9px;}
.headr-fixed-typeson a span::before {position: absolute;content: "-";left: 0;top: 0;}
.header-fixed-typename span,.headr-fixed-typeson a span{display: table-cell;opacity: 0;filter: Alpha(opacity=50);-webkit-transform: translateX(-5%);transform: translateX(-50%);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;}
.headr-fixed-typeson a:hover{color: #fff;}
.header-fixed.on{opacity: 1.0;filter: Alpha(opacity=100);visibility: visible;z-index: 99999;background-color: #242424;-webkit-transition: all 0.3s 0s;transition: all 0.3s 0s;z-index:99999}
.header-fixed.on .header-fixed-bgitem {-webkit-transform: scaleX(1);transform: scaleX(1);transform-origin: right top;transition-property: transform;}
.header-fixed.on .header-fixed-bgitem::after{width: 0;}
.header-fixed.on .header-fixed-typename span,.header-fixed.on .headr-fixed-typeson a span{opacity: 1.0;filter: Alpha(opacity=100);-webkit-transform: translateX(0);transform: translateX(0);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);}
.header-fixed-close{position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 75px;height: 75px;background-color: #505050;cursor: pointer;}
.header-fixed-close i{color: #fff;font-size: 32px;}

.header.on{background: #fff;}
.header.on img.hover{display: block;}
.header.on img.leave{display: none;}
.header.on .nav-main .nav-item>a{color: #000;}
.header.on .header-line{background: #000;}
.header.on .header-lang-btn{border-color: rgba(0, 0, 0, .1);}
.header.on .header-lang-btn i{color: #333;}
.header.on .header-lang-btn p{color: #333;}
.header.on .header-lang-btn img.leave{display: none;}
.header.on .header-lang-btn img.hover{display: block;}
.header .nav-main .nav-item:hover>a,.header .nav-main .nav-item.on>a{color: #fff;background: #cc0000;}
.header .nav-main .nav-item:hover .header-nav-slide{display: block;}

/* 绉诲姩绔痟eader */
.header-mobile{display: none;position: absolute;top: 80px;left: 0;width: 100%;height: calc(100vh - 80px);box-sizing: border-box;z-index: 99;background: #0062a7;}
.header-nav{height: 100%;overflow-y: auto;}
.header-mobile-item {position: relative;border-bottom: 1px solid rgba(255,255,255,.15);z-index: 1;}
.header-mobile-type{display: flex;justify-content: space-between;align-items: center;}
.header-mobile-type a{display: inline-block;padding: 20px 0;color: #fff;font-size: 20px;line-height: 1.5em;}
.header-nav .header-mobile-item:first-child .header-mobile-type span{display: none;}
.header-mobile-type span{color: #fff;font-size: 26px;line-height: 1em;transition: all .5s;}
.header-mobile-type.on span{transform: rotate(180deg);}
.header-mobile-slide{display: none;margin-left: 30px;margin-bottom: 25px;}
.header-mobile-slide a{display: block;padding: 5px 0;color: #fff;font-size: 18px;line-height: 1.5em;}
.header-mobile-bg{position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
.header-mobile-bg img{position: absolute;bottom: 0;right: 0;transform: translate(28.13%,11.31%);width: 95.73%;}
/* index */
.index-container{height: 100vh;}
#fp-nav{right: 41px;margin-top: 0 !important;transition: all .5s;}
#fp-nav.on{z-index: -1;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 10px auto;width: 18px;height: 18px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{transform: translate(-50%,-50%);width: 8px;height: 8px;box-shadow: 0 0 2px rgb(0 0 0 / 40%);margin: 0;background: #fff;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active, #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active{border-radius: 50%;border: 1px solid #d41a1f;box-sizing: border-box;}
.index-container .swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;background: #fff;opacity: 1;transition: all .5s;}
.index-container .swiper-pagination-bullets .swiper-pagination-bullet-active{position: relative;background: #d41a1f;}
.index-container .swiper-pagination-bullets .swiper-pagination-bullet-active::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 18px;height: 18px;border-radius: 50%;border: 1px solid #d41a1f;box-sizing: border-box;}

/* banner */
.i-banner{height: 100vh !important;}
.i-banner-container{position: relative;width: 100vw;height: 100vh;overflow: hidden;}
.i-banner-item{overflow: hidden;}
.i-banner-bg{width: 100%;height: 100%;overflow: hidden;}
.i-banner-bg img{width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.bw{width: 1350px;margin: 0 auto;}
.i-banner-text{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
/* .i-banner-text::before{content: "";position: absolute;left: 0;top: 0;width: 50px;height: 3px;background: #fff;} */
.i-banner-text p{color: #fff;font-size: 50px;line-height: 1.5em;}
.i-banner-text p.en{margin-top: 20px;font-size: 24px;line-height: 1.5em;opacity: 0.8;}
.i-banner-navigation{}
.i-banner-btn{position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center; width: 44px;height: 44px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;color: #fff;font-size: 18px;line-height: 1em;text-align: center;background: transparent;cursor: pointer;transition: all .5s;z-index: 1;outline: none;}
.i-banner-btn.prev{left: 75px;}
.i-banner-btn.next{right: 75px;}
.i-banner-btn:hover{background: #d41a1f;border-color: #d41a1f;}
.i-banner-page{position: absolute;left: 50%;bottom: 9.15%;transform: translateX(-50%);display: flex;align-items: center;z-index: 1;}
.i-banner-page li{position: relative;margin-right: 16px;transition: all .5s;}
.i-banner-page li::after{content: "";position: absolute;right: -100px;top: 50%;transform: translateY(-50%);width: 80px;height: 2px;transform: scaleX(0);transform-origin: left center;transition: all .5s;background: #d41a1f;}
.i-banner-page li p{color: #fff;font-size: 14px;line-height: .8em;cursor: pointer;}
.i-banner-page li.on {margin-right: 120px;}
.i-banner-page li.on::after{animation: longer 3s linear forwards;}
.i-banner-scroll{position: absolute;left: 50%;bottom: 4.63%;transform: translateX(-50%,0);animation: upDown 1.5s infinite;transition: all .5s;z-index: 1;cursor: pointer;}
@keyframes bigger {
    0%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
@keyframes longer {
    0%{
        transform: scaleX(0);
    }
    100%{
        transform: scaleX(1);
    }
}
@keyframes upDown {
    0%{
        transform: translate(-50%,0);
    }
    50%{
        transform: translate(-50%,-10px);
    }
    100%{
        transform: translate(-50%,0);
    }
}

/* about */
.i-about{position: relative;display: flex;background: url(/static/img/i-about-bg.jpg) center/cover no-repeat;}
.i-about-content{position: relative;height: 100vh;overflow: hidden;}
.i-about-main{position: relative;left: 0;top: 50%;transform: translateY(-50%);width: 50%;box-sizing: border-box;}
.i-about-shares{margin: 98px 0 36px;color: #333;font-size: 18px;line-height: 1em;}
.i-about-shares span{display: inline-block;width: 13px;height: 13px;margin-right: 15px;border-radius: 50%;background: #d41a1f;}
.i-about-msg p{margin-bottom: 16px;color: #555;font-size: 16px;line-height: 30px;text-align: justify;}
.i-about-msg p:last-child{margin-bottom: 0;}
.i-about-number{display: flex;margin: 60px 0;}
.i-about-number li{margin-right: 13.75%;}
.i-about-number li:last-child{margin-right: 0;}
.i-about-number p{margin-bottom: 21px;color: #555;font-size: 14px;line-height: 1em;}
.i-about-number p:last-child{margin-bottom: 0;
}
.i-about-number p span,.i-about-number p i{color: #d41a1f;font-size: 40px;font-style: normal;line-height: 1em;}
.i-about-more{position: relative;display: block;width: 150px;height: 45px;border-radius: 20px;border: 1px solid #c8c8c8;box-sizing: border-box;color: #666;font-size: 14px;line-height: 43px;text-align: center;overflow: hidden;transition: all .5s;}
.i-about-more span{position: relative;z-index: 1;}
.i-about-more::after{display: block;position: absolute;left: -130%;bottom: 0;content: "";width: 120%;height: 150%;background: #d41a1f;transform: skew(-20deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.i-about-more:hover::after{left: 0;}
.i-about-more:hover{border-color: transparent;color: #fff;}
.i-about-video{position: absolute;right: 0;width: 43.13%;height: 100%;overflow: hidden;}
.i-about-video .i-about-post{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all 5s;}
.i-about-videomask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 2;transition: all .5s;}
.i-about-video .videoplay{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;cursor: pointer;z-index: 3;opacity: 0;transition: all .5s;}
.i-about-video .videoplay img{position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);width: 30px;transition: all .5s;}
.video-cycle{position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);width: 87px;height: 87px;border-radius: 50%;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
.i-about-video.on .i-about-videomask{animation: aboutopen 1s linear 1 forwards;}
.i-about-video.on .videoplay{animation: aboutdiplay .5s linear .75s 1 forwards;}
.i-about-video.on .videoplay img{animation: aboutdown .5s linear .75s 1 forwards;}
.i-about-video.on .video-cycle{animation: aboutRight .5s linear .75s 1 forwards;}

/* about-寮瑰嚭瑙嗛 */
#modalBG {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100000;background-color: #233036;opacity: 0;transition: opacity 0.5s linear;}
#modalImg {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100002;overflow: hidden;}
#modalImgBG {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;}
#modalImgLoader {position: fixed;top: 50%;left: 50%;display: none;width: 32px;height: 32px;margin: -16px 0 0 -16px;}
#modalText {position: absolute;left: 0;bottom: -70px;height: 70px;padding: 15px 0;transform: translate3d(0, -45px, 0);box-sizing: border-box;text-align: center;font-family: "Helvetica";font-size: 18px;line-height: 30px;color: #fff;}
#modalClose {position: absolute;right: -2px;top: -40px;transform: translate3d(0, 45px, 0);}
#modalClose a {right: 0;top: 0;display: block;width: 28px;height: 28px;text-indent: -9999px;overflow: hidden;opacity: .7;transform: rotate(45deg);transition: opacity 0.3s linear, transform 0.3s ease-in-out;}
#modalClose a:before {position: absolute;top: 13px;left: 0px;display: block;width: 28px;height: 2px;background-color: #fff;content: "";}
#modalClose a:after {position: absolute;top: 0px;left: 13px;display: block;width: 2px;height: 28px;background-color: #fff;content: "";}
html:not(.sp) #modalClose a:hover {opacity: 1;transform: rotate(135deg);}
.bimg{display: none;}

@keyframes aboutopen {
    from{transform: translateX(20%);}
    to{transform: translateX(100%);}
}
@keyframes aboutdiplay {
    0%{opacity: 0;}
    10%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes aboutdown {
    from{
        top: -87px;
        transform: translate(-50%,50%)
    }
    to{
        top: 50%;
        transform: translate(-50%,-50%)
    }
}
@keyframes aboutRight {
    from{
        left: -87px;
        transform: translate(50%,-50%)
    }
    to{
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

/* product */
.i-product{position: relative;}
.i-product-main{width: 100vw;height: 100%;overflow: hidden;}
.i-product-bg{width: 100%;height: 100%;overflow: hidden;}
.i-product-bg img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s;}
.i-product-item.on .i-product-bg img{animation: smaller 3s forwards;}
@keyframes smaller {
    0%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
.i-product-content{position: absolute;left: 50%;top: 0;transform: translateX(-50%);height: 100%;box-sizing: border-box;padding-top: 6.927%;z-index: 1;}

.i-product-type{margin: 158px 0 34px;color: #fff;font-size: 40px;line-height: 1em;}
.i-product-msg{width: 32.73%;color: #fff;font-size: 16px;line-height: 2em;text-align: justify;}
.i-product-more{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border: 1px solid #fff;box-sizing: border-box;border-radius: 50%;margin-top: 46px;transition: all .5s;}
.i-product-more span{color: #fff;font-size: 16px;line-height: 1em;}
.i-product-more:hover{border-radius: 50%;border-color: #d41a1f;background: #d41a1f;}
.i-product-menu{position: absolute;left: 0;bottom: 0;display: flex;width: 100%;height: 184px;border-top: 1px solid rgba(255,255,255,0.25);z-index: 2;}
.i-product-menu li{position: relative;width: 33.33%;height: 100%;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.25);background: rgba(0, 0, 0, .2);}
.i-product-menu li:last-child{border-right: none;}
.i-product-menuitem{position: relative;display: flex;justify-content: space-between;width: 100%;height: 100%;box-sizing: border-box;overflow: hidden;transition: all .5s;z-index: 2;}
.i-product-menuname{position: relative;display: flex;flex-flow: column;justify-content: center;margin-left: 68px;z-index: 2;}
.i-product-menuname p.cn{margin-bottom: 8px;color: #fff;font-size: 28px;line-height: 1em;text-align: center;}
.i-product-menuname p.en{color: rgba(255,255,255,0.3);font-size: 14px;line-height: 1em;text-align: center;}
.i-product-logo{position: absolute;top: 0;right: 0;width: auto;height: 100%;}
.i-product-logoicon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 51px;z-index: 4;}
.i-product-iconbg{width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0;transition: all .5s;z-index: 3;}
.i-product-move{position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding: 10px 13px;z-index: 2;}
.i-product-lines{position: relative;width: 100%;height: 100%;overflow: hidden;}
.i-product-line{display: none;position: absolute;background: #fff;transition: all .5s;z-index: 5;}
.i-product-bt{top: 0;width: 100%;height: 1px;}
.i-product-br{right: 0;width: 1px;height:100%;}
.i-product-bb{bottom: 0;width: 100%;height: 1px;}
.i-product-bl{left: 0;width: 1px;height: 100%;}
.i-product-menu li.on,.i-product-menu li:hover{background: #d41a1f;}
.i-product-menu li.on .i-product-iconbg,.i-product-menu li:hover .i-product-iconbg{opacity: 1;}
.i-product-menu li.on .i-product-line,.i-product-menu li:hover .i-product-line{display: block;}
.i-product-menu li.on .i-product-bt,.i-product-menu li:hover .i-product-bt{animation: toRight 5s forwards;}
.i-product-menu li.on .i-product-br,.i-product-menu li:hover .i-product-br{animation: toBottom 5s forwards;}
.i-product-menu li.on .i-product-bb,.i-product-menu li:hover .i-product-bb{animation: toLeft 5s forwards;}
.i-product-menu li.on .i-product-bl,.i-product-menu li:hover .i-product-bl{animation: toTop 5s forwards;}
@keyframes toRight {
    from{left: -100%;}to{left: 0;}
}
@keyframes toBottom {
    from {top:-100%;}to {top:0; }
}
@keyframes toLeft {
    from{right: -100%;}to{right: 0;}
}
@keyframes toTop {
    from {bottom:-100%;}to {bottom:0; }
}

/* culture */
.i-culture{position: relative;}
.i-culture-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;opacity: .4;}
#particles-js{opacity: 1;}
.i-culture-main{position: relative;top: 50%;transform: translateY(-50%);z-index: 1;}
.i-culture-content{width: 1440px;margin: 75px auto 0;padding: 5px 5px 0;overflow: hidden;}
.i-culture-content.mobile{display: none;}
.i-culture-content ul{display: flex;justify-content: space-between;}
.i-culture-content li{position: relative;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 424px;}
.i-culture-item{position: relative;display: flex;justify-content: center;align-items: center;width: 424px;height: 424px;}
.i-culture-cycle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid rgba(214,0,15,.15);box-sizing: border-box;transition: all 2s;}
.i-culture-cyclepoint{content: "";position: absolute;width: 9px;height: 9px;border-radius: 50%;background: #d41a1f;}
.i-culture-content li:nth-child(n) .i-culture-cyclepoint{top: 0;bottom: auto;left: 50%;right: auto;transform: translate(-50%,-50%);}
.i-culture-content li:nth-child(2n) .i-culture-cyclepoint{top: auto;bottom: 0;left: 50%;right: auto;transform: translate(-50%,50%);}
.i-culture-content li:nth-child(3n) .i-culture-cyclepoint{top: 50%;;bottom: auto;left: auto;right: 0;transform: translate(50%,-50%);}
.i-culture-content li a{position: relative;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 85.37%;height: 85.37%;border-radius: 50%;border: 1px solid #d41a1f;box-sizing: border-box;transition: all .5s;z-index: 1;}
.i-culture-icon{margin-bottom: 48px;}
.i-culture-icon span{color: #333;font-size: 61px;line-height: 1em;}
.i-culture-icon span img{display: block;}
.i-culture-icon span img.hover{display: none;}
.i-culture-content li a p{color: #333;font-size: 35px;line-height: 1em;text-align: center;transition: all .5s;}
.i-culture-more{position: absolute;left: 50%;bottom: 16.62%;transform: translateX(-50%);opacity: 0;transition: all .5s;}
.i-culture-more span{color: #333;font-size: 26px;line-height: 1em;}
.i-culture-info{width: 100%;margin-top: 2em;color: #555;font-size: 18px;line-height: 1.5em;text-align: center;transition: all .5s;}
.i-culture-content li:hover a{background: #d41a1f;}
.i-culture-content li:hover .i-culture-cycle{transform: rotate(360deg);}
.i-culture-content li:hover .i-culture-icon span,.i-culture-content li:hover .i-culture-more span{color: #fff;}
.i-culture-content li:hover .i-culture-icon span img.hover{display: block;}
.i-culture-content li:hover .i-culture-icon span img.leave{display: none;}
.i-culture-content li:hover .i-culture-more{opacity: 1;}
.i-culture-content li:hover a p{color: #fff;padding-bottom: 52px;}
.i-culture-content li:hover .i-culture-info{color: #d41a1f;}
.i-culture-page.swiper-pagination{display: none !important;bottom: 0 !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: #d41a1f !important;outline: none;}

/* i-news */
.i-news{height: 100vh;background: #eee url(/static/img/i-news-bg.jpg) bottom center no-repeat;}
.i-news-main{position: relative;top: 50%;transform: translateY(-50%);}
.i-news-name{display: flex;justify-content: space-between;margin-bottom: 40px;}
.i-news-more{display: flex;justify-content: flex-end;align-items: flex-end;}
.i-news-more .hover{display: none;}
.i-news-more a{margin-left: 11px;color: #999;font-size: 16px;line-height: 1em;transition: all .5s;}
.i-news-more:hover a{color: #d41a1f;}
.i-news-more:hover .hover{display: block;}
.i-news-more:hover .leave{display: none;}
.i-news-content{display: flex;flex-wrap: wrap;}
.i-news-latest{width: 50%;position: relative;}
.i-news-latest .i-news-bg{position: absolute;top: 0;left: 0;transform: translateX(30%);width: 100%;height: 100%;background: #fff;z-index: 2;transition: all 1.2s;}
.i-news-latest.on .i-news-bg{transform: translateX(100%);}
.i-news-latest a{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
/* .i-news-latest a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0;transform: translateX(-50%);transition: all 1s;} */
.i-news-latest a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0;transition: all .5s;}
.i-news-latest .swiper-slide-active a img{opacity: 1;}
.i-news-list{width: 50%;padding: 79px 14.0625% 79px 4.75%;box-sizing: border-box;background: #fff url(/static/img/newlist.png) bottom center/contain no-repeat;}
.i-news-item{padding-bottom: 64px;}
.i-news-item:last-child{padding-bottom: 0;}
.i-news-item a{position: relative;display: block;}
.i-news-date{color: #999;font-size: 14px;line-height: 1em;}
.i-news-title{margin-top: 19px;color: #000;font-size: 20px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.i-news-msg{display: none;height: 44px;margin: 15px 0 -4px;color: #999;font-size: 14px;line-height: 22px;overflow:hidden;}
.i-news-link{position: absolute;top: 50%;right: -92px;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #d41a1f;opacity: 0;transition: all .5s;}
.i-news-link span{color: #fff;font-size: 16px;line-height: 1em;}
.i-news-item:hover .i-news-title,.i-news-item.on .i-news-title{color: #d41a1f;}
.i-news-item:hover .i-news-msg,.i-news-item.on .i-news-msg{display: block;}
.i-news-item:hover .i-news-link,.i-news-item.on .i-news-link{opacity: 1;}
/* .i-news-latest.on a img{opacity: 1;transform: translateX(0);} */

/* footer */
.footer{position: relative;padding-top: 44px;background: url(/static/img/footer-bg.jpg);}
.footer-logo{display: flex;align-items: center;justify-content: space-between;padding-bottom: 32px;}
.footer-logo>a{height: 60px;}
.footer-logo>a img{height: 100%;}
.footer-share{display: flex;align-items: center;}
.footer-share .wechat{position: relative;display: flex;justify-content: center;align-items: center;justify-content: center;align-items: center;width: 46px;height: 46px;border-radius: 50%;border: 1px solid #fff;}
.footer-share .wechat-box{display: none;position: absolute;left: -150px;top: 50%;transform: translateY(-50%);box-shadow: 0 0 5px rgb(0 0 0 / 50%);padding: 3px;border-radius: 5px;background: #fff;z-index: 5;}
.footer-share .wechat-box::after{content: '';position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 0;height: 0;border: 5px solid #fff;border-color: transparent transparent transparent #fff;}
.footer-share .wechat-box img{width: 130px;}
.footer-share a:last-child{margin-left: 16px;}
.footer-share span{color: #fff;font-size: 26px;line-height: 1em;}
.footer-share .wechat:hover .wechat-box{display: block;}
.footer-nav{display: flex;justify-content: space-between;padding: 52px 0 90px;border-top: 1px solid rgba(255,255,255,.06);}
.footer-nav-typename{color: #fff;font-size: 20px;line-height: 1em;}
.footer-nav ul{margin-top: 30px;}
.footer-nav li{margin-bottom: 12px;}
.footer-nav ul li:last-child{margin-bottom: 0;}
.footer-nav li a{color: #8d8d8d;font-size: 14px;line-height: 1.2em;}
/* .footer-nav li:hover a{} */
.footer-nav li a span{display: inline-block;padding-bottom: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line1.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;}
.footer-nav li:hover a span{color: #d41a1f;animation: none;background-position: left bottom;background-size: 100% 1px;}
.footer-contact{margin-bottom: 10px;}
.footer-contact a{color: #8d8d8d;font-size: 14px;line-height: 1.5em;}
.footer-contact span{transition: all .5s;}
.footer-contact span:hover{color: #d41a1f;}
.footer-bottom{display: flex;justify-content: space-between;align-items: center;padding: 16px 0;border-top: 1px solid rgba(255,255,255,.06);}
.footer-link{display: flex;align-items: center;}
.footer-link p,.footer-link a{color: #8d8d8d;font-size: 14px;line-height: 1em;transition: all .5s;}
.footer-link a:hover{color: #d41a1f;}
.totop{position: fixed;bottom: 46px;right: 59px;transition: all .5s;cursor: pointer;z-index:100;}
.totop:hover {animation: footerToTop 1s infinite;}
@keyframes footerToTop {
    0%{transform: translateY(0%);}
    50%{transform: translateY(-25%);}
    100%{transform: translateY(0);}
}

/* 鍐呴〉banner */
.inner-banner{position: relative;}
.inner-pic{position: relative;display: flex;justify-content: center;align-items: center;flex-flow: column;width: 100%;height: 650px;color: #fff;font-size: 50px;text-align: center;}
.inner-pic p{color: #fff;font-size: 50px;text-align: center;}
.inner-pic p.cn{font-size: 45px;line-height: 1em;margin-bottom: 5px;}
.inner-pic p.en{font-size: 30px;line-height: 1em;}
/* .inner-typename{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} */
.inner-nav{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0, 0, 0, .5);}
.inner-nav.fixed{position: fixed;bottom: auto;top: 0;z-index: 1000;}
.inner-nav-mobile{display: none;}
.inner-nav-content{display: flex;justify-content: space-between;height: 70px;}
.inner-nav-content li{position: relative;width: 100%;transition: all .5s;}
.inner-nav-content li a:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 1px;height: 14px;background: #626665;}
.inner-nav-content li::after{content: '';position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left center;width: 100%;height: 100%;background: #d41a1f;transition: all .5s;}
.inner-nav-content li:last-child a::after{content: '';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 1px;height: 14px;background: #626665;}
.inner-nav-content li a{position: relative;display: block;color: #fff;font-size: 16px;line-height: 70px;text-align: center;z-index: 1;transition: all .5s;}
.inner-nav-content li:hover:after{transform: scaleX(1);}

/* about */
.about{}
.about-intro,.about-padding{padding-top: 132px;background: #fff;}
.about-intro-box{position: relative;border-bottom: 1px solid #e5e5e5;}
.about-intro-main{padding-bottom: 56px;}
.about-intro-title{margin-top: 43px;color: #d41a1f;font-size: 16px;line-height: 2em;}
.about-intro-info{color: #555;font-size: 16px;line-height: 2em;}
.about-intro-num{position: absolute;right: 0;top: 0;}
.about-intro-num ul{display: flex;}
.about-intro-num li{margin-right: 80px;}
.about-intro-num li:last-child{margin-right: 0;}
.about-intro-num li .about-intro-value{color: #ffc815;font-size: 50px;font-weight: bold;line-height: 1em;text-align: center;}
#area .about-intro-value{background: url(/static/img/num-bg1.png) repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:fn 8s linear infinite;}
#coal .about-intro-value{background: url(/static/img/num-bg2.png) repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:fn 8s linear infinite;}
#co2 .about-intro-value{background: url(/static/img/num-bg3.png) repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:fn 8s linear infinite;}
.ie .about-intro-num li .about-intro-value{background: none !important;animation: none !important;}
.about-intro-unit{margin-top: 14px;color: #555;font-size: 16px;line-height: 2em;text-align: center;}
.about-intro-unit p{text-align: center;}
.about-intro-bg{position: absolute;bottom: 0;right: -26px;}
.about-intro-content{padding: 58px 0 102px;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.about-intro-content p{margin-bottom: 1.5em;}
.about-intro-content p:last-child{margin-bottom: 0;}
@keyframes fn{
    0%{
        background-position:0px center;
    }
    100%{
        background-position:-574px center;
    }
}
/* .about-adv{height: 950px;}
.about-adv::before {content: '';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(/static/img/about-pic.jpg) no-repeat center;background-size: cover;} */
.about-leader{position: relative;padding: 300px 0 0;background: #fff;}
.about-leader-bg{position: absolute;left: 0;top: 0;width: 100%;height: 500px;}
.about-leader-bg img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.about-leader-part{position: relative;width: 1500px;margin: 0 auto;padding: 60px 0 40px;box-sizing: border-box;background: #fff;z-index: 1;box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.com-leader-title{width: 1300px;margin: 0 auto;}
.about-leader-show{position: relative;width: 1300px;margin: 40px auto 0;}
.about-leader-main{position: relative;padding-bottom:44px;overflow: hidden;}
.about-leader-item{width: 30%;margin-right: 5%;}
.about-leader-item:last-child{margin-right: 0;}
.about-leader-pic{position: relative;width: 100%;padding-bottom: 64.1%;overflow: hidden;}
.about-leader-pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s;}
.about-leader-title{margin-top: 16px;color: #555;font-size: 16px;line-height: 30px;text-align: center;}
.about-leader-main .swiper-pagination,.mind-pic .swiper-pagination,.about-history-pic .swiper-pagination{bottom: 0;}
.about-leader-main .swiper-pagination-bullets .swiper-pagination-bullet{width: 11px;height: 11px;margin: 0 10px;background: #dcdcdc !important;opacity: 1;}
.about-leader-main .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d41a1f !important;}
.about-leader-item:hover .about-leader-pic img{transform: scale(1.1);}

.about-page{position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;box-sizing: border-box;border-radius: 50%;border: 2px solid rgba(0, 0, 0, .2);background: transparent;cursor: pointer;z-index: 1;opacity:1;transition: all .5s;outline: none;}
.about-prev{left: -55px;}
.about-next{right: -55px;}
.about-page span{color: #c8c8c8;font-size: 18px;line-height: 1em;text-align: center;transition: all .5s;}
.about-page:hover{background: #d41a1f;border-color: transparent;}
.about-page:hover span{color: #fff;}



.about-history{padding: 120px 0;background: #fff;}
.about-history-time{position: relative;margin-top: 86px;padding-top: 8px;}
.about-history-time li{width: 62px;cursor: pointer;}
.about-history-time .cycle{display: flex;justify-content: center;align-items: center;width: 19px;height: 19px;box-sizing: border-box;border-radius: 50%;border: 1px solid transparent;margin: 0 auto;transition: all .5s;}
.about-history-time .point{width: 9px;height: 9px;border-radius: 50%;background: #dcdcdc;transition: all .5s;}

.about-history-year{margin-top: 13px;color: #999;font-size: 18px;line-height: 1em;text-align: center;transition: all .5s;}
.about-history-time li.on .cycle,.about-history-time li:hover .cycle{border-color: #d41a1f;}
.about-history-time li.on .point,.about-history-time li:hover .point{background: #d41a1f;}
.about-history-time li.on .about-history-year,.about-history-time li:hover .about-history-year{color: #d41a1f;}
.about-history-line{position: absolute;left: 0;top: 17px;width: 100%;height: 1px;background: #e5e5e5;}
.about-history-line span{position: absolute;top: 50%;transform: translateY(-50%);color: #e5e5e5;font-size: 35px;line-height: 1em;cursor: pointer;transition: all .5s;z-index: 2;outline: none;}
.about-history-line span.prev{left: 0;}
.about-history-line span.next{right: 0;}
.about-history-line span:hover{color: #d41a1f;}

.about-history-photo{margin-top: 74px;}
.about-history-item{position: relative;display: flex;flex-direction: row-reverse;}
.about-history-content .about-history-bg{position: absolute;left: 60px;bottom: 44px;opacity: .04;}    
.about-history-content .about-history-bg p{color: #d41a1f;font-size: 230px;font-weight: bold;line-height: .8em;}
.about-history-content{position: relative;width: 50%;box-sizing: border-box;padding-left: 50px;z-index: 1;}
.about-history-content p{color: #555;font-size: 18px;line-height: 30px;text-align: justify;}
.about-history-pic{width: 50%;padding-bottom: 44px;}
.about-history-pic li{}
.about-history-img{position: relative;width: 100%;padding-bottom: 61.33%;overflow: hidden;}
.about-history-pic li img{position: absolute;left: 0;top: 0;;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s;}
.about-history-pic li .picmask{}
.about-history-pic li:hover img{transform: scale(1.1);}
.about-history-pic .swiper-pagination-bullets .swiper-pagination-bullet{width: 11px;height: 11px;margin: 0 10px;background: #dcdcdc !important;opacity: 1;}
.about-history-pic .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d41a1f !important;}

.about-history-text{position: relative;z-index: 1;cursor: pointer;}
.about-history-text::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line1.png) no-repeat left bottom;
    -webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    -webkit-transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 1px;}
.about-history-textname {color: #999;font-size: 14px;line-height: 1em;}
.about-history-textmsg {margin: 12px 0;color: #000;transition: all .5s;}
.about-history-text:hover .about-history-textmsg{color: #d41a1f;}
.about-history-text:hover::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
/* honor */
.honor{padding: 63px 0 37px;}
.honor-main{position: relative;display: flex;flex-wrap: wrap;margin-top: -83px;}
.honor-part{width: 21.53%;margin-top: 83px;padding-bottom: 80px;padding-right: 4.62%;border-bottom: 1px solid rgba(229,229,229,.5);}
.honor-part:nth-child(4n){padding-right: 0;}
.honor-pic{position: relative;width: 100%;height: 360px;box-sizing: border-box;border: 1px solid #dcdcdc;padding: 25px;cursor: pointer;}
.honor-pic .honor-pic-item{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.honor-pic .honor-pic-bg{position: absolute;right: -8px;bottom: 0;}
.honor-title{margin-top: 10px;color: #000;font-size: 16px;line-height: 28px;text-align: center;}
.honor-line{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fff;z-index: 1;}

/* culture */
.culture,.corporate{padding-top: 60px;}
.culture-title{position: relative;padding-left: 17px;color: #333;font-size: 32px;line-height: 1em;}
.culture-title::before{content: '';position: absolute;left: 0;bottom: 0;width: 4px;height: 27px;background: #d41a1f;}
.culture-vision{margin: 68px auto    65px;}
.culture-vision ul{display: flex;justify-content: center;}
.culture-vision li{position: relative;display: flex;flex-flow: column;justify-content: space-between;width: 262px;height: 262px;box-sizing: border-box;border: 1px solid #e5e5e5;margin-right: 84px;padding: 43px 18px 24px 24px;transition: all .5s;overflow: hidden;}
.culture-vision li:nth-child(4n){margin-right: auto;}
.culture-vision-bg{position: absolute;top: 4px;left: 8px;z-index: 1;}
.culture-vision-name{position: relative;color: #000;font-size: 22px;line-height: 1em;transition: all .5s;z-index: 2;}
.culture-vision-icon{position: absolute;right: -12px;top: 50%;transform: translateY(-50%);z-index: 2;}
.culture-vision-icon .hover{display: none;;}
.culture-vision-msg{position: relative;min-height: 48px;color: #555;font-size: 16px;line-height: 24px;transition: all .5s;z-index: 2;}
.culture-vision li:hover .culture-vision-name,.culture-vision li:hover .culture-vision-msg{color: #fff;}
.culture-vision li:hover .culture-vision-icon .leave{display: none;}
.culture-vision li:hover .culture-vision-icon .hover{display: block;}
.culture-fighter{display: flex;padding-bottom: 129px;}
.culture-fighter-pic{width: 50%;}
.culture-fighter-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.culture-fighter-main{position: relative;width: 50%;box-sizing: border-box;padding-top: 75px;padding-left: 8.23%;}
.culture-fighter-content{margin-top: 110px;}
.culture-fighter-content p{position: relative;padding-left: 25px;margin-bottom: 2em;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.culture-fighter-content p:last-child{margin-bottom: 0;}
.culture-fighter-content p::before{content: '';position: absolute;left: 0;top: 1em;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #d41a1f;}
.culture-fighter-bg{position: absolute;top: 0;right: -20.46%;opacity: .07;}
.culture-mind{position: relative;padding: 140px 0;}
.culture-mind-bg{position: absolute;left: 0;top: 0;width: 100%;height: 500px;}
.culture-mind-bg img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mind-title{display: flex;justify-content: center;}
.mind-title .culture-title{color: #fff;margin: 0 auto;}
.mind-title .culture-title::before{background: #fff;}
.mind-main{position: relative;width: 1500px;margin: 124px auto 0;padding-top: 70px;background: #fff;z-index: 1;}
.mind-part{width: 1300px;margin: 0 auto;}
.mind-main-title{position: relative;display: flex;justify-content: center;align-items: center;height: 80px;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,.07);overflow: hidden;}
.mind-main-title p{color: #d41a1f;font-size: 24px;text-align: center;}
.mind-main-titlebg{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.mind-intro{padding-top: 38px;}
.mind-intro p{margin-bottom: 1.5em;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.mind-swiper{position: relative;}
.mind-pic{padding-bottom: 44px;margin-bottom: 63px;}
.mind-pic ul{display: flex;}
.mind-pic li{width: 30%;margin-right: 5%;}
.mind-pic li:last-child{margin-right: 0;}
.mind-pic-item{position: relative;width: 100%;padding-bottom: 62.11%;}
.mind-pic-item img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mind-pic .swiper-pagination-bullets .swiper-pagination-bullet,.about-meeting-part .swiper-pagination-bullets .swiper-pagination-bullet{width: 11px;height: 11px;margin: 0 10px;background: #dcdcdc !important;opacity: 1;outline: none;}
.mind-pic .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,.about-meeting-part .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d41a1f !important;}
/* .mind-content{padding-bottom: 23px;} */
.mind-content-pic{}
.mind-content-pic img{width: 100%;}

/* 浼佷笟鏂囧寲 */
.culture-hope{margin-bottom: 130px;padding: 5px;}
.hope-item{display: flex;box-shadow: 0 0 5px rgba(0, 0, 0, .15);}
.hope-msg{position: relative;width: 500px;overflow: hidden;background: #fff;}
.hope-text{position: absolute;left: 0;top: 38.09%;padding: 0 17.6%;}
.hope-title{color: #000;font-size: 36px;line-height: 1em;}
.hope-slogan{margin-top: 50px;color: #000;font-size: 20px;line-height: 1.5em;}
.corporate-bg{position: absolute;left: -36px;bottom: -36px;}
.hope-pic{position: relative;width: 800px;height: 588px;}
.hope-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.hope-menu{position: absolute;right: 5px;top: 0;bottom: 0;display: flex;width: 800px;padding: 5px 0;z-index: 1;}
.hope-menu-item{position: relative;display: flex;justify-content: center;align-items: center;width: 25%;height: 100%;border-right: 1px solid rgba(204,204,204,.3) ;box-sizing: border-box;transition: all .5s;}
.hope-menu-item:last-child{border-right: none;}
.hope-menu-main{position: absolute;top: 38.09%;left: 50%;transform: translateX(-50%);width: 100%;}
.hope-menu-icon{display: flex;justify-content: center;align-items: center;height: 74px;padding-top: 36px;box-sizing: border-box;transition: all .5s;}
.hope-menu-item:hover .hope-menu-icon{padding-top: 0;align-items: flex-start;}

.hope-menu-icon span{color: #fff;font-size: 30px;line-height: 1em;text-align: center;}
.hope-menu-icon span.icon-qiyelinian{font-size: 35px;}
.hope-menu-main p{margin-top: 20px;color: #fff;font-size: 18px;line-height: 1em;text-align: center;}

/* duty */
.about-duty{padding-top: 106px;}
.about-meeting{padding-bottom: 110px;}
.about-meeting-main{display: flex;justify-content: space-between;margin-bottom: 53px;}
.about-meeting-content{width: 60.46%;border-top: 2px solid #d41a1f;padding-top: 71px;}
.about-meeting-title{font-size: 32px;}
.about-meeting-title .cn{margin-bottom: 18px;color: #d41a1f;line-height: 1em;}
.about-meeting-title .en{color: #333;line-height: .8em;}
.about-meeting-msg{margin-top: 50px;}
.about-meeting-msg p{color: #555;font-size: 16px;line-height: 2em;}
.meeting-swiper{position: relative;}
.about-meeting-pic{width: 32.38%;}
.about-meeting-pic img{width: 100%;}
.about-meeting-part{padding-bottom: 44px;}
.about-meeting-part .swiper-pagination{bottom: 0 !important;}
/* .about-meeting-list{display: flex;flex-wrap: wrap;align-items: center;} */
.about-meeting-list li{width: 23.53%;margin-right: 1.96%;}
.about-meeting-list li:last-child{margin-right: 0;}
.about-meeting-img{position: relative;width: 100%;padding-bottom: 66.66%;}
.about-meeting-img img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.about-duty-adv{height: 950px;padding-top: 12.18%;box-sizing: border-box;background: fixed url(/static/img/duty6.jpg) center/cover no-repeat;}
.duty-adv-main{}
.duty-adv-title{margin: 84px 0 20px;color: #fff;font-size: 35px;font-weight: bold;line-height: 1em;}
.duty-adv-msg{color: #fff;font-size: 18px;line-height: 2em;}
.about-duty-honor{display: flex;flex-wrap: wrap;padding: 104px 0 36px;}
.about-duty-honor li{position: relative;width: 29.69%;height: 250px;margin-right: 5.465%;margin-bottom: 72px;padding: 27px;box-sizing: border-box;border: 1px solid #dcdcdc;}
.about-duty-honor li:nth-child(3n){margin-right: 0;}
.about-duty-honor li .about-duty-honorpic{width: 100%;height: 100%;object-fit: contain;}
.about-duty-honorbg{position: absolute;position: absolute;right: -8px;bottom: 0;}

/* .pic-fixed{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .25);z-index: 1000;}
.pic-fixed .pic-fixed-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 900px;height: 60vh;padding: 70px 60px;background: #fff;}
.pic-fixed .pic-fixed-main{height: 100%;}
.pic-fixed .pic-fixed-main img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.pic-fixed-name{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;box-sizing: border-box;font-size: 18px;color: #000;background: rgba(0, 0, 0, .25);}
.pic-fixed-close{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #313131;cursor: pointer;}
.pic-fixed-close span{color: #fff;font-size: 20px;line-height: 1em;transition: all .5s;}
.pic-fixed-close:hover span{transform: rotate(180deg);} */

/* research */
.research{padding-top: 133px;}
.platform{margin-top: 62px;background: url(/static/img/platform-bg.jpg) bottom/cover no-repeat;}
.platform-main{padding-bottom: 85px;}
.platform-main-title{color: #d41a1f;font-size: 24px;line-height: 1em;}
.platform-content{display: flex;margin: 26px 0 70px;}
.platform-point{width: 31.84%;}
.platform-point p{position: relative;padding:0 30px;box-sizing: border-box;color: #777;font-size: 18px;line-height: 40px;}
.platform-point p::before{content: '';position: absolute;left: 0;top: 20px;transform: translateY(-50%);width: 9px;height: 9px;border-radius: 50%;background: #0062a7;}
.platform-msg{width: 68.16%;}
.platform-msg p{color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.research-honor{padding-top: 82px;border-top: 1px solid rgba(0,0,0,.07);}
.research-honor-list{display: flex;flex-wrap: wrap;}
.research-honor-item{position: relative;width: 23.46%;margin-right: 2.05%;margin-bottom: 30px;}
.research-honor-item:nth-child(4n){margin-right: 0;}
.research-honor-pic{position: relative;width: 100%;padding-bottom: 68.52%;}
.research-honor-pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.research-honor-title{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;min-height: 78px;padding: 5px;box-sizing: border-box;box-shadow: 0 6px 35px rgb(0 0 0 / 10%);background: #fff;}
.research-honor-title p{color: #555;font-size: 16px;line-height: 1.5em;text-align: center;transition: all .5s;}
.research-honor-item .research-honor-title::after{content: '';position: absolute;bottom: 0;left: 0;transform: scaleX(0);transform-origin: 0 50%;width: 100%;height: 5px;background: #d41a1f;transition: all .5s;}
.research-honor-item:hover .research-honor-title p{color: #d41a1f;}
.research-honor-item:hover .research-honor-title::after{transform: scaleX(1);}

/* achievement */
.achievement{background: url(/static/img/achievement-bg.jpg) bottom/cover no-repeat;}
.achievement-main{padding-bottom: 121px;}
.achievement-slogan{display: flex;padding: 60px 0 58px;border-bottom: 1px solid rgba(0,0,0,.07);}
.achievement-slogan-title{width: 42.93%;color: #d41a1f;font-size: 32px;line-height: 1em;}
.achievement-slogan-msg{width: 57.07%;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.achievement-awards-pic{margin-top: 66px;}
.achievement-awards-pic img{width: 100%;}
.achievement-awards-content{position: relative;padding: 66px 0 72px;overflow: hidden;}
.achievement-awards-bg{position: absolute;left: 50%;top: 0;transform: translate(-50%,-39.9%);width: 100%;}
.achievement-awards-bg img{width: 100%;}
.achievement-content{position: relative;display: flex;z-index: 1;}
.achievement-content-icon{display: flex;justify-content: center;align-items: center;width: 193px;height: 55px;border-radius: 27px;background: #d41a1f;}
.achievement-content-icon p{color: #fff;font-size: 24px;text-align: center;}
.achievement-content-msg{width: calc(100% - 193px);padding-left: 5.8%;box-sizing: border-box;margin-top: -8px;}
.achievement-content-msg p{color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.achievement .research-honor-item{width: 30.23%;margin-right: 4.655%;margin-bottom: 68px;}
.achievement .research-honor-item:nth-child(4n){margin-right: 4.655%;}
.achievement .research-honor-item:nth-child(3n){margin-right: 0;}

/* tech */
.tech{padding: 83px 0 136px;}
.tech-main{border-top: 2px solid #d41a1f;}
.tech-item{display: flex;flex-wrap: wrap;padding: 66px 0 68px;border-bottom: 1px solid rgba(0,0,0,.1);}
.tech-item:last-child{padding-bottom: 0;border-bottom: none;}
.tech-item-l{width: 33.3%;}
.tech-item-r{width: 66.7%;}
.tech-item-title p{position: relative;padding-left: 27px;color: #d41a1f;font-size: 24px;line-height: 1em;}
.tech-item-title p::before{content: '';position: absolute;left: 0;top: .5em;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #0062a7;}
.tech-item-msg{margin-bottom: 47px;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.tech-item-num{display: flex;align-items: center;justify-content: flex-start;}
.tech-item-pic img{max-width: 100%;height: auto;}

/* system */
.system-bg{background: #fff;padding:133px 0 70px;}
.system-content{margin: 44px auto 0;}
.system-content p{margin-bottom: 1em;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.system-slogan{display: flex;justify-content: center;align-items: center;height: 600px;}
.system-slogan::before{content: '';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(/static/img/system.jpg) no-repeat center/cover;}
.system-slogan-content{padding: 0 10px;}    
.system-slogan-title{margin-bottom: 55px;color: #fff;font-size: 32px;line-height: 1em;text-align: center;}
.system-slogan-msg{color: #fff;font-size: 20px;line-height: 32px;text-align: center;}
.system-book{padding: 20px 0 32px;background: #fff;}
.system-book-part{padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,.1);}
.system-book-part:last-child{border-bottom: none;}
.system-book-title{margin:77px 0 38px;}
.system-book-title .cn{margin-bottom: 10px;color: #000;font-size: 32px;line-height: 1em;}
.system-book-title .en{color: #999;font-size: 14px;line-height: .8em;}
.system-book-group{display: flex;flex-wrap: wrap;}
.system-book-item{width: 15.69%;margin-right: 5.3875%;margin-bottom: 62px;}
.system-book-item:nth-child(5n){margin-right: 0;}
.system-book-pic{position: relative;width: 100%;height: 284px;box-sizing: border-box;border: 1px solid #e5e5e5;padding: 12px;}
.system-book-pic .system-book-photo{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.system-book-pic .system-book-bg{position: absolute;right: -25px;bottom: 0;}
.system-book-name{margin-top: 16px;color: #555;font-size: 16px;line-height: 2em;text-align: center;}

/* patent */
.patent{}
.patent-content{position: relative;padding: 64px 0 42px;color: #d41a1f;font-size: 32px;line-height: 48px;border-bottom: 1px solid rgba(0,0,0,.1);}
.patent-content p{}
.patent-content .patenticon{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.patent-book{padding: 54px 0 0;}

/* news */
.news{padding: 117px 0 120px;}
.news-list{display: flex;flex-wrap: wrap;margin: 60px 0 -55px;}
.news-item{position: relative;display: block;width: 30.769%;margin-right: 3.8465%;margin-bottom: 55px;box-shadow: 0 0 15px rgba(0, 0, 0, .2);}
.news-item::after{content: '';position: absolute;left: 0;bottom: 0;transform: scaleX(0);transform-origin: 0 50%;width: 100%;height: 5px;background: #d41a1f;transition: all .5s;}
.news-item:nth-child(3n){margin-right: 0;}
.news-item-pic{position: relative;width: 100%;padding-bottom: 62.5%;}
.news-item-content{width: 100%;box-sizing: border-box;padding: 22px;}
.news-item-time{color: #d41a1f;font-size: 14px;line-height: 1em;}
.news-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:15px 0 10px;color: #000;font-size: 16px;line-height: 27px;transition: all .5s;}
.news-item-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color: #666;font-size: 14px;line-height: 27px;text-align: justify;}
.news-item:hover:after{transform: scaleX(1);}
.news-item:hover .news-item-title{color: #d41a1f;}
.news-main .com-type-item{width: 10%;}
.news-main .com-list{margin-top: 0;}

/* 璇︽儏椤 */
.article{padding: 132px 0 124px;background: #f5f5f5;}
.article-main{box-sizing: border-box;padding: 32px 42px;background: #fff;}
.article-top{display: flex;align-items: center;justify-content: space-between;}
.article-time{color: #666;font-size: 14px;line-height: 1em;}
.article-share{display: flex;align-items: center;}
.article-share a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px !important;margin-left: 12px;border-radius: 50%;background: #ccc;transition: all .5s;}
.article-share a span{color: #fff;font-size: 26px;line-height: 1em;}
.article-share a:not(:first-child):hover{background: #d41a1f;}
.article-title{padding: 25px 0 7px;border-bottom: 2px solid #d41a1f;}
.article-title p{color: #000;font-size: 28px;line-height: 1.5em;}
.article-content{margin: 43px 0 102px;color: #666;font-size: 16px;line-height: 28px;}
.article-content p{margin-bottom: 1.5em;color: #666;font-size: 16px;line-height: 2em;text-align: justify;}
.article-content a{color: #666;font-size: 16px;line-height: 28px;transition: all .5s;}
.article-content a:hover{color: #d41a1f;}
.article-content img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.article-page {display: flex;justify-content: space-between;padding-top: 38px;border-top: 1px solid #e5e5e5;}
.article-page a{color: #666;font-size: 16px;line-height: 1em;transition: all .5s;}
.article-page a p{text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.article-page-item{display: flex;align-items: center;width: 45%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.article-page-item.prev{justify-content: flex-start;}
.article-page-item.next{justify-content: flex-end;}
.article-page-back{display: flex;flex-flow: column;align-items: center;width: 6%;text-align: center;}
.article-page-back img{margin-bottom: 12px;}
.article-page a:hover p{color: #d41a1f;}
/* 瀹ｄ紶鐗 */
.news-video{margin-top: 67px;}
.news-video .news-video-main{position: relative;width: 100%;padding-bottom: 53.38%;}
.news-video .news-video-main video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-player{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;width: 110px;height: 110px;cursor: pointer;}
.news-player-cycle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;box-sizing: border-box;border-radius: 50%;border: 2px solid #fff;}
.news-player img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40px;}
.news-player.off{display: none;}
.news-video-list{display: flex;flex-wrap: wrap;padding-top: 27px;}
.news-video-list li{width: 32%;margin-right: 2%;cursor: pointer;}
.news-video-list li:nth-child(3n){margin-right: 0;}
.news-video-list li .news-video-pic{position: relative;width: 100%;padding-bottom: 53.85%;box-sizing: border-box;border: 2px solid transparent;transition: all .5s;}
.news-video-list li img{position: absolute;left: 0;top: 0;;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news-video-list li .news-video-name{margin: 10px 0 30px;color: #555;font-size: 16px;line-height: 1.2em;transition: all .5s;}
.news-video-list li:hover .news-video-pic{border-color: #d41a1f;}
.news-video-list li:hover .news-video-name{color: #d41a1f;}
.news-video-list .swiper-scrollbar{left: 50%;bottom: 12px;transform: translateX(-50%);width: 1300px;height: 1px;background: #e6e6e6;}
.news-video-list .swiper-scrollbar-drag{top: -12px;height: 24px;background:#fff url(/static/img/drag.png) center no-repeat;}

.fixed-video{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 1000;}
.fixed-video-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;padding: 70px 75px 60px;background: #fff;}
.fixed-video-box video{display: block;width: 100%;height: 100%;}
/* investment */
.investment{padding: 134px 0 130px;}
.com-list{width: 100%;margin-top: 64px;}
.com-list-item{display: flex;padding: 52px 0 58px;border-bottom: 1px solid #e5e5e5;background: #fff;transition: all .5s;}
.com-list-item:first-child{border-top: 1px solid #e5e5e5;}
.com-list-time{position: relative;display: inline-block;width: 188px;box-sizing: border-box;padding-left: 50px;z-index: 1;}
.com-list-num{display: inline-block;color: #999;transition: all .5s;}
.com-list-time .date{font-size: 60px;font-weight: bold;line-height: .8em;text-align: center;}
.com-list-time .year{font-size: 14px;line-height: .8em;text-align: center;}
.com-list-time .line{width:100%;height: 1px;margin: 8px 0;background: #999;transition: all .5s;}
.com-list-content{position: relative;width: calc(100% - 188px);padding-right: 20px;box-sizing: border-box;z-index: 1;}
.com-list-content .com-list-title{margin-bottom: 27px;color: #000;font-size: 28px;line-height: 1em;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.com-list-content .com-list-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;;color: #666;font-size: 16px;line-height: 28px;text-align: justify;transition: all .5s;}
/* .com-list-item:hover{background: #d41a1f;} */
.com-list-item:hover .com-list-num,.com-list-item:hover .com-list-title,.com-list-item:hover .com-list-msg{color: #fff;}
.com-list-item:hover .com-list-time .line{background: #fff;}

/* industrial */
/* .industrial{margin-top: 120px;} */
.com-type{display: flex;flex-wrap: wrap;padding: 50px 0 20px;}
.com-type-item{display: block;width: 13.84%;height: 55px;border-radius: 27px;margin-right: 3.2816%;margin-bottom: 43px;color: #555;font-size: 16px;text-align: center;line-height: 55px;background: #eeeeee;transition: all.5s;}
.com-type-item:nth-child(6n){margin-right: 0;}
.com-type-item:hover{color: #fff;}
.com-type-item.on{color: #fff;background: #d41a1f;}

.com-nav-mobile{display: none;}

/* 鏂拌澶 */
.industrial-main{position: relative;padding-top: 120px;}
.industrial-main .equipment-typename{position: relative;z-index: 2;}
.industrial-bg{position: absolute;left: 0;top: 0;width: 100%;height: 200px;opacity: .5;}
.equipment-text{display: flex;border-top: 1px solid rgba(0,0,0,.1);padding: 66px 0 116px;}
.equipment-text .equipment-title{width: 28.46%;padding-right: 60px;box-sizing: border-box;color: #d41a1f;font-size: 32px;line-height: 1.5em;}
.equipment-text .equipment-title p{position: relative;margin-top: -0.25em;}
.equipment-text .equipment-title p::after{content: '';position: absolute;bottom: -20px;left: 0;width: 100%;height: 2px;background: #d41a1f;}
.equipment-text .equipment-msg{width: 71.54%;margin-top: -0.5em;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.equipment-text .equipment-msg img{max-width: 100%;height: auto;}
.equipment-photo{}
.equipment-photo .equipment-parttitle{color: #000;font-size: 32px;line-height: 1em;text-align: center;}
.equipment-anli{position: relative;margin-top: 57px;}
.equipment-anli.mobile{display: none;}
.equipment-swiper{position: relative;padding-bottom:120px;}
.equipment-item{position: relative;width: 48.46%;height: auto;margin-right: 3.08%;}
.equipment-item:last-child{margin-right: 0;}
.equipment-pic{position: relative;display: block;height: auto;padding-bottom: 57.14%;box-sizing: border-box;}
.equipment-item img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.equipment-item .equipment-info{position: relative;display: flex;align-items: center;width: 100%;min-height: 80px;padding: 10px 0;box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, .2);background: #fff;opacity: 1;transition: all .5s;}
.equipment-item .equipment-info::after{content: '';position: absolute;left: 0;bottom: 0;transform: scaleX(1);transform-origin: left center;width: 100%;height: 2px;background: #d41a1f;transition: all .5s;}
/* .equipment-item .equipment-num{width: 228px;color: #000;font-size: 120px;font-weight: bold;line-height: 1em;text-align: center;opacity: .2;} */
.equipment-item .equipment-intro{padding: 0 20px;}
.equipment-intro-title{margin-bottom: 5px;color: #d41a1f;font-size: 22px;line-height: 1.2em;}
.equipment-intro-msg{color: #555;font-size: 16px;line-height:1.5em;}
.equipment-btn{position: absolute;top: 325px;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, .5);border-radius: 50%;color: #c8c8c8;font-size: 18px;line-height: 1em;text-align: center;background: transparent;outline: none;;cursor: pointer;transition: all .5s;z-index: 2;}
.equipment-left{left:-70px;}
.equipment-right{right: -70px;}
.equipment-left:hover, .equipment-right:hover{background: #d41a1f;color: #fff;border-color: transparent;}
.equipment-item.swiper-slide-active  .equipment-info{opacity: 1;}
.equipment-item.swiper-slide-active .equipment-info::after{transform: scaleX(1);}
.equipment-swiper .swiper-pagination{display: none;bottom: 0;}

/* 妗堜緥灞曠ず璇︽儏椤 */
.plan-main{position: relative;padding: 120px 0;}
.plan-top{position: relative;display: flex;justify-content: space-between;align-items: center;padding-bottom: 35px;border-bottom: 1px solid rgba(0,0,0,.1);z-index: 1;}
.plan-title{width: 100%;box-sizing: border-box;padding-right: 20px;color: #d41a1f;font-size: 32px;line-height: 1.2em;}
.plan-back{display: flex;justify-content: center;align-items: center;width: 150px;height: 45px;border-radius: 22px;background: #eee;transition: all .5s;}
.plan-back p{margin-right: 18px;color: #555;font-size: 16px;transition: all .5s;}
.plan-back span{color: #555;font-size: 16px;transition: all .5s;}
/* .plan-back:hover{background: #d41a1f;} */
.plan-back:hover p,.plan-back:hover span{color: #fff;}
.plan-content{padding-top: 48px;}
.plan-content p{margin-bottom: 1em;color: #555;font-size: 16px;line-height: 2em;text-align: justify;}
.plan-content img{max-width: 100%;height: auto;}
.plan-content p:last-child{margin-bottom: 0;}

/* recruitment */
.join{}
.join-title{text-align: center;}
.develop{padding: 130px 0 88px;background: #f5f5f5;}
.develop-main{}
.develop-content{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 70px;}
.develop-item{width: 32%;}
.develop-pic{width: 100%;}
.develop-pic-box{position: relative;width: 100%;padding-bottom: 63%;overflow: hidden;}
.develop-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.develop-msg{margin-top: 28px;}
.develop-msg p{color: #666;font-size: 16px;line-height: 28px;text-align: justify;}
.recruitment{padding: 77px 0 114px;}
.recruitment-nav{display: flex;align-items: center;justify-content: center;margin: 44px 0;}
.recruitment-nav a{display: flex;justify-content: center;align-items: center;width: 150px;height: 50px;box-sizing: border-box;border-radius: 24px;border: 2px solid #c9cbca;margin: 0 49px;;color: #000;font-size: 16px;text-align: center;transition: all .5s;}
.recruitment-nav a:hover{color: #fff;border-color: #d41a1f;}
.recruitment-nav a.on{color: #fff;border-color: #d41a1f;background: #d41a1f;}
.society{}
.society li{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.society li.society-title{height: 68px;box-sizing: border-box;padding-left: 28px;padding-right: 36px;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;color: #fff;font-size: 16px;background: #d41a1f;}
.society li>p{box-sizing: border-box;padding: 0 5px;}
.society li p.position{width: 26.94%;}
.society li p.address{width: 19.17%;}
.society li p.education{width: 25.08%;}
.society li p.num{width: 23.62%;}
.society li p.more{width: 77px;}
.society-item{flex-wrap: wrap;}
.society-item-type{display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 103px;box-sizing: border-box;padding: 10px 36px 10px 28px;border-bottom: 1px solid #e6e6e6;}
.society-item-type p{padding: 0 5px;box-sizing: border-box;line-height: 1.2em;}
.society-item-type p.position{font-size: 24px;}
.society-item-type p.more{color: #d41a1f;cursor: pointer;}
.society-item-type p.more .close{display: none;}
.society-item-type.on p.more .open{display: none;}
.society-item-type.on p.more .close{display: block;}
.society-info{display: none;width: 100%;box-sizing: border-box;padding: 29px 36px 0 28px;border-bottom: 1px solid #e6e6e6;}
.society-info .society-content p{padding: 0;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.society-seniority{margin-bottom: 30px;}
.society-duty{margin-bottom: 40px;}
.recruitment-btn{display: flex;justify-content: center;align-items: center;width: 184px;height: 50px;box-sizing: border-box;border-radius: 24px;border: 2px solid #c9cbca;margin-bottom: 40px;color: #666;cursor: pointer;transition: all .5s;}
.recruitment-btn span{font-size: 24px !important;line-height: 1em;}
.recruitment-btn p{padding: 0;margin-left: 10px;color: #666;font-size: 16px!important;transition: all .5s;}
.recruitment-btn:hover,.recruitment-btn.on{border-color: #d41a1f;color: #fff;background: #d41a1f;}
.recruitment-btn:hover p,.recruitment-btn.on p{color: #fff;}
/* 鏍″洯鎷涜仒 */
.campus{display: flex;flex-wrap: wrap;margin-bottom: -45px;}
.campus-item{width: 48.69%;margin-right: 2.62%;margin-bottom: 45px;padding: 20px 24px 30px;box-sizing: border-box;border: 1px solid #e5e5e5;}
.campus-item:nth-child(2n){margin-right: 0;}
.campus-title{display: flex;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.campus-title-num{margin-right: 36px;color: #ccc;font-size: 60px;font-weight: bold;line-height: .8em;}
.campus-title-name{color: #000;font-size: 24px;line-height: 1em;}
.campus-info{padding-top: 19px;}
.campus-content{margin-bottom: 34px;}
.campus-content p{color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.campus-msg{height: 120px;padding-right: 5px;overflow-y: auto;}
.campus-item .recruitment-btn{margin-bottom: 0;}

.join-fixed{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .25);z-index: 1000;}
.join-form{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;padding: 70px 75px 60px;background: #fff;}
.join-form form{display: block;}
.join-form .join-form-input{display: block;width: 100%;height: 55px;box-sizing: border-box;border: 1px solid #dcdcdc;padding: 0 10px;margin-bottom: 18px;color: #999;font-size: 16px;outline: none;}
.join-form textarea{display: block;width: 100%;height: 110px;box-sizing: border-box;padding: 12px;border: 1px solid #dcdcdc;outline: none;resize: none;overflow-y: auto;}
.join-form-tip{margin-top: 17px;color: #333;font-size: 16px;line-height: 1em;}
.join-btn{display: flex;justify-content: space-between;align-items: center;margin-top: 35px;}
.join-btn .join-btn-item{display: block;width: 145px;height: 45px;border-radius: 22px;border: none;font-size: 16px;cursor: pointer;}
.join-btn .join-submit{color: #fff;background: #d41a1f;}
.join-btn .join-file{position: relative;display: flex;justify-content: center;align-items: center;color: #555;background: #eee;transition: all .5s;}
.join-btn .join-file:hover{color: #fff;background: #d41a1f;}
.join-input-files{position: absolute;width: 100%;height: 100%;opacity: 0;}
.join-close{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #313131;cursor: pointer;}
.join-close span{color: #fff;font-size: 20px;line-height: 1em;transition: all .5s;}
.join-close:hover span{transform: rotate(180deg);}

/* company */
.company{padding: 134px 0 116px;}
.company-main{display: flex;margin-top: 88px;}
.company-nav{width: 26%;border-right: 1px solid #e5e5e5;box-sizing: border-box;}
.company-nav .company-nav-item{position: relative;display: block;margin-bottom: 58px;}
.company-nav .company-nav-item::after{content: '';position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);width: 4px;height: 41px;background: #d41a1f;opacity: 0;transition: all .5s;}
.company-nav .company-nav-item p{width: 72.48%;color: #555;font-size: 20px;line-height: 1.5em;transition: all .5s;}
.company-nav .company-nav-item:hover::after,.company-nav a.on::after {opacity: 1;}
.company-nav .company-nav-item:hover p,.company-nav a.on p{color: #d41a1f;}
.company-box{width: 74%;padding-left: 6.86%;box-sizing: border-box;}
.company-contact{position: relative;}
.company-contact-title{margin-bottom: 8px;color: #000;font-size: 20px;line-height: 1em;}
.company-contact-ways{color: #555;font-size: 16px;line-height: 32px;}
.company-contact-ways a{color: #555;transition: all .5s;}
.company-contact-ways a:hover{color: #d41a1f;}
.company-contact-file{position: absolute;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;width: 150px;height: 45px;border-radius: 22px;color: #fff;font-size: 16px;background: #d41a1f;}
.company-text{color: #555;font-size: 16px;line-height: 2em;text-align: justify;margin-bottom: 32px;}
.company-text p{margin-bottom: 1.5em;}
.company-text a{color: #555;transition: all .5s;}
.company-text a:hover{color: #d41a1f;}
.company-text img{display: block;max-width: 100%;height: auto;}
.company-text .company-title{display: flex;justify-content: space-between;align-items: center;min-height: 72px;margin-bottom: 18px;border-bottom: 1px solid rgba(0,0,0,.1);}
.company-text .company-title p{position: relative;margin-bottom: 0;padding:0 40px;color: #000;font-size: 20px;font-weight: bold;line-height: 32px;}
.company-text .company-title p::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #d41a1f;}
.company-text .company-title span{color: #d41a1f;font-size: 32px;font-weight: bold;line-height: .8em;opacity: .2;}
@media screen and (max-width:1770px) {
    .w1770{width: 92.1875%;}
    .w1600{width: 83.333%;}
    .bw{width: 80%;}
    .i-banner-btn.prev{left: 3.90625%;}
    .i-banner-btn.next{right: 3.90625%;}
}
@media screen and (max-width:1600px) {
    .nav-main .nav-item>a{padding: 0 30px;}
    .header-lang-btn{height: 28px;}
    .header-lang-btn p{margin: 0 10px;}
    .header-lang-slide{top: 28px;}
    .header-fixed-typename{height: 50px;;font-size: 24px;}
    .header-lang{margin-right: 30px;}
    .i-culture-content{width: 1300px;}
    .i-culture-content li {width: 360px;}
    .i-culture-item{width: 360px;height: 360px;}
    /* 鍐呴〉 */
    .about-leader{padding-top: 220px;}
    .about-leader-part{width: 95%;}
    .com-leader-title,.about-leader-show{width: 90%;}
    .culture-fighter-main{padding-top: 50px;padding-left: 5%;}
    .culture-fighter-content{margin-top: 80px;}
    .culture-fighter-bg{right: -4%;}
    .culture-fighter-bg img{width: 480px;}
    .culture-mind{padding-top: 120px;}
    .about-leader-bg,.culture-mind-bg{height: 400px;}
    .mind-main{width:95%;margin-top: 70px;}
    .mind-part{width: 90%;}
    .about-duty-adv{height: 700px;padding-top: 8%;}
    
    .equipment-pic img{position: absolute;left: 0;top: 0;}
    
}
@media screen and (max-width:1500px) {
    #fp-nav.fp-right{right: 10px;}
    .w1770{width: 95%;}
    .header-logo{height: 54px;}
    .i-about-number li{margin-right: 8%;}
    .nav-main .nav-item>a{padding: 0 25px;}
    .i-banner-btn.prev{left: 2.5%;}
    .i-banner-btn.next{right: 2.5%;}
    .about-prev{left: -44px;}
    .about-next{right: -44px;}
    .equipment-left{left:-50px;}
    .equipment-right{right: -50px;}
}
@media screen and (max-width:1400px) {
    .w1500{width: 90%;}
    #fp-nav{right: 20px;}
    .header-logo{height: 50px;}
    .nav-main .nav-item>a{line-height: 85px;}
    .header-nav-slide{top: 85px;}
    .header-lang{margin-right: 20px;}
    .header-lang-btn{height: 30px;}
    .header-lang-slide{top: 30px;}
    .header-fixed-typename{height: 50px;font-size: 18px;}
    .headr-fixed-typeson a{font-size: 15px;}
    .i-banner-text{padding: 40px 0;}
    .i-banner-text p{font-size: 44px;}
    .i-banner-text p.en{margin-top: 10px;font-size: 22px;}
    .i-about-shares{margin: 40px 0 20px;}
    .i-about-number{margin: 30px 0;}
    .i-about-number p span, .i-about-number p i{font-size: 30px;}
    .i-product-content{padding-top: 4%;}
    .i-product-type{margin: 40px 0 20px;font-size: 32px;}
    .i-product-msg{width: 60%;}
    .i-product-more{margin-top: 10px;}
    .i-product-menu{height: 120px;}
    .i-product-logoicon{height: 44px;}
    .i-culture-content{width: 1100px;}
    .i-culture-content li{width: 320px;}
    .i-culture-item{width: 320px;height: 320px;}
    .i-news-list{padding: 60px 8% 60px 4%;}
    .i-news-item{padding-bottom: 40px;}
    .i-news-link{right: -40px;width: 40px;height: 40px;}
    .footer{padding-top: 30px;}
    .footer-logo{padding-bottom: 30px;}
    .footer-nav{padding: 50px 0;}

    /* 鍐呴〉 */
    .w1300,.news-video-list .swiper-scrollbar{width: 90%;}
    .inner-pic{height: 500px;}
    .inner-nav-content{height: 50px;}
    .inner-nav-content li a{line-height: 50px;}
    .about-intro,.about-padding,.industrial-main,.research,.system-bg,.news,.company,.investment,.develop,.article,.plan-main{padding-top: 90px;}
    .i-com-title .cn{font-size: 36px;}
    .i-com-title .en{font-size: 18px;}
    .about-intro-num li{margin-right: 50px;}
    .about-intro-num li .about-intro-value{font-size: 40px;}
    .about-intro-unit{margin-top: 0;}
    .about-adv,.system-slogan{height: 550px;}

    .about-history{padding: 60px 0;}
    .about-history-time,.about-history-photo{margin-top: 60px;}
    .about-history-content .about-history-bg p{font-size: 180px;}
    .honor-pic{height: 300px;padding: 15px;}
    .honor{padding: 50px 0 0;}
    .honor-part{padding-bottom: 50px;}
    .culture-title{font-size: 25px;}
    .culture-vision{margin: 50px auto;}
    .culture-vision li{margin-right:auto;}
    .hope-msg{width: 400px;}
    .hope-pic{width:calc(100% - 400px);height: 488px;}
    .hope-text{padding: 0 10%;}
    .hope-title{font-size: 30px;}
    .hope-slogan{margin-top: 30px;font-size: 16px;}
    .hope-menu{width:calc(100% - 410px);}
    .hope-menu-main p{font-size: 14px;}
    .mind-main-title{height: 60px;}
    .mind-main-title p{font-size: 20px;}
    .mind-main-titlebg img{height: 60px;}
    .about-duty{padding-top: 60px;}
    .about-meeting-content{padding-top: 30px;}
    .about-meeting-title{font-size: 25px;}
    .about-meeting-title .cn{margin-bottom: 6px;}
    .about-duty-adv{height: 600px;}
    .duty-adv-title{margin: 45px 0 20px;font-size: 25px;}
    .duty-adv-msg{font-size: 16px;}
    .com-type-item{margin-bottom: 20px;}
    .equipment-text{padding: 60px 0;}
    .equipment-text .equipment-title{padding-right: 80px;}
    .equipment-text .equipment-title,.equipment-photo .equipment-parttitle{font-size: 24px;}
    .platform{margin-top: 40px;}
    .research-honor{padding-top: 60px;}
    .research-honor-title{min-height: 60px;box-sizing: border-box;padding: 5px;}
    .achievement-slogan-title{font-size: 24px;}
    .achievement-awards-pic{margin-top: 60px;}
    .achievement-content-icon{width: 150px;height: 45px;}
    .achievement-content-icon p{font-size: 20px;}
    .tech-item{padding: 40px 0;}
    .patent-content{padding: 40px 0;font-size: 24px;line-height: 1.5em;}
    .system-book-item{width: 18%;margin-right: 2.5%;}
    .system-slogan-title{margin-bottom: 30px;}
    .system-book-title{margin: 50px 0 30px;}
    .news-main .com-type-item{height: 45px;line-height: 45px;}
    .com-list-item{padding: 45px 0;}
    .com-list-content .com-list-title{font-size: 24px;}
    .company-main{margin-top: 60px;}
    .company-nav .company-nav-item{margin-bottom: 40px;}
    .company-nav .company-nav-item p{width: 80%;font-size: 18px;}
    .company-box{padding-left: 4%;}
    .society-item-type p.position{font-size: 22px;}
    .join-form,.fixed-video-box{width: 70%;padding: 50px 50px 40px;}
}
@media screen and (max-width:1300px) {
    .w1770{width: 98%;}
    .nav-main .nav-item>a{padding: 0 20px;}
    .dropdown-list{padding: 0 40px;}
    /* 鍐呴〉 */
    .culture-vision li{width: 240px;height: 240px;}
    .culture-vision-icon{right: -20px;}
    .culture-vision-icon img{height: 50px;}
    .culture-vision-msg{font-size: 14px;}
}
@media screen and (max-width:1200px) {
    .header-logo{height: 42px;}
    .nav-main .nav-item>a{padding: 0 10px;}
    .header-lang{margin-right: 10px;}
    .i-culture-content{padding: 5px 5px 40px;}
    .i-culture-content.mobile{display: block;}
    .i-culture-content.pc{display: none;}
    .i-culture-page.swiper-pagination{display: block !important;}
    .i-culture-content{width: 900px;}
    .i-culture-content ul{justify-content: flex-start;}
    .i-culture-content li{width: 50% !important;}
    .i-culture-item{width: 280px;height: 280px;}
    .i-culture-icon{margin-bottom: 20px;}
    .i-culture-icon span{font-size: 50px;}
    .i-culture-icon span img{height: 50px;}
    .i-culture-content li a p{font-size: 24px;}
    /* 鍐呴〉 */
    .system-book-pic{height: 260px;}
    .system-book-name{line-height: 1.5em;}
    .platform-point p{padding: 0 15px;}
    .research-honor-list{margin-bottom: 30px;}
    .achievement .research-honor-item{width: 49%;margin-right: 2%;margin-bottom: 30px;}
    .achievement .research-honor-item:nth-child(2n){margin-right: 0;}
    .equipment-left{left:-44px;}
    .equipment-right{right: -44px;}
}
@media screen and (max-width:1100px) {
    .i-about-number li{margin-right: 4%;}
    #fp-nav.fp-right{right: 6px;}
    /* 鍐呴〉 */
    .about-history-content .about-history-bg p{font-size: 150px;}
    .culture-vision ul{justify-content: space-between;}
    .culture-vision li{width: 220px;height: 220px;}
    .culture-fighter-main{padding-top: 40px;padding-left: 3%;}
    .culture-fighter-bg{display: flex;width: 100%;justify-content: flex-end;}
    .culture-fighter-bg img{width: 400px;margin-right: 0;}
}
@media screen and (max-width:960px) {
    .w1770{width: 100%;padding: 0 15px;box-sizing: border-box;}
    #fp-nav{display: none;right: 10px;}
    .i-com-title .cn,.i-product-title{font-size: 32px;}
    .header-main{height: 80px;}
    .nav-main{display: none;}
    .header.on{background: #0062a7;}
    .header-fixed{display: none;}
    .header .header-btn{position: relative;width: 35px;height: 28px;}
    .header .header-line{position: absolute;transition: all .5s;}
    .header .header-line:first-child{top: 0;left: 0;transform-origin: right bottom;}
    .header .header-line:nth-child(2){top: 0;left: 0;margin: 13px 0;}
    .header .header-line:last-child{bottom: 0;left: 0;transform-origin: right top;}
    .header.on .header-mobile{display: block;}
    .header.on img.hover{display: none;}
    .header.on img.leave{display: block;}
    .header.on .header-main{box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,.15);}
    .header.on .nav-main .nav-item>a{color: #fff;}
    .header.on .header-line{background: #fff;}
    .header.on .header-line:first-child{top: 0.5px;transform: rotate(-45deg);}
    .header.on .header-line:nth-child(2){opacity: 0;}
    .header.on .header-line:last-child{bottom: 0.5px;transform: rotate(45deg);}
    .header.on{background: #0062a7;}
    .header.on .header-lang-btn{border-color: rgba(255, 255, 255, .1);}
    .header.on .header-lang-btn i{color: #fff;}
    .header.on .header-lang-btn p{color: #fff;}
    .header.on .header-lang-btn img.leave{display: block;}
    .header.on .header-lang-btn img.hover{display: none;}

    .i-banner-text{padding: 20px 0;}
    .i-banner-text p{font-size: 36px;}
    .i-banner-text p.en{font-size: 20px;}
    .i-banner-page{bottom: 10%;}
    .i-banner-btn.prev{left: 1%;}
    .i-banner-btn.next{right: 1%;}
    .i-about{height: auto !important;flex-flow: column;}
    .i-about-content{height: auto;}
    .i-about-main{top: 0;transform: none;width: 100%;padding: 60px 0;box-sizing: border-box;}
    .i-about-msg p,.i-product-msg{line-height: 1.5em;}
    .i-about-video{position: relative;bottom: 0;width: 100%;height: 40vh;}
    .i-about-shares,.i-product-type{margin: 40px 0 20px;}
    .i-about-number{justify-content: space-between;margin: 20px 0;}
    .i-product{height: 600px !important;}
    .i-product-content{padding-top: 60px;}
    .i-product-type{font-size: 28px;}
    .i-product-msg{width: 70%;}
    .i-product-menu{height: 130px;}
    .i-product-menuname{margin-left: 30px;}
    .i-product-menuname p.cn{font-size: 20px;}
    .i-product-menuname p.en{font-size: 12px;}
    .i-culture{height: auto !important;}
    #particles-js{display: none;}
    .i-culture-main{top: 0;transform: none;padding: 60px 0;height: 100%;box-sizing: border-box;}
    .i-culture-content{width: 93.75%;margin: 24px auto 0;}
    
    .i-culture-info{margin-top: 10px;font-size: 16px;}
    .i-news{height: auto !important;}
    .i-news-main{top: 0;transform: none;padding: 60px 0;}
    .i-news-latest{width: 100%;}
    .i-news-latest a{height: auto;padding-bottom: 62.5%;}
    .i-news-list{width: 100%;padding: 30px 14% 30px 4%;}
    .i-news-item{padding-bottom: 14px;}
    .i-news-msg{height: auto;text-overflow: ellipsis;white-space: nowrap;}
    .footer-nav-typename{font-size: 18px;}
    .footer-logo>a{height: 50px;}
    .footer-nav{padding: 20px 0 60px;}
    /* .footer-contact a{font-size: 14px;} */
    .totop{right: 5%;}
    
    /* 鍐呴〉 */
    .about-page{display: none;}
    .inner-pic{height: 300px;}
    .inner-pic p.cn{font-size: 36px;}
    .inner-pic p.en{font-size: 26px;}
    .inner-nav-content li a{font-size: 14px;}
    .about-intro,.about-padding,.industrial-main,.research,.system-bg,.news,.company, .investment, .develop, .article, .plan-main{padding-top: 60px;}
    .about-intro-num li .about-intro-value{font-size: 34px;}
    .about-intro-unit{font-size: 14px;line-height: 1.5em;}
    .about-intro-content{padding: 60px 0;}
    .about-adv, .system-slogan{height: 450px;}
    .about-leader{padding-top: 150px;}
    .about-leader-show{margin-top: 30px;}
    .about-leader-item{width: 47.5%;}
    .about-leader-title{font-size: 14px;line-height: 1.5em;}
    .about-history-year{font-size: 16px;}
    .about-history-content{padding-left: 40px;}
    .about-history-content p{font-size: 16px;line-height: 1.5em;}
    .about-history-content .about-history-bg{left: 30px;}
    .about-history-content .about-history-bg p{font-size: 120px;}
    .honor-main{margin-top: -60px;}
    .honor-part{width: 31%;padding-right: 3.5%;margin-top: 60px;}
    .honor-part:nth-child(4n){padding-right: 3.5%;}
    .honor-part:nth-child(3n){padding-right: 0;}
    .honor-title{font-size: 14px;line-height: 1.5em;}
    .culture-hope{margin-bottom: 60px;}
    .hope-item{flex-wrap: wrap;}
    .hope-msg,.hope-pic{width: 100%;}
    .hope-msg{height: 180px;padding-top: 40px;box-sizing: border-box;}
    .hope-text{position: relative;top: auto;padding: 0 5%;}
    .hope-title{font-size: 26px;}
    .hope-pic{height: 460px;}
    .hope-menu{top: auto;bottom: 5px;flex-wrap: wrap;width: calc(100% - 10px);height: calc(100% -  190px);padding: 0;}
    .hope-menu-item{width: 100%;height: 25%;}
    .hope-menu-main{top: 50%;transform: translate(-50%,-50%);}
    .hope-menu-item{border-right: none;border-bottom: 1px solid rgba(204,204,204,.3)}
    .hope-menu-icon{height: 40px;padding-top: 20px;}
    .corporate-bg img{left: -10px;bottom: -10px;;width: 150px;height: 150px;}
    .culture-fighter{flex-wrap: wrap;padding-bottom: 60px;}
    .culture-fighter-pic{width: 100%;height: 400px;}
    .culture-fighter-main{width: 100%;padding-left: 0;margin-top: 20px;}
    .culture-fighter-bg{justify-content: flex-start;}
    .culture-fighter-content{margin-top: 40px;}
    .culture-fighter-content p{margin-bottom: 1.5em;}
    .culture-mind{padding: 60px 0;}
    .about-leader-bg, .culture-mind-bg{height: 280px;}
    .mind-main{margin-top: 40px;padding-top: 60px;}
    .mind-main-titlebg img,.mind-main-title{height: 50px;}
    .about-meeting-msg p,.duty-adv-msg{font-size: 14px;line-height: 1.5em;}
    .about-duty-adv{height: 500px;}
    .duty-adv-title{font-size: 22px;}
    .about-duty-honor{padding: 72px 0 36px;}
    .about-duty-honor li{height: 180px;padding: 20px;}
    .com-nav{display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;}
    .com-nav::-webkit-scrollbar {display: none;}
    .com-type{flex-wrap: nowrap;padding: 20px 0;}
    .com-type-item{width: auto;height: 40px;margin-right: 10px;padding: 0 5px;margin-bottom: 0;box-sizing: border-box;font-size: 14px;line-height: 40px;}
    .com-type-item:nth-child(6n){margin-right: 10px;}
    .com-type-item p{width: 120px;}
    .com-nav-mobile{position: relative;display: none;padding: 20px 0;}
    .com-nav-mobile-typename{display: flex;justify-content: center;align-items: center;width: 100%;height: 45px;border-radius: 22px;color: #fff;font-size: 16px;text-align: center;background: #d41a1f;transition: all.5s;cursor: pointer;}
    .com-nav-mobile-typename:hover{color: #fff;background: #d41a1f;}
    .com-nav-mobile-link{display: none;position: absolute;top: 65px;left: 50%;transform: translateX(-50%);width: calc(100% - 40px);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
    .com-nav-mobile-link a{display: flex;justify-content: center;align-items: center;color: #555;text-align: center;line-height: 40px;background: #fff;transition: all .5s;}
    .com-nav-mobile-link a:hover{color: #fff;background: #d41a1f;}

    .equipment-anli{margin-top: 40px;}
    .equipment-anli.pc{display: none;}
    .equipment-anli.mobile{display: block;}
    .equipment-swiper{display: flex;flex-wrap: wrap;padding-bottom: 0;}
    .equipment-item{position: relative;box-shadow: 0 0 10px rgba(0,0,0,.2);;margin-bottom: 40px;}
    .equipment-item:nth-child(2n){margin-right: 0}
    .equipment-item .equipment-info{box-shadow: none;min-height: 64px;}
    .equipment-text{flex-flow: column;}
    .equipment-text .equipment-title{width: 100%;margin-bottom: 30px;padding-right: 0;}
    .equipment-text .equipment-title span::after{bottom: -10px;}
    .equipment-text .equipment-msg{width: 100%;}
    .equipment-intro-title{margin-bottom: 0;font-size: 16px;}
    .equipment-intro-msg{font-size: 14px;}
    .equipment-item::after{content: '';position: absolute;left: 0;bottom: 0;transform: scaleX(0);transform-origin: left center;width: 100%;height: 2px;background: #d41a1f;transition: all .5s;}
    .equipment-item .equipment-info::after{display: none;}
    .equipment-item:hover::after{transform: scaleX(1);}

    .industrial-main{padding-bottom: 60px;}
    .equipment-text .equipment-title p::after{bottom: -10px;}

    .platform-content{flex-flow: column;}
    .platform-point{display: flex;flex-wrap: wrap;width: 100%;}
    .platform-point p{width: 50%;}
    .platform-msg{width: 100%;margin-top: 20px;}
    .achievement-slogan{flex-flow: column;padding: 30px 0;}
    .achievement-slogan-title{width: 100%;margin-bottom: 20px;}
    .achievement-slogan-msg{width: 100%;}
    .achievement-awards-content{padding: 60px 0;}
    .tech{padding: 60px 0 100px;}
    .tech-item{position: relative;}
    .tech-item-l{width: 100%;}
    .tech-item-r{width: 100%;}
    .tech-item-title,.tech-item-msg{margin-bottom: 20px;}
    .tech-item-num{position: absolute;left: 0;top: 2px;height: 90px;}
    .tech-item-num img{height: 100%;}
    .system-book-item{width: 22%;margin-right: 4%;margin-bottom: 30px;}
    .system-book-item:nth-child(5n){margin-right: 4%;}
    .system-book-item:nth-child(4n){margin-right: 0;}
    .system-book-pic{height: 210px;padding: 5px;}
    .system-slogan-content{width: 90%;}
    .system-slogan-title{margin-bottom: 10px;font-size: 28px;line-height: 1.2em;}
    .system-slogan-msg{font-size: 18px;line-height: 1.5em;}
    .news{padding-bottom: 60px;}
    .news-item{width: 32%;margin-right: 2%;}
    .news-item-title{-webkit-line-clamp:1;margin: 5px 0;line-height: 1.5em;}
    .news-item-content{padding: 10px;}
    .news-item-msg{-webkit-line-clamp:2;line-height: 1.5em;}
    .com-list-item{padding: 30px 0;}
    .com-list-time{width: 120px;padding-left: 30px;}
    .com-list-content{width: calc(100% - 120px);}
    .com-list-time .date{font-size: 40px;}
    .com-list-content .com-list-title{font-size: 20px;margin-bottom: 10px;}
    .com-list-content .com-list-msg{line-height: 1.5em;}
    .news-main .com-nav{display: block;}
    .news-main .com-type-item{width: auto;height: 40px;line-height: 40px;}
    .news-main .com-type-item p{width: 80px;}
    .news-video{margin-top: 60px;}
    .investment{padding-bottom: 60px;}
    .com-list{margin-top: 40px;}
    .develop-content{margin-top: 40px;}
    .develop-msg{margin-top: 10px;}
    .develop-msg p{font-size: 14px;line-height: 1.5em;}
    .society li.society-title{font-size: 14px;padding: 0 20px;}
    .society-item-type{padding: 10px 20px;}
    .society li>p{padding: 0 10px;}
    .society-item-type{min-height: 88px;}
    .society li p.num{width: 16.62%;}
    .society-item-type p.position{font-size: 20px;}
    .society-item-type {font-size: 14px;}
    .society-info{padding: 20px 20px 0 20px;}
    .society-info .society-content p{font-size: 14px;line-height: 1.5em;}
    .society-content p{font-size: 14px;line-height: 1.5em;}
    .society-seniority,.society-duty{margin-bottom: 20px;}
    .recruitment-btn{width: 120px;height: 45px;margin-bottom: 20px;}
    .recruitment-btn span{font-size: 20px !important;}
    .recruitment-btn p{margin-left: 4px;font-size: 14px !important;}
    .develop,.recruitment{padding-bottom: 60px;}
    .campus-item{width: 49%;margin-right: 2%;padding: 14px;}
    .campus-title-num{margin-right: 10px;font-size: 40px;}
    .campus-title-name{font-size: 20px;}
    .campus-info{padding-top: 10px;}
    .campus-content{margin-bottom: 20px;}
    .campus-content p{font-size: 14px;line-height: 1.5em;}
    .campus-msg{margin-top: 10px;}
    .join-form{width: 60%;padding: 40px 30px 30px;}
    .join-form .join-form-input{height: 36px;margin-bottom: 10px;}
    .join-form textarea{height: 90px;}
    .join-form-tip{margin-top: 10px;font-size: 14px;}
    .join-btn .join-btn-item{width: 120px;height: 35px;}
    .fixed-video-box{padding: 20px;}
    .article-title p{font-size: 22px;}
    .article-share a{width: 34px;height: 34px !important;}
    .article-share a span{font-size: 22px;}
    .article-share a.more img{height: 20px;}
    .article-main{padding: 30px;}
    .article-page-item{width: auto;}
    .article-page-item p,.article-page-item .colon{display: none;}
    .article-page-item:hover{color: #d41a1f;}
    .article{padding-bottom: 60px;}
    .article-page-back img{margin-bottom: 6px;}
    .plan-main{padding-bottom: 60px;}
    .plan-title{font-size: 22px;}
    .company{padding-bottom: 60px;}
    .company-main{flex-flow: column;margin-top: 40px;}
    .company-nav{width: 100%;border: none;overflow-x: auto;margin-bottom: 20px;-webkit-overflow-scrolling: touch;-ms-overflow-style: none; scrollbar-width: none;}
    .company-nav::-webkit-scrollbar {display: none;}
    .company-nav-main{display: flex;}
    .company-nav .company-nav-item{display: flex;justify-content: center;align-items: center;width: auto;padding: 10px;box-sizing: border-box;border-radius: 27px;margin-right: 10px;margin-bottom: 0;background: #eeeeee;transition: all.5s;}
    .company-nav .company-nav-item::after{content: none;}
    .company-nav .company-nav-item p{width: 190px;color: #555;font-size: 16px;text-align: center;line-height: 1.2em;}
    .company-nav .company-nav-item:hover, .company-nav .company-nav-item.on {background: #d41a1f;}
    .company-nav .company-nav-item:hover p, .company-nav .company-nav-item.on p{color: #fff;}
    .company-box{width: 100%;padding: 0;}
    .company-contact-file{position: relative;width: 120px;height: 35px;margin-top: 20px;font-size: 14px;}
}
@media screen and (max-width:768px) {
    .bw{width: 100%;padding: 0 20px;box-sizing: border-box;}
    .i-banner-btn{display: none;}
    .i-product-menu li.on, .i-product-menu li:hover{background: #d41a1f url('/static/img/pro-bg.jpg') center/contain no-repeat;}
    .i-product-menuitem{flex-flow: column-reverse;justify-content: center;}
    .i-product-menuname{margin-left: 0;text-align: center;}
    .i-product-menuname p.cn{margin-bottom: 0;font-size: 18px;}
    .i-product-logo{position: relative;height: 60px;}
    .i-product-iconbg{display: none;}
    .footer-bottom,.footer-link.footer-copyright{flex-flow: column;align-items: center;}
    .footer-logo{padding-bottom: 10px;}
    .footer-nav{padding: 10px 0 40px;}
    .footer-nav ul{display: none;}
    .footer-nav-typename{font-size: 14px;}
    .footer-link p, .footer-link a{line-height: 1.5em;text-align: center;}
    .totop{bottom: 16px;}
    .totop img{height: 30px;}
    /* 鍐呴〉 */
    .about-intro-title{margin-top: 20px;}
    .about-intro-main{padding-bottom: 20px;}
    .about-intro-num{position: relative;padding-bottom: 60px;}
    .about-intro-bg{right: 0;}
    .mind-pic li,.about-meeting-list li{width: 47.5%;}
    .about-leader-main .swiper-pagination-bullets .swiper-pagination-bullet,.about-history-pic .swiper-pagination-bullets .swiper-pagination-bullet,.about-meeting-part .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;}
    .about-history-content{width: 50%;padding-top: 0;padding-left: 20px;}
    .about-history-content .about-history-bg{left: 10px;}
    .about-history-pic{width: 50%;}
    .about-history-content .about-history-bg p{font-size: 110px;}
    .mind-main{padding-top: 40px;}
    .mind-intro{padding-top: 20px;}
    .mind-pic{margin-bottom: 50px;}
    .about-meeting{padding-bottom: 60px;}
    .about-meeting-main{margin-bottom: 30px;}
    .about-meeting-content{padding-top: 16px;}
    .about-meeting-title{font-size: 20px;}
    .about-meeting-list li{margin-right: 5%;}
    .about-duty-honor li{padding: 10px;height: 150px;}
    .about-duty-adv{background-image: url(/static/img/duty-adv.jpg)}
    .system-slogan::before{background: url(/static/img/system-adv.jpg) no-repeat center/cover;}

    .platform-main{padding-bottom: 60px;}
    .platform-content{margin-bottom: 40px;}
    .platform-point p{font-size: 16px;line-height: 1.5em;}
    .platform-point p::before{top: 12px;width: 6px;height: 6px;}
    .research-honor-item{width: 49%;margin-right: 2%;}
    .research-honor-item:nth-child(4n){margin-right: 2%;}
    .research-honor-item:nth-child(2n){margin-right: 0;}
    .news{padding-bottom: 60px;}
    .news-item,.news-video-list li{width: 49%;}
    .news-item:nth-child(3n),.news-video-list li:nth-child(3n){margin-right: 2%;}
    .news-item:nth-child(2n),.news-video-list li:nth-child(2n){margin-right: 0;}
    .com-page{margin-top: 50px;}
    .com-page-item span, .com-page-item a{margin-right: 10px;}
    .develop-content{flex-flow: column;}
    .develop-item{display: flex;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .develop-item:nth-child(2){flex-direction: row-reverse;}
    .develop-item:last-child{margin-bottom: 0;}
    .develop-pic{width: 50%;}
    .develop-msg{width: 50%;box-sizing: border-box;padding: 0 10px;margin-top: 0;}
    .develop-msg p{font-size: 14px;line-height: 1.2em;}
    .society li.society-title{padding: 0;}
    .society-item-type{padding: 10px 0;}
    .society li.society-title{height: 50px;}
    .society-item-type{min-height: 70px;}
    .society-item-type p.position{font-size: 16px;}
    .society li p.num{width: 77px;}
    .society-info{padding: 10px 10px 0 10px;}
}
@media screen and (max-width:600px) {
    .i-banner-text p{font-size: 24px;}
    .i-banner-text p.en{margin-top: 5px;font-size: 16px;}
    .i-banner-page li.on{margin-right: 60px;}
    .i-banner-page li::after{right: -55px;width: 50px;}
    .i-com-title .cn, .i-product-title{font-size: 24px;margin-bottom: 5px;}
    .i-com-title .en{font-size: 16px;}
    .i-about-shares{margin: 20px 0 30px;font-size: 16px;}
    .i-about-msg p{margin-bottom: 14px;font-size: 14px;line-height: 1.5em;}
    .i-about-number{margin: 20px 5px 30px;}
    .i-about-number p span, .i-about-number p i{margin-bottom: 10px;font-size: 24px;}
    .i-product-type{margin: 20px 0;font-size: 22px;}
    .i-product-msg{width: 90%;line-height: 1.5em;font-size: 14px;}
    .i-product-move{padding: 6px 5px;}
    .i-product-more{width: 30px;height: 30px;}
    .i-product-more span{font-size: 12px;}
    .i-product-menu{height: 90px;}
    .i-product-menuname p.cn{font-size: 14px;}
    .i-product-logo{height: 40px;}
    .i-product-logoicon{height: 30px;}
    .i-product{height: 500px !important;}
    .i-culture-content{margin-top: 30px;}
    .i-culture-content li{width: 100% !important;}
    .i-culture-content li a p{font-size: 20px;}
 
    .i-news-item{padding-bottom: 30px;}
    .i-news-name{margin-bottom: 20px;}
    /* .i-news-latest{height: 200px;} */
    .i-news-list{padding: 20px;}
    .i-news-title{margin-top: 10px;font-size: 16px;}
    .i-news-msg{margin: 10px 0 -4px;}
    .i-news-link{display: none;right: -24px;width: 34px;height: 34px;}
    .footer{padding-top: 20px;}
    .footer-logo{padding-bottom: 20px;}
    /* 鍐呴〉 */
    .inner-pic p.cn{font-size: 30px;}
    .inner-pic p.en{font-size: 20px;}
    .about-intro-info,.about-intro-content{font-size: 14px;}
    .about-intro-num li .about-intro-value{font-size: 24px;}
    .about-intro-bg img{height: 90px;}
    .about-adv, .system-slogan{height: 350px;}
    .about-leader{padding-top: 100px;}
    .about-leader-part{padding: 40px 0;}
    .about-leader-show{margin-top: 20px;}
    .about-leader-main{padding-bottom: 30px;}
    .about-leader-item{width: 100%;}
    .about-history-item{flex-wrap: wrap;flex-direction: column-reverse;}
    .about-history-time, .about-history-photo{margin-top: 40px;}
    .about-history-content{width: 100%;min-height: 100px;box-sizing: border-box;padding: 20px 0;}
    .about-history-line span{font-size: 24px;}
    .about-history-content .about-history-bg{bottom: 0;left: 0;}
    .about-history-content p{font-size: 14px;}
    .about-history-content .about-history-bg p{font-size: 90px;}
    .about-history-pic{width: 100%;padding-bottom: 30px;}
    .about-meeting-part,.mind-pic{padding-bottom:30px;}
    
    .honor-pic{height: 220px;padding: 10px;}
    .culture{padding-top: 30px;}
    .culture-title{font-size: 20px;}
    .culture-title::before{height: 20px;}
    .hope-msg{height: 150px;padding-top: 30px;}
    .hope-title{font-size: 22px;}
    .hope-slogan{margin-top: 18px;font-size: 16px;}
    .hope-menu{height: calc(100% - 160px);}
    
    .culture-vision{margin: 30px auto 50px;}
    .culture-fighter-main{padding-top: 36px;}
    .culture-fighter-pic{height: 260px;}
    .culture-fighter-bg img{width: 340px;}
    .culture-fighter-content p{padding-left: 14px;font-size: 14px;}
    .culture-fighter-content p::before{width: 8px;height: 8px;}
    .about-leader-bg,.culture-mind-bg{height: 210px;}
    .mind-part,.com-leader-title,.about-leader-show{width: 92%;}
    .mind-intro p{font-size: 14px;}
    .about-duty{padding-top: 30px;}
    .about-meeting-main{flex-direction: column-reverse;}
    .about-meeting-content,.about-meeting-pic{width: 100%;}
    .about-meeting-pic{height: 300px;}
    .about-meeting-pic img{height: 100%;object-fit: cover;object-position: center;}
    .about-meeting-msg{margin-top: 10px;}
    .about-meeting-title{font-size: 18px;}
    .about-meeting-pic{height: 270px;}
    .about-duty-adv{height: 400px;}
    .duty-adv-main img{height: 50px;}
    .duty-adv-title{margin: 30px 0 20px;line-height: 1.2em;font-size: 20px;}
    .about-duty-honor{padding: 60px 0 30px;}
    .about-duty-honor li{width: 48%;margin-right: 4%;margin-bottom: 40px;}
    .about-duty-honor li:nth-child(3n){margin-right: 4%;}
    .about-duty-honor li:nth-child(2n){margin-right: 0;}
   
    
    .com-type{padding: 20px 0 10px;}
    .com-nav-mobile-typename{height: 40px;font-size: 14px;}
    .com-nav-mobile-link{top: 60px;}
    .com-nav-mobile-link a{font-size: 14px;line-height: 30px;}
    .equipment-text .equipment-title, .equipment-photo .equipment-parttitle{font-size: 20px;}
    .equipment-text .equipment-title span::after{bottom: -5px;}
    .equipment-item .equipment-intro{padding: 0 10px;}
    .equipment-item{width: 100%;margin-right: 0;}
    .equipment-text{padding: 20px 0 40px;}
    .equipment-item .equipment-info{min-height: 60px;}
    .equipment-text .equipment-msg{font-size: 14px;line-height: 1.5em;}

    .platform{margin-top: 26px;}
    .platform-content{margin:20px 0 40px;}
    .platform-point p{padding: 0 10px;}
    .platform-main-title,.achievement-slogan-title{font-size: 20px;}
    .platform-msg p{font-size: 14px;line-height: 1.5em;}
    .research-honor-title p{font-size: 14px;}
    .achievement-main{padding-bottom: 60px;}
    .achievement-slogan{padding: 26px 0 30px;}
    .achievement-slogan-title{margin-bottom: 10px;}
    .achievement-slogan-msg,.achievement-content-msg p{font-size: 14px;line-height: 1.5em;}
    .achievement-awards-content{padding: 40px 0;}
    .achievement-content-icon{width: 90px;height: 34px;}
    .achievement-content-icon p{font-size: 16px;}
    .achievement-content-msg{width: calc(100% - 90px);margin-top: 0;}
    .tech{padding: 30px 0 60px;}
    .tech-item-title p{font-size: 20px;}
    .tech-item-num{height: 70px;}
    .tech-item{padding: 28px 0 40px;}
    .tech-item-msg{font-size: 14px;line-height: 1.5em;}
    .tech-item-title p{padding-left: 18px;}
    .tech-item-title p::before{width: 6px;height: 6px;}
    .patent-content{padding: 20px 0;font-size: 20px;}
    .system-book-item{width: 32%;margin-right: 2%;}
    .system-book-item:nth-child(5n){margin-right: 2%;}
    .system-book-item:nth-child(4n){margin-right: 2%;}
    .system-book-item:nth-child(3n){margin-right: 0;}
    .system-book-name{font-size: 14px;line-height: 1.2em;}
    .system-bg{padding-bottom: 60px;}
    .system-content{margin: 20px auto 0;}
    .system-content p{font-size: 14px;line-height: 1.5em;}
    .system-slogan-title{font-size: 22px;}
    .system-slogan-msg{font-size: 16px;}
    .system-book{padding:10px 0 0;}
    .system-book-title .cn{font-size: 24px;}
    .news-list{margin-top: 40px;}
    .news-item-title{font-size: 14px;}
    .news-item-msg,.news-item-time{font-size: 12px;}
    .com-page-item span, .com-page-item a{width: 30px;height: 30px;font-size: 12px;}
    .com-list-time{width: 95px;padding-left: 20px;}
    .com-list-time .date{font-size: 34px;}
    .com-list-time .year{font-size: 12px;}
    .com-list-content{width: calc(100% - 95px);}
    .com-list-content .com-list-title{font-size: 16px;}
    .com-list-content .com-list-msg{font-size: 14px;line-height: 1.2em;}
    .news-video{margin-top: 20px;}
    .news-video-list li{width: 49%;}
    .news-video-list li:nth-child(3n){margin-right: 2%;}
    .news-video-list li:nth-child(2n){margin-right: 0;}
    .news-video-list li .news-video-name{margin: 10px 0 20px;font-size: 14px;}
    .news-player{width: 90px;height: 90px;}
    .news-player img{width: 30px;}
    .develop-content{margin-top: 25px;}
    .develop-msg{margin-top: 0;padding:0 4px;}
    .develop-msg p{font-size: 12px;}
    .recruitment-nav{margin: 20px 0;}
    .recruitment-nav a{width: 120px;height: 45px;margin: 0 20px;border-width: 1px;font-size: 14px;}
    .society{overflow-x: auto;}
    .society-list{width: 540px;}
    .society li.society-title{padding: 0 5px;}
    .society-item-type{padding: 10px 5px;}
    .recruitment-btn{width: 110px;height: 35px;margin-bottom: 20px;}
    .recruitment-btn span{font-size: 16px !important;}
    .campus-item{width: 100%;margin-right: 0;margin-bottom: 30px;padding: 10px;}
    .campus-title{padding-bottom: 10px;}
    .campus-title-num{font-size: 30px;}
    .campus-title-name{font-size: 16px;}
    .campus-msg{height: auto;}
    .join-form{width: 70%;}
    .join-form .join-form-input,.join-form textarea{font-size: 14px;}
    .join-close{width: 35px;height: 35px;}
    .join-btn{margin-top: 25px;}
    .join-btn .join-file,.join-btn .join-btn-item{font-size: 14px;}
    .join-btn .join-btn-item{width: 110px;height: 35px;}
    .join-form-tip{font-size: 12px;}
    .fixed-video-box{width: 80%;padding: 15px;}
    .article-title p{font-size: 18px;line-height: 1.2em;}
    .article-content{margin: 30px 0 60px;}
    .article-content p{font-size: 14px;line-height: 1.5em;margin-bottom: 1em;}
    .article-main{padding: 20px;}
    .plan-title{width: calc(100% - 120px);font-size: 18px;}
    .plan-top{padding-bottom: 20px;}
    .plan-back{width: 100px;height: 35px;}
    .plan-back p{margin-right: 10px;font-size: 14px;}
    .plan-content p{font-size: 14px;line-height: 1.5em;}
    .company-main{margin-top: 30px;}
    /* .company-nav .company-nav-item{height: 40px;} */
    .company-nav .company-nav-item p{width: 150px;font-size: 14px;}
    .company-text,.company-contact-ways{font-size: 14px;line-height: 1.5em;}
}
@media screen and (max-width:500px) {
    .i-banner-text p{font-size: 26px;}
    .i-banner-text p.en{font-size: 16px;}
    .w1600{width: 90%;}
    .i-banner-text p{font-size: 24px;}
    .i-banner-scroll{bottom: 2%;}
    .footer-copyright span{display: block;text-align: center;}
    .footer-nav{flex-wrap: wrap;justify-content: flex-start;}
    .footer-nav-item{width: 25%;margin-bottom: 10px;}
    .footer-contact a{font-size: 12px;}
    .footer-bottom{padding: 10px 0;}
    .footer-link p, .footer-link a{font-size: 12px;}
    /* 鍐呴〉 */
    .inner-nav-content{height: 40px;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;justify-content: flex-start;}
    .inner-nav-content::-webkit-scrollbar {display: none;}
    .inner-nav-content li{width: auto;}
    .inner-nav-content li a{width: 90px;line-height: 40px;}
    .about-intro-num li{margin-right: 20px;}
    .about-intro-unit{line-height: 1.2em;}
    .about-intro-bg img{height: 64px;}
    .about-leader-item{width: 100%;}
    .about-history-item{flex-wrap: wrap;}
    .about-history-content{width: 100%;}
    .about-history-time, .about-history-photo{margin-top: 34px;}
    .about-history-pic,.mind-pic li{width: 100%;}
    .about-history-year{margin-top: 5px;font-size: 14px;}
    .honor{padding: 50px 0 20px;}
    .honor-part{width: 49%;padding-right: 2%;margin-top: 40px;padding-bottom: 30px;}
    .honor-part:nth-child(3n){padding-right: 2%;}
    .honor-part:nth-child(2n){padding-right: 0;}
    .hope-msg{height: 130px;}
    .hope-title{font-size: 20px;}
    .hope-slogan{margin-top: 10px;;font-size: 14px;}
    .hope-pic{height: 400px;}
    .hope-menu{height: calc(100% -  140px);}
    .hope-menu-main p{margin-top: 10px;}
    .hope-menu-icon{height: 35px;padding-top: 5px;}
    .hope-menu-icon span{font-size: 26px;}
    .hope-menu-icon span.icon-qiyelinian{font-size: 30px;}
    .platform-content{margin: 10px 0 40px;}
    .platform-point p{width: 100%;}
    .research-honor-title{min-height: 52px;}
    .achievement-content{flex-flow: column;}
    .achievement-content-icon{margin-bottom: 10px;}
    .achievement-content-msg{width: 100%;padding: 0;}
    .achievement-awards-pic{margin-top: 40px;}
    .achievement-awards-content{padding: 20px 0 40px;}
    .research-honor{padding-top: 40px;}
    .research-honor-list{margin-bottom: 0;}
    .patent-content{font-size: 16px;}
    .system-book-item{width: 49%;margin-right: 2%;}
    .system-book-item:nth-child(5n){margin-right: 2%;}
    .system-book-item:nth-child(4n){margin-right: 2%;}
    .system-book-item:nth-child(3n){margin-right: 2%;}
    .system-book-item:nth-child(2n){margin-right: 0;}
    .system-book-name{margin-top: 10px;}
    .patent-content .patenticon{width: 40px;}
    .patent-book{padding-top: 40px;}
    .news-list{margin-bottom: -40px;}
    .news-item,.news-video-list li{width: 100%;margin-right: 0;margin-bottom: 40px;}
    .news-item:nth-child(3n),.news-video-list li:nth-child(3n){margin-right: 0;}
    .news-item:nth-child(2n),.news-video-list li:nth-child(2n){margin-right: 0;}
    .news-video-list li .news-video-name{margin-bottom: 0;}
    .com-page-item span, .com-page-item a{width: 26px;height: 26px;margin-right: 5px;}
    .com-list-item{padding: 25px 0;}
    .com-list-time{width: 68px;padding-left: 10px;}
    .com-list-time .date{font-size: 28px;}
    .com-list-content{width: calc(100% - 68px);padding-right: 10px;}
    .article-title p{font-size: 16px;}
    .plan-top{flex-flow: column;align-items: flex-start;}
    .plan-title{width: 100%;padding: 0;}
    .plan-back{margin-top: 10px;}
    /* .com-type-item p{width: 110px;} */
}
@media screen and (max-width:400px) {
    .w1500{width: 95%;}
    .header-logo,.footer-logo>a{height: 40px;}
    .header-lang{margin-right: 10px;}
    .header-lang-btn p{margin: 0 10px;font-size: 14px;}
    .header-lang-slide li a{padding-left: 0;text-align: center;font-size: 14px;}
    .i-banner-text p{font-size: 22px;}
    .i-about-number p{margin-bottom: 10px;font-size: 12px;}
    .i-about-number p span, .i-about-number p i{font-size: 18px;}
    #modalText{font-size: 16px;}
    .i-culture-item{width: 260px;height: 260px;}
    .i-news-title{font-size: 14px;}
    .i-news-msg{font-size: 12px;}
    .footer-share a:last-child{margin-left: 12px;}
    .footer-share .wechat{width: 40px;height: 40px;}
    .footer-share span{font-size: 24px;}
    /* .footer-nav{padding: 10px 0 20px;} */
    /* 鍐呴〉 */
    .about-intro,.about-padding,.industrial-main, .research,.system-bg,.news, .company, .investment, .develop, .article, .plan-main{padding-top: 40px;}
    .about-intro-num ul{justify-content: space-between;}
    .about-intro-num li{margin-right: 0;}
    .about-intro-unit{font-size: 12px;}
    .about-intro-content,.about-history{padding: 40px 0;}
    .about-leader-show{margin-top: 30px;}
    .about-intro-content p,.culture-fighter-content p{margin-bottom: 1em;}
    .culture-fighter-main{padding-top: 28px;}
    .culture-fighter-bg img{width: 280px;}
    .about-meeting-list li{width: 100%;}
    .about-meeting-pic{height: 200px;}
    .about-meeting-img{padding-bottom: 64.1%;}
    .research-honor-item,.achievement .research-honor-item{width: 100%;margin-right: 0;}
    .patent-content .patenticon{display: none;}
    .system-slogan-title{font-size: 20px;}
    .system-slogan-msg{font-size: 14px;}
    .news-player{width: 70px;height: 70px;}
    .develop-item{flex-flow: column;}
    .develop-item:nth-child(2){flex-direction: column;}
    .develop-pic,.develop-msg{width: 100%;}
    .develop-msg{margin: 10px 0;}
}