@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: 14px/1.5 "Microsoft YaHei",Arial, Helvetica , sans-serif; background: #fff; 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}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1600px; margin:0 auto;max-width: 92%;}
.container12{width:1200px; margin:0 auto;max-width: 92%;}
.container13{width:1300px; margin:0 auto;max-width: 92%;}
.container14{width:1400px; margin:0 auto;max-width: 92%;}
.container16{width:1600px; margin:0 auto;max-width: 92%;}
.containers{width:96%; margin:0 auto;}
.c {zoom: 1;}
.c:after{content: /html/class/template/css/""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:/html/class/template/css/""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.displayFlex {display: flex; align-items: center; justify-content: center;}
/* 下滑头部 */
/* .navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;} */
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 去除input自动填充背景色 */
input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important;}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); }
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

/*字体引入*/
 @font-face {
  font-family: "CENTURY";
  src: url("/html/class/template/font/centurygothic.ttf");
}
/* 
@font-face {
  font-family: "GEORGIAB";
  src: url(/html/class/template/css/"");
} */
@font-face {
  font-family: "Noto Sans SC";
}
/* CSS Document */



/* ==首页==*/
.zwys {height: 6.75rem;}
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s; background: rgb(199, 0, 11); box-shadow: 0 2px 6px rgb(0 0 0 / 10%);}
header .logo {position: relative; z-index: 9;}
header .logo img {display: block;}
.headerBox .box {display: flex; justify-content: space-between; height: 6.75rem; align-items: center;}
nav {width: 50%; margin-right: 5%;}
nav ul {display: flex; justify-content: space-between;}
nav ul > li {line-height: 6.75rem; }
nav ul li.on > a {font-weight: 700;}
nav ul li > a {font-size: 1.1rem;font-weight: 400;color: #ffffff; display: block; height: 100%;position: relative;}
nav ul li > a::after {content: /html/class/template/css/""; position: absolute; bottom: 0; width: 0; left: -10%; height: 2px; background: #fff; transition: .5s;}
nav ul li:hover > a::after,nav ul li.on > a::after {width: 120%; }
.headerBox .he-re {display: flex; align-items: center;}
.language {display: flex; align-items: center;}
.language .ic img {display: block; margin-right: 1rem;}
.language a {font-size: 1rem;font-weight: 400;color: #ffffff; transition: .5s;}
.language i {height: 0.94rem;width: 1px; opacity: 0.24; background: #ffffff; margin: 0 1rem; display: block;}
.heSearch {margin-left: 3rem;}
/* 二级下拉 */
.navSedBox {position: fixed; line-height: initial;top: 6.75rem;  background: #F5f5f5;overflow: hidden;z-index: 10; display: none;  }
.navSedBox .seBox {display: flex;justify-content: space-between;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
.navSedBox dl {padding: 1rem; box-sizing: border-box; width: 35%;}
.navSedBox dl dd a {color: #333; display: block; padding: 0.75rem 0.5rem; box-sizing: border-box; text-align: center; font-size:1rem;  border-bottom: #ddd 1px solid; transition: .5s;}
.navSedBox .navContentBox {background: #fff; padding: 1.5rem; box-sizing: border-box; width: 65%; border-bottom: 2px solid #db1f25;}
.navContentBox .picBox {margin-bottom: 1rem;}
.navSedBox dl dd:hover a:hover {background: #db1f25; color: #fff;}
.navContentBox .picBox img {display: block; max-width: 100%;}
.navContentBox .tit {font-size: 1.2rem; font-weight: 700; color: #333; margin-bottom: 1rem; display: inline-block;}
.navContentBox .navSummray {font-size: 0.9rem;color: #777;}
/* 搜索 */
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color: rgb(199, 0, 11); box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index: 3;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding: 2rem 0;}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 2rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}

/* banner */
.bannerSwiper {position: relative; overflow: hidden;}
.banner .imgBox img {display: block; width: 100%;}
.banner .swjt {width: 4.75rem; height: 4.75rem;background: rgba(42, 42, 42,.58); border-radius: 50%;}
.banner .swiper-slide {overflow: hidden;}
.banner .swiper-button-prev {transform: rotate(180deg);}
.banner .swiper-pagination-bullet {background: #fff;}
.banner .swiper-pagination-bullet-active {background: #db1f25;}

.bannerSwiper {position: relative;}
.bannerSwiper .con1 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; margin-left: 3%;}
.bannerSwiper .con1 h2 {font-size: 1.8rem;color: #000000; font-weight: 100;}
.bannerSwiper .con1 .text {font-size: 4rem;color: #000;display: flex;}
.bannerSwiper .con1 .text span {color: #d01b25;}
.bannerSwiper .con1 p {color: #000000; font-size: 1.3rem;  line-height: 2rem; width: 62%; }
.bannerSwiper .con2 {position: absolute;left: 30%;top: 85%;transform: translate(-50%, -50%);}
.bannerSwiper .con2 h1 {font-size: 3rem;color: #fff;font-weight: 100;}
.bannerSwiper .con2 span {font-size: 3rem;color: #fff;font-weight: 100;}

.indexTle h3 {font-size: 3.13rem;font-weight: 700;color: #333333;}
.indexTle .text {font-size: 2rem;font-weight: 400;color: #333333;}
.indexOne {margin: 3.8rem 0 4.5rem 0;}
.indexOne .tle {display: flex; justify-content: space-between; align-items: center;}
.indexOne .indexTle h3 {position: relative;}
.indexOne .indexTle h3::before {content: /html/class/template/css/"";background: #000; width: 100vw; height: 1px; position: absolute; left: -51vw; top: 50%; transform: translate(-50%, -50%);}
.inOnePro {text-align: right; max-height: 12rem; overflow-y: auto; padding-right: 3rem;}
.inOnePro ul li a {font-size: 1rem;opacity: 0.65;color: #333333; display: block; margin: 0.5rem 0;}
.inOnePro ul li a:hover {color: #D80C17; opacity: 1;}
.inOnePro::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}
.inOnePro::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #D80C17;scrollbar-arrow-color:red;}
.inOnePro::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: #000000;}
.inOneList {margin-top: 3rem;}
.inOneList .listOne {display: flex; justify-content: space-between;}
.inOneList .listOne li {width: 50%;position: relative; }
.inOneList .listOne .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: .5s;}
.inOneList .listOne .bjBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.inOneList .listOne .box {position: relative; z-index: 1;justify-content: space-between; display: flex; align-items: center;height: 25rem; padding: 2%; box-sizing: border-box;}
.inOneList .listOne .imgBox {width: 43%; display: flex; align-items: center; justify-content: center;}
.inOneList .listOne .imgBox img {display: block; max-width: 100%; transition: .5s;}
.inOneList .listOne .con {width: 53%;}
.inOneList .listOne .con h5 {font-size: 2rem;font-weight: 700;color: #333333; margin-bottom: 1rem;}
.inOneList .listOne .con .disc p {font-size: 0.94rem;color: #666666;margin: 0.3rem 0; position: relative; padding-left: 0.5rem;box-sizing: border-box;}
.inOneList .listOne .con .disc p::before {content: /html/class/template/css/""; width: 4px; height: 4px; background: #000; border-radius: 50%;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}
.inOneList .listOne .con .more a {width: 8.13rem; height: 2rem;background: #545454;border-radius: 1rem; display: block; margin-top: 2rem; transition: .5s;}
.inOneList .listOne .con .more a {font-size: 0.88rem;font-weight: 400;color: #ffffff;display: flex; align-items: center; justify-content: center;}
.inOneList .listOne li:hover .bjBox {opacity: .5;}
.inOneList .listOne li:hover .imgBox img {transform: scale(1.05);}
.inOneList .listOne li:hover .more a {background: #D80C17;}
.inOneList .listTwo {display: flex; justify-content: space-between;}
.inOneList .listTwo li {width: 25%; background: linear-gradient(0deg,#efefef 0%, #ffffff 100%); padding: 4% 2%; box-sizing: border-box;}
.inOneList .listTwo li {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inOneList .listTwo li .imgBox {margin-bottom: 1rem;}
.inOneList .listTwo li .imgBox img {transition: .5s; max-width: 100%; display: block;}
.inOneList .listTwo li h5 {font-size: 1.5rem;font-weight: 700;color: #333333; margin-bottom: 0.5rem;}
.inOneList .listTwo li p {font-size: 1rem;font-weight: 400;color: #666666;}
.inOneList .listTwo li .more a {width: 8.13rem; height: 2rem;background: #545454;border-radius: 1rem; display: block; margin-top: 2rem; transition: .5s;}
.inOneList .listTwo li .more a {font-size: 0.88rem;font-weight: 400;color: #ffffff;display: flex; align-items: center; justify-content: center;}
.inOneList .listTwo li:nth-child(even) {background: linear-gradient(0deg,#dadada 0%, #ffffff 100%);}
.inOneList .listTwo li:hover .more a {background: #D80C17;}
.inOneList .listTwo li:hover .imgBox img {transform: scale(1.05);}

.indexTwo {background: url(/html/class/template/images/indexTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 6rem 0 8rem 0;}
.indexTwo .indexTle {text-align: center;}
.indexTwo .indexTle h3 {color: #fff;}
.indexTwo .indexTle p {color: #fff; text-align: center;font-size: 1.06rem;font-weight: 400;line-height: 2.13rem; width: 85%;margin:2rem auto;}
.indexTwo .indexTle .more {margin-top: 3rem;}
.indexTwo .indexTle .more a {display: inline-flex; width: 14.13rem; height: 4.31rem; color: #fff; font-size: 1.13rem; background: #c7000b; border-radius: 2.19rem;}
.indexTwo ul {display: flex; justify-content: space-between; margin-top: 7rem;}
.indexTwo ul li {text-align: center;}
.indexTwo ul li b {font-size: 5.63rem;font-weight: 400;color: #fff; font-family: "CENTURY";}
.indexTwo ul li em {font-size: 3.13rem; color: #fff; font-family: "CENTURY";}
.indexTwo ul li i {font-size: 3.13rem;color: #fff; font-style: normal; font-family: "CENTURY";}
.indexTwo ul li i sup {font-size: 2rem;}
.indexTwo ul li span {font-size: 1.38rem;font-weight: 400;color: #fff;}

.indexThree {padding: 6rem 0;}
.indexThree .tle {display: flex; justify-content: space-between; align-items: center;}
.indexThree .indexTle p {font-size: 1.06rem;font-weight: 400;color: #666666; margin-top: 1rem; width: 52%;line-height: 1.63rem;}
.indexThree .tle .more a {width: 11.75rem;height: 4.31rem; background: #c7000b;border-radius: 2.19rem; }
.indexThree .tle .more a span {font-size: 1.13rem;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexThree .tle .more a:hover span {margin-right: 1.5rem;}
.indexThree ul {margin-top: 4rem; display: grid; grid-template-columns: repeat(5,1fr); gap: 1.5rem;}
.indexThree ul li {position: relative; overflow: hidden; width: 100%;}
.indexThree ul li .imgBox img {display: block; transition: .5s; width: 100%; -webkit-filter: grayscale(80%);-moz-filter: grayscale(80%); -ms-filter: grayscale(80%);-o-filter: grayscale(80%); filter: grayscale(80%); filter: gray;}
.indexThree ul li .con {position: absolute;width: 100%; bottom: 0; padding:2rem; box-sizing: border-box; transition: .5s; }
.indexThree ul li .con {display: flex; justify-content: space-between; align-items: center;}
.indexThree ul li .con::after {content: /html/class/template/css/""; opacity: 1; transition: .3s; position: absolute; z-index: 0; left: 0; width: 100%; height: 200%; background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 0% , rgba(0, 0, 0, 0.9));}
.indexThree ul li .con h5 {color: #fff;font-size: 1.38rem;font-weight: 700; position: relative; z-index: 1;}
.indexThree ul li .con i {margin-left: 1rem; opacity: 0; transform: translateX(-1rem); transition: .5s;position: relative; z-index: 1; }
.indexThree ul li:hover .imgBox img {-webkit-filter: none;-moz-filter: none; -ms-filter: none;-o-filter: none; filter: none;}
.indexThree ul li:hover .con i {opacity: 1; transform: translateX(0rem);transition-delay: .3s;}
.indexThree ul li:hover .con {background: #c7000b;}
.indexThree ul li:hover .con::after {opacity: 0;}

.indexFour {background: #f5f5f5; padding: 4rem 0 5rem 0;}
.indexFour .tle {display: flex; justify-content: space-between; align-items: center;}
.indexFour .indexTle p {font-size: 1.06rem;font-weight: 400;color: #666666; margin-top: 1rem;line-height: 1.63rem;}
.indexFour .tle .more a {width: 11.75rem;height: 4.31rem; background: #c7000b;border-radius: 2.19rem; }
.indexFour .tle .more a span {font-size: 1.13rem;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexFour .tle .more a:hover span {margin-right: 1.5rem;}
.indexFour .boxFour {display: flex; justify-content: space-between; margin-top: 4rem;}
.inFoSwiper {position: relative; overflow: hidden; width: 65%; border: 0.06rem solid rgba(221, 221, 221,.6);}
.inFoSwiper .box {display: flex; align-items: center; height: 100%;}
.inFoSwiper .box .le {width: 51%; overflow: hidden; height: 100%;}
.inFoSwiper .box .le a {height: 100%;display: block;}
.inFoSwiper .box .le .imgBox { transition: .5s; height: 100%;}
.inFoSwiper .box .le .imgBox:hover {transform: scale(1.05);}
.inFoSwiper .box .le img {display: block; width: 100%; height: 100%; object-fit: cover;}
.inFoSwiper .box .re {padding: 1rem 3rem; box-sizing: border-box; width: 47%;}
.inFoSwiper .box .re em {font-size: 1rem;font-weight: 400;color: #666666; display: block; margin-bottom: 2rem;}
.inFoSwiper .box .re h5 {font-size: 1.13rem;font-weight: 700;color: #333333;line-height: 1.75rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inFoSwiper .box .re h5:hover {color: #C7000B;}
.inFoSwiper .box .re i {display: block; height: 0.06rem; opacity: 0.35;background: #dddddd;margin-top: 1rem; margin-bottom: 1.5rem;}
.inFoSwiper .box .re p {font-size: 0.94rem;font-weight: 400;color: #666666;line-height: 1.75rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.inFoSwiper .box .re .more {margin-top: 4rem;}
.inFoSwiper .box .re .more a {width: 8.63rem;height: 2.94rem;background: #C7000B;border-radius: 1.5rem; display: flex; align-items: center; justify-content: center;}
.inFoSwiper .box .re .more a span {font-size: 0.94rem;font-weight: 400;color: #ffffff; margin-right: 0.5rem;transition: .5s; letter-spacing: 0.03rem;}
.inFoSwiper .box .re .more a:hover span {margin-right: 1rem;}
.inFoSwiper .box .re .more a {position: relative; overflow: hidden; z-index: 1;}
.inFoSwiper .swiper-pagination {width: auto; right: 5%; left: auto;  bottom: 13%;}
.inFoSwiper .swiper-pagination-bullet {width: 0.69rem; opacity: 1; height: 0.75rem; border: 0.06rem solid #dddddd; box-sizing: border-box; background: none;}
.inFoSwiper .swiper-pagination-bullet-active {background: #C7000B; border-color: #C7000B;}
.newsInfo {width: 34%;padding: 2.5rem 2rem; box-sizing: border-box;border: 0.06rem solid rgba(221, 221, 221,.6);}
.newsInfo .infoTop .topTz {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.newsInfo .infoTop .topTz strong {font-size: 1.5rem;font-weight: 700;color: #333333;}
.newsInfo .infoTop .topTz a {font-size: 0.88rem;font-weight: 400;color: #666666;}
.newsInfo .infoTop .topTz a:hover {color: #C7000B;}
.newsInfo .infoTop h5 {font-size: 1.06rem;font-weight: 700;color: #333333; margin-bottom: 0.5rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsInfo .infoTop h5:hover {color: #C7000B;}
.newsInfo .infoTop p {font-size: 1rem;font-weight: 400;color: #666666; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:1.8rem;}
.newsInfo .infoTop em {font-size: 0.88rem;font-family: Arial, Arial-Regular;color: #777777;font-weight: 400; display: block; margin-top: 1rem;}
.newsInfo .infoTop i {display: block; height: 0.06rem; opacity: 0.59; background: #dddddd; margin: 2rem 0;}
.newsInfo ul li {padding: 1rem 0;}
.newsInfo ul li a {display: flex; justify-content: space-between; align-items: center;}
.newsInfo ul li a h6 {width: 70%; font-size: 1rem;font-weight: 400;color: #666666;  display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsInfo ul li span {font-size: 1rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #777777;}
.newsInfo ul li:hover h6 {color: #C7000B;}

.indexfive {  background: #c7000b; position: relative; overflow: hidden;}
.indexfive ul {display: flex; justify-content: space-between; position: relative; z-index: 2;}
.indexfive ul li {height: 11.75rem; padding: 0 3.5rem;  box-sizing: border-box; display: flex; align-items: center;position: relative;}
.indexfive ul li::after {content: /html/class/template/css/""; position: absolute; width: 0.06rem; height: 4.19rem; opacity: 0.34; background: #ffffff; left: 0%;}
.indexfive ul li:first-child {padding-left: 0;}
.indexfive ul li:first-child::after , .indexfive ul li:nth-child(4)::after {display: none;}
/* .indexfive ul li:last-child {background: #ae0d00;} */
.indexfive ul li:last-child::before {content: /html/class/template/css/""; width: 100vw; left: 0; height: 100%; position: absolute; z-index: -1; background: #ae0d00; right: 0;top: 0;}
.indexfive ul li .icBox {margin-right: 1.25rem;}
.indexfive ul li em {font-size: 1rem;font-weight: 400;color: #ffffff;opacity: 0.47;}
.indexfive ul li strong {display: block;font-size: 2rem;color: #fff;}
.indexfive ul li span {display: block;color: #fff;  font-size: 1rem;}
.indexfive ul li span a {color: #fff; font-weight: 700;}
.indexfive ul li .info a {font-size: 1.25rem;font-weight: 700; color: #fff;}
.indexfive ul li .info img {margin-left: 0.5rem; transition: .5s;}
.indexfive ul li .info a:hover img {margin-left: 1rem;}
.indexfive ul li:last-child span {margin-top: 0.5rem;}

/* ===底部=== */
footer {background: #25231f;}
footer .foterTop {display: flex; justify-content: space-between; padding: 3.25rem 0 6rem 0;}
.foterNav {display: flex; width: 58%; justify-content: space-between; align-items: flex-start;}
.foterNav dl dt {font-size: 1.13rem;font-weight: 400;color: #ffffff; margin-bottom: 1.3rem;}
.foterNav dl dd a {font-size: 0.94rem;font-weight: 400;color: #b6b6b6; margin: 0.35rem 0; display: block;}
.foterNav dl dd a:hover {color: #fff;}
.foterCode {display: flex; align-items: center;}
.foterCode span {writing-mode:vertical-rl;color: #fff;font-size: 1.06rem; margin-left: 1rem;}
.foterBom {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1rem 0; border-top: 1px solid #32312F;}
.foterBom p , .foterBom p a {font-size: 0.94rem;font-weight: 400;color: rgba(255, 255, 255,.62); position: relative;}
.foterBom p a.ba2 {padding-left:1.5rem;}
.foterBom p a.ba {margin-right: 1rem;padding-left: 2rem;}
.foterBom p a img {position: absolute; top: -20%; left: 0;}
.foterBom p a:hover {color: #fff;}

/* ===关于我们=== */
.ny-banner {position: relative; z-index: 2;}
.ny-banner .bjBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.ny-banner .bannerCon {width: 1600px; margin: auto; max-width: 92%;}
.ny-banner .bannerCon h3 {font-size:4.5rem;font-weight: 700;color: #ffffff;}
.ny-banner .bannerCon span {font-size: 4.5rem;font-weight: 900;font-family: Arial, Arial-Black; color: #fff; text-transform: uppercase;line-height: 4.5rem;}
.ny-banner .bannerCon span:nth-child(2) {color: #C7000B; margin-left: 2rem;}
.ny-banner .bannerNav {width: 1600px; margin: auto; top: 88%; max-width: 92%;}
.ny-banner .bannerNav a {font-size:1.1rem;color: rgba(255, 255, 255,.5);position: relative; margin: 0 2rem;font-weight: 400; transition: .5s;}
.ny-banner .bannerNav a:nth-child(1) {margin-left: 0;}
.ny-banner .bannerNav a::before {content: /html/class/template/css/""; z-index: -1; width: 0; height: 0.31rem; background: #C7000B; position: absolute; left: 0; bottom: 0; transition: .5s;}
.ny-banner .bannerNav a::after {content: "/"; right: -2.2rem; position: relative; color: rgba(255, 255, 255,.5);}
.ny-banner .bannerNav a:last-child::after {display: none;}
.ny-banner .bannerNav a.on {color: #fff;}
.ny-banner .bannerNav a.on::before {width: 100%;}
.ny-banner .bannerNav a:hover {color: #fff;}
.ny-banner .bannerNav a:hover::before {width: 100%;}

.ny-banner2 .bannerCon h3 {line-height: 5rem;}
.ny-banner2 .bannerCon span {text-transform: uppercase;}
.ny-banner2 .bannerCon span:nth-child(1) {color: #C7000B;}
.ny-banner2 .bannerCon span:nth-child(2) {color: #fff; margin-left: 0;}
.ny-banner2 .bannerNav2 {width: 1570px; margin: auto; top: 88%; max-width: 92%;}
.ny-banner2 .bannerNav2 a {position: relative; font-size: 1.13rem;color: #767676; box-sizing: border-box;margin-right: 0.5rem;}
.ny-banner2 .bannerNav2 a:first-child {padding-left: 1.5rem;}
.ny-banner2 .bannerNav2 a:first-child::before {content: /html/class/template/css/""; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 1.06rem;height: 1.06rem;background: #c7000b;}
.ny-banner2 .bannerNav2 a::after {content: ">"; margin-left: 1rem; color: #767676;}
.ny-banner2 .bannerNav2 a:last-child::after {display: none;}
.ny-banner2 .bannerNav2 a:hover {color: #fff;}
.ny-banner2 .bannerNav2 a.on {color: #fff;}

.caseList-banner .bannerCon span:nth-child(2) {color: #C7000B;}
.caseList-banner .bannerCon span:nth-child(1) {color: #fff;}


.colMouse {position: absolute; right: 5%; bottom: 20%;}
.layer-btn {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.layer-btn .mask {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8.25rem; height: 8.25rem; pointer-events: none;  background-size: cover;}
.layer-btn .mask>.lazy {position: absolute;display: block;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: 100%;background-size: cover; -webkit-animation-name: spin; animation-name: spin;-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear; animation-timing-function: linear;}
.layer-btn .mask .quan {width: 55%; height: 55%; border-radius: 50%; border: 1px solid rgba(255, 255, 255,.25); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.layer-btn .jump {margin: auto; text-align: center;     animation: jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.layer-btn .jump img {max-width: 70%; margin: auto;}
.layer-btn .jumpSj {display: flex; justify-content: center;    animation: jump_dot 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.layer-btn .jumpSj img {max-width: 80%;}
@keyframes spin {0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg) }to { -webkit-transform: rotate(1turn);   transform: rotate(1turn) }}
@keyframes jump {0% {transform: translateY(4px)}to {  transform: translateY(-4px) }}
@keyframes jump_dot {0% {   transform: translateY(1px) }to {   transform: translateY(-3px)}}

.aboutOne .box {display: flex; justify-content: space-between; }
.aboutOne .box .le {width: 49%;}
.aboutOne .box .re {width: 49%;}
.aboutOne .box .le strong {font-size:4.1rem;font-weight: 700;color: #333333; line-height: 5rem;}
.aboutOne .box .le small {font-size: 3.44rem;font-weight: 400;color: #c7000b;display: block;}
.aboutOne .box .le i {display: inline-block;width: 2.63rem;height: 0.44rem;background: #c7000b; margin: 1rem 0;}
.aboutOne .box .le .text .tx {font-size: 7.19rem;color: rgba(51, 51, 51,.1);font-weight: 900; line-height: 7.2rem;}
.aboutOne .box .le span {font-size: 5.13rem;line-height: 6rem; text-transform: uppercase; color: #333333;color: rgba(51, 51, 51,.1);display: block;font-family: Arial, Arial-Black; font-weight: 900;}
.aboutOne .box .re h4 {font-size: 2.25rem;color: #c7000b;font-weight: 700;margin-bottom: 2rem;}
.aboutOne .box .re p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2.25rem;}
.aboutOne {background: none; padding: 8rem 0; position: relative; overflow: hidden;}
.aboutOne.indexTwo ul li b {color: #333;}

.aboutOne.indexTwo ul li em {color: #333;}
.aboutOne.indexTwo ul li span {color: #333;}
.aboutOne.indexTwo ul li i {color: #333;}
.aboutOne .bjiC {position: absolute; width: 100%; height: 100%; z-index: -1;top: 0;}
.aboutOne .bjiC .ic1 {left: 0;position: absolute; bottom: -23%;}
.aboutOne .bjiC .ic2 {right: 0;position: absolute; top: -18%;}

.aboutTwo {height: 50.52vw;position: relative; z-index: 4; background-color: transparent;}
.aboutTwo .bjBox .left {position: absolute;right: 50%;top: 0;width: 80%;background-color: #d70917; height: 92%; z-index: 1;}
.aboutTwo .bjBox .right {position: absolute; width: 58%; bottom: 0;right: 0;z-index: 0;}
.aboutTwo .bjBox .right .photo img {width: 100%;display: block;}
.aboutTwo .container {height: 100%;}
.aboutTwo .con {position: relative; z-index: 2; height: 92%; width: 48%; display: flex; flex-direction: column; justify-content: center;}
.aboutTwo .con .tle h3 {font-size: 3.44rem;font-weight: 400;color: #ffffff;}
.aboutTwo .con .tle i {display: block; width: 2.63rem; height: 0.44rem; background: #ffffff;}
.aboutTwo .con .tle {margin-bottom: 2rem;}
.aboutTwo .con dl {max-height: 35rem; overflow-y: auto; padding-right: 2rem;}
.aboutTwo .con dl::-webkit-scrollbar {/*滚动条整体样式*/width: 3.2px;/*高宽分别对应横竖滚动条的尺寸*/ height: 3.2px;}
.aboutTwo .con dl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 0.19rem; background: rgba(255, 255, 255,.89);}
.aboutTwo .con dl::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0); border-radius: 0.19rem;  border-radius: 0; background: rgba(220, 220, 221,.18);}
.aboutTwo .con dl dd {padding: 2.5rem 0; display: flex; border-bottom: 1px solid rgba(255, 255, 255,.18);}
.aboutTwo .con dl dd .icBox {margin-right: 1.5rem;}
.aboutTwo .con dl em {font-size: 1.5rem;color: rgba(255, 255, 255,.4);}
.aboutTwo .con dl span {display: block;font-size: 1.5rem;color: #ffffff;}

.aboutThree {position: relative; padding: 9rem 0 7rem 0;}
.aboutThree .bjBox {position: absolute; width: 100%;height: 100%; top: 0; left: 0; z-index: -1;}
.aboutThree .bjBox img {position: absolute;height: auto;z-index: 4;bottom: 0;width: 100%;left: 0;top: auto;min-height: 112%;}
.aboutThree .tle {width: 1600px; max-width: 92%; top: 18%;}
.aboutThree .tle h3 {font-size: 3.44rem;font-weight: 400;color: #333333;}
.aboutThree .tle i {display: block; width: 2.63rem;height: 0.44rem; background: #c7000b;}
.aboutThree .imgBox {width: 1800px; max-width: 92%; margin: auto;}
.aboutThree .imgBox img {max-width: 100%;}

.aboutFour {position: relative; padding: 6rem 0; overflow: hidden;}
.aboutFour .bjIcBox {position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;}
.aboutFour .bjIcBox .ic1 {position: absolute; left: 0; bottom: -20%;}
.aboutFour .bjIcBox .ic2 {position: absolute; right: 0; top: 0;}
.abFourSlide .hd ul {display: grid; justify-content: center; grid-template-columns: repeat(3,auto); align-items: center; gap: 7%;}
.abFourSlide .hd ul li {cursor: pointer;}
.abFourSlide .hd ul li h5 {font-size: 2.5rem;font-weight: 400;color: #bebebe; transition: 0.3s; position: relative;display: inline-block;}
.abFourSlide .hd ul li h5::after {content: /html/class/template/css/""; display: block; width: 0; transition: .5s; height: 0.38rem; background: #c7000b; position: absolute; left: -24%; top: 50%; transform: translate(-50%, -50%)}
.abFourSlide .hd ul li small {font-size: 1.25rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #d9d9d9;display: block;}
.abFourSlide .hd ul i {display: block; width: 0.06rem; height: 2.31rem; background: #dddddd;}
.abFourSlide .hd li.on h5 {color: #333333;}
.abFourSlide .hd li.on h5::after {width: 2.19rem;}
.abfoSwiper {position: relative; padding: 8rem 0; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox img {max-width: 20rem;max-height: 28rem;box-shadow: 0 0.3rem 0.8rem 0 rgb(141 160 172 / 30%); transform: scale(0.95); transition: .5s;}
.abfoSwiper .swiper-slide span {font-size: 1.44rem;display: block; margin-top: 1rem; color: rgba(102, 102, 102,.78);}
.abfoSwiper .swiper-slide.active .imgBox img {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: 4.25rem;height: 4.25rem; z-index: 2; left: 45%;  top: auto; bottom: 0;}
.abfoSwiper .swjt::before {content: /html/class/template/css/""; position: absolute; width: 100%; height: 100%;background: #adbac2;  z-index: -1; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swjt::after {content: /html/class/template/css/""; display: block; position: absolute; width: 100%; height: 100%;  background: #C7000B; z-index: -2; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swiper-button-prev img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {right: auto; left: 52%;}
.abfoSwiper .swjt:hover::before {transform: rotate(-45deg);}
.abfoSwiper .swjt:hover::after {transform: rotate(20deg);}

.aboutSix {position: relative;}
.aboutSix .bjBox img {display: block; width: 100%;}
.aboutSix .container { margin: auto;}
.aboutSix .box {text-align: center;}
.aboutSix .box i {display: inline-block; width: 4.38rem;height: 0.44rem;background: #c7000b;}
.aboutSix .box small {font-size: 3.44rem;font-family: Arial, Arial-Regular;color: #ffffff; text-transform: uppercase;display: block;}
.aboutSix .box strong {font-size: 3.44rem;font-weight: 700;color: #fff; display: block;}
.aboutSix .box .more {margin-top: 10%;}
.aboutSix .box .more a {display: flex; width: 13.75rem; height: 4.06rem;background: #c7000b;border-radius: 2.06rem; margin: auto;}
.aboutSix .box .more a span {font-size: 1.25rem;font-weight: 400;color: #ffffff; margin-left: 1rem;}

/* ===产品中心=== */
.proListOne { position: relative; border-bottom: 0.25rem solid #ECECEC;}
.proListOne ul {display: grid; grid-template-columns: repeat(6,auto); justify-content: center; gap: 1rem; position: relative;}
.proListOne ul li {padding:2rem 4rem; position: relative; text-align: center;}
.proListOne ul li .imgBox {    min-height: 7rem; max-width: 6rem; display: flex; align-items: center; justify-content: center;    margin: 0 auto;}
.proListOne ul li img {display: block; max-width: 100%; margin-bottom: 1rem; }
.proListOne ul li span {color: #333333;font-size: 1.13rem;display: block;}
.proListOne ul li.active span {color: #C7000B;font-weight: 700;}
.nav_line {top: 100%;}

.proLisTwo {background: #f7f7f7; padding: 5rem 0;}
.proLisTwo .tle {position: relative; padding-left: 4rem; margin-bottom: 4rem;}
.proLisTwo .tle::before {content: /html/class/template/css/""; position: absolute; width: 1rem; height: 100%;background: #c7000b; left: 1rem; top: 0;}
.proLisTwo .tle strong {font-size: 3rem;font-weight: 700;color: #333333; line-height: 4rem;}
.proLisTwo .tle span {font-size: 1.5rem;font-weight: 400;color: #333333;margin-left: 1rem;}
.proLisTwo .tle div p{font-size: 1.25rem;font-weight: 400;color: #666666;margin-top: 1.2rem;display: inline-block;padding-right: 10px;}
.proLisTwo .tle div{font-size: 1.25rem;font-weight: 400;color: #666666;margin-top: 1.2rem;padding-right: 10px;}
.proLisTwo .tle div p::after{content: ';';}
.proLisTwo ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.8rem;}
.proLisTwo ul li {background: #ffffff;box-shadow: 0rem 0rem 1rem 0rem rgba(211,211,211,0.54);overflow: hidden; position: relative;}
.proLisTwo ul li a {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 0; box-sizing: border-box;}
.proLisTwo ul li h3{color:#777}
.proLisTwo ul li h5 {font-size:1.28rem;font-weight: 700;color: #000000;margin-bottom: 3rem;}
.proLisTwo ul li .imgBox{min-height:11rem;    align-items: center;display: flex;width:80%;}
.proLisTwo ul li .imgBox img {display: block; max-width: 100%; transition: .5s;}
.proLisTwo ul li .more {width: 11.75rem;height: 2.81rem;background: #C7000B;transition: .5s;position: absolute;left:0;right:0;margin:0 auto;border-radius:50px;color:#fff;opacity: 0;}
.proLisTwo ul li .more img {filter: brightness(0); -webkit-filter: brightness(0); transition: .5s;}
.proLisTwo ul li .more span {font-size: 1rem;font-weight: 400;color: #000000;margin-right: 1rem; transition: .5s;}
.proLisTwo ul li .more {background: #C7000B;}
.proLisTwo ul li .more span {color: #fff;}
.proLisTwo ul li .more img {filter: none; -webkit-filter: none;}
.proLisTwo ul li:hover .imgBox img {transform: scale(1.05);}
.proLisTwo ul li:hover .more { opacity: 1;} 
/* ===产品详情=== */
.peroDataOne {position: relative; padding:3rem 0 4.5rem 0; background: url(/html/class/template/images/peroDataOne-bj.jpg) no-repeat center; background-size: cover;}
.peroDataOne .bannerNav2 {position: relative; transform: initial; left: 0; width: 1600px; max-width: 98%;}
.peroDataOne .bannerNav2 a:hover {color: #333;}
.peroDataOne .bannerNav2 a.on {color: #333;}

.peroDataOne .Boxcon { box-sizing: border-box;  position: relative; z-index: 1;}
.peroDataOne .Boxcon .tle2 {font-size: 3.2rem;font-weight: 700;color: #333333;margin: 5rem 0 4rem 0; position: relative; line-height: 4rem; padding-left: 3rem;}
.peroDataOne .Boxcon .tle2::after {content: /html/class/template/css/""; width: 1rem; height: 100%; background: #c7000b; position: absolute; left: 0;}
.peroDataOne .box2Con {display: flex; justify-content: space-between;}
.peroDataOne .conLe {width: 55%; display: flex; position: relative; justify-content: space-between;}
.mySwiper2-pro { overflow: hidden;border: 0.06rem solid #F1F1F1; width: 82%; min-height: 34rem; }
.mySwiper2-pro .swiper-slide {background: #ffffff; height: auto; display: flex; align-items: center; justify-content: center;}
.mySwiper2-pro .swiper-slide img {max-width: 100%;}
.mySwiper2-pro .swiper-slide .slide-img {padding: 1rem; box-sizing: border-box;}
.mySwiper2-pro .swiper-button-prev {width: 8.75rem; height: 2.38rem;background: #dbdbdb; position: absolute;left: initial; right: 0; top: 24px;}
.mySwiper2-pro .swiper-button-next {width: 8.75rem; height: 2.38rem;background: #dbdbdb; top: initial; bottom: 0; right: 0;position: absolute; transform: rotate(180deg);}
.mySwiper-pro {position: relative; overflow: hidden; margin: 3.2rem 0; max-height: 28rem;}
.mySwiper-pro .swiper-slide {cursor: pointer; }
.mySwiper-pro .slide2-img {width: 8.75rem; background: #ffffff;height: 100%; border: 0.06rem solid #F1F1F1;padding: 0.5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;position: relative;}
.mySwiper-pro .slide2-img img {display: block; width: 100%; height: 100%; object-fit: contain;}
.mySwiper-pro .slide2-img::after {content: /html/class/template/css/"";width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(2, 9, 20,.3); opacity: 1; transition: .5s;}
.mySwiper-pro .swiper-slide-thumb-active .slide2-img::after {opacity: 0;}
.peroDataOne .conRe {width: 40%;}
.peroDataOne .conRe .title {margin-bottom: 5rem;}
.peroDataOne .conRe .title h3 {font-size: 2.81rem; color: #333333; position: relative; z-index: 1;font-weight: bold; line-height: 3rem;}
.peroDataOne .conRe .title h4 {font-size: 3.13rem; color: rgba(51, 51, 51,.12);line-height: 1rem; font-weight: bold;}
.peroDataOne .conRe .title i {width: 4.8rem;  height: 0.38rem;  background: #C7000B; display: block; margin-top: 35px;}
.peroDataOne .conRe dd {position: relative;font-size: 1.13rem;color: #333333;margin: 0.8rem 0; padding-left: 1rem;}
.peroDataOne .conRe dd::before {content: /html/class/template/css/"";width: 0.44rem; height: 0.44rem;background: #c7000b; position: absolute; left: 0%; border-radius: 50%; top: 50%; transform: translate(-50%, -50%)}
.parameter {margin: 6rem 0;}
.parameter .box {display: flex; justify-content: space-between; align-items: flex-start;}
.parameter .box .le .tle {margin-bottom: 2rem;}
.parameter .box .le .tle h3 {font-size: 2.5rem;color: #333333;}
.parameter .box .le .tle i {display: inline-block; width: 4.13rem;height: 0.31rem; background: #C7000B;}
.parameter .box .le .item {margin-bottom: 4rem;}
.parameter .box .le .con {}
.parameter .box .le .con img {max-width: 100%;}
.parameter .box .le {width: 72%;}
.parameter .box .re {width: 20%;     position: sticky;top:7rem;}
.parameter .box .re li {background: #f5f5f5;height: 3.44rem; line-height: 3.44rem; text-align: center; margin-bottom: 1rem; transition: .5s;}
.parameter .box .re li a {font-size: 1.06rem;color: #333333; display: block;}
.parameter .box .re li.on {background: #C7000B;}
.parameter .box .re li.on a {color: #fff; font-weight: 700;}
.parameter .box .re li:hover {background: #C7000B;}
.parameter .box .re li:hover a {color: #fff; font-weight: 700;}
.parameter .box .re .imgBox img {width: 100%; display: block;}
.parameter .box .re .reBom {background: #f5f5f5; padding: 2rem 1.5rem; box-sizing: border-box;}
.parameter .box .re strong {font-size: 1.38rem;color: #333333;font-weight: 700;}
.parameter .box .re dl {margin-top: 1rem;}
.parameter .box .re dt {font-size: 1.13rem;font-weight: 700;color: #333333;}
.parameter .box .re dd {font-size: 0.94rem;color: #666666; margin-top: 0.5rem;}
/* .parameter .con table { background: #f5f5f5;}
.parameter .con table tr p {text-indent: 0 !important;}
.parameter .con table tr td {padding: 0 1rem;} */

/* ===应用案例=== */
.caseList {margin: 5rem 0;}
.caseList ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem;}
.caseList ul li {position: relative;}
.caseList ul li .imgBox {overflow: hidden;}
.caseList ul li .imgBox img {display: block; width: 100%; transition: .5s; }
.caseList ul li .con {position: absolute; padding: 6%; padding-right: 2%; box-sizing: border-box; width: 100%; bottom: 0;background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 0% , rgba(0, 0, 0, 0.8));}
.caseList ul li:hover .imgBox img {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none; filter: none;}
.caseList ul li h5 {font-size: 1.3rem;font-weight: 700;color: #fff; margin-bottom: 1rem;}
.caseList ul li .more {width: 7.75rem;height: 2.31rem; background: #c7000b;}
.caseList ul li .more span {font-size: 1rem; color: #fff; margin-right: 0.5rem; transition: .5s;}
.caseList ul li .more:hover span {margin-right: 1rem;}
.caseList ul li:hover .imgBox img {transform: scale(1.05);}

/* ===案例详情=== */
.caseData { padding: 2.5rem 0 8rem 0; background: url(/html/class/template/images/caseData-bj.jpg) no-repeat center; background-size: cover;}
.caseData .bannerNav2 {position: relative; transform: initial; left: 0; width: 1600px; max-width: 92%;}
.caseData .bannerNav2 a:hover {color: #333;}
.caseData .bannerNav2 a.on {color: #333;}
.caseData .dataBox {margin-top: 3.5rem;}
.caseData .dataBox .tle {display: flex; justify-content: space-between; flex-wrap: wrap;}
.caseData .dataBox .tle strong {font-size:3rem;font-weight: 700; margin-right: 1rem;}
.caseData .dataBox .more a {width:11.31rem; height: 3.69rem;background: #c7000b;border-radius: 2.38rem;}
.caseData .dataBox .more img {transform: rotate(180deg);}
.caseData .dataBox .more span {font-size:1.1rem;color: #ffffff;margin-left: 1rem; transition: .5s;}
.caseData .dataBox .more a:hover span {margin-left: 1.5rem;}
.caseData .dataBox .more2 {display: none;}
.caseData .dataBox .more2 a {margin: auto; margin-top: 3rem;}
.caseData .dataCon {margin-top: 4rem;}

/* ===资料下载=== */
.infor-banner {}
.infor-banner .bannerCon span:nth-child(1) {color: #C7000B;}
.infor-banner .bannerCon span:nth-child(2) {color: #fff; margin-left: 0;}
.inforList {margin: 5rem 0;}
.inforList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 3.5rem;}
.inforList ul .imgBox {overflow: hidden;}
.inforList ul .imgBox img {display: block; width: 100%; transition: all .5s;}
.inforList ul li a {display: block; padding: 0.5rem; background: #eeeeee;}
.inforList ul li .down {padding: 1.2rem 0;}
.inforList ul li .down span {font-size:1.1rem;color: #333333; margin-left: 1.5rem;}
.inforList ul li:hover .imgBox img {transform: scale(1.05);}
.inforList ul li:hover .down span {color: #C7000B;}

/* ===新闻中心=== */
.newsList {margin: 3.5rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 2.5rem;}
.newsList ul li {}
.newsList ul li .imgBox {overflow: hidden;}
.newsList ul li .imgBox img {display: block; width: 100%; transition: .5s;}
.newsList ul li .con {border: 0.06rem solid #f5f5f5;  box-sizing: border-box;}
.newsList ul li h5 { font-size: 1.19rem;box-sizing: border-box; color: #333333; font-weight: 700; margin: 1rem;}
.newsList ul li p {font-size: 0.94rem;font-weight: 400;color: #666666; margin: 1rem; line-height: 1.63rem;}
.newsList ul li .moreBox {background: #f5f5f5; padding: 1rem 1rem; transition: .5s; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.newsList ul li span {font-size: 0.94rem;color: #777;}
.newsList ul li .more {font-size: 0.94rem;color: #777; text-transform: uppercase;}
.newsList ul li:hover h5 {color: #C7000B;}
.newsList ul li:hover .imgBox img {transform: scale(1.05);}
.newsList ul li:hover .moreBox {background: #C7000B;}
.newsList ul li:hover span {color: #fff;}
.newsList ul li:hover .more {color: #fff;}

/* ===新闻详情=== */
.newsData {background: none; padding: 3rem 0;}
.ny-news-xq {padding-bottom: 3rem; background-color: #fff;}
.ny-news-xq .xq-box {display: flex; justify-content: space-between; align-items: flex-start;}
.ny-news-xq .box-left {background-color: #fff; width: 65%;  box-sizing: border-box;}
.ny-news-xq .news-title { border-bottom:1px solid #dcdcdc;position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:2rem;}
.ny-news-xq .news-title h2 {font-size: 2.25rem; font-weight: 400; color: #333333;}
.ny-news-xq .news-title span {display: inline-block;font-size: 0.94rem;color: #999999;}
.ny-news-xq .news-title span.span2 {margin-left: 1rem;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .ny-xq-con img {max-width: 100%;}
.ny-news-xq .box-right {background-color: #fff; top: 6rem; box-sizing: border-box; width: 30%; margin-top: 4rem; position: sticky;}
.ny-news-xq .box-right h3 {font-size: 1.25rem;color: #888888; font-weight: 400;  padding-bottom: 1rem; border-bottom: 1px solid #dcdcdc;}
.ny-news-xq .box-right li { padding: 1.5rem 0; border-bottom: 1px solid #D6D6D6; position: relative; }
.ny-news-xq .box-right li a {display: flex; justify-content: space-between;}
.ny-news-xq .box-right li .box-img {width: 30%; overflow: hidden;}
.ny-news-xq .box-right li .box-img img {max-width: 100%; display: block; transition: 0.5s;}
.ny-news-xq .box-right li .con {width: 65%;}
.ny-news-xq .box-right li h6 {font-size: 1rem;color: #333333; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ny-news-xq .box-right li span {font-size: 0.88rem;color: #777777;}
.ny-news-xq .box-right li:hover .box-img img  {transform: scale(1.05);}
.ny-news-xq .box-right li:hover h6 {color: #C7000B;}
.page-fy {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #dcdcdc; padding-top: 2.5rem; flex-wrap: wrap;}
.page-fy .prev , .page-fy .next {font-size: 1rem;  margin-top: 0.5rem;}
.page-fy a {}
.page-fy .prev:hover a {color:#C7000B ; }
.page-fy .next:hover a {color:#C7000B ;}
.page-fy .re {margin-top: 0.5rem;}
.page-fy .re a {display: flex; align-items: center; font-size: 1rem;color: #222222;}
.page-fy .re a img {display: block; margin-left: 1rem;}
.page-fy .re a:hover {color: #C7000B;}

.ny-news-xq .box-left {width: 100%;}
.ny-news-xq .news-title {border-bottom: 1px solid #C7000B;;}


/* ===联系我们==== */
.boxMap #map { width: 100%; height: 100%;z-index: 1;}
.anchorBL {inset: auto auto 15px 10px !important;}
.BMap_cpyCtrl {display: block !important;  inset: auto auto 2px 2px !important;}
.BMap_cpyCtrl span a {display: none;}
.boxMap .boxCon {z-index: 2; left: 75%; padding: 4%; box-sizing: border-box; padding-right: 2%; right: 0; background: #fff; width: 50%; height: 80%;}
.boxMap .boxCon dt {font-size: 1.88rem;font-weight: 700;color: #333333; position: relative; left: -1rem; margin-bottom: 2rem;}
.boxMap .boxCon dd {display: flex; align-items: center; margin: 1rem 0; font-size: 1.13rem;color: #666666;}
.boxMap .boxCon dd .icBox {margin-right: 1rem;}
.boxMap .boxCon dd .icBox img {display: block;}
.boxMap .boxCon dd strong {color: #C7000B; font-size: 1.8rem;}
.boxMap .boxCon dd a:hover {color: #C7000B;}
.boxMap .boxCon dl:nth-child(2) {margin-top: 4rem;}














































/* 右侧固定*/
.slideflex {position: fixed; right: 30px; bottom: 0; z-index: 99; padding-bottom: 150px;}
.relate li { margin-bottom: 10px; position: relative;}
.relate li > a {transition: .5s; display: flex;  align-items: center;  justify-content: center; width: 45px;height: 45px;background: #C7000B; border-radius: 50%;box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.05); text-align: center;  position: relative; z-index: 3;}
.relate li > a img {display: block; max-width: 63%;}
.relate li.backTop a img {transform: rotate(-90deg); position: relative;}
.relate li:hover > a {background: #ae0d00;}
.telbox{ padding-right: 22px; position: absolute; right: 150%; top: -4px; opacity: 0; visibility: hidden; }
.telbox span { display: block; padding: 20px 0 20px 27px; background: #fff; color: #C7000B; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px; box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.telbox span:before { content: /html/class/template/css/""; width: 5px; height: 16px; background: #C7000B; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after { content:/html/class/template/css/""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.eqbox {padding-right: 22px; position: absolute; right: 150%; top: 82%; margin-top: -80px; opacity: 0; visibility: hidden;}
.eqbox:before {content:/html/class/template/css/""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;}
.eqbox img {display: block; width: 120px; padding: 10px;  background: #fff; border-radius: 12px;  box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.relate li:hover .telbox,.relate li.active .telbox,.relate li:hover .eqbox { opacity: 1; visibility: visible; right: 100%;-webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
@media screen and (min-width: 200px) and (max-width: 767px){
.slideflex {right: 2%; padding-bottom: 1.5rem;}
.slideflex ul li {display: none;}
.slideflex ul li:first-child ,.slideflex ul li:last-child {display: block;}
}





/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.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 .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(/html/class/template/images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.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: #C7000B; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px; flex-wrap: nowrap; justify-content: center;}
.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;
  }
}

/* 分页 */
.fy { padding: 2.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;margin-top: 3rem;}
.fy a { border: 0.06rem solid #eee; background: #fff; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #C7000B;}
.fy .layui-laypage-curr {color: #fff; background: #C7000B; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}