/* =====头部===== */
body {min-width: 1260px; overflow-x: auto;}
#c-placeholder {}
.header {position: relative; z-index: 999;}
.headerfh {height: 1rem; min-height: 78px;}
.headerBox {box-sizing: border-box; position: fixed; width: 100%; left: 0; top: 0; padding: 0 3%; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); z-index: 99;}
.headerBox .box {display: flex; justify-content: space-between; height: 1rem; min-height: 78px;}
.headerlogo {display: flex; align-items:center;height: 100%;}
.headerlogo a {position: relative; height: 100%; display: flex; align-items: center;}
.headerlogo img {max-width: 2rem; max-height: 100%;}

nav {width: 58%; margin-left: 8%;}
nav ul {display: flex; align-items: center; justify-content: space-between; height: 100%;}
nav li a {display: block; padding: 4px 0.2rem;  transition: .5s; color: #333; border: 1px solid transparent; box-sizing: border-box;}
nav li.on a , nav li:hover a {color: #B70000; border-color: #B70000;}

.headerRe {display: flex; align-items: center;}
.headerRe .icBox {width: 0.54rem; height: 0.54rem; background: #b70000; border-radius: 50%; margin-right: .12rem;}
.headerRe .icBox img {max-width: 60%;}
.headerRe span {color: #666666;}
.headerRe strong {font-size: var(--font20);color: #be1616; display: block;}


/* =====首页===== */
/* 公用css */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#B70000 #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #B70000; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {display: inline-block; color: #ffffff; padding-right: .2rem; transition: .5s; position: relative; border-left: 1px solid #fff; box-sizing: border-box; overflow: hidden;}
.more1::before , .more1::after {content: ''; display: block; width: calc(100% - .2rem); height: 1px; position: absolute; left: 0; background: #fff; top: 0;transition: all .5s;}
.more1::after {top: auto; bottom: 0;}
.more1 span {padding: .2rem .75rem; position: relative; display: flex; transition: .5s;}
.more1 span::before , .more1 span::after {content: ""; height: 35%; background: #fff; width: 1px; right: 0; position: absolute;top: 0; transition: .5s;}
.more1 span::after {top: auto; bottom: 0;}
.more1 svg {position: absolute; left: calc(100% - .2rem); top: 50%; transform: translate(-50%, -50%); max-width: .4rem; transition: .5s;}
.more1:hover {border-color: #B70000;}
.more1:hover span {background: #B70000; transition-delay: .25s;}
.more1:hover::before , .more1:hover::after {background: #B70000;}
.more1:hover svg {left: 200%;}
.more1:hover span::before , .more1:hover span::after {height: 50%; background: #B70000;}

.more2 {border-color: #333;}
.more2::before , .more2::after {background: #333;}
.more2 span {color: #333;}
.more2 span::before , .more2 span::after {background: #333;}
.more2:hover span {color: #fff;}

/* banner */
.indexBanner {}
.indexSwiper {height: 100%; overflow: hidden; position: relative;}
.indexSwiper .imgBox {overflow: hidden;height: 100%;}
.indexSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1,1.1);}
.indexSwiper .swiper-slide-active .imgBox img {transition: 6s linear;transform: scale(1,1);}
.indexSwiper .box {top: 50%;}
.indexSwiper .box .con {background: rgba(27, 27, 27,.2); width: 70%; padding: .7rem; padding-right: 1rem;}
.indexSwiper .con .en {font-size: var(--font18);color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
.indexSwiper .con h2 {font-size: 0.82rem;  font-family: "Noto Serif SC"; font-weight: 700;color: #ffffff; line-height: 1; margin-top: .1rem;}
.indexSwiper .con .span1 {font-size: var(--font40);font-weight: 300; color: #ffffff; margin-top: .3rem;}
.indexSwiper .con .span2 {font-size: var(--font18);font-weight: 300; color: #ffffff; margin-top: .3rem; line-height: 1.7;}
.indexSwiper .con .more {margin-top: .5rem;}

.indexOne {overflow: hidden;}
.indexOne ul {display: flex; flex-wrap: wrap;}
.indexOne li {width: 50%; position: relative; margin-top: 25px; height: 8.2rem; position: relative; overflow: hidden;}
.indexOne li::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0,.5); transition: 1s;}
.indexOne li.on::after {left: 100%;}
.indexOne li .imgBox {overflow: hidden; height: 100%; position: relative;}
.indexOne li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne li .con {padding: 1% 2% 6% 6%; position: absolute; width: 100%; left: 0; bottom: 0;}
.indexOne li h5 {display: inline-block;color: #ffffff;font-weight: 700; font-size: var(--font42);}
.indexOne li .tle span {color: #fff; margin-left: .2rem;  font-family: "Noto Serif SC";}
.indexOne li .text {margin: .25rem 0;}
.indexOne li .text p {color: #fff;}
.indexOne li .text span {border: 1px solid transparent; box-sizing: border-box  ; display: inline-block; color: #fff; position: relative; padding:1px .1rem; margin-right: .3rem; transition: .5s;}
.indexOne li .text span::before {content: "·"; position: absolute;left: 0;opacity: 1; transition: .5s;}
.indexOne li .text a:hover span {border-color: #fff;}
.indexOne li .text a:hover span::before {opacity: 0;}
.indexOne li:nth-child(3) {width: 55%; height: 5.7rem;}
.indexOne li:nth-child(3) .con {padding-left: 20%;}
.indexOne li:nth-child(4) {width: 45%;height: 5.7rem;}
.indexOne li:nth-child(4) .imgBox::after {content: "";opacity: 0.5; background: #000; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.indexTle {text-align: center; position: relative;}
.indexTle h3 {font-size: 0.6rem;font-weight: 400;color: #333333;}
.indexTle .en {position: absolute; left: 50%; top: auto; bottom: 0; transform: translate(-50%, 5%);font-size: 1rem;color: rgba(51, 51, 51,.1);font-weight: 300; line-height: 1;}
.indexTle i {display: block; margin: auto; margin-top: .3rem; width: 0.46rem;height: 0.04rem; background: #b70000;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 1.4rem 0; margin-top: 25px;}
.indexTwo .box {max-width: 1000px; margin: auto;}
.indexTwo .disc {color: #555555; line-height: 1.7; text-align: center; margin-top: .5rem;}
.indexTwo ul {display: flex; justify-content: space-between; margin-top: .7rem; align-items: center;}
.indexTwo li {text-align: center;}
.indexTwo li .counter {color: #b70000;font-size: 0.7rem; font-weight: bold; display: inline-block;}
.indexTwo li .fuhao , .indexTwo li .zi {display: inline-block;}
.indexTwo li .fuhao {font-size: 0.2rem;color: #333333;}
.indexTwo li i {width: 1px; height: 0.42rem; opacity: 0.1; background: #090909; display: block;}
.indexTwo .more {margin-top: .7rem; display: flex; justify-content: center;}
.indexTwo .more .more1 {border-color: #333;}

.indexThre {background: #fafafa; padding: .55rem 0; margin-top: 25px;}
.indexThre .tle {text-align: center;}
.indexThre .p1 {color: #333333;font-weight: 400;}
.indexThre h3 {font-weight: 700;color: #333333;font-size: var(--font38);  font-family: "Noto Serif SC"; margin: .1rem 0;}
.indexThre .p2 {color: #333333; font-size: 14px;}
.indexThre ul {margin-top: .6rem;}
.indexThre ul {display: flex; justify-content: space-between; align-items: center;}
.indexThre li {text-align: center;}
.indexThre li .icBox {width: 66px; height: 66px; border: 1px solid #666666; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: auto;}
.indexThre li span {color: #333333;font-weight: 400; font-size: var(--font20); margin: 15px 0; display: block;}
.indexThre li .xian {display: block;width: 0.38rem;  height: 2px;  background: #b70000; margin: auto; }
.indexThre li i {display: block;width: 1px; height: 0.56rem; opacity: 0.1; background: #000000;}

.indexTle2 h3 {color: #333333; font-size: var(--font48);font-weight: 700;  font-family: "Noto Serif SC";}
.indexTle2 .en {font-weight: 300;   color: #333333;display: block; margin-top: .1rem;}
.indexTle2 i {display: block; width: 0.38rem; height: 2px;background: #b70000; margin-top: .25rem;}

.indexFour {padding: .65rem 0;}
.indexFour .box {display: flex; justify-content: space-between;}
.indexFour .le {width: 24%; flex-shrink: 0;}
.indexFour .re {width: 72%;}
.indexFour .le ul {margin-top: .4rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexFour .le li {width: 48%;border: 1px solid #666666; padding: .13rem .05rem; box-sizing: border-box; text-align: center; margin-top: .12rem;color: #666666; font-size: var(--font18);}
.indexFour .le .more {margin-top: .7rem;}

.inFoSwiper ul {display: flex; flex-wrap: wrap; position: relative;}
.inFoSwiper ul::after {height: 100%; width: 0;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; background: #fff; z-index: 1;   transition: .5s;}
.inFoSwiper ul::before {height: 0; width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; background: #fff; z-index: 1;  transition: .5s; }
.inFoSwiper li {width: 50%;}
.inFoSwiper li {overflow: hidden; position: relative; padding: 0; box-sizing: border-box; transition: .5s;}
.inFoSwiper li img {width: 100%; height: 100%; object-fit: cover;}
.inFoSwiper .swiper-slide-active ul::after {width: .2rem;  transition: all 0.5s 0.5s;}
.inFoSwiper .swiper-slide-active ul::before {height: .2rem;  transition: all 0.5s 0.5s;}

.indexFive { padding: .7rem 0;background: url(../images/indexFive-bj.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}
.indexFive .box {background: rgba(0, 0, 0,.4); padding: .7rem; box-sizing: border-box; width: 63%;}
.indexFive .box strong {display: block; color: #fff; font-size: var(--font48);font-weight: 700; font-family: "Noto Serif SC"; line-height: 1.25;}
.indexFive form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexFive form .inBox {margin-top: .4rem; width: 42%;}
.indexFive form label {display: block;color: #9a9a9a; margin-bottom: .2rem;}
.indexFive form input {min-height: 32px; border-bottom: 1px solid #6D645B;width: 100%; padding-bottom: .1rem; color: #fff;}
.indexFive form .yzmBox {position: relative;}
.indexFive form .yzmBox input {padding-right: 70px;}
.indexFive form .yzmBox img {position: absolute; right: 0;}
.indexFive form .sub {margin-top: .5rem;}

.footer {position: relative; background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover;}
.footerbj img {width: 100%; height: 600px; object-fit: cover;}
.footer .fotercon {display: flex; justify-content: flex-end; margin-bottom: .3rem;}
.footer .box {background: #fff; width: 6rem; margin-right: 160px; position: relative;}
.footer .box::after {content: ""; position: absolute; bottom: 0;height: 0.1rem;background: #b70000; left: 0; width: 100%;}
.fotercon h3 {color: #b70000; font-size: var(--font34);font-weight: 700; padding: .4rem; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;} 
.fotercon .con {padding:.3rem .4rem; box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.foterus dd {display: flex; margin: .1rem 0; color: #333;}
.foterus dd .icBox {margin-right: 10px;width: 15px; display: flex; align-items: center; justify-content: center;}
.foterus dd a {color: #333;}
.foterus dd a:hover {color: #B70000;}
.foternav dt {color: #b70000;   font-weight: 700; font-size: var(--font24); margin-top: .4rem;}
.foternav .ddBox {display: flex; flex-wrap: wrap; margin-top: .2rem;}
.foternav dd {width: calc(100% / 3); margin: .1rem 0;}
.foternav dd a {color: #333333;}
.foternav dd a:hover {color: #B70000;}  
.foterCopy {display: flex; flex-wrap: wrap; justify-content: space-between; padding: .2rem .4rem;}
.foterCopy p {margin: .02rem 0;}
.foterCopy p , .foterCopy p a {font-size: 14px; color: #333;}
.foterCopy p a:hover {color: #B70000;}
.mapCopy {font-size: 12px;}

/* 内页底部 */
/* 解决方案 */
.in-settle {background: url(../images/in-settle-bj.jpg) no-repeat center; text-align: center; padding: 70px 0; background-size: cover;}
.in-settle h1 {font-size: 36px;color: #ffffff;font-weight: 700;}
.in-settle h2 {letter-spacing: 3px;font-size: 14px;color: #fff;}
.in-settle a {width: 180px; display: block; height: 50px; transition: .5s; margin: auto; margin-top: 76px; border: 1px solid #f7f7f7;  border-radius: 26px;font-size: 16px;color: #ffffff;text-align: center; line-height: 50px;}
.in-settle a:hover {background-color: #B70000; border: 1px solid #B70000;}
/* 底部 */
.ny-footer {height: 109px; background: #333333;display: flex; justify-content: center; align-items: center;}
.ny-footer p {font-size: 15px;color: #f7f7f7;}
.ny-footer p a {font-size: 15px;color: #f7f7f7;}
.ny-footer p:nth-child(2) {margin: 0 30px 0 40px;}
.ny-footer p a:hover {color: #B70000;}


/* ===================关于我们========================== */
.ny-banner {height: 520px; overflow: hidden;}
.ny-banner .imgBox {height: 100%;}
.ny-banner img {width: 100%; height: 100%; object-fit: cover;}

/* 二级导航 */
.ny-nav2 {border-bottom: 1px solid #f0f0f0;border-top: 1px solid transparent;background-color: #fff;width: 100%;}
.ny-nav2 ul {display: flex; align-items: center;height: 82px;}
.ny-nav2 ul li {width: 10%; height: 100%; text-align: center; line-height: 82px;}
.ny-nav2 ul li a {font-size: 16px; color: #333; position: relative;     display: inline-block;}
.ny-nav2 ul li a::after {content: ""; width: 0; height: 2px; background-color: #B70000; position: absolute; bottom: 0; transition: .5s; left: 50%;}
.ny-nav2 ul li:hover a::after {width: 100%; left: 0;}
.ny-nav2 ul li:hover a {color: #B70000;}
.ny-nav2 ul li.on a::after {width: 100%; left: 0;}
.ny-nav2 ul li.on a {color: #B70000;}

/* 三级导航 */
.f-cb {  zoom: 1;}
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;content: ".";}
.ny-nav3 {margin: 30px 0;}
.nav3-box {padding: 20px 30px; box-sizing: border-box; border: 1px solid #eee;}
.nav3-box li .tit { font-size: 16px;  line-height: 30px;  float: left;}
.nav3-box li .item {  float: right;  width: 92%;  font-size: 0;}
.nav3-box li .item a {display: inline-block;  zoom: 1;  font-size: 14px;  line-height: 30px;  padding-left: 15px;  margin-right: 20px;  color: #333;  position: relative;  vertical-align: middle;  transition: all .2s;}
.nav3-box li .item a:before {  content: "";  position: absolute;  left: 0;  top: 50%;  width: 5px;  height: 5px;  background-color: #B70000;  border-radius: 100%;  transform: translateY(-50%);  opacity: 0;  filter: alpha(opacity=0);  transition: all .2s;}
.nav3-box li a:hover:before { opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on:before {opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on{color: #B70000;}
.nav3-box li a:hover {color: #B70000;}

/* 产品列表 */
.ny-product {margin-bottom: 50px;}
.show-list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.show-list ul::after {width: 31%; content: "";}
.show-list li {width: 31%;  border: 1px solid #eee; position:relative; transition: .5s;bottom: 0; margin-top: 40px;}
.show-list li img {width: 100%; height: 100%;}
.show-list li .list-img {height: 300px;}
.show-list .list-text {padding: 15px 30px; box-sizing: border-box;}
.show-list li h6 {color: #999;color: 12px;}
.show-list li h3 {color: #333;  font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.show-list li .more {padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.show-list li i {display: block; width: 10px; height: 2px; background-color: #B70000;}
.show-list li::after {position: absolute; bottom: 0; content: ""; width: 0; height: 2px; background-color: #eee; transition: .5s;}
.show-list li:hover { transition: .5s; bottom: 10px;  position:relative;}
.show-list li:hover::after {width: 100%;}


/* ==========新闻中心2==========*/
/* .all-news-list {margin: 100px 0;} */
.all-news-list ul li {width: 100%; position: relative; overflow: hidden; padding: 60px 0; border-bottom: 1px solid #eeeeee;}
.all-news-list ul li .box-right {width: 60%;}
.all-news-list li .companyNews-box { display: flex; }
.all-news-list li .companyNews-box em {font-size: 1rem;color: #9f9f9f; position: relative; z-index: 2;}
.all-news-list li .companyNews-box h3 {font-size: 1.1rem;color: #333333; line-height: 24px; margin: 20px 0;  position: relative; z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.all-news-list li .companyNews-box .box-img {width: 100%;position: relative; z-index: 2; overflow: hidden;}
.all-news-list li .companyNews-box .box-img img {width: 100%; display: block; transition: .5s;}
.all-news-list li .companyNews-box span {background: url(../images/company-news-jt.png) no-repeat center; transition: .5s; width: 74px; height: 12px; display: block; margin-top: 30px; position: relative; z-index: 2;}
.all-news-list li p {font-size: 0.9rem; color: #555555; margin: 3rem 0; line-height: 25px;  position: relative;z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.all-news-list li .bj-img { position: absolute; bottom: 0; width: 100%;  bottom: -100%; transition: .5s;}
.all-news-list li .bj-img img {width: 100%; display: block; }
.all-news-list li:hover h3 {color: #5891ca;}
.all-news-list li:hover span {background: url(../images/company-news-jt2.png) no-repeat center; padding-left: 170%;}
.all-news-list li:hover .box-img img {transform: scale(1.05);}
.all-news-list li:hover .bj-img {bottom: 0;}
.all-news-list li .companyNews-box .box-left { width: 30%;margin-right: 110px; position: relative;}
.all-news-list li .companyNews-box .box-img h4 {  position: absolute;  top: 0;  left: 0;  width: 30%;  display: block;  text-align: center;  padding: 13px 10px;  font-size: 1rem;  color: #ffffff;  background: #bca065;  border-radius: 0px 0px 20px 0px;}



/* ==========新闻详情==========*/



/* 产品详情 */
.proDate {background-color: #f5f5f5; padding: 100px 0;}
.proDate .news-title{ border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:38px;}
.proDate .news-title h2{font-size:28px;line-height: 40px;margin-bottom:0;color:#333;font-weight:bold;text-align: left;}
.proDate .news-title span{display: block;font-size:18px;color:#666;text-align: left;}
.proDate .news-title .fra {height:48px;line-height: 48px;border-radius:26px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 20px  #B70000;padding:0 20px;display: block;text-indent: 30px;font-size:16px;}
.proDate .news-title .fra a {color: #fff; display: block;}
.proDate .news-title .title {width: 75%;}
.proDate .ny-xq-con { margin: 30px 0;}
.content {background-color: #fff;   padding: 40px; box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;} 
.page-fy a:hover {color: #B70000;}


/* 客户反馈 */
.feedbackMain {margin: 100px 0;}
.feedback{width:auto;margin:0 auto;width:650px;}
.feedback dl{overflow: hidden;padding:5px 0;}
.feedback dd{overflow: hidden;}
.feedback dt.fdtitle{font-weight: normal;font-size: 16px; float: left;width:90px;}
.feedback dd .fdinput{float:left;width:450px;line-height: 35px;height:35px; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px}
.feedback dd .fdtext{width:450px;height:80px;float:left; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px;padding-top:10px;}
.feedback dd .fdsub,.feedback dd .fdres{border-radius: 3px;padding:2px 20px;margin-left:10px;line-height:20px;color:#fff;cursor: pointer;font-family: "微软雅黑"}
.feedback dd .fdsub{margin-left:90px; border:1px solid #f50; background:#f60;width:120px;height:35px;}
.feedback dd .fdres{border:1px solid #282828; background:#444;width:120px;height:35px;}
 .feedback .codeimg{float:left;margin-left:5px;cursor:pointer;border:1px solid #ddd; width:100px; height:28px;}
/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}