@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;width: 100%; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container-s{width:1487px; margin:0 auto; max-width: 92%;}
.container{width:1300px;margin:0 auto; max-width: 92%;}




.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}




/*字体引入*/



  @font-face {

    font-family: "DOUYINSANSBOLD";

    src: url("../font/DOUYINSANSBOLD.OTF");

  }


  @font-face {

    font-family: "DIN";

    src: url("../font/DIN Bold.otf");

  }

  @font-face {

    font-family: "MARTEL";

    src: url("../font/MARTEL-BOLD.TTF");

  }
  
  



/* ======首页======= */
.indexSwiper {height: 100vh;}
.indexslide {height: 100%; position: relative; overflow: hidden;}
.indexslide .bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexslide .bjBox img {width: 100%; height: 100%; object-fit: cover;}
/* 控件 */
.indexpageBox {position: absolute;z-index: 1; left: 0; top: 0;left: 3%; height: 100%; padding-top: 2rem;box-sizing: border-box; display: none;}
.indexpageBox::before {content: ""; width: 1px; height: 11%; left: 50%; position: absolute; background: #333333; opacity: .2; position: absolute; top: 1rem;z-index: 1; }
.indexpageBox::after {content: ""; width: 1px; height: 100%; left: 50%; position: absolute; background: #333333; opacity: .2; position: absolute;  z-index: 1; }
.indexSwiper .indexpage {position: relative; left: auto; top: auto; transform: none; right: auto;}
.indexSwiper .indexpage .item {width: auto; height: auto;background: none;border-radius: 0;color: #999; opacity: 1; margin: 15px 0 !important; position: relative;}
.indexSwiper .indexpage .item span {transition: .3s;}
.indexSwiper .indexpage .item i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .3s;}
.indexSwiper .indexpage .item i svg path {fill: #01008C;}
.indexSwiper .indexpage .item.swiper-pagination-bullet-active span {opacity: 0;}
.indexSwiper .indexpage .item.swiper-pagination-bullet-active i {opacity: 1;}
.indexpageBox.on .indexpage .item {color: #fff;}
.indexpageBox.on .indexpage .item i svg path {fill: #fff;}
.indexpageBox.on::before {background: #fff;}
.indexpageBox.on::after {background: #fff;}


/* ===第一屏=== */
.inOneSwiper {height: 100%;}
.inOneSwiper .slide {overflow: hidden;}
.inOneSwiper .slide-inner {position: absolute; top: 0; left: 0; z-index: -1; height: 100%;width: 100%;}
.inOneSwiper .slide-inner img {width: 100%; height: 100%; object-fit: cover;}
.inOneSwiper .slide .container{display: flex;    align-items: flex-end;    height: 100%; justify-content: space-between;}
.inOneSwiper .box {display: flex; align-items: center; margin-bottom: 10%;}
.inOneSwiper .info{ color: #fff;}
.inOneSwiper .info h2{display: block; font-size: 28px; margin-bottom: 23px;}
.inOneSwiper .info h3{display: block; font-size: 66px;  font-family: "DOUYINSANSBOLD"; line-height: 66px;}
.inOneSwiper .info span{display: block; font-size: 16px;color: #fffefe;  letter-spacing: 4.8px; text-transform: uppercase;  }

/* 控件 */
.swControls {display: flex;align-items: center;justify-content: space-around;width: 100%;position: absolute;bottom: 5%;z-index: 11;overflow: hidden;}
.swControls .container{display: flex;}
.swControls .swiper-pagination {width: 100%;bottom: auto!important;}
.swControls .swiper-pagination span {width: 8px; height: 8px;  opacity: 1; background: #fff; margin: 0 14px!important;}
.swControls .swiper-pagination .swiper-pagination-bullet-active {width: 48px;background: #b40000;border-radius: 4px; }
.swControls .swiper-num {color: #ffffff;}
.swControls .swiper-num  span{font-size: 16px;}
.swControls .swiper-num .actives {font-weight: bold;}
.banner-arrow{position: relative;width: 180px;display: flex;align-items: center; margin-right: 37px;}
#banner-prev,#banner-next{position: absolute;content: '';background: url(../images/banner-arrow.png) no-repeat center;width: 6px;height: 10px;top: auto;margin-top: auto; z-index: 12;}
#banner-prev{left: 0;}
#banner-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.banner-logo img {   display: block;   margin-bottom: 18%;}
.play-box{position: absolute;width: 100%;bottom: 18%;z-index: 1;}
.play_btn {display: block;width: 98px;height: 98px;z-index: 2;position: relative;}
.play-box .container {   display: flex;   justify-content: flex-end;}
.play_btn .icon {width: 100%; height: 100%; background: url(../images/play_button2.png) center/contain no-repeat;}
.play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}
.play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #fff;opacity: 0.2;animation-delay: 0;}
.play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(6); opacity: 0; }}
@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(8); opacity: 0; }}




/* 视频弹窗 */
.video-js {width: 100%;height: 100%;}
.video-js .vjs-tech { position: relative;}
.vjs-control-bar { opacity: 0;}
.video-js .vjs-control-bar { position: relative;background-color: rgba(43, 51, 63, 0.2);}
#hi-video-pop {display: none;position: fixed;top: 0;left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#hi-video-pop * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#hi-video-pop .hi-close {position: absolute;top: 100%; left: 50%; z-index: 5;margin: 20px 0 0 -20px;width: 40px;height: 40px;color: #fff; background: #fff; border-radius: 50%;transition: 0.3s;cursor: pointer;}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {content: "";position: absolute; top: 50%; left: 50%; z-index: 5; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #333; transition: 0.3s;}
#hi-video-pop .hi-close:hover { background: #c1211d;}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {background: #fff;}
#hi-video-pop .hi-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#hi-video-pop .hi-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#hi-video-pop .hi-video-box {position: fixed; left: 0;top: 0; z-index: 1; width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;}
#hi-video-pop .hi-video-box .hi-video-wrap {position: relative;max-width: 135vh;border: 2px solid #fff;}
#hi-video-pop .hi-video-box .hi-video-wrap video { width: 100%;height: 100%; vertical-align: top;}
@media (max-width: 767px) { #hi-video-pop .hi-video-box .hi-video-wrap {max-width: 90%;}}


.index-en{position: absolute;left: 2.5%;top: 60%;transform: translateY(-50%);z-index: 1;}
.index-en h4{display: block;font-size: 14px;color: #c7c7c7;line-height: 24px;letter-spacing: 2px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;position: relative;padding-top: 127px;}
.index-en h4::after{position: absolute; content: '';  width: 1px;height: 107px;background: #999999; top: 0; left: 50%; transform: translateX(-50%);}


/*公共头部 */
.header {position: fixed; width: 100%; left: 0; top: 0; z-index: 99; transition: .5s; }
.header::after{position: absolute; content: ''; width: 100%; height: 1px; background: rgba(242,242,242,0.3); bottom: 0; }
.header-box{height: 100px;}
.pc-logo{margin-left: 2%;margin-right: 7%;}
.pc-logo a img{display: block;}
.pc-nav{width: 39%;}
.pc-nav ul li{width: 29%;}
.pc-nav ul li a{position: relative;width: 100%;display: flex;justify-content: center;}
.pc-nav ul li>a::after{z-index: -1; position: absolute; content: '';  background: #B40000; -webkit-clip-path: polygon(17% 0%, 100% 0%, 83% 100%, 0% 100%); clip-path: polygon(17% 0%, 100% 0%, 83% 100%, 0% 100%); width: 100%; height: 0; top: 0; transition: 0.6s;}
.pc-nav ul li h3{display: block; font-size: 16px; line-height: 100px; color: #fff; position: relative; font-weight: bold;}
.pc-nav ul li.icon h3{padding-right: 19px;}
.pc-nav ul li.icon h3::after{transition: 0.6s; position: absolute; content: '';  background: url(../images/nav-arrow.png)  no-repeat center right; height: 100%; z-index: 1; right: 0;  width: 10px; }
.pc-nav ul li:hover.icon h3::after,.pc-nav ul>li.on.icon h3::after{ background: url(../images/nav-arrow2.png)  no-repeat center right;}
.pc-nav ul li:hover>a::after,.pc-nav ul li.on>a::after{height: 100%;}
.pc-nav ul li .subnav-box{transform: translateY(50px);opacity: 0;pointer-events: none;width: 24.5625rem;  height: 14.1875rem; left: -100%;position: absolute;top: 100%;transition: all 0.4s ease;}
.pc-nav ul li .subnav {display: flex;padding:1.625rem 1.5rem;box-sizing: border-box;border-radius: 0.625rem;z-index: 3;background: #fff;     box-shadow: 0 0 5px 3px rgba(0,0,0,0.05); }
.pc-nav ul li .subnav .pic{width: 47%;}
.pc-nav ul li .subnav .pic img{display: block; width: 100%;}
.pc-nav ul li .subnav .list{width: 53%;}
.pc-nav ul li .subnav .list a{display: block; font-size: 0.9375rem;  line-height: 2.125rem; color: #7d7d7d;position: relative;box-sizing: border-box;}
.pc-nav ul li .subnav .list a:hover{color: #b40000;}
.pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;}
.ver a{display: inline-block;font-size: 16px;color: #fff;text-transform: uppercase;line-height: 16px;}
.ver span{display: inline-block; margin: 0 10px}
.ver a.on{color: #b40000; font-weight: bold; }

.search{-webkit-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);background: #b40000;height: 100%;width: 18.22%;padding-left: 3%;box-sizing: border-box;}
.search img{margin-right: 8%;}
.search input{ outline: none; border: none; font-family: "Microsoft YaHei"; font-size: 16px; color: #fff; background: transparent;}
.search input::placeholder{color: #fff; }

.header-on{background: #fff;}
.header-on .pc-nav ul li h3{color: #333;}
.header-on .ver a{color: #333;}
.header-on .ver a::after{background: #333;}
.header-on .pc-nav ul li.on h3,.header-on .pc-nav ul li:hover h3 {  color: #fff;}
.header-on  .ver a.on {   color: #b40000;}



/* 关于我们 */
.inslideTwo{background: #fcfcfc; padding: 8.9% 0 0; position: relative;}
.about-box .info{background: url(../images/about-bg.png) no-repeat left top; padding-top: 20px;}
.about-box  .text{width: 50%;}
.index-title{ margin-bottom: 39px;}
.index-title strong{display: block; font-size: 20px; color: #b40000;} 
.index-title h2{display: block; font-size: 33px; color: #333; margin-bottom: 20px;}
.index-title i{display: block; width: 84px;height: 2px;background: #b40000;}
.about-box .info h3{display: block; font-size: 16px; color: #666666;line-height: 30px; margin-bottom: 30px;}
.index-more a{ width: 160px;height: 57px;background: #b40000;border-radius: 29px; z-index: 3; position: relative;}
.index-more span{font-size: 16px; color: #fff; margin-right: 14px;}
.about-box .index-more a{margin-top: 52px;}
.index-more a:before {content: ''; z-index: -1; transition: 1s; border-radius: 30px;   box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #b40000;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.index-more a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}
.about-num{width: 74%;margin-top: 44px;position: relative;z-index: 2;}
.about-num ul li{width: 25%; border-right: 1px solid #fbfbfb; background: #fff; height: 165px; text-align: center; padding-top: 49px; box-sizing: border-box;}
.about-num ul li b,.about-num ul li span{font-family: "DIN"; color: #b40000;}
.about-num ul li b{display: inline-block; font-size: 60px; line-height: 45px; }
.about-num ul li span{font-size: 16px;}
.about-num ul li em{display: block; font-size: 19px; color: #666; line-height: 1}
.about-num ul li:hover{background: #b40000;}
.about-num ul li:hover b,.about-num ul li:hover span,.about-num ul li:hover em{color: #fff;}
.about-pic {position: absolute;top: 14%;width: 43.125%;right: 0;z-index: 1;}
.about-pic img{display: block; max-width: 100%;}
.inslideTwo .index-en{top: 50%;}
.inslideTwo .index-en h4{color: #666;}
.inslideTwo .index-en h4::after{background: #999;}



/* 产品中心 */
.inslideThre{padding: 7.5% 0;}
.product-box .index-title{margin-bottom: 0;}
.product-list {overflow: hidden;}
.product-list ul li .info{width: 41%;}
.product-list ul li .info h3{display: block; font-size: 38px; color: #333333; font-weight: bold; margin-bottom: 32px;}
.product-list ul li .info h4{ font-size: 16px; color: #666666;line-height: 30px; margin-bottom: 66px;}
.product-more a{ width: 160px;height: 57px;background: #b40000;border-radius: 29px; z-index: 3; position: relative;}
.product-more span{font-size: 16px; color: #fff; margin-right: 14px;}
.product-more img{transition: 0.6s;}
.product-more a:hover img{transform: rotate(-45deg);}
.product-list ul li .pic{width: 55.53%;}
.product-list ul li .pic img{display: block; max-width: 100%;}
.product-btn{padding-top: 19px;}
.product-btn ul li{transition: 0.6s; position: relative; padding-left: 36px; box-sizing: border-box; height: 185px;background: rgba(224,224,224,0.5);border-radius: 14px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.product-btn ul li::after{opacity: 0; position: absolute; content: ''; background: url(../images/btn-arrow.png) no-repeat center top; width: 17px; height: 19px; top: -18px; left: 50%; transform: translateX(-50%); z-index: 2;}
.product-btn ul li .pic{position: absolute; content: ''; right: 21px; top: 50%; transform: translateY(-50%); width: 42%; z-index: 1;}
.product-btn ul li .pic img{display: block; max-width: 100%; opacity: 0.5;}
.product-btn ul li .info{position: relative; z-index: 2; width: 100%;}
.product-btn ul li .num{position: relative;}
.product-btn ul li b{display: block; font-size: 80px; line-height: 65px; color: rgba(51,51,51,0.2); font-family: "MARTEL";}
.product-btn ul li strong{position: absolute; content: ''; left: 0; bottom: 0; font-size: 20px; color: #333;}
.product-btn ul li span{width: 56px;height: 31px;border-radius: 16px; margin-top: 30px;}
.product-btn ul li:hover::after,.product-btn ul li.swiper-slide-thumb-active::after{opacity: 1;}
.product-btn ul li:hover,.product-btn ul li.swiper-slide-thumb-active{background: #b40000;}
.product-btn ul li:hover .pic img,.product-btn ul li.swiper-slide-thumb-active .pic img{opacity: 1;}
.product-btn ul li:hover b,.product-btn ul li.swiper-slide-thumb-active b{color: rgba(255,255,255,0.2); }
.product-btn ul li:hover strong,.product-btn ul li.swiper-slide-thumb-active strong{color: #fff;}
.product-btn ul li:hover span,.product-btn ul li.swiper-slide-thumb-active span{background: #e0e0e0;}
.product-bottom .container-s{position: relative;}
#btn-prev,#btn-next{width: 56px;height: 51px;border-radius: 7px; background: url(../images/product-arrow.png) no-repeat center #e0e0e0;}
#btn-prev{left: 0; }
#btn-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#btn-prev:hover,#btn-next:hover{background: url(../images/product-arrow2.png) no-repeat center #b40000;}


/* 多个行业广泛的应用 */
.industry{position: relative;display: flex;align-items: center;}
.industry .index-title{position: absolute; top: 17%; text-align: center; width: 100%; z-index: 2;}
.industry .index-title strong,.industry .index-title h2{color: #fff;}
.industry .index-title i{margin: 0 auto;}
.btn-box {position: absolute;width: 100%;display: flex;justify-content: center;}
.btn-box .container{position: absolute;}
.industry-btn{position: absolute;z-index: 2;width: 100%; transform: translateY(-46%);}
.industry-btn ul li{ width: 251px;height: 259px; background: url(../images/industry-li.png) no-repeat center top; transition: 0.6s; cursor: pointer;}
.industry-btn ul li strong{display: block; font-size: 20px; color: #fff; margin-top: 32px; text-align: center;padding: 0 1%;line-height: 1.2;}
.industry-btn ul li:hover,.industry-btn ul li.on{background: url(../images/industry-li-on.png) no-repeat center top;}
.industry-bg ul li{position: relative;}
.industry-bg ul li .pic img{display: block; width: 100%; height: 100%;}
.industry-bg ul li .container{position: absolute;bottom: 13%;left: 0;right: 0;margin: auto;text-align: center;}
.industry-bg ul li .info h3{font-size: 16px; color: #ffffff;line-height: 30px; max-width: 51%; margin: 0 auto 50px;}
.industry-bg ul li .index-more a{margin: 0 auto;}


/* 爱克新闻中心 */
.news{padding: 7% 0 0; box-sizing: border-box;}
.news-title {align-items: flex-end; margin-bottom: 76px;}
.news-title  .index-title{margin-bottom: 0;     }
.news-title  .index-title h2{margin-bottom: 0;}
.news-list{margin-left: 16%; width: 84%; overflow: hidden; padding-bottom: 55px; position: relative;}
.news-list ul li .pic{overflow: hidden; position: relative;}
.news-list ul li .pic>img{display: block; width: 100%; }
.news-list ul li .more{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); bottom: -100%; transition: 0.6s; display: flex; align-items: center; justify-content: center;}
.news-list ul li:hover .more{bottom: 0;}
.news-list ul li .info{margin: 32px 0 0;}
.news-list ul li .info span{display: block; font-size: 16px; color: #999999; font-family: "Arial";}
.news-list ul li .info h3{font-size: 20px; color: #333; line-height: 20px;}
.news-list ul li:hover .info span,.news-list ul li:hover .info h3{color: #b40000;}
.news-list ul li:hover .info h3{font-weight: bold;}
#news-num{bottom: 0; top: auto!important; background: url(../images/news-num.png) no-repeat center bottom;}
#news-num .swiper-pagination-progressbar-fill{background: #b40000!important;}
.news-box{position: relative;}
#news-prev,#news-next{width: 56px;height: 51px;border-radius: 7px; background: url(../images/product-arrow.png) no-repeat center #e0e0e0; top: 36%;}
#news-prev{left: 11%; }
#news-next{right: 11%; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#news-prev:hover,#news-next:hover{background: url(../images/product-arrow2.png) no-repeat center #b40000;}

.contact-bg{background: url(../images/contact-bg.png) no-repeat center top; width: 100%; padding: 73px 0 45px; background-size: cover;}
.contact-box{}
.contact-title .text{margin-left: 29px;display: flex;flex-direction: column;justify-content: space-between;}
.contact-title .text strong{display: block; font-size: 30px; line-height: 30px; color: #333;}
.contact-title .text span{display: block; font-size: 16px; color: #666;}
.contact-title2{width: 43%;}
.contact-title2 .text strong,.contact-title2 .text span{color: #fff;}



/* 公共底部 */
.footer{background: #f4f4f4;}
.footer-top{padding: 74px 0;  position: relative;}
.footer-top::after{position: absolute; content: ''; width: 100%; height: 1px; background: #dbdbdb; top: 150px;}
.foot-logo a{display: block;}
.foot-logo img{margin-bottom: 70px;}
.nav-class {width: 55%;}
.nav-class dl dt {display: block; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 80px;}
.nav-class dl  dd a{display: block; font-size: 14px; color: #666666;line-height: 36px;}
.nav-class dl  dd a:hover{color: #b40000;}
.foot-contact h2{display: block; font-size: 26px; color: #333; margin-bottom: 10px;}
.foot-contact b{font-size: 20px; color: #b40000;}
.foot-contact p{font-size: 14px; line-height: 36px; color: #333;}
.foot-icon{margin-top: 16px;}
.foot-icon a{margin-right: 14px;}
.foot-bottom{border-top: 1px solid #DBDBDB; padding: 17px 0;}
.foot-bottom p{font-size: 14px; color: #666;}
.foot-bottom span{margin: 0 40px;}
.foot-bottom a:hover{color: #b40000;}


/* 二维码弹窗 */
#c-code-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
#c-code-pop .c-img-box {position: absolute;top: 50%; left: 50%;padding: 20px; width: 200px; border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#c-code-pop .c-img-box .c-close {position: absolute; display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;bottom: -60px;left: 50%;margin-left: -20px; cursor: pointer; background-color: #fff; border-radius: 50%; transition: all 0.5s;}
#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {margin: 4px; width: 18px;height: 18px;}
#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path { fill: #333;transition: all 0.5s;}
#c-code-pop .c-img-box .c-close:hover {background-color: #b40000;}
#c-code-pop .c-img-box .c-close:hover svg path {fill: #fff;}
#c-code-pop .c-img-box > img {width: 100%;}
#c-code-pop .c-img-box .c-text { padding-top: 10px; line-height: 1;text-align: center; color: #333;}
 


.ny-banner{height: 750px;}


.position {    border-bottom: 1px solid #ddd; line-height: 60px;}
.position dl {background:url(../images/mbx-home.png) no-repeat 0 center; padding-left:30px; display: flex; flex-wrap: wrap;}
.position dl dd {margin-right:10px;}
.position a {padding-right:10px; font-size: 0.94rem;color: #666666;}
.position a.on {color: #b40000;}
.position a:hover{color: #b40000;}

.ny-main{padding: 50px 0 80px;}
.main-box{ align-items: flex-start;}
.ny-left{width: 20%; background: #fff;}
.column{background: #b40000; height: 126px; margin-bottom: 4px;}
.column .text{color: #fff; margin-left: 26px;}
.column .text strong{display: block; font-size: 31px; line-height: 33px; margin-bottom: 9px;}
.column .text span{display: block; font-size: 16px; line-height: 12px; text-transform: uppercase; font-family: "Arial"}

.ny-class .ctitle1>li{margin-bottom: 1px; position: relative;}
.ny-class .ctitle1>li:last-child{margin-bottom: 0;}
.ny-class .ctitle1>li>h3{background: #f5f5f5; height: 57px; padding: 0 10%;  position: relative; z-index: 5;}
.ny-class .ctitle1>li>h3>a{display: block;width: 100%;}
.ny-class .ctitle1>li>h3:after{position: absolute; content: ''; width: 0; height: 100%; background: #b40000; transition: 0.6s; left: 0;z-index: -1;}
.ny-class .ctitle1>li>h3>a{display: block; font-size: 18px; color: #333; position: relative; z-index: 1;}
.ny-class .ctitle1>li>h3>i{background: url(../images/ctitle-li.png) no-repeat center; height: 100%; width: 10px; position: relative; z-index: 1;}
.ny-class .ctitle1>li:hover>h3:after,.ny-class .ctitle1>li.on>h3:after{width: 100%;}
.ny-class .ctitle1>li:hover>h3>a,.ny-class .ctitle1>li.on>h3>a{color: #fff;}
.ny-class .ctitle1>li:hover>h3>i,.ny-class .ctitle1>li.on>h3>i{background: url(../images/ctitle-li-on.png) no-repeat center; }
.ny-class .ctitle1>li:hover>h3>a,.ny-class .ctitle1>li.on>h3>a{text-indent: 1rem; color: #fff}


.contact-left{padding: 23.5px  4% 42px;}
.contact-left .pic img{display: block; width: 100%; margin-bottom: 34px;}
.contact-left .info p{display: flex; align-items: flex-start;font-size: 14px;color: #333;margin-bottom: 7px;}
.contact-left .info p:last-child{margin-bottom: 0;}
.contact-left .info p img{display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: 5px;}
.contact-left .info strong{display: inline-block;font-size: 25px;color: #b40000;font-family: "din";line-height: 22px;}
.contact-left .info b{display: inline-block;font-size: 18px;color: #333;font-family: "Arail";}

.ny-main .contact-left {  padding: 0; margin: 23.5px 0 42px; background: #f5f5f5;}
.ny-main .contact-left .info{padding:  0 4% 25px;}
.ny-main .ny-left{position: sticky; top: 50px;}


.ny-right{width: 76%;}


/* 内页产品列表页 */
.nypro-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nypro-list ul:after{content: ''; width: 31.5%;}
.nypro-list ul li{width: 31.5%; margin-bottom: 2.5625rem; box-sizing: border-box; border: 0.0625rem solid #dddddd; text-align: center;  transition:0.6s}
.nypro-list ul li .pic{overflow: hidden; border-bottom: 0.0625rem solid #dddddd; padding: 35px;}
.nypro-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li .info{padding: 22px 4%;}
.nypro-list ul li strong{font-size: 18px;color: #333;font-weight: normal;margin-bottom: 0.4375rem;}
.nypro-list ul li p{ font-size: 1rem; color: #777; margin-bottom: 1.8125rem; }
.nypro-list ul li .pro-btn{display: flex; justify-content: center;}
.nypro-list ul li em{display: block;width: 7.75rem;background: #333333; font-size: 0.9375rem; line-height: 250px; color: #fff; margin-right: 0.25rem;}
.nypro-list ul li span{display: flex; align-items: center; justify-content: center; width: 2.8125rem;height: 250px;background: #b40000;}
.nypro-list ul li:hover{border-color: #b40000;}
.nypro-list ul li:hover strong{color: #b40000;  font-weight: bold;}
.nypro-list ul li:hover em{background: #b40000;}



/* 内页产品详情页 */
.proxq-pic{width: 40%;}
.proxq-info{width: 55%;}
.propic-big { margin-bottom: 1.25rem; border: 0.0625rem solid #eeeeee;}
.propic-big ul li{}
.propic-big ul li .pic img{display: block; width: 100%;}

.propic-small ul li{background: #fff; position: relative;}

.propic-small ul li .pic{box-sizing: border-box; border: 0.0625rem solid #eeeeee;}
.propic-small ul li .pic img{display: block; width: 100%;}
.propic-small ul li.swiper-slide-thumb-active .pic{ border-color: #b40000;}

.proxq-info strong{display: block;font-size: 25px;color: #333;border-bottom: 1px solid #eee;padding-bottom: 14px;margin-bottom: 15px;}
.proxq-info .text{margin-bottom: 20px; font-size: 15px; color: #666;}
.proxq-info .text em,.proxq-info .text p{display: block; font-size: 1rem; line-height: 1.75rem; }
.proxq-info .text em{color: #b40000;}
.proxq-info .text p{color: #333333; margin-bottom: 1.3125rem;}
.proxq-btn{ padding-bottom: 3.125rem; border-bottom: 1px solid #dbdbdb; margin-bottom: 2rem;}
.proxq-btn a{z-index: 0;position: relative;overflow: hidden;display: inline-block;width: 138px;font-size: 16px;line-height: 54px;background: #000;border-radius: 0.3125rem;text-align: center;color: #fff;}
.proxq-btn a.order{background: #b40000; margin-right: 0.9375rem;}
.proxq-btn a>img{display: inline-block; vertical-align: middle; margin-left: 6%;}
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s; }
.proxq-btn a.order:before{background: #b40000;}
.proxq-btn a:before{background: #b40000;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block;font-size: 15px;color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #b40000;border-color: #b40000;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #b40000;}
.peculiarity{margin: 50px 0 80px;}
.peculiarity-title strong{display: block;font-size: 23px;color: #333;text-indent: 0.4375rem;border-bottom: 0.0625rem solid #ddd;padding-bottom: 1.125rem;margin-bottom: 1.875rem;}



.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 48px; color: #fff;  background: #000; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #b40000;}




/* 内页新闻列表页 */

.newslist {
  width: 100%;
}

.newslist li {
  margin-bottom: 35px;
}



.newslist li a {
  display: flex;
  justify-content: space-between;
  background: #fafafa;
  padding: 30px 20px;
  box-sizing: border-box;
  align-items: center;
}

.newslist li .imgBox {
  width: 27%;
  overflow: hidden;
}

.newslist li .imgBox img {
  width: 100%;
  min-height: 150px;
  object-fit: cover;
  transition: .5s;
}

.newslist li .con {
  width: 70%;
}

.newslist li h6 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.newslist li p {
  margin-top: 10px;
  color: #666;
  font-size: 14px;
}

.newslist li .more {
  transition: all .5s;
  margin-top: 13px;
  background: #808080;
  color: #fff;
  width: 112px;
  height: 40px;
  /* min-width: 100px; */
  /* min-height: 30px; */
  border-radius: 50px;
  font-size: 14px;
}

.newslist li .more svg {
  margin-left: 15px;
}

.newslist li:hover .more {
  background: #b40000;
}

.newslist li:hover .imgBox img {
  transform: scale(1.1);
}





.newsCon {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0rem 0rem 0.4rem 0rem rgba(226, 225, 224, 0.42);
  padding: 40px 40px;
  box-sizing: border-box;
}

.newsxq-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
}

.newsxq-title strong {
  display: block;
  font-size: 23px;
  color: #333;
  margin-bottom: 10px;
}

.newsxq-title span {
  display: block;
  font-size: 16px;
  color: #777;
  margin: 10px 30px 0 0;
}

.newsxq-title .titleDisc {
  display: flex;
  flex-wrap: wrap;
}

.newsxq-editbox {
  margin: 30px 0;
}

.newsxq-editbox img {
  max-width: 100%;
  height: auto !important;
}



.newsxq-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.newsxq-page a {
  display: flex;
  align-items: center;
}

.news-prev,
.news-next {
  transition: 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height:60px;

  border: 1px solid #b40000;
}

.news-prev svg {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.newsxq-page em {
  display: inline-block;
  font-size: 16px;
  color: #333;
}

.prev-link em {
  margin-left: 17px;
}

.next-link em {
  margin-right: 17px;
}

.next-link {
  flex-direction: row-reverse;
}

.backlist a {
  width: 168px;
  min-width: 125px;
  min-height: 42px;
  height: 58px;
  background: #b40000;
  color: #fff;
}

.backlist svg {
  margin-right: 10px;
}

.backlist a:active {
  background: #b40000;
}

.newsxq-page a:active .news-prev,
.newsxq-page a:active .news-next {
  background: #b40000;
  border-color: #b40000;
}

.newsxq-page a:active svg path {
  fill: #fff;
}

@media (any-hover: hover) {

  .newsxq-page a:hover .news-prev,
  .newsxq-page a:hover .news-next {
    background: #b40000;
    border-color: #b40000;
  }

  .newsxq-page a:hover svg path {
    fill: #fff;
  }
}





/* 内页图片列表页 */
.picture-list{}
.picture-list ul li{width: 31%; margin-bottom: 40px;}
.picture-list ul::after{content: ""; width: 31%;}
.picture-list ul li .pic{overflow: hidden;}
.picture-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.picture-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.picture-list ul li h3{display: block; font-size: 16px; line-height: 55px; color: #333; background: #fcfcfc; text-align: center;}
.picture-list ul li:hover h3{background: #b40000; color: #fff;}




/* 图片详情页 */
.nynews-title h3{display: block; font-size: 28px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
.news-editbox{padding: 50px 0;}
.news-link{border-top: 1px solid #f2f2f2; padding-top: 57px; margin-top: 50px;}
.news-link p{display: block; font-size:16px; color: #333; display: flex; align-items: center;}
.news-link p img{margin-right: 15px;}
.news-link p a{color: #333;}
.news-link p:last-child{}
.news-link p:last-child img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); margin-left: 15px; margin-right: 0;}
.news-link p a:hover{color: #b40000;}
.news-link .xq-back a{margin:0 auto;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #000; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #b40000;}
.nynews-date{background: #f5f5f5; padding: 10px 0; margin-bottom: 25px;}
.nynews-date span{margin: 0 10px;}




/*分页*/

.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}

.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}

.fy a:hover {color: #fff; background: #b40000;}

.fy .layui-laypage-curr {color: #fff; background: #b40000; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}







/* 搜索页面 */

.search-page .container15 {width: 1200px;}

.search-page .box {margin-top: 1rem;}

.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }

.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}

.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}

.search-page ul {width: 100%;}

.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}

.search-page li span {background: #013874;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}

.search-page li h3 {font-size: 1.125rem;color: #000000;font-weight: 700;margin: 10px 0;}

.search-page li p {font-size: 1rem;color: #666;line-height: 150px;}

.search-page li .le {width: 95%;}

.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}

.search-page li img {transition: .5s; margin-right: 20px;}

.search-page li:hover img {transform: translateX(20px);}

@media screen and (min-width: 200px) and (max-width: 640px){

  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}

  .search-page form .searchCon {width: 80%;}

}

#c-placeholder{height: 13rem;}



@media screen and (min-width:200px)  and  (max-width:1500px)  {
	
    .container{max-width: 94%; width: 1300px;}
	
    body{min-width: 1300px; overflow-x: hidden; }




}

@media screen and (min-width:200px)  and  (max-width:1024px)  {
.indexSwiper{height: auto;}

}




.industry-bg ul{display: none}
.industry-bg ul:first-child{  display: block;}





/* 内页产品详情页 */
.nyheader-zw{height: 100px;}
.nypro-bg{background: #f9f9f9; padding-bottom: 100px;}
.mbx {color: #333;padding: 30px 0 35px;}
.mbx img {  margin-right: 10px;}
.mbx a {padding: 0 5px;}
.mbx a::after {content: ">"; margin-left: 5px;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #b40000;}

.more2 {background: #b40000;border-radius: 50px; padding: 18px 22px;color: #fff; transition: .5s; box-sizing: border-box;}
.more2 span {margin-right: 40px;font-size:16px;}

.nyproxq-left{width: 44%;}
.nyproxq-left .texts{}
.nyproxq-left .texts strong{display: block; font-size: 36px; color: #333;}

.nyproxq-left .texts h3 { color: #666; margin-bottom: 40px; font-size:16px; line-height: 1.7;margin-top:20px}
.nyproxq-more span {margin-right: 0; margin-left:10px;}
.nyproxq-more .more2 {padding: 14px 22px; display: inline-flex;}
.nyproxq-pic {width: 45%; display: flex; justify-content: center}
.nyproxq-pic img {display: block; max-width: 100%;}


@media (any-hover: hover) {
    .more1:hover {background: #fff; color: #b40000; box-shadow: 0 0 .1rem #fff;}
    .more2:hover {box-shadow: 0 0 10px #b40000;}

}


.nyproxq{padding: 50px 0;}
.nyproxq-editor img{display: block; max-width: 100%;}


/* 内页关于我们banner */
.ny-banners {height: 500px;}
.ny-banners .container{height: 100%;}
.ny-banners .info strong {display: block; font-size: 56px; color: #fff; line-height: 1;}
.ny-banners .info b {display: block; font-size: 56px; color: rgba(255,255,255,0.28);  text-transform: uppercase; font-family: Arial;}
.ny-banners .info i {display: block; width: 50px;height: 5px;background: #ffffff;  border-radius:5px; margin-top: 30px;}



.nyabout-title {text-align: center; margin-bottom: 60px;}
.nyabout-title em {display: block; font-size: 40px; color: #333; margin-bottom: 15px;}
.nyabout-title i {display: block; width: 40px;height: 4px;background: #b40000; margin: 0 auto;}


/*2025.4.7*/
.class-box{border-bottom: 1px solid #ccc}
.ny-class ul li{margin: 0 2.8%; position: relative;}
.ny-class ul li::after{position: absolute; content: ''; width: 0;height: 3px;background: #b40000;border-radius: 2px; bottom: -1.5px; transition: 0.6s; left: 50%;}
.ny-class ul li:hover::after,.ny-class ul li.on::after{width: 100%; left: 0;}
.ny-class ul li a{padding: 28px 0; display: block; font-size: 18px; color: #333}

.ny-class ul li:hover a,.ny-class ul li.on a{color: #b40000;}


/* 2025.4.9 产品列表页*/
.recom{padding: 50px 0 60px;}
.recom .container-s{position: relative;}
#recom-prev,#recom-next{width: 56px;height: 51px;border-radius: 7px; background: url(../images/product-arrow.png) no-repeat center #e0e0e0; top: 39%;}
#recom-prev{left: 0; }
#recom-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#recom-prev:hover,#recom-next:hover{background: url(../images/product-arrow2.png) no-repeat center #b40000;}

.recom-list{overflow: hidden;}
.recom-list ul li .pic{background: #fcfcfc; display: flex; align-items: center; justify-content: center; padding: 70px 0; position: relative;}
.recom-list ul li .pic>img{display: block; max-width: 70%;}
.recom-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.8); opacity: 0; transition: 0.6s;}
.recom-list ul li .hide>img{transform: scale(0); transition: 0.6s;}
.recom-list ul li:hover .hide{opacity: 1;}
.recom-list ul li:hover .hide>img{transform: scale(1);}
.recom-list ul li .info{text-align: center; padding: 20px 40px 0;}
.recom-list ul li .info strong{font-size: 17px; color: #333333; margin-bottom: 7px;}
.recom-list ul li .info p{color: #555555; font-size: 15px;}

.ys-bg{background: url(../images/pro-ysbg.jpg) no-repeat center; padding: 90px 0 98px; display: none}
.ys-box{justify-content: flex-end;}
.ys-box .text{width: 54%;}
.ys-box .text strong{display: block; font-size: 24px; color: #333; margin: 23px 0 29px;}
.ys-box .text h3{display: block; font-size: 15px; color: #333; margin-bottom: 60px;}

.ys{padding: 38px 0 89px; display: none}
.ys-title{margin-bottom: 49px;}
.ys-title h2{display: block; font-size: 30px; color: #333; margin-bottom: 13px;}
.ys-title h3{display: block; font-size: 15px; color: #555555; margin-bottom: 27px;}
.ys-title img{display: block; margin: 0 auto;}
.ys-list ul{display: grid; grid-template-columns: repeat(4, 1fr); column-gap:1%}
.ys-list ul li{background: url(../images/ys-bg1.jpg) no-repeat center;  border-radius: 7px; height: 284px; padding: 39px 8% 0; box-sizing: border-box; }
.ys-list ul li:nth-of-type(even){background: url(../images/ys-bg2.jpg) no-repeat center; }
.ys-list ul li img{transition: 0.6s; }
.ys-list ul li strong{font-size: 20px;color: #333333; display: block; margin: 14px 0 17px;}
.ys-list ul li i{width: 46px; height: 1px; background: #b40000; display: block; margin-bottom: 20px;}
.ys-list ul li h4 {color: #555555; font-size: 15px;}
.ys-list ul li:hover img{transform: rotate(360deg);}

.pro-contact{background: url(../images/pro-contact.jpg) no-repeat center; padding: 140px 0;}
.pro-contact .info h3{font-size: 32px; display: block; margin-bottom: 14px;}
.pro-contact .info h4{font-size: 15px; display: block; margin-bottom: 60px;}
.contact-more a{display: block; width: 160px;background: #b40000; border-radius: 29px; font-size: 16px; line-height: 57px; color: #fff; margin: 0 auto; transition: 0.6s;}
.contact-more a:hover {background: #fff; color: #b40000; -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.2); box-shadow: 0 0 0 10px rgba(255,255,255,0.2);}


@media (min-width: 200px) and (max-width: 1600px) {
  .pc-logo{ margin-right: 16%;}

  .pc-nav{width: 32%;}
}

@media (min-width: 200px) and (max-width: 1300px) {
  .pc-logo{ margin-right: 0;}
}


/* 2025.4.16增加在线留言 */

.hiMessagePop .itemBox {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.hiMessagePop .item {height: 73px; min-height: 50px; background: #ffffff; border: 1px solid #e5eaf0; border-radius: 0.5px; position: relative; overflow: hidden;}
.hiMessagePop .item input , .hiMessagePop .item textarea {height: 100%;  width: 100%; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 1; border: none;}
.hiMessagePop .item input:focus + label {display: none;}
.hiMessagePop .item textarea:focus + label {display: none;}
.hiMessagePop .item label {position: absolute; z-index: 0; left: 0%; top: 50%; transform: translate(0, -50%); padding-left: 20px; box-sizing: border-box;color: #999999;}
.hiMessagePop .item label i {color: #b40000; font-style: normal; margin-left: 5px;}
.hiMessagePop .item2 {grid-column: 1 / 4;height: 210px;}
.hiMessagePop .item2 textarea { padding: 20px; resize: none; border: 0;}
.hiMessagePop .item2 textarea::placeholder {color: #999;}
.hiMessagePop .item.itemCode {overflow: visible;}
.hiMessagePop .item img {position: absolute;right: 2%; height: 100%; object-fit: contain;width: 120px;border-radius:60px; z-index: 1;}
.hiMessagePop .item.on label {display: none;}
.hiMessagePop .sub {display: flex; justify-content: center; margin-top:50px;}
.hiMessagePop .sub button {padding: 15px 53px;background: #b40000;border-radius: 50px; color: #fff;font-weight: 700; cursor: pointer; border: none;}
.hiMessagePop .sub button:active {box-shadow: 0 0 10px #b40000;}



/* 2025.4.18 增加发展历程 */
.develop{background: url(../images/develop-bg.jpg) no-repeat center bottom; background-attachment: fixed; padding: 83px 0 100px;}
.develop .nyabout-title em{color: #b40000;}
.develop .nyabout-title i{background: #b40000;}
.develop-list{background: url(../images/develop-line.png) no-repeat center top 51.7%;overflow: hidden;position: relative;}
.develop-list ul li{transition:0.6s; text-align: center; float: left;}
.develop-list ul li em{transition:0.3s; display: block; font-size: 24px; line-height: 27px; color: #b40000; font-family: arial; margin-bottom: 21px;}
.develop-list ul li span{display: block; width: 8px; height: 8px; background: #2f99e4; border: 2px solid #8bc2e9; border-radius: 50%; margin: 0 auto 34px}
.develop-list ul li .info{border-radius: 15px; width: 100%; height: 171px; margin: 0 auto; position: relative; transition:0.6s;}
.develop-list ul li strong{transition:0.6s; display: block; font-size: 22px; color: #333; margin-bottom: 13px;}
.develop-list ul li p{font-size: 14px; line-height: 27px; color: #555555}
.develop-list ul li:hover em{font-weight: bold; font-size: 36px;}
.develop-list ul li:hover span{ border-color: #fff; }
.develop-list ul li:hover .info{ background: #fff;  }
.develop-list ul li:hover .info:after{transition:0.6s; position: absolute; content: ''; background: url(../images/develop-info.png) no-repeat; width: 21px; height: 18px; top: -18px; left: 50%; margin-left: -10.5px;}
.develop-list ul li:hover strong{color: #b40000; padding-top: 19px;}
.develop-list ul li:hover p{color: #777;}
/*.develop-list ul li.swiper-slide-active em{color: #f1a61b;font-weight: bold; font-size: 36px;}
.develop-list ul li.swiper-slide-active span{background: #f1a61b; border-color: #fff; }
.develop-list ul li.swiper-slide-active .info{ background: #fff;  }
.develop-list ul li.swiper-slide-active .info:after{position: absolute; content: ''; background: url(../images/develop-info.png) no-repeat; width: 21px; height: 18px; top: -18px; left: 50%; margin-left: -10.5px;}
.develop-list ul li.swiper-slide-active strong{color: #0a68b2; padding-top: 19px;}
.develop-list ul li.swiper-slide-active p{color: #777;}*/

#develop-prev,#develop-next{cursor: pointer;width: 50px;height: 50px;border-radius: 50%;border:1px solid rgba(255,255,255,0.6);top: 51%;opacity: 1;}
#develop-prev{background: url(../images/develop-prev2.png) no-repeat center #fff; left: 0}
#develop-next{background: url(../images/develop-next2.png) no-repeat center #fff; right: 0; }


#develop-num{display: none;}

.develop-list ul li .pic{width: 150px; height: 150px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.develop-list ul li .pic img{display: block; width: 80%;}




/* 2025.5.14框架修改 */
/* 下拉导航 */
.navSlideDown {position: absolute;width: 100%;left: 0;background: #f5f9fa;top: 100%;box-sizing: border-box;opacity: 0;visibility: hidden;transition: all 0.4s;pointer-events: none;box-shadow: 0 2px 5px rgba(0, 0, 0,.05);}
.navSlideDown.on {opacity: 1; visibility: visible;pointer-events: auto;}
.navSlideDown .box {display: flex;justify-content: space-between;align-items: flex-start;position: relative;width: 100%;}
.navSlideDown .close {position: absolute;cursor: pointer;right: 0;width: 24px;top: 48px;}
.navSlideDown .close svg {max-width: 100%;}


/* 产品下拉导航 */
.proSlideDown {display: flex; width: 100%;}
.proSlideDown .hd {width: 22.74%;padding-top: 58px;padding-bottom: 105px;}
.proSlideDown .hd ul li {margin-top: 4px;position: relative;overflow: hidden; width: 100%;}
.proSlideDown .hd ul li::before {content: ""; position: absolute; left: -50%; top: -50%; width: 15px; height: 15px; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0); background: #b40000; transition: .5s;}
.proSlideDown .hd ul li::after {content: "";position: absolute;background: url(../images/proSlideDown-jt.png) no-repeat right;background-size: contain;width: 7px;height: 12px;right: 50px;top: 50%;transform: translateY(-50%);transition: .5s;}
.proSlideDown .hd ul li a {display: block;padding: 11px 20px;transition: .5s;font-size: 17px;}
.proSlideDown .hd ul li.on a {background: #E9EAEB;color: #333;font-weight: bold;}
.proSlideDown .hd ul li.on::before {left: 0; top: 0;}
.proSlideDown .hd .list {border-top: 1px solid rgba(174, 174, 174,.26); margin-top: 50px; padding:0 20px;}
.proSlideDown .hd .list dd {margin-top: 30px;}
.proSlideDown .hd .list dd a {display: flex; justify-content: space-between;}
.proSlideDown .hd .list dd a:hover {color: #b40000;}
.proSlideDown .hd .list dd a:hover svg path {fill: #b40000;}
.proSlideDown .bd {flex: none;width: 77.26%;}
.proSlideDown .bd .inBox {display: flex; height: 100%;}
.proSlideDown .bd .inBox:last-child .inHd{display: none!important;}




.proSlideDown .bd .inHd {background: #e9eaeb;width: 35%;padding-top: 37px;display: flex;flex-direction: column;justify-content: space-between;}
.proSlideDown .bd .inHd ul li {transition: .5s;position: relative;overflow: hidden;margin-bottom: 6px; width: 100%;}
.proSlideDown .bd .inHd ul li a {display: block;padding: 17px 27px;box-sizing: border-box;color: #333;}
.proSlideDown .bd .inHd ul li::before {content: "";position: absolute;left: -50%;top: -50%;width: 15px;height: 15px;-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0);background: #b40000;transition: .5s;}
.proSlideDown .bd .inHd ul li::after {content: "";position: absolute;background: url(../images/proSlideDown-jt.png) no-repeat right;background-size: contain;width: 6px;height: 12px;right: 20px;top: 50%;transform: translateY(-50%);transition: .5s;display: none;}
.proSlideDown .bd .inHd ul li.on {background: #ffffff;}
.proSlideDown .bd .inHd ul li.on::before {left: 0; top: 0;}
.proSlideDown .bd .inHd .inHdlist {padding: 0 30px;box-sizing: border-box;margin-bottom: 70px;}
.proSlideDown .bd .inHd .inHdlist dl { border-top: 1px solid rgba(174, 174, 174, .26); padding-top: 20px;}
.proSlideDown .bd .inHd .inHdlist dl dd span>img{margin-right: 14px;}
.proSlideDown .bd .inHd .inHdlist dd a {display: flex;align-items: center;justify-content: space-between;color: #747474;}
.proSlideDown .bd .inHd .inHdlist dd a:hover {color: #b40000;}
.proSlideDown .bd .inHd .inHdlist dd a:hover svg path {fill: #b40000;}
.proSlideDown .bd .inHd .inHdlist dd i{margin-right: 17px;}
.proSlideDown .bd .inBds {flex: none;width: 65%;padding: 0 9.5%;padding-top: 73px;padding-right: 0;box-sizing: border-box;}
.proSlideDown .bd .inBds ul li{width: 100%;}
.proSlideDown .bd .inBds .tle {display: flex;align-items: flex-end;padding-bottom: 29px;border-bottom: 1px solid #d6d6d6;margin-bottom: 44px;}
.proSlideDown .bd .inBds .tle span {font-size:26px;font-weight: 400;color: #333;line-height: 1;}
.proSlideDown .bd .inBds .tle a {color: #b40000;font-size: 16px;margin-left: 56px;}
.proSlideDown .bd .inBds .proinfo{display: flex; justify-content: space-between; align-items: center;}
.proSlideDown .bd .inBds .proinfo .pic{display: flex; align-items: center; justify-content: center; width: 21.78%;}
.proSlideDown .bd .inBds .proinfo .pic img{display: block; max-width: 100%;}
.proSlideDown .bd .inBds .proinfo .text{flex:1;     padding: 0 6%;}
.proSlideDown .bd .inBds .proinfo .text p{color: #666; line-height: 2;}
.proSlideDown .bd .inBds .navpro-class{display: flex; justify-content: space-between; align-items: center;}
.proSlideDown .bd .inBds .navpro-class img{display: block; max-width: 100%;}


.nyproxq-more a{border: 1px solid #ccc; border-radius: 6px; padding: 10px 30px; transition: 0.6s;}
.nyproxq-more a:first-child{margin-right: 15px;}
.nyproxq-more a span{margin-right: 10px;}

.nyproxq-more a:hover{background: #b40000; color: #fff; border-color: #b40000;}
.nyproxq-more a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



.pannel{border-bottom: 1px solid #ccc;}
.parameter ul{justify-content: space-around;}
.parameter ul li{padding: 32px 15px; position: relative; }

.parameter ul li::after{position: absolute; content: ''; width: 0; bottom: 0; height: 0.04rem; background: #b40000; left: 50%; transition: 0.6s;}
.parameter ul li a{display: block; font-size: 20px; color: #333;}
.parameter ul li:hover::after{width: 100%; left: 0;}
.parameter ul li:hover a{font-weight: 700;}



.pro-xq{padding: 80px 0;}
.proxq-title{margin-bottom:50px;}
.proxq-title strong{font-size: 26px; color: #333;}
.proxq-title i{width: 44px;height: 4px;background: #b40000; display: block; margin: .10px auto 0;}
.proxq-editor{margin-bottom: 100px;}
.proxq-editor img{display: inline-block; max-width: 100%!important; height: auto!important;}
#item1,#item2,#item3,#item4 {position: relative; top: -2rem;}


.recom-pro{background: #f5f5f5; padding: 50px 0;}
.recom-prolist ul li .info{text-align: center; padding: 20px 2% 0;}
.recom-prolist ul li:hover .info strong{color: #b40000;}



.partner-list{position: relative; overflow: hidden; padding-bottom: 50px;}
.partner-list ul{display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 16px;}
.partner-list ul li .pic {height: 110px; padding:10px; border: 1px solid #e7e7e7;border-radius: 12px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.partner-list ul li .pic img {max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply;}

#partner-num{bottom: 0;}
#partner-num .swiper-pagination-bullet-active{background: #b40000;}

#down{position: relative; top: -150px}


.proxq-editor2 table{width: 100%!important}



@media screen and (min-width:1301px) and (max-width: 1600px){
  .pc-nav {
    width: 36%;
  }
  .index-en h4{font-size: 12px; letter-spacing:0}
  .about-box .info h3{font-size: 15px; line-height: 24px; margin-bottom: 9px }

  .about-box .info{padding-top: 0}
  .about-box .index-more a {margin-top: 25px;}
  .about-num ul li b{font-size: 50px}

  .product-list ul li .pic{width: 40%; }
  .product-list ul li .pic img{height: 100%; object-fit: cover;width: 100%; max-height:300px}

  .product-list ul li .info h4{margin-bottom: 30px}

}