1、页尾自适应
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@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(../images/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;}
/* 移动端header */
.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(../images/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(../images/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(../images/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(../images/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 .wechat{position: relative;}
.footer-share .wechat-box{position: absolute;left: -114px;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 img{width: 100px;}
.footer-share .icon-weibo{margin-left: 26px;}
.footer-share span{color: #fff;font-size: 29px;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: 28px;line-height: 1em;color: #000;}
.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(../images/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.active {background: #d41a1f;}
.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(../images/num-bg1.png) repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:fn 8s linear infinite;}
#coal .about-intro-value{background: url(../images/num-bg2.png) repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:fn 8s linear infinite;}
#co2 .about-intro-value{background: url(../images/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-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-top: 24px;padding-left: 70px;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;}
/* 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(../images/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(../images/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(../images/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(../images/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(../images/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: 8px;}
.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;}
.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-top: 15px;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('../images/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;}
.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 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;}
}
html,body{ color:#666;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1; }
body,button,input,select,textarea{ font: 12px/1.5 Arial, "Microsoft Yahei"; }
input,select,textarea{ font-size:100%; }
th{ text-align:inherit; }
fieldset,img{ border:0; }
iframe{ display:block; }
abbr,acronym{ border:0;font-variant:normal; }
del { text-decoration:line-through; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500; }
q:before,q:after { content:''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a:hover { text-decoration:none; }
ins,a { text-decoration:none; }
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
body .hide { display:none; }
.left,.right { display:inline; }
.left { float:left; }
.right { float:right; }
.mb20{margin-bottom:20px}
.mb10{margin-bottom:10px}
.mb5{margin-bottom:5px}
/*for 后台编辑器 */
#tinymce {padding:10px;font-size:14px}
#tinymce a{color:#008ee6}
#tinymce h2{font-size:32px;margin-bottom:0.3em}
#tinymce h3{font-size:26px;margin-bottom:0.3em}
#tinymce h4{font-size:22px;margin-bottom:0.3em}
#tinymce p{margin-bottom:1em;font-size:14px}
#tinymce div{margin-bottom:1em;font-size:14px}
#tinymce img{max-width:100%;height:auto}
#tinymce em{font-style:italic}
#tinymce pre { border-left: 3px solid #DBDBDB; padding: 10px; background-color:#F8F8F8; margin-bottom:1em;font-size:14px;color:#666;white-space:normal;font: inherit;}
#tinymce blockquote { border: 1px solid #DBDBDB; padding: 10px 12px; background-color:#F8F8F8; margin-bottom:1em; font-size:14px;color:#666;}
#tinymce blockquote p,#tinymce blockquote div{margin-bottom:0}
#tinymce table{margin-bottom:1em;width:100%}
#tinymce table p,#tinymce table div{margin-bottom:0}
#tinymce table th{background-color:#E8F6FF!important;}
#tinymce table caption {text-align:center;font-size:14px;font-weight:bold;line-height:1.8em}
#tinymce ul{list-style-type:disc;padding:0 0 0 10px}
#tinymce ul li{margin:0 0 0 10px}
#tinymce ol{list-style-type:decimal;}
#tinymce ol li{margin:0 0 0 10px;padding:0 0 0 10px}
#tinymce table.tableforshow{border:0!important;border-collapse:collapse!important;border-bottom:1px solid #CCCCCC!important;border-right:1px solid #CCCCCC!important;margin-bottom:14px!important;width:100%;font:inherit}
#tinymce table.tableforshow th,#tinymce table.tableforshow td{border:0!important;border-left:1px solid #CCCCCC!important;border-top:1px solid #CCCCCC!important;color:#333333;padding:0.5em!important;margin:0!important;font:inherit}
#tinymce table.tableforshow th{background-color:#E8F6FF!important;}
#tinymce table.tableforshow tr:hover{background-color:#F2F7FB!important;transition:all 0.6s}
#tinymce table.tableforshow caption {text-align:center;font-size:14px;font-weight:bold;line-height:1.8em}
#tinymce table.ghbs tr:nth-child(odd){ background: #eee; }
#tinymce table.ghbs tr:nth-child(even){ background: #fff; }
/*for 编辑器预览，前台模板也可以用*/
#content {padding:10px;font-size:14px}
#content a{color:#008ee6}
#content h2{font-size:32px;margin-bottom:0.3em}
#content h3{font-size:26px;margin-bottom:0.3em}
#content h4{font-size:22px;margin-bottom:0.3em}
#content p{margin-bottom:1em;font-size:14px}
#content div{margin-bottom:1em;font-size:14px}
#content img{max-width:100%;height:auto}
#content em{font-style:italic}
#content ul{list-style-type:disc;padding:0 0 0 10px}
#content ul li{margin:0 0 0 10px;}
#content ol{list-style-type:decimal;padding:0 0 0 10px}
#content ol li{margin:0 0 0 10px}
#content pre { border-left: 3px solid #DBDBDB; padding: 10px; background-color:#F8F8F8; margin-bottom:1em;font-size:14px;color:#666;white-space:normal;font: inherit; }
#content blockquote { border: 1px solid #DBDBDB; padding: 10px 12px;background-color:#F8F8F8; margin-bottom:1em; font-size:14px;color:#666;}
#content blockquote p,#content blockquote div{margin-bottom:0}
#content table.tableforshow{border:0!important;border-collapse:collapse!important;border-bottom:1px solid #CCCCCC!important;border-right:1px solid #CCCCCC!important;margin-bottom:14px!important;width:100%;font:inherit}
#content table.tableforshow p,#content table.tableforshow div{margin-bottom:0}
#content table.tableforshow th,#content table.tableforshow td{border:0!important;border-left:1px solid #CCCCCC!important;border-top:1px solid #CCCCCC!important;color:#333333;padding:0.5em!important;margin:0!important;font:inherit}
#content table.tableforshow th{background-color:#E8F6FF!important;}
#content table.tableforshow tr:hover{background-color:#F2F7FB!important;transition:all 0.6s}
#content table.tableforshow caption {text-align:center;font-size:14px;font-weight:bold;line-height:1.8em}
#content table.ghbs tr:nth-child(odd){ background: #f7f7f7; }
#content table.ghbs tr:nth-child(even){ background: #fff; }
</style>
</head>
<body>
<div class="footer">
<div class="footer-main w1500">
<div class="footer-logo">
<div class="footer-share">
<a class="wechat" href="javascript:;">
</a>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<a class="footer-nav-typename" href="1326.html">关于我们</a>
<ul>
<li>
<a href="1326.html"><span>公司简介</span></a>
</li>
<li>
<a href="1327.html"><span>企业文化</span></a>
</li>
<li>
<a href="1328.html"><span>发展历程</span></a>
</li>
<li>
<a href="1329.html"><span>荣誉资质</span></a>
</li>
</ul>
</div>
<div class="footer-nav-item">
<a class="footer-nav-typename" href="1332.html">业务布局</a>
<ul>
<li>
<a href="1332.html"><span>装备制造</span></a>
</li>
<li>
<a href="1339.html"><span>生物制药</span></a>
</li>
<li>
<a href="1346.html"><span>健康产业</span></a>
</li>
</ul>
</div>
<div class="footer-nav-item">
<a class="footer-nav-typename" href="1354.html">解决方案</a>
<ul>
<li>
<a href="1354.html"><span>检验产品</span></a>
</li>
<li>
<a href="1355.html"><span>病理产品</span></a>
</li>
<li>
<a href="1356.html"><span>产品生产</span></a>
</li>
</ul>
</div>
<div class="footer-nav-item">
<a class="footer-nav-typename" href="1358.html">新闻中心</a>
<ul>
<li>
<a href="1358.html"><span>公司新闻</span></a>
</li>
<li>
<a href="1360.html"><span>信息公开</span></a>
</li>
</ul>
</div>
<div class="footer-nav-item">
<a class="footer-nav-typename" href="1365.html">加入我们</a>
<ul>
<li>
<a href="1365.html"><span>人才理念</span></a>
</li>
<li>
<a href="1366.html"><span>社会招聘</span></a>
</li>
<li>
<a href="1367.html"><span>校园招聘</span></a>
</li>
</ul>
</div>
<div class="footer-nav-item">
<a class="footer-nav-typename" href="1369.html">党建园地</a>
<ul>
<li>
<a href="1369.html"><span>党建聚焦</span></a>
</li>
<li>
<a href="1370.html"><span>学习动态</span></a>
</li>
<li>
<a href="1371.html"><span>党史学习教育</span></a>
</li>
</ul>
</div>
<div class="footer-nav-item">
<a class="footer-nav-typename" href="161.html">联系我们</a>
<ul>
<li>
<a href="161.html"><span>联系我们</span></a>
</li>
</ul>
</div>
</div>
<div class="footer-contact">
<p>
<a href="javascript:;"> 地址：北京海淀区中关村科技发展大厦 联系电话 客服：400-000-0000 投诉：010-00000000 邮箱： 776560293@qq.com </a>
</p>
</div>
<div class="footer-bottom">
<div class="footer-link footer-copyright">
<p>Copyright © 企业集体有限责任公司</p>
</div>
<div class="footer-link">
<a href="https://beian.miit.gov.cn/" target="_blank"> 京ICP备100011043号 </a>
</div>
</div>
</div>
</div>
</body>
</html>页面效果图：（100%以下的元素)
150%以下的元素
200%以下的元素
500%以下的元素
首页产品中心模块
代码：
<!-- 工厂设备 -->
<div class="honor clearfix wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<div class="container">
<div class="row">
<div class="tit">
<h1><a href="caselist.html">Production Equipment</a></h1>
<h2><a href="caselist.html">设备·展示</a></h2>
<ul>
<a href="caselist.html">产房展示</a>
<a href="caselist.html">设备展示</a>
<a href="caselist.html">环保设备</a>
</ul>
</div>
<div class="honor-cont slick-initialized slick-slider">
<div class="smm">
<div class="pro-ri slick-initialized slick-slider aos-init" >
<div id="owl-demo" class="owl-carousel">
<div class="item"> <a class="btn21" href="news.html "> <img class="lazyOwl" data-src="static/picture/1617799323512719.jpg" alt="设备展示0">
<h1>设备展示0</h1>
</a> </div>
<div class="item"> <a class="btn21" href="news.html "> <img class="lazyOwl" data-src="static/picture/1617799333523970.jpg" alt="案例展示">
<h1>案例展示</h1>
</a> </div>
<div class="item"> <a class="btn21" href="news.html "> <img class="lazyOwl" data-src="static/picture/1617799342406785.jpg" alt="案例展示">
<h1>案例展示</h1>
</a> </div>
<div class="item"> <a class="btn21" href="news.html "> <img class="lazyOwl" data-src="static/picture/1617799358235379.jpg" alt="大获全胜 扎克伯格如何赢得与议员的当面对峙">
<h1>大获全胜 扎克伯格如何赢得与议员的当面对峙</h1>
</a> </div>
</div>产品中心页面效果图：
代码：
<div class="th-head">
<div class="thHeadBox">
<!-- 手机端导航--开始 -->
<div class="m_img">
<div class="headlf"> <a href="index.html"> <img class="m_logo" src="static/picture/1618754893208887.png" /></a> </div>
<div class="headrg"> <a href="javascript:;" class="a_js"> <img class="m_menuimg" src="static/picture/m_menuimg.png" /></a> </div>
</div>
<div class="m_nav">
<div class="closecover a_closed"></div>
<div class="closeicon"> <a href="javascript:;" class="a_closed"> <img src="static/picture/close.png" width="22" /></a> </div>
<div class="m_navList">
<ul>
<li>
<div class="m_f_a"> <a href="index.html">网站首页</a> <i></i> </div>
<div class="m_s_nav"></div>
</li>
<li>
<div class="m_f_a"> <a href="about.html">关于我们</a><i></i> </div>
<div class="m_s_nav">
<a href="about.html">公司简介</a> <a href="wenhua.html">企业文化</a>
</div>
</li>
<li>
<div class="m_f_a"> <a href="newslist.html">新闻中心</a><i></i> </div>
<div class="m_s_nav">
<a href="newslist.html">公司新闻</a> <a href="newslist.html">行业新闻</a>
</div>
</li>
<li>
<div class="m_f_a"> <a href="productlist.html">产品展示</a><i></i> </div>
<div class="m_s_nav">
<a href="productlist.html">产品分类二</a> <a href="productlist.html">产品分类三</a> <a href="productlist.html">产品分类四</a> <a href="productlist.html">产品分类五</a> <a href="productlist.html">产品分类六</a> <a href="productlist.html">产品分类七</a>
</div>
</li>
<li>
<div class="m_f_a"> <a href="caselist.html">设备展示</a><i></i> </div>
<div class="m_s_nav">
<a href="caselist.html">产房展示</a> <a href="caselist.html">设备展示</a> <a href="caselist.html">环保设备</a>
</div>
</li>
<li>
<div class="m_f_a"> <a href="contact.html">联系我们</a><i></i> </div>
<div class="m_s_nav">
<a href="contact.html">联系方式</a> <a href="contact.html">在线留言</a>
</div>
</li>
</ul>
</div>
</div>
<!-- 手机端导航--结束 -->
<script type="text/javascript" src='static/js/script.js'></script>
<div class="container hidden-xs hidden-sm wow fadeInUp top2" style="visibility: visible; animation-name: fadeInUp;">
<div class="row">
<div class="col-md-3"> <a class="logo" href="index.html"> <img alt="湖南某某某网络科技有限公司" src="static/picture/1618754893208887.png"> </a> </div>
<div class="col-md-9">
<div class="navBar2">
<ul class="bignav">
<li id="m1" class="m on">
<h3><a href="index.html"> 网站首页</a> </h3>
</li>
<li id="m1" class="m">
<h3><a href="about.html">关于我们<span class="caret"></span></a> </h3>
<div class="sub" style="display: none;">
<dl>
<dt><a href="about.html">公司简介</a></dt>
<dt><a href="wenhua.html">企业文化</a></dt>
</dl>
<div class="subr">
<p style="white-space: normal;"><img src="static/picture/1618504497295033.jpg" alt="关于我们"></p>
</div>
</div>
</li>
<li id="m1" class="m">
<h3><a href="newslist.html">新闻中心<span class="caret"></span></a> </h3>
<div class="sub" style="display: none;">
<dl>
<dt><a href="newslist.html">公司新闻</a></dt>
<dt><a href="newslist.html">行业新闻</a></dt>
</dl>
<div class="subr">
<p style="white-space: normal;"><img src="static/picture/1618504519286946.jpg" alt="新闻中心"></p>
</div>
</div>
</li>
<li id="m1" class="m">
<h3><a href="productlist.html">产品展示<span class="caret"></span></a> </h3>
<div class="sub" style="display: none;">
<dl>
<dt><a href="productlist.html">产品分类二</a></dt>
<dt><a href="productlist.html">产品分类三</a></dt>
<dt><a href="productlist.html">产品分类四</a></dt>
<dt><a href="productlist.html">产品分类五</a></dt>
<dt><a href="productlist.html">产品分类六</a></dt>
<dt><a href="productlist.html">产品分类七</a></dt>
</dl>
<div class="subr">
<p style="white-space: normal;"><img src="static/picture/1618504531568989.jpg" alt="产品展示"></p>
</div>
</div>
</li>
<li id="m1" class="m">
<h3><a href="caselist.html">设备展示<span class="caret"></span></a> </h3>
<div class="sub" style="display: none;">
<dl>
<dt><a href="caselist.html">产房展示</a></dt>
<dt><a href="caselist.html">设备展示</a></dt>
<dt><a href="caselist.html">环保设备</a></dt>
</dl>
<div class="subr">
<p style="white-space: normal;"><img src="static/picture/1618504545800791.jpg" alt="设备展示"></p>
</div>
</div>
</li>
<li id="m1" class="m">
<h3><a href="contact.html">联系我们<span class="caret"></span></a> </h3>
<div class="sub" style="display: none;">
<dl>
<dt><a href="contact.html">联系方式</a></dt>
<dt><a href="contact.html">在线留言</a></dt>
</dl>
<div class="subr">
<p style="white-space: normal;"><img src="static/picture/1618504556487628.jpg" alt="联系我们"></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(".bignav").slide({
type: "menu",
titCell: ".m",
targetCell: ".sub",
effect: "slideDown",
delayTime: 300,
triggerTime: 0,
returnDefault: true
});
</script>
</div>
</div>
</div>
<!-- 首页banner -->
<div class="neibanner wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;" >
<div> <img src="static/picture/1617807510252136.jpg" class="img">
<div class="text animate" data-animate="fadeInUp" data-duration="1.0s" data-delay="0.2s">
<h1>HELP </h1>
<h2>产品分类五</h2>
</div>
</div>
<!-- 分类 -->
<div class="con1 wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<div class="container">
<div class="public">
<div class="public2">
<div class="row">
<div class="lic">
<div class="xypg-right-mbx"> <span class="cur-pos"><i class="iconfont icon-dizhi"><img src="static/picture/home.png"></i>当前位置：<a href="index.html">首页</a>>><a href="productlist.html">产品展示</a>>><a href="productlist.html">产品分类五</a></span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="mul container">
<li ><a href="productlist.html">产品分类二</a></li>
<li ><a href="productlist.html">产品分类三</a></li>
<li ><a href="productlist.html">产品分类四</a></li>
<li class="active"><a href="productlist.html">产品分类五</a></li>
<li ><a href="productlist.html">产品分类六</a></li>
<li ><a href="productlist.html">产品分类七</a></li>
</ul>
<!-- 产品内页 -->
<div class="product wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<div class="first">
<div class="container" >
<div class="row">
<div class="left">
<div class="content"> <img class="light-zoom" src="static/picture/1617806019425174.jpg"> </div>
</div>
<div class="right">
<h1><a href="productlist.html">产品展示 </a></h1>
<p>所属分类：<a href="productlist.html">产品分类五</a></p>
<p>产品规格： </p>
<p>发布时间：2020-11-14 </p>
<p>访问数量：255 </p>
<h2><a href="contact.html">咨询详情</a></h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="product_info">
<div class="product_info_mm">
<div class="info_title relative"> <b>产品概述：</b> </div>
<div class="content_table"> <p>时下，微信的用户量每年均在上升，现在已经超过了三亿。借此机会，许多企业网站希望通过建立有效的微平台的方式来做网站的推广。从而诞生了一种新型的营销模式-微营销！那么，微信公众平台的几个功能远远不够企业所用，而自主研发又显得力不足，此时就需要通过第三方网站来实现。那么，微网站的建设的步伐到底该如何前进呢？具体方法有哪些呢？现在某某某网和大家一起来听听业内人士的解析吧！</p><p><br/></p><p>首先，企业要先成为微服务网站的用户，需要在网站上注册一下，接下来再点击配置，这时候就可以自动配置好其与微信公众平台的开发接口，接下来就需要在网站的后台进行简单的设置即可以完成任务。</p><p> </p><p>第二，注册成功之后就可以选择个性化管理任务了。这时候需要选择微网站页面，然后再编辑内容，最好再添加设置即可看到所展示的内容。</p><p> </p><p>第三，微网站需要增加一些美化的功能，这样才不至于使网站显得单调。为了让网站可以看起来颜色更加丰富，此时就需要增加一定的美化功能了。如何美化呢？大家可以通过新增栏目、模板设置的方法来实现。为了使企业网站可以有效地节省成本，微信管理服务中已经为用户配置了几款网站编辑模板，此时只要经过简单的个性就可以快速生成属于企业自己的微网站。</p><p> </p><p><br style="white-space: normal;"/></p><p><br/></p> </div>
</div>
<div class="xypg-detail-tags">
<div class="tags-title">
<h3>欢迎留言洽询详细信息！</h3>
</div>
</div>
<div class="promessage">
<div class="contact-form wow fadeInLeft" style="visibility: visible; animation-name: fadeInLeft;">
<form action="message/" method="post">
<input type="text" name="contacts" placeholder="姓名：" >
<input type="text" name="mobile" placeholder="手机：" >
<input type="text" name="content" placeholder="内容" cols="30" rows="10">
<input type="text" name="checkcode" placeholder="验证码" >
<img title="点击刷新" src="static/picture/code.php" onclick="this.src='/pb55/core/code.php?'+Math.round(Math.random()*10);" />
<input type="submit" value="提交">
</form>
</div>
</div>
<!-- 上下页开始 -->
<div class="xypg-detail-pn">
<div> <b>上一篇：</b> <a href="productlist.html">产品展示</a> </div>
<div> <b>下一篇：</b> <a href="productlist.html ">产品展示</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 联系我们 -->
<div class="contact wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<div class="container">
<div class="row">
<div class="ft"><a href="#top"><img src="static/picture/ft.png"></a></div>
<div class="cont2">
<div class="cont2_r">
<p class="logo"><img src="static/picture/flogo.png"></p>
<P><img src="static/picture/f1.png">地址：湖南省长沙市岳麓区雷锋大道888888号</P>
<P><img src="static/picture/f2.png">手机：139776560293 联系人：先生</P>
<P><img src="static/picture/f3.png">电话：010-776560293</P>
<P><img src="static/picture/f4.png">传真：010-776560293</P>
<P><img src="static/picture/f5.png">QQ：776560293</P>
<P><img src="static/picture/f6.png">微信：goodung</P>
</div>
<div class="cont2_l">
<ul class="cc">
<li>
<h1><a href="about.html">关于我们</a></h1>
<p><a href="about.html">公司简介</a></p>
<p><a href="wenhua.html">企业文化</a></p>
</li>
<li>
<h1><a href="newslist.html">新闻中心</a></h1>
<p><a href="newslist.html">公司新闻</a></p>
<p><a href="newslist.html">行业新闻</a></p>
</li>
<li>
<h1><a href="productlist.html">产品展示</a></h1>
<p><a href="productlist.html">产品分类二</a></p>
<p><a href="productlist.html">产品分类三</a></p>
<p><a href="productlist.html">产品分类四</a></p>
<p><a href="productlist.html">产品分类五</a></p>
<p><a href="productlist.html">产品分类六</a></p>
<p><a href="productlist.html">产品分类七</a></p>
</li>
<li>
<h1><a href="caselist.html">设备展示</a></h1>
<p><a href="caselist.html">产房展示</a></p>
<p><a href="caselist.html">设备展示</a></p>
<p><a href="caselist.html">环保设备</a></p>
</li>
<li>
<h1><a href="contact.html">联系我们</a></h1>
<p><a href="contact.html">联系方式</a></p>
<p><a href="contact.html">在线留言</a></p>
</li>
</ul>
</div>
<ul class="ct">
<h1>友情链接:</h1>
<a href="https://www.yunbuluo.net" title="网站模板">网站模板</a>
</ul>
</div>
</div>
</div>
<!-- foot-->
<!-- foot-->
<div class="foot wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<div class="container">
<p class="f1">湖南某某某网络科技有限公司 版权所有 </p>
<a href="http://beian.miit.gov.cn" class="f2">皖ICP备88888888号 </a> <a href="/sitemap.xml" class="f2">网站地图 </a>
<p class="f3">网站建设：<a href="http://www.yunbuluo.net">网站模板</a></p>
</div>
</div>
</div>
<!--联系客服-->
<div class="side">
<ul>
<li id="qqonline"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=776560293&site=qq&menu=yes&from=message&isappinstalled=0"><i class="bgs1"></i>QQ咨询</a></li>
<li class="sideewm"><i class="bgs3"></i>官方微信
<div class="ewBox son"></div>
</li>
<li class="sideetel"><i class="bgs4"></i>联系电话
<div class="telBox son">
<dd class="bgs1"><span>座机</span>010-776560293</dd>
<dd class="bgs2"><span>手机</span>139776560293</dd>
</div>
</li>
<li class="sidetop" onClick="goTop()"><i class="bgs6"></i>返回顶部</li>
</ul>
</div>
2359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
