本文主要是介绍网页中一些基本元素，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
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>这篇关于网页中一些基本元素的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
