<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 全局 */
body{ margin:0; padding:0; font-size:1.0rem;}
ul, li{ list-style:none; margin:0; padding:0;}
.cur{ cursor:pointer;}

/* 文本框 */
.txt{ width:100%; height:35px; border: 1px solid #CCCCCC; outline:none; box-sizing:border-box; padding:0 5px; color:#666666;}

/* 文本区域 */
.txtArea{ width:100%; height:100px; border: 1px solid #CCCCCC; outline:none; box-sizing:border-box; padding:0 5px; color:#666666; line-height:25px;}

/* 按钮 */
.btn{ background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-right:10px; padding: 8px 15px; color: #666666; cursor:pointer; transition: all .3s;}
.btn:hover{ background-color:#2f363c; border-color:#FFFFFF; color:#FFFFFF;}

/* 分页 */
.pageCon{ margin:20px auto; width:100%; height:auto; text-align:left;}
.pageCon &gt; a{margin-right:20px; padding:5px 10px; background-color: #999; border-radius:3px; font-size:0.75rem; color:#FFF; letter-spacing:1px; text-decoration:none;}
.pageCon &gt; a[href]{ margin-right:20px; padding:5px 10px; background-color: #2f363c; border-radius:3px; font-size:0.75rem; letter-spacing:1px; color:#FFF; transition:all .3s;}
.pageCon &gt; a[href]:hover{ background-color: #999;}
.pageCon &gt; span{ margin-right:20px; color: #2f363c; font-size:0.95rem;}
.checkedPage{ background-color:#ff5722 !important;}


/* ===========PC端============= */
/* 页眉 */
/* 工具 */
.headerTools{ width:100%; height:auto; margin:0 auto; background-color:#37464D;}
.headerTools &gt; div{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; width:1200px; height:50px; margin:0 auto;}
.headerTools &gt; div &gt; div:nth-child(1){display:grid; grid-template-columns: 70px auto;}
.headerTools &gt; div &gt; div:nth-child(1) &gt; span{ float:left; display:block; color:#FFFFFF; line-height:50px; letter-spacing: 1px;}
.headerTools &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ font-size:12px;}
.headerTools &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ font-size:20px;}
.headerTools &gt; div &gt; div:nth-child(2){ text-align:right;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div{ display:inline-block; line-height:50px;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1){}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; div{ display:none; width:250px; height:50px; box-sizing:border-box;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; div &gt; input{ width:200px; height:30px; background-color: #4B585E; border:none; outline:none; padding-left:10px; padding-right:10px; border-radius: 5px 0 0 5px; box-sizing:border-box; color: #FFFFFF; font-size:14px;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; div &gt; button{ width:50px; height:30px; margin-left:-10px; background-color: #1C66AD; border:none; outline:none; border-radius:  0 5px 5px 0; box-sizing:border-box; color: #FFFFFF; font-size:12px; cursor:pointer;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; i{ display: block; color:#FFFFFF; font-size:24px; cursor:pointer; transition: all 0.3s;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; i:hover{ color:#ff5722;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2){ margin-left:40px; float:right;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2) &gt; a{ font-size:14px; color:#FFFFFF; text-decoration:none; transition: all 0.3s;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2) &gt; a:hover{ color:#ff5722;}
.headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2) &gt; span{ margin-left:5px; margin-right:5px; color:#FFFFFF; font-size:13px;}
/* 标识与导航 */
/* 标识 */
.headerLogoAndNav{ width:100%; height:auto; margin:0 auto; background-color:#FFFFFF;}
.headerLogoAndNav &gt; div{ display:grid; grid-template-columns: 550px 650px; width:1200px; height:170px; margin:0 auto;}
.headerLogoAndNav &gt; div &gt; div:nth-child(1){ width:250px;}
.headerLogoAndNav &gt; div &gt; div:nth-child(1) &gt; a &gt; img{ width:250px; height:100px; margin-top:35px; border:0;}
/* 导航 */
.headerLogoAndNav &gt; div &gt; div:nth-child(2){width:100%; margin:0 auto; margin-top:50px;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div{display:flex; justify-content:space-between; width:100%; height:100px; margin:0 auto;  box-sizing:border-box;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li{ display:block; position:relative; z-index:66; width:auto; height:100px; margin:0 -50px; box-sizing:border-box; text-align:center; line-height:60px; transition:all 0.3s;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; a{ position:relative; display:block; margin:0 50px; color:#666; font-size:1.0rem; transition:all 0.3s;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div{ position:absolute; top:97px; left:-70px; display:none; width:300px; background-color:#FFFFFF; border-top: #3F66A9 3px solid; border-radius: 10px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); overflow:hidden; box-sizing:border-box;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a{ display:grid; grid-template-columns: auto 30px; width:100%;  border-bottom:1px solid #E4E4E4; padding-left:20px; box-sizing:border-box; line-height:50px; text-align:left; transition:all 0.3s;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a &gt; span{ display:inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#666666; font-size:1.0rem;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a &gt; i{ color:#666666; font-size:1.0rem;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:last-child{ border-bottom:none;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li:hover &gt; a{ color:#3F66A9; font-weight:bold;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li:hover &gt; div{ display:block;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:hover{ background-color:#737373; color:#FFF;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:hover &gt; span{ color:#FFFFFF;}
.headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:hover &gt; i{ color:#FFFFFF;}
.topNavChecked &gt; a{color:#3F66A9 !important; font-weight:bold !important;}

/* 首页 */
/* 页眉广告 */
.indexHeaderAds{ position:relative; z-index:6; width:100%; height:650px; margin:0 auto; padding-bottom:20px; box-sizing:border-box;}
.indexHeaderAds &gt; span{ position:absolute; z-index:999; display:none; width:100%; height:800px;}
.indexHeaderAds &gt; div &gt; div &gt; div{ overflow:hidden;}
.indexHeaderAds &gt; div &gt; div &gt; div &gt; a &gt; img{ width:100%; height:100%; object-fit: cover;}
/* 关于我们 */
/* 关于 */
.indexAboutUs{ width:100%; height:auto; margin:0 auto; background:url(../Img/01.JPG) no-repeat center center; text-align:right;}
.indexAboutUs &gt; div:nth-child(1){ display:inline-block; width: calc(100vw - (100vw - 1200px + 24px)/2); height:auto; margin-top:50px; text-align:left;}
.indexAboutUs &gt; div:nth-child(1) &gt; div{ display:grid; grid-template-columns: 750px 100px auto;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1){}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span{ display:block;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ margin-top:100px; font-size:24px; color:#212B4F;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ margin-top:20px; font-size:46px; color:#212B4F; font-style:italic;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; img:nth-child(3){ width:360px; height:60px;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(4){ margin-top:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-indent: 30px; font-size:14px; color:#696969; text-align:justify; line-height:30px;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; a:nth-child(5){ display:block; margin-top:30px; width:120px; height:40px; background-color:#1C66AD; color:#FFFFFF; font-size:16px; text-align:center; line-height:40px; transition:all 0.3s;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; a:nth-child(5):hover{ background-color:#ff5722; color:#FFFFFF;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(3){ overflow:hidden; text-align:right;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(3) &gt; img{ width:680px; height:550px; transition:all 0.6s;}
.indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(3):hover &gt; img{transform:scale(1.25, 1.25);}
/* 实力 */
.indexAboutUs &gt; div:nth-child(2){ display: grid; grid-template-columns: auto 200px auto 200px auto 200px auto; width:1200px; height:auto; margin:0 auto; margin-top:50px; text-align:left;}
.indexAboutUs &gt; div:nth-child(2) &gt; div{ width:100%; box-sizing:border-box;}
.indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(1){}
.indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ color:#1C66AD; font-size:54px; font-weight:bold;}
.indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ margin-left:20px; color:#000000; font-size:14px;}
.indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(2){ color:#757575; font-size:14px;}
.indexAboutUs &gt; div:nth-child(2) &gt; span{ display:block; width:1px; height:50px; margin:0 auto; margin-top:10px; border-right:#BEBABA 1px solid;}
/* 设备与备件 */
/* 推荐 */
.indexProductRec{ width:100%; height:auto; margin:0 auto; margin-top:50px; background-color:#F9FAFA;}
.indexProductRec &gt; span{ position:absolute; z-index:999; display:none; width:100%; height:750px;}
.indexProductRec &gt; div{ width:100%; height:auto; margin:0 auto;}
.indexProductRec &gt; div &gt; div:nth-child(1){ margin:0 auto; padding-top:50px;}
.indexProductRec &gt; div &gt; div:nth-child(1) &gt; span{ display:block; text-align:center;}
.indexProductRec &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ color:#EDEDED; font-size:60px; font-weight:bold;}
.indexProductRec &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ color:#000000; font-size:40px; font-weight:bold;}
.indexProductRec &gt; div &gt; div:nth-child(1) &gt; span:nth-child(3){ margin-top:10px; color:#666666; font-size:14px;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div{ margin-top:50px;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div{ width:100%; height:auto; margin:0 auto; background:url(../Img/03.jpg) no-repeat center center;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div{ display: grid; grid-template-columns: 700px 60px 440px; width:1200px; height:500px; margin:0 auto; overflow:hidden;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(1){ width:100%; height:500px; margin:0 auto; overflow:hidden;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(1) &gt; img{ width:100%; height:100%; transition:all 0.3s;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(1):hover &gt; img{transform:scale(1.25, 1.25);}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3){ width:100%; height:500px; margin:50px auto;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; span:nth-child(1){ display:block; margin-top:10px; color:#FFFFFF; font-size:30px;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; hr:nth-child(2){ margin-top:20px; margin-bottom:20px; width:100px; border-bottom: #FFFFFF 2px solid;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; div:nth-child(3){}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; div:nth-child(3) &gt; div{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:25px; color:#FFFFFF; font-size:14px;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; div:nth-child(3) &gt; div &gt; span:nth-child(2n+1){ font-weight:bold;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; hr:nth-child(4){margin-top:20px; margin-bottom:20px; border-bottom: #FFFFFF 1px solid;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; a:nth-child(5){color:#FFFFFF; transition:all 0.3s;}
.indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; a:nth-child(5):hover{ color:#ff5722;}
/* 轮播 */
.indexProductSlide{ width:100%; height:510px; margin:0 auto; background:url(../Img/04.jpg) no-repeat center center; padding-top:1px;}
.indexProductSlide &gt; div{ width:1200px; height:410px; margin:0 auto; margin-top:50px;}
.indexProductSlide &gt; div &gt; div{ position:relative; width:100%; height:410px; margin:0 auto; box-sizing:border-box;}
.indexProductSlide &gt; div &gt; div &gt; div{ position:relative; width:100%; height:410px; margin:0 auto; overflow: hidden;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul{position: absolute; left: 0;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li{ position:relative; display: flex; justify-content: center; align-items: center; float: left; list-style: none; width: 285px; height: 410px; margin-left:10px; margin-right:10px; box-sizing:border-box;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; div{ position:absolute; width:285px; height:410px; background:url(../Img/05.png) repeat-x bottom;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; span{ position:absolute; bottom:20px; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:center; color:#FFFFFF; font-size:18px;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; a{ display: grid; justify-items: center; align-items: center; width: 285px; height: 410px; font-size:2.5rem; color: #C8C8C8; letter-spacing:2px; overflow:hidden;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; a &gt; img{width:100%; height:100%; transition: all 0.3s;}
.indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li:hover &gt; a &gt; img{transform:scale(1.25, 1.25);}
.indexProductSlide &gt; div &gt; div &gt; span{ position:absolute; top:180px; display:block; width:50px; height:50px; background-color:#7A7A7A; border-radius:50px; box-sizing:border-box; text-align:center; line-height:50px; cursor:pointer; transition:0.3s;}
.indexProductSlide &gt; div &gt; div &gt; span &gt; i{ font-size:2.0rem; color:#FFF;}
.indexProductSlide &gt; div &gt; div &gt; span:nth-of-type(1){ left:-100px;}
.indexProductSlide &gt; div &gt; div &gt; span:nth-of-type(2){ right:-100px;}
.indexProductSlide &gt; div &gt; div &gt; span:hover{ background-color: #CCC;}
.indexProductSlide &gt; div &gt; div &gt; span:hover &gt; i{ color: #333;}

/* 服务 */
.indexService{ width:100%; height:620px; margin:0 auto; padding-top:1px;}
.indexService &gt; div:nth-child(1){ position:relative; width:620px; height:60px; margin:0 auto; margin-top:50px;}
.indexService &gt; div:nth-child(1) &gt; span{ position:absolute; font-size:72px; color: rgba(255,255,255,0.5); font-weight:bold;}
.indexService &gt; div:nth-child(1) &gt; div{ position:absolute; bottom:-10px; right:0; font-size:21px;}
.indexService &gt; div:nth-child(1) &gt; div &gt; span:nth-child(1){ color:#212B4F; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.indexService &gt; div:nth-child(1) &gt; div &gt; span:nth-child(2){ color:#FFFFFF;}
.indexService &gt; span:nth-child(2){ display:block; margin:0 auto; margin-top:30px; text-align:center; color:#444242; font-size:14px;}
.indexService &gt; div:nth-child(3){ width:1200px; height:620px; margin:0 auto; margin-top:50px; padding-top:1px;}
.indexService &gt; div:nth-child(3) &gt; a{ display:inline-block; width:110px; margin-top:70px; margin-right:150px; text-align:center;}
.indexService &gt; div:nth-child(3) &gt; a &gt; i{ display:block; font-size:80px; color:#1C66AD; transition:all 0.3s;}
.indexService &gt; div:nth-child(3) &gt; a &gt; span{ display:block; line-height:40px; font-size:20px; color:#000000; transition:all 0.3s;}
.indexService &gt; div:nth-child(3) &gt; a:hover &gt; i{ color:#ff5722;}
.indexService &gt; div:nth-child(3) &gt; a:hover &gt; span{ color:#ff5722;}
/* 企业新闻 */
/* 标题 */
.indexNews{ width:100%; height:auto; margin:0 auto; background:url(../Img/06.jpg) repeat; padding-top:1px;}
.indexNews &gt; div:nth-child(1){ display:grid; grid-template-columns: 500px auto 48px; width:1200px; height:auto; margin:0 auto; margin-top:50px;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1){ position:relative; width:100%; height:90px;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; span{ position:absolute; top:10px; font-size:56px; color:#212B4F; font-weight:bold;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; img{ position:absolute; left:250px;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div{ position:absolute; top:20px; left:330px;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div &gt; span{ display:block;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div &gt; span:nth-child(1){ color:#999999; font-size:18px;}
.indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div &gt; span:nth-child(2){ color:#212B4F; font-size:24px;}
.indexNews &gt; div:nth-child(1) &gt; a:nth-child(3){ display:block; width:48px; height:51px; margin-top:10px; background:url(../Img/08_1.png) no-repeat center center; transition:all 0.3s;}
.indexNews &gt; div:nth-child(1) &gt; a:nth-child(3):hover{ background:url(../Img/08_2.png);}
/* 列表 */
.indexNews &gt; div:nth-child(2){ width:1200px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.indexNews &gt; div:nth-child(2) &gt; a{ display:inline-block; width:360px; height:410px; margin-right:50px; box-sizing:border-box; vertical-align:text-top;}
.indexNews &gt; div:nth-child(2) &gt; a:last-child{ margin-right:0px;}
.indexNews &gt; div:nth-child(2) &gt; a &gt; div{ width:100%; height:200px; overflow:hidden;}
.indexNews &gt; div:nth-child(2) &gt; a &gt; div &gt; img{ width:100%; height:100%; object-fit: cover; transition:all 0.3s;}
.indexNews &gt; div:nth-child(2) &gt; a &gt; span{ display:block; margin-top:20px; transition:all 0.3s;}
.indexNews &gt; div:nth-child(2) &gt; a &gt; span:nth-child(2){ font-size:24px; color:#666666;}
.indexNews &gt; div:nth-child(2) &gt; a &gt; span:nth-child(3){ font-size:24px; color:#000000; line-height:30px; text-align:justify;}
.indexNews &gt; div:nth-child(2) &gt; a &gt; span:nth-child(4){ overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:14px; color:#666666; line-height:23px; text-align:justify;}
.indexNews &gt; div:nth-child(2) &gt; a:hover &gt; div &gt; img{transform:scale(1.25, 1.25);}
.indexNews &gt; div:nth-child(2) &gt; a:hover &gt; span{ color:#FF5722;}
/* 页脚 */
.footerCon{ width:100%; height:auto; margin:0 auto; background-color:#37454C; padding-top:1px;}
.footerCon &gt; div{display:grid; grid-template-columns:auto 60px auto 60px auto 60px auto 60px auto 60px auto; width:1200px; height:auto; margin:0 auto; margin-top:80px; padding-bottom:30px; background:url(../Img/09.png) no-repeat bottom left;}
.footerCon &gt; div &gt; div &gt; span{ display:block; margin-bottom:20px; font-size:18px; color:#FFFFFF;}
.footerCon &gt; div &gt; div &gt; a{ display:block; font-size:14px; color:#8A9094; line-height:35px; transition:all 0.3s;}
.footerCon &gt; div &gt; div &gt; a:hover{ color:#FF5722;}
.footerCon &gt; div &gt; div &gt; img{ display:block; margin:0 auto;}
.footerCon &gt; div &gt; div:nth-child(9) &gt; span{ font-size:14px; text-align:center; margin-top:10px;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(1){ display:grid; grid-template-columns:70px auto;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(1) &gt; a &gt; img{ display:block; width:175px; height:70px; margin-bottom:20px;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2){ display:grid; grid-template-columns:290px 60px; width:350px; height:60px; box-sizing:border-box;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; input{ width:290px; height:60px; background-color: #4B585E; border:none; outline:none; padding-left:10px; padding-right:10px; border-radius: 5px 0 0 5px; box-sizing:border-box; color: #FFFFFF; font-size:14px;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; button{ width:60px; height:60px; background-color: #1C66AD; border:none; outline:none; border-radius: 0 5px 5px 0; box-sizing:border-box; cursor:pointer;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; button &gt; i{ color:#FFFFFF; font-size:30px; transition: all 0.3s;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; button:hover &gt; i{ color:#FF5722;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(3){ margin-top:20px;}
.footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(3) &gt; a{ margin-right:5px;}
.footerCopyRight{width:100%; height:auto; margin:0 auto; background-color:#37454C; border-top: 1px solid #4D5960; color:#FFFFFF; font-size:14px; text-align:center; line-height:40px;}
.footerCopyRight &gt; a{ color:#FFFFFF; font-size:14px; transition:all 0.3s;}
.footerCopyRight &gt; a:hover{ color:#FF5722;}
/* 网站违法信息举报方式 */
.footerReport{ width:100%; height:auto; margin:0 auto; background-color:#FF0000; line-height:40px; text-align:center; color:#FFFFFF; font-size:14px;}
.footerReport &gt; a{ color:#FFFFFF; font-size:14px; transition:all 0.3s;}
.footerReport &gt; a:hover{ color:#FF5722;}

/* 栏目 */
/* 页眉广告 */
.columnHeaderAds{ position:relative; z-index:6; width:100%; height:100px; margin:0 auto; padding-bottom:20px; box-sizing:border-box;}
.columnHeaderAds &gt; span{ position:absolute; z-index:999; display:none; width:100%; height:800px;}
.columnHeaderAds &gt; div &gt; div &gt; div{ overflow:hidden;}
.columnHeaderAds &gt; div &gt; div &gt; div &gt; a &gt; img{ width:100%; height:100%; object-fit: cover;}
/* 主体 */
/* 面包屑导航 */
.columnCrumbs{ width:100%; height: auto; margin:0 auto; background-color:#FAFAFA; border-bottom:1px solid #F0F0F0;}
.columnCrumbs &gt; div{ display:grid; grid-template-columns:auto auto; width:1200px; height: auto; margin:0 auto; line-height:50px;}
.columnCrumbs &gt; div &gt; span{ text-align:left; font-size:24px; color:#000000;}
.columnCrumbs &gt; div &gt; div{ text-align:right; font-size:14px;}
/* 容器 */
.columnCon{ display:grid; grid-template-columns:300px 50px 850px; width:1200px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:50px; padding-top:1px;}
/* 左侧 */
/* 栏目导航 */
.columnCon &gt; div:nth-child(1){}
.columnCon &gt; div:nth-child(1) &gt; div{ display:none;}
.columnCon &gt; div:nth-child(1) &gt; a{ display:block; display:grid; grid-template-columns:5px auto 20px; width:100%; height:auto; margin-bottom:20px; background-color:#1C66AD; border-radius1:0 10px 10px 0; transition:all 0.3s;}
.columnCon &gt; div:nth-child(1) &gt; a &gt; div:nth-child(1){ background-color:#FF5722; transition:all 0.3s;}
.columnCon &gt; div:nth-child(1) &gt; a &gt; div:nth-child(2){ height:80px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-left:20px; box-sizing:border-box; line-height:80px; color:#FFF; font-size:18px;}
.columnCon &gt; div:nth-child(1) &gt; a &gt; div:nth-child(3){transition:all 0.3s;}
.columnCon &gt; div:nth-child(1) &gt; a:hover{ background-color:#212B4F;}
.columnCon &gt; div:nth-child(1) &gt; a:hover &gt; div:nth-child(1){ background-color:#FF0000;}
.columnCon &gt; div:nth-child(1) &gt; a:hover &gt; div:nth-child(3){ background:url(../Img/12.PNG) no-repeat center center;}
.columnNavChecked{ background-color:#212B4F !important;}
.columnNavChecked &gt; div:nth-child(1){ background-color:#FF0000 !important;}
.columnNavChecked &gt; div:nth-child(3){ background:url(../Img/12.PNG) no-repeat center center !important;}
/* 右侧 */
/* 标题 */
.columnCon &gt; div:nth-child(3){}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(1){ display:grid; grid-template-columns:5px auto; line-height:50px;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(1) &gt; div{ background-color:#1C66AD;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(1) &gt; span{ margin-left:20px; font-size:24px;}
/* 内容 */
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(2){ box-sizing:border-box; margin-top:30px; text-align:justify; line-height:30px;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) img{ display:block; max-width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) hr{ border-bottom:1px solid #0099FF;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) video{ background-color:#000;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) td{ border:1px solid #999; padding:2px 10px; box-sizing:border-box;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(3){ display:flex; justify-content:space-between; margin-top:20px; margin-bottom:20px;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(3) &gt; div &gt; span{ color:#1C66AD; font-size:14px;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(3) &gt; div &gt; a{ font-size:14px;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(5){ text-align:right;}
.columnCon &gt; div:nth-child(3) &gt; div:nth-child(5) &gt; span{ margin-left:30px; font-size:14px;}
/* 补充 */
/* 列表：工厂实拍 */
.aboutUsPhotoList{ padding:0 !important; text-align:left !important;}
.aboutUsPhotoList &gt; a{ display: inline-block; width:400px; height: auto; margin-right:40px; box-sizing:border-box;}
.aboutUsPhotoList &gt; a &gt; div:nth-child(1){ width:100%; height:400px; overflow:hidden;}
.aboutUsPhotoList &gt; a &gt; div:nth-child(1) &gt; img{ margin:0 !important; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.aboutUsPhotoList &gt; a &gt; div:nth-child(2){ width:100%; height:50px; line-height:50px; text-align:center;}
.aboutUsPhotoList &gt; a:nth-child(2n){ margin-right:0;}
.aboutUsPhotoList &gt; a:hover &gt; div:nth-child(1) &gt; img{transform:scale(1.25, 1.25);}

/*列表：新闻列表2模块*/
.newsList img{ margin:0 !important;}
.newsList a{ margin:0 !important;}
.news2Module{display:flex; justify-content:flex-start; width:100%; height:120px; border-bottom:1px solid #CCC; margin:30px auto; padding-bottom:30px;}
.news2Module:last-child{ border-bottom:none;}
.news2Module &gt; div:nth-child(1){ display:none; width:170px; height:120px; margin-right:40px; overflow:hidden;}
.news2Module &gt; div:nth-child(1) &gt; img{ width:100%; height:100%; object-fit: cover; transition:all 0.3s;}
.news2Module &gt; div:nth-child(2){ width: 670px; height:120px;}
.news2Module &gt; div:nth-child(2) &gt; div:nth-child(1){ width:100%; height:30px; margin-top:-12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news2Module &gt; div:nth-child(2) &gt; div:nth-child(1){ font-size:0.95rem; font-weight:bold;}
.news2Module &gt; div:nth-child(2) &gt; div:nth-child(2){ width:100%; height:70px; margin-top:5px; font-size:0.85rem; line-height:25px; color:#3E3E3E; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news2Module &gt; div:nth-child(2) &gt; div:nth-child(3){display:flex; justify-content:space-between; width:100%; margin-top:5px; color:#999999; font-size:0.95rem;}
.news2Module:hover &gt; div:nth-child(1) &gt; img{transform:scale(1.25, 1.25);}
.news2Module:hover &gt; div:nth-child(2) &gt; div{ color: #999;}

/* 列表：设备与备件 */
.ProductList{ padding:0 !important; text-align:left !important;}
.ProductList &gt; a{ display: inline-block; width:260px; height: auto; margin-right:28px; box-sizing:border-box;}
.ProductList &gt; a &gt; div:nth-child(1){ width:100%; height:375px; overflow:hidden;}
.ProductList &gt; a &gt; div:nth-child(1) &gt; img{ margin:0 !important; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.ProductList &gt; a &gt; div:nth-child(2){ width:100%; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height:50px; text-align:center;}
.ProductList &gt; a:nth-child(3n){ margin-right:0;}
.ProductList &gt; a:hover &gt; div:nth-child(1) &gt; img{transform:scale(1.25, 1.25);}

/* 内容：设备与备件 */
.productCon{}
.productCon &gt; div:nth-child(1){ display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%; height:auto; margin:0 auto;}
.productCon1 &gt; div:nth-child(1) &gt; a{ display:block; width:260px; height:auto; margin-bottom:30px; margin-right:34px;}
.productCon1 &gt; div:nth-child(1) &gt; a:nth-child(3n){ margin-right:0;}
.productCon &gt; div:nth-child(1) &gt; a &gt; div{ width:260px; height:350px; overflow:hidden;}
.productCon &gt; div:nth-child(1) &gt; a &gt; div &gt; img{ width:100%; height:100%; object-fit: cover; margin:0 !important; transition: all 0.3s; cursor:pointer;}

.productCon &gt; div:nth-child(1) &gt; a &gt; span{ display:block; width:260px; height: auto; padding:5px 0; box-sizing:border-box; color:#000000; font-size:14px; text-align:left; line-height:20px;}

.productCon &gt; div:nth-child(1) &gt; a:hover &gt; div &gt; img{ transform:scale(1.25, 1.25);}
.productCon &gt; div:nth-child(1) &gt; a &gt; div &gt; video{ width:100%; height:100%; object-fit: cover; transition: all 0.3s; cursor:pointer;}
.productCon &gt; div:nth-child(1) &gt; a:hover &gt; div &gt; video{}
.productCon &gt; div:nth-child(2){display:grid; grid-template-columns:100px auto; width:100%; margin:0 auto; margin-top:0px;}
.productCon &gt; div:nth-child(2) &gt; div:nth-child(1){ width:100%; border-bottom:2px solid #1C66AD; color:#1C66AD; font-size:18px; font-weight:bold;}
.productCon &gt; div:nth-child(2) &gt; div:nth-child(2){ width:100%; border-bottom:2px solid #D2D0D0;}
.productCon &gt; div:nth-child(3){ margin-top:20px;}
.productCon &gt; div:nth-child(3) &gt; div{ line-height:40px;}
.productCon &gt; div:nth-child(3) &gt; div &gt; span:nth-child(1){ color:#1C66AD;}
.productCon &gt; div:nth-child(4){display:grid; grid-template-columns:100px auto; width:100%; margin:0 auto; margin-top:20px;}
.productCon &gt; div:nth-child(4) &gt; div:nth-child(1){ width:100%; border-bottom:2px solid #1C66AD; color:#1C66AD; font-size:18px; font-weight:bold;}
.productCon &gt; div:nth-child(4) &gt; div:nth-child(2){ width:100%; border-bottom:2px solid #D2D0D0;}
.productCon &gt; div:nth-child(5){ margin-top:20px;}

.widthBig{}
.widthBig &gt; a{ display:block; width:410px !important; margin-bottom:30px; margin-right:28px !important;}
.widthBig &gt; a &gt; div{ width:410px !important; height:310px !important;}
.widthBig&gt; a &gt; span{ width:410px !important;}
.widthBig &gt; a:nth-child(2n){ margin-right:0 !important;}

.widthSmall{}
.widthSmall &gt; a{ display:block; width:260px !important; margin-bottom:30px; margin-right:34px !important;}
.widthSmall &gt; a &gt; div{ width:260px !important; height:350px !important;}
.widthSmall&gt; a &gt; span{ width:260px !important;}
.widthSmall &gt; a:nth-child(3n){ margin-right:0 !important;}

.heightAuto &gt; a{ display:block; width:410px !important; margin-bottom:30px; margin-right:28px !important;}
.heightAuto &gt; a &gt; div{ width:410px !important; height:auto !important;}
.heightAuto &gt; a &gt; span{ width:410px !important;}
.heightAuto &gt; a:nth-child(2n){ margin-right:0 !important;}





/* ===========移动端（响应式）============= */

@media only screen and (max-width: 992px){

  /* 页眉 */
  /* 工具 */
  .headerTools{ width:100%; height:auto; margin:0 auto; background-color:#37464D;}
  .headerTools &gt; div{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; width:95%; height:50px; margin:0 auto;}
  .headerTools &gt; div &gt; div:nth-child(1){display:grid; grid-template-columns: 70px auto;}
  .headerTools &gt; div &gt; div:nth-child(1) &gt; span{ float:left; display:block; color:#FFFFFF; line-height:50px; letter-spacing: 1px;}
  .headerTools &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ display:none; font-size:12px;}
  .headerTools &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ font-size:16px; white-space:nowrap;}
  .headerTools &gt; div &gt; div:nth-child(2){ text-align:right;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div{ display:inline-block; line-height:50px;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1){}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; div{ display:none; width:250px; height:50px; box-sizing:border-box;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; div &gt; input{ width:200px; height:30px; background-color: #4B585E; border:none; outline:none; padding-left:10px; padding-right:10px; border-radius: 5px 0 0 5px; box-sizing:border-box; color: #FFFFFF; font-size:14px;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; div &gt; button{ width:50px; height:30px; margin-left:-10px; background-color: #1C66AD; border:none; outline:none; border-radius:  0 5px 5px 0; box-sizing:border-box; color: #FFFFFF; font-size:12px; cursor:pointer;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; i{ display: block; color:#FFFFFF; font-size:24px; cursor:pointer; transition: all 0.3s;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(1) &gt; i:hover{ color:#ff5722;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2){ margin-left:40px; float:right;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2) &gt; a{ font-size:14px; color:#FFFFFF; text-decoration:none; transition: all 0.3s;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2) &gt; a:hover{ color:#ff5722;}
  .headerTools &gt; div &gt; div:nth-child(2) &gt; div:nth-child(2) &gt; span{ margin-left:5px; margin-right:5px; color:#FFFFFF; font-size:13px;}
  /* 标识与导航 */
  /* 标识 */
  .headerLogoAndNav{ width:100%; height:auto; margin:0 auto; background-color:#FFFFFF;}
  .headerLogoAndNav &gt; div{ display: block; width:95%; height: auto; margin:0 auto;}
  .headerLogoAndNav &gt; div &gt; div{ width:250px; margin:0 auto;}
  .headerLogoAndNav &gt; div &gt; div &gt; a &gt; img{ display:block; width:250px; height:100px; margin-top:35px; border:0;}
  /* 导航 */
  .headerLogoAndNav &gt; div &gt; div:nth-child(2){ width:95%; margin-top:20px;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div{ display:grid; grid-template-columns: 25% 25% 25% 25%; width:100%; height: auto; margin:0 auto;  box-sizing:border-box;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li{ display:block; position:relative; z-index:66; width:auto; height:40px; margin:0  auto; box-sizing:border-box; text-align: center; line-height:50px; transition:all 0.3s;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; a{ position:relative; display:flex; justify-content: space-between; width:63px; margin:0; white-space:nowrap; color:#666; font-size:0.95rem; transition:all 0.3s;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div{ display:none; position: absolute; z-index:9999999; top:90px; left:0px; width:150px; height: auto; background-color:#FFFFFF; border-top: #3F66A9 3px solid; border-radius: 10px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1); overflow:hidden; box-sizing:border-box; transition:all 0.3s;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li:nth-child(4) &gt; div{ left:-90px;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li:nth-child(5) &gt; div{ top:50px;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a{ display:grid; grid-template-columns: auto 30px; width:100%;  border-bottom:1px solid #E4E4E4; padding-left:20px; box-sizing:border-box; line-height:50px; text-align:left; transition:all 0.3s;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a &gt; span{ display:inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#666666; font-size:0.75rem;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a &gt; i{ color:#666666; font-size:1.0rem;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:last-child{ border-bottom:none;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li:hover &gt; a{ color:#3F66A9; font-weight:bold;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li:hover &gt; div{ display:block;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:hover{ background-color:#737373; color:#FFF;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:hover &gt; span{ color:#FFFFFF;}
  .headerLogoAndNav &gt; div &gt; div:nth-child(2) &gt; div &gt; li &gt; div &gt; a:hover &gt; i{ color:#FFFFFF;}
  .topNavChecked &gt; a{color:#3F66A9 !important; font-weight:bold !important;}
  
  /* 首页 */
  /* 页眉广告 */
  .indexHeaderAds{ position:relative; z-index:6; width:100%; height:400px; margin:0 auto; padding-top:30px; padding-bottom:20px; box-sizing:border-box;}
  .indexHeaderAds &gt; span{ display:block; height:400px;}
  .indexHeaderAds &gt; div &gt; div &gt; div{ overflow:hidden;}
  .indexHeaderAds &gt; div &gt; div &gt; div &gt; a &gt; img{ width:100%; height:100%; object-fit: cover;}
  /* 关于我们 */
  /* 关于 */
  .indexAboutUs{ width:95%; height:auto; margin:0 auto; margin-top:-40px; background:url(../Img/01.JPG) no-repeat center center; text-align:left;}
  .indexAboutUs &gt; div:nth-child(1){ display:block; width: 100% !important; height:auto;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div{ display: block; width:100%;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1){}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span{ display:block;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ margin-top:100px; font-size:24px; color:#212B4F;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ margin-top:20px; font-size:46px; color:#212B4F; font-style:italic;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; img:nth-child(3){ width:360px; height:60px;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(4){ margin-top:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; font-size:14px; color:#696969; text-align:justify; line-height:30px; text-indent: 30px;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; a:nth-child(5){ display:block; margin-top:30px; width:120px; height:40px; background-color:#1C66AD; color:#FFFFFF; font-size:16px; text-align:center; line-height:40px; transition:all 0.3s;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(1) &gt; a:nth-child(5):hover{ background-color:#ff5722; color:#FFFFFF;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(3){ width:100%; overflow:hidden; text-align: left;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(3) &gt; img{ width:100%; height:250px; transition:all 0.6s;}
  .indexAboutUs &gt; div:nth-child(1) &gt; div &gt; div:nth-child(3):hover &gt; img{transform:scale(1.25, 1.25);}
  /* 实力 */
  .indexAboutUs &gt; div:nth-child(2){ display: grid; grid-template-columns: auto 100px auto 100px auto 100px auto; width:100%; height:110px; margin:0 auto; margin-top:30px; text-align:left; white-space:nowrap; overflow-x: scroll;}
  .indexAboutUs &gt; div:nth-child(2) &gt; div{ width:100%; box-sizing:border-box;}
  .indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(1){}
  .indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ color:#1C66AD; font-size:54px; font-weight:bold;}
  .indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ margin-left:20px; color:#000000; font-size:14px;}
  .indexAboutUs &gt; div:nth-child(2) &gt; div &gt; div:nth-child(2){ color:#757575; font-size:14px;}
  .indexAboutUs &gt; div:nth-child(2) &gt; span{ display:block; width:1px; height:50px; margin:0 auto; margin-top:10px; border-right:#BEBABA 1px solid;}
  /* 设备与备件 */
  /* 推荐 */
  /* 标题 */
  .indexProductRec{ width:95%; height:auto; margin:0 auto; margin-top:30px; background-color:#F9FAFA;}
  .indexProductRec &gt; span{ position:absolute; z-index:999; display:block; width:95%; height:690px;}
  .indexProductRec &gt; div{ width:100%; height:auto; margin:0 auto;}
  .indexProductRec &gt; div &gt; div:nth-child(1){ margin:0 auto; padding-top:30px;}
  .indexProductRec &gt; div &gt; div:nth-child(1) &gt; span{ display:block; text-align:center;}
  .indexProductRec &gt; div &gt; div:nth-child(1) &gt; span:nth-child(1){ color:#EDEDED; font-size:50px; font-weight:bold;}
  .indexProductRec &gt; div &gt; div:nth-child(1) &gt; span:nth-child(2){ color:#000000; font-size:30px; font-weight:bold;}
  .indexProductRec &gt; div &gt; div:nth-child(1) &gt; span:nth-child(3){ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top:10px; color:#666666; font-size:14px;}
  /* 向下滚动 */
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div{ margin-top:30px;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div{ width:100%; height:auto; margin:0 auto; background:url(../Img/03.jpg) no-repeat center center;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div{ display: block; width:100%; height: auto; margin:0 auto; overflow: auto;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(1){ width:100%; height:250px; margin:0 auto; overflow: hidden;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(1) &gt; img{ width:100%; height:100%; transition:all 0.3s;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(1):hover &gt; img{transform:scale(1.25, 1.25);}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3){ width:95%; height:350px; margin:25px auto;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; span:nth-child(1){ display:block; color:#FFFFFF; font-size:25px;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; span:nth-child(2){ display:block; margin-top:10px; color:#FFFFFF; font-size:20px;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; hr:nth-child(3){ margin-top:10px; margin-bottom:10px; width:100px; border-bottom: #FFFFFF 2px solid;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; div:nth-child(4){}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; div:nth-child(4) &gt; div{ line-height:25px; color:#FFFFFF; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; div:nth-child(4) &gt; div &gt; span:nth-child(2n+1){ font-weight:bold;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; hr:nth-child(5){margin-top:20px; margin-bottom:20px; border-bottom: #FFFFFF 1px solid;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; a:nth-child(6){color:#FFFFFF; transition:all 0.3s;}
  .indexProductRec &gt; div &gt; div:nth-child(2) &gt; div &gt; div &gt; div &gt; div:nth-child(3) &gt; a:nth-child(6):hover{ color:#ff5722;}
  /* 轮播 */
  .indexProductSlide{ width:95%; height:350px; margin:0 auto; background:url(../Img/04.jpg) no-repeat center center; padding-top:1px;}
  .indexProductSlide &gt; div{ width:100%; height:290px; margin:0 auto; margin-top:30px;}
  .indexProductSlide &gt; div &gt; div{ position:relative; width:100%; height:290px; margin:0 auto; box-sizing:border-box;}
  .indexProductSlide &gt; div &gt; div &gt; div{ position:relative; width:100%; height:290px; margin:0 auto; overflow: hidden;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul{position: absolute; left: 0;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li{ position:relative; display: flex; justify-content: center; align-items: center; float: left; list-style: none; width: 200px; height: 290px; margin-left:10px; margin-right:10px; box-sizing:border-box;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; div{ position:absolute; width:200px; height:290px; background:url(../Img/05.png) repeat-x bottom;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; span{ position:absolute; bottom:15px; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:center; color:#FFFFFF; font-size:14px;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; a{ display: grid; justify-items: center; align-items: center; width: 200px; height: 290px; font-size:2.5rem; color: #C8C8C8; letter-spacing:2px; overflow:hidden;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; a &gt; img{width:100%; height:100%; transition: all 0.3s;}
  .indexProductSlide &gt; div &gt; div &gt; div &gt; ul &gt; li:hover &gt; a &gt; img{transform:scale(1.25, 1.25);}
  .indexProductSlide &gt; div &gt; div &gt; span{ position:absolute; z-index:999999; top:120px; display:block; width:50px; height:50px; background-color: rgba(122,122,122,0.6); border-radius:50px; box-sizing:border-box; text-align:center; line-height:50px; cursor:pointer; transition:0.3s;}
  .indexProductSlide &gt; div &gt; div &gt; span &gt; i{ font-size:2.0rem; color:#FFF;}
  .indexProductSlide &gt; div &gt; div &gt; span:nth-of-type(1){ left:10px;}
  .indexProductSlide &gt; div &gt; div &gt; span:nth-of-type(2){ right:10px;}
  .indexProductSlide &gt; div &gt; div &gt; span:hover{ background-color: rgba(204,204,204,0.6);}
  .indexProductSlide &gt; div &gt; div &gt; span:hover &gt; i{ color: #333;}
  /* 服务 */
  .indexService{ width:100%; height: 500px; margin:0 auto; padding-top:1px;}
  .indexService &gt; div:nth-child(1){ width:95%; height:60px; margin:0 auto; margin-top:30px;}
  .indexService &gt; div:nth-child(1) &gt; span{ position:absolute; font-size:52px; color: rgba(255,255,255,0.5); font-weight:bold;}
  .indexService &gt; div:nth-child(1) &gt; div{ position:absolute; bottom:10px; right:0; font-size:16px;}
  .indexService &gt; div:nth-child(1) &gt; div &gt; span:nth-child(1){ color:#212B4F; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
  .indexService &gt; div:nth-child(1) &gt; div &gt; span:nth-child(2){ color:#FFFFFF;}
  .indexService &gt; span:nth-child(2){ display:block; margin:0 auto; margin-top:30px; text-align:center; color:#444242; font-size:14px;}
  .indexService &gt; div:nth-child(3){ width:95%; height: auto; margin:0 auto; margin-top:50px; padding-top:1px;}
  .indexService &gt; div:nth-child(3) &gt; a{ display:inline-block; width:80px; margin-top:50px; margin-right:20px; text-align:center;}
  .indexService &gt; div:nth-child(3) &gt; a &gt; i{ display:block; font-size:50px; color:#1C66AD; transition:all 0.3s;}
  .indexService &gt; div:nth-child(3) &gt; a &gt; span{ display:block; line-height:40px; font-size:16px; color:#000000; transition:all 0.3s;}
  .indexService &gt; div:nth-child(3) &gt; a:hover &gt; i{ color:#ff5722;}
  .indexService &gt; div:nth-child(3) &gt; a:hover &gt; span{ color:#ff5722;}
  /* 企业新闻 */
  /* 标题 */
  .indexNews{ width:95%; height:auto; margin:0 auto; background:url(../Img/06.jpg) repeat; padding-top:1px;}
  .indexNews &gt; div:nth-child(1){ display: gild; grid-template-columns: 260px auto 48px; width:100%; height:auto; margin:0 auto; margin-top:30px;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1){ position:relative; width:100%; height:90px;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; span{ position:absolute; top:10px; font-size:30px; color:#212B4F; font-weight:bold;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; img{ position:absolute; left:140px; width:50px; height:50px;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div{ position:absolute; top:10px; left:180px;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div &gt; span{ display:block;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div &gt; span:nth-child(1){ color:#999999; font-size:14px;}
  .indexNews &gt; div:nth-child(1) &gt; div:nth-child(1) &gt; div &gt; span:nth-child(2){ color:#212B4F; font-size:18px;}
  .indexNews &gt; div:nth-child(1) &gt; a:nth-child(3){ display:block; width:48px; height:51px; margin-top:10px; background:url(../Img/08_1.png) no-repeat center center; background-size: 70% 70%; transition:all 0.3s;}
  .indexNews &gt; div:nth-child(1) &gt; a:nth-child(3):hover{ background:url(../Img/08_2.png);}
  /* 列表 */
  .indexNews &gt; div:nth-child(2){ width:100%; height:auto; margin:0 auto; margin-top:0px; margin-bottom:0px;}
  .indexNews &gt; div:nth-child(2) &gt; a{ display:block; width:100%; height:350px; margin:0 auto; box-sizing:border-box; vertical-align:text-top;}
  .indexNews &gt; div:nth-child(2) &gt; a &gt; div{ width:100%; height:200px; overflow:hidden;}
  .indexNews &gt; div:nth-child(2) &gt; a &gt; div &gt; img{ width:100%; height:100%; object-fit: cover; transition:all 0.3s;}
  .indexNews &gt; div:nth-child(2) &gt; a &gt; span{ display:block; margin-top:10px; transition:all 0.3s;}
  .indexNews &gt; div:nth-child(2) &gt; a &gt; span:nth-child(2){ font-size:16px; color:#666666;}
  .indexNews &gt; div:nth-child(2) &gt; a &gt; span:nth-child(3){ font-size:16px; color:#000000; line-height:30px; text-align:justify;}
  .indexNews &gt; div:nth-child(2) &gt; a &gt; span:nth-child(4){ overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:12px; color:#666666; line-height:23px; text-align:justify;}
  .indexNews &gt; div:nth-child(2) &gt; a:hover &gt; div &gt; img{transform:scale(1.25, 1.25);}
  .indexNews &gt; div:nth-child(2) &gt; a:hover &gt; span{ color:#FF5722;}
  /* 页脚 */
  .footerCon{ width:100%; height:auto; margin:0 auto; background-color:#37454C; padding-top:1px;}
  .footerCon &gt; div{display:flex; justify-content: space-around; flex-wrap:wrap; width:95%; height:auto; margin:0 auto; margin-top:30px; padding-bottom:30px; background:url(../Img/09.png) no-repeat bottom left; background-size: 100% auto;}
  .footerCon &gt; div &gt; div{ display:block; margin:0 auto;}
  .footerCon &gt; div &gt; div &gt; span{ display:block; margin-bottom:20px; font-size:15px; color:#FFFFFF;}
  .footerCon &gt; div &gt; div &gt; a{ display:block; width:96px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:12px; color:#8A9094; line-height:35px; transition:all 0.3s;}
  .footerCon &gt; div &gt; div &gt; a:hover{ color:#FF5722;}
  .footerCon &gt; div &gt; div &gt; img{ display:block; margin:0 auto;}
  .footerCon &gt; div &gt; div:nth-child(9){ margin-top:30px; width:100%;}
  .footerCon &gt; div &gt; div:nth-child(9) &gt; span{ font-size:14px; text-align:center; margin-top:10px;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(1){ display:block;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(1) &gt; a &gt; img{ display:block; width:175px; height:70px; filter: grayscale(100%) brightness(1200%);}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2){ display:grid; grid-template-columns:290px 60px; width:350px; height:60px; margin-top:20px; box-sizing:border-box;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; input{ width:290px; height:60px; background-color: #4B585E; border:none; outline:none; padding-left:10px; padding-right:10px; border-radius: 5px 0 0 5px; box-sizing:border-box; color: #FFFFFF; font-size:14px;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; button{ width:60px; height:60px; background-color: #1C66AD; border:none; outline:none; border-radius: 0 5px 5px 0; box-sizing:border-box; cursor:pointer;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; button &gt; i{ color:#FFFFFF; font-size:30px; transition: all 0.3s;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(2) &gt; button:hover &gt; i{ color:#FF5722;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(3){ margin-top:20px;}
  .footerCon &gt; div &gt; div:nth-child(11) &gt; div:nth-child(3) &gt; a{ margin-right:5px;}
  .footerCopyRight{width:100%; height:auto; margin:0 auto; padding-left:20px; padding-right:20px; box-sizing:border-box; background-color:#37454C; border-top: 1px solid #4D5960; color:#FFFFFF; font-size:12px; text-align:center; line-height:25px;}
  .footerCopyRight &gt; a{ color:#FFFFFF; font-size:14px; transition:all 0.3s;}
  .footerCopyRight &gt; a:hover{ color:#FF5722;}
  /* 网站违法信息举报方式 */
  .footerReport{ width:100%; height:auto; margin:0 auto; padding-left:20px; padding-right:20px; box-sizing:border-box; background-color:#FF0000; line-height:25px; text-align:center; color:#FFFFFF; font-size:12px;}
  .footerReport &gt; a{ color:#FFFFFF; font-size:14px; transition:all 0.3s;}
  .footerReport &gt; a:hover{ color:#FF5722;}
  
  /* 栏目 */
  /* 页眉广告 */
  .columnHeaderAds{ position:relative; z-index:6; width:100%; height:100px; margin:0 auto; padding-top:30px; padding-bottom:20px; box-sizing:border-box;}
  .columnHeaderAds &gt; span{ display:block; height:100px;}
  .columnHeaderAds &gt; div &gt; div &gt; div{ overflow:hidden;}
  .columnHeaderAds &gt; div &gt; div &gt; div &gt; a &gt; img{ width:100%; height:100%; object-fit: cover;}
  /* 主体 */
  /* 面包屑导航 */
  .columnCrumbs{ width:100%; height: auto; margin:0 auto; margin-top:30px; background-color:#FAFAFA; border-bottom:1px solid #F0F0F0;}
  .columnCrumbs &gt; div{ display:grid; grid-template-columns:auto 1px; width:95%; height: auto; margin:0 auto; line-height:50px;}
  .columnCrumbs &gt; div &gt; span{ display:none; text-align:left; font-size:16px; color:#000000;}
  .columnCrumbs &gt; div &gt; div{ text-align:left; font-size:14px;}
  /* 容器 */
  .columnCon{ display: block; width:95%; height:auto; margin:0 auto; margin-top:50px; margin-bottom:50px; padding-top:1px;}
  /* 左侧 */
  /* 栏目导航 */
  .columnCon &gt; div:nth-child(1){ position: fixed; top:0; left:-200px; z-index:999999; width:200px; height:100%; background-color:#FFF; box-shadow:2px 2px 5px rgba(0,0,0,0.5); padding:20px; box-sizing:border-box; transition:all 0.3s;}
  .columnCon &gt; div:nth-child(1) &gt; div{ position:fixed; left:0; top:200px; display:block; width:30px; height:100px; background-color:#1C66AD; border:1px solid #FFFFFF; border-left:none; border-radius: 0 10px 10px 0; padding-right:5px; box-sizing:border-box; writing-mode: vertical-rl; text-orientation: upright; text-align:center; color:#FFFFFF; font-size:14px; letter-spacing:2px; transition:all 0.3s;}
  .columnCon &gt; div:nth-child(1) &gt; a{ display:block; display:grid; grid-template-columns:5px auto 20px; width:100%; height:auto; margin-bottom:20px; background-color:#1C66AD; border-radius1:0 10px 10px 0; transition:all 0.3s;}
  .columnCon &gt; div:nth-child(1) &gt; a &gt; div:nth-child(1){ background-color:#FF5722; transition:all 0.3s;}
  .columnCon &gt; div:nth-child(1) &gt; a &gt; div:nth-child(2){ height:40px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-left:20px; box-sizing:border-box; line-height:40px; color:#FFF; font-size:14px;}
  .columnCon &gt; div:nth-child(1) &gt; a &gt; div:nth-child(3){transition:all 0.3s;}
  .columnCon &gt; div:nth-child(1) &gt; a:hover{ background-color:#212B4F;}
  .columnCon &gt; div:nth-child(1) &gt; a:hover &gt; div:nth-child(1){ background-color:#FF0000;}
  .columnCon &gt; div:nth-child(1) &gt; a:hover &gt; div:nth-child(3){ background:url(../Img/12.PNG) no-repeat center center;}
  .columnNavChecked{ background-color:#212B4F !important;}
  .columnNavChecked &gt; div:nth-child(1){ background-color:#FF0000 !important;}
  .columnNavChecked &gt; div:nth-child(3){ background:url(../Img/12.PNG) no-repeat center center !important;}
  /* 分割 */
  .columnCon &gt; div:nth-child(2){ display:none;}
  /* 右侧 */
  /* 标题 */
  .columnCon &gt; div:nth-child(3){}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(1){ display:grid; grid-template-columns:5px auto; line-height:50px;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(1) &gt; div{ background-color:#1C66AD;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(1) &gt; span{ margin-left:20px; font-size:16px; line-height:30px;}
  /* 内容 */
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(2){ display:block; box-sizing:border-box; margin-top:30px; text-align:justify; line-height:30px; font-size:0.85rem;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) img{ display: inline-block; max-width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) hr{ border-bottom:1px solid #0099FF;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) video{ background-color:#000;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(2) td{ border:1px solid #999; padding:2px 10px; box-sizing:border-box;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(3){ display:flex; justify-content:space-between; margin-top:20px; margin-bottom:20px;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(3) &gt; div &gt; span{ color:#1C66AD; font-size:14px;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(3) &gt; div &gt; a{ font-size:14px;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(5){ display:flex; justify-content: space-between; flex-wrap:wrap; text-align: left;}
  .columnCon &gt; div:nth-child(3) &gt; div:nth-child(5) &gt; span{ min-width:180px; margin:0; font-size:14px; line-height:30px;}
  
  /* 补充 */
  /* 列表：工厂实拍 */
  .aboutUsPhotoList{ padding:0 !important; text-align:left !important; display:flex; justify-content: space-between; flex-wrap:wrap;}
  .aboutUsPhotoList &gt; a{ display: block; width:180px; height: auto; margin:0; padding:0; box-sizing:border-box;}
  .aboutUsPhotoList &gt; a &gt; div:nth-child(1){ width:100%; height:180px; overflow:hidden;}
  .aboutUsPhotoList &gt; a &gt; div:nth-child(1) &gt; img{ margin:0 !important; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
  .aboutUsPhotoList &gt; a &gt; div:nth-child(2){ width:100%; height:50px; line-height:50px; text-align:center;}
  .aboutUsPhotoList &gt; a:nth-child(2n){ margin-right:0;}
  .aboutUsPhotoList &gt; a:hover &gt; div:nth-child(1) &gt; img{transform:scale(1.25, 1.25);}
  
  /*列表：新闻列表2模块*/
  .newsList img{ margin:0 !important;}
  .newsList a{ margin:0 !important;}
  .news2Module{display:flex; justify-content:flex-start; width:100%; height:120px; border-bottom:1px solid #CCC; margin:30px auto; padding-bottom:30px;}
  .news2Module:last-child{ border-bottom:none;}
  .news2Module &gt; div:nth-child(1){ display:none; width:170px; height:120px; margin-right:20px; overflow:hidden;}
  .news2Module &gt; div:nth-child(1) &gt; img{ width:100%; height:100%; object-fit: cover; transition:all 0.3s;}
  .news2Module &gt; div:nth-child(2){ width: 80%; height:120px;}
  .news2Module &gt; div:nth-child(2) &gt; div:nth-child(1){ width:100%; height:30px; margin-top:-12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
  .news2Module &gt; div:nth-child(2) &gt; div:nth-child(1){ font-size:0.95rem; font-weight:bold;}
  .news2Module &gt; div:nth-child(2) &gt; div:nth-child(2){ width:100%; height:70px; margin-top:5px; font-size:0.85rem; line-height:25px; color:#3E3E3E; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .news2Module &gt; div:nth-child(2) &gt; div:nth-child(3){display:flex; justify-content:space-between; width:100%; margin-top:5px; color:#999999; font-size:0.95rem;}
  .news2Module:hover &gt; div:nth-child(1) &gt; img{transform:scale(1.25, 1.25);}
  .news2Module:hover &gt; div:nth-child(2) &gt; div{ color: #999;}
  
  /* 列表：设备与备件 */
  .ProductList{ padding:0 !important; text-align:left !important; display:flex; justify-content: space-between; flex-wrap:wrap;}
  .ProductList &gt; a{ display: block; width:180px; height: auto; margin:0; padding:0; box-sizing:border-box;}
  .ProductList &gt; a &gt; div:nth-child(1){ width:100%; height:260px; overflow:hidden;}
  .ProductList &gt; a &gt; div:nth-child(1) &gt; img{ margin:0 !important; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
  .ProductList &gt; a &gt; div:nth-child(2){ width:100%; height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height:30px; text-align:center;}
  .ProductList &gt; a:hover &gt; div:nth-child(1) &gt; img{transform:scale(1.25, 1.25);}
  
  /* 内容：设备与备件 */
  .productCon{}
  .productCon &gt; div:nth-child(1){ display:flex; justify-content: space-between; flex-wrap:wrap; width:100%; height:auto; margin:0 auto;}
  .productCon1 &gt; div:nth-child(1) &gt; a{ display:block; width:180px; height: auto; margin:0; padding:0; margin-bottom:20px;}
  .productCon1 &gt; div:nth-child(1) &gt; a:nth-child(2n){ margin-right:0;}
  .productCon &gt; div:nth-child(1) &gt; a &gt; div{ width:180px; height:240px; overflow:hidden;}
  .productCon &gt; div:nth-child(1) &gt; a &gt; div &gt; img{ width:100%; height:100%; object-fit: cover; margin:0 !important; transition: all 0.3s; cursor:pointer;}

  .productCon &gt; div:nth-child(1) &gt; a &gt; span{ display:block; width:180px; height: auto; padding:5px 0; box-sizing:border-box; color:#000000; font-size:14px; text-align:left; line-height:20px;}

  .productCon &gt; div:nth-child(1) &gt; a:hover &gt; div &gt; img{ transform:scale(1.25, 1.25);}
  .productCon &gt; div:nth-child(1) &gt; a &gt; div &gt; video{ width:100%; height:100%; object-fit: cover; transition: all 0.3s; cursor:pointer;}
  .productCon &gt; div:nth-child(1) &gt; a:hover &gt; div &gt; video{}
  .productCon &gt; div:nth-child(2){display:grid; grid-template-columns:100px auto; width:100%; margin:0 auto; margin-top:20px;}
  .productCon &gt; div:nth-child(2) &gt; div:nth-child(1){ width:100%; border-bottom:2px solid #1C66AD; color:#1C66AD; font-size:18px; font-weight:bold;}
  .productCon &gt; div:nth-child(2) &gt; div:nth-child(2){ width:100%; border-bottom:2px solid #D2D0D0;}
  .productCon &gt; div:nth-child(3){ margin-top:20px;}
  .productCon &gt; div:nth-child(3) &gt; div{ line-height:40px;}
  .productCon &gt; div:nth-child(3) &gt; div &gt; span:nth-child(1){ color:#1C66AD;}
  .productCon &gt; div:nth-child(4){display:grid; grid-template-columns:100px auto; width:100%; margin:0 auto; margin-top:20px;}
  .productCon &gt; div:nth-child(4) &gt; div:nth-child(1){ width:100%; border-bottom:2px solid #1C66AD; color:#1C66AD; font-size:18px; font-weight:bold;}
  .productCon &gt; div:nth-child(4) &gt; div:nth-child(2){ width:100%; border-bottom:2px solid #D2D0D0;}
  .productCon &gt; div:nth-child(5){ margin-top:20px;}
  
  .widthBig{}
  .widthBig &gt; a{ display:block; width:180px !important; margin-bottom:20px; margin-right:0 !important;}
  .widthBig &gt; a &gt; div{ width:180px !important; height:135px !important;}
  .widthBig &gt; a &gt; span{ width:180px !important;}
  .widthBig &gt; a:nth-child(2n){ margin-right:0 !important;}

  .widthSmall{}
  .widthSmall &gt; a{ display:block; width:180px !important; margin-bottom:20px; margin-right:0 !important;}
  .widthSmall &gt; a &gt; div{ width:180px !important; height:240px !important;}
  .widthSmall &gt; a &gt; span{ width:180px !important;}
  .widthSmall &gt; a:nth-child(2n){ margin-right:0 !important;}
  
  .heightAuto{}
  .heightAuto &gt; a{ display:block; width:180px !important; margin-bottom:20px; margin-right:0 !important;}
  .heightAuto &gt; a &gt; div{ width:180px !important; height:135px !important;}
  .heightAuto &gt; a &gt; span{ width:180px !important;}
  .heightAuto &gt; a:nth-child(2n){ margin-right:0 !important;}
}


































</pre></body></html>