@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;}
/* 下滑头部 */
/* .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; background: none;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #fff !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: "futura"; */
  font-family: "Noto Sans SC";
  /* src: url("/html/class/template/font/Futura/ Md/ BT/ Bold.ttf"); */
}

/* CSS Document */
/* 了解更多hover效果 */
.mouseHover a {width: 11.88rem; height: 3.06rem;background: #ef721a; border-radius: 0.38rem; display: flex; align-items: center; justify-content: center;}
.mouseHover a {font-size: 1.13rem;font-weight: 700;color: #ffffff;letter-spacing: 0.05rem;  transition: .5s;}
.mouseHover a:hover { border-radius:2rem 0.38rem 2rem 0.38rem ; }

/* ===头部=== */
header {position: fixed; top: 0; width: 100%; z-index: 99999; border-bottom: 1px solid rgba(255, 255, 255,.1);}
.logo img {display: block; max-width: 100%;}
.heBox {width: 1800px; height: 7.13rem; max-width: 92%; margin: auto; display: flex; justify-content: space-between; align-items: center;}
nav ul {display: flex; align-items: center;}
nav ul li {height: 7.13rem; line-height: 7.13rem; position: relative;padding: 0 2rem;}
nav ul li::after {content: /html/class/template/css/""; width: 1px; top: 45%; height: 0.94rem; position: absolute; right: 0; background: rgba(221, 221, 221,.17);}
nav ul li > a {display: block; font-size: 1rem;font-weight: 400;color: #ffffff; box-sizing: border-box; position: relative;}
nav ul li > a::before {content: /html/class/template/css/""; position: absolute; width: 0.25rem; height: 0.25rem; background: #ee7800; right: 100%; top: 40%;opacity: 0; transition: 1S; }
nav ul li > a::after {content: /html/class/template/css/""; position: absolute; width: 0; left: 50%; background: #ffffff;height: 0.13rem; bottom: -1px; transition: .5s;}
nav ul li:hover > a::after {width: 100%; left: 0;}
nav ul li:hover > a::before { animation:rotate360 1s linear infinite; opacity: 1;  right: -12%;}
nav ul li.on > a::after {width: 100%; left: 0;}
nav ul li.on > a::before {animation:rotate360 1s linear infinite;opacity: 1;  right: -12%;}
@keyframes rotate360 {
  0%
  { transform: rotateZ(0deg)}
  100%
  {transform: rotateZ(360deg)}
}
nav ul li:first-child a::before {right: -25%;}
nav ul li:last-child::after {display: none;}

nav ul li dl {position: absolute; line-height: initial; background: #fff;width: 100%;left: 0; text-align: center;background: #fff;box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);transition: all .5s ease;     opacity: 0;visibility: hidden;z-index: -1;}
nav ul li dl dd a {display: block; font-size: 1rem; color: #333;border-bottom: 1px solid #ebebeb;}
nav ul li dl dd a {overflow: hidden; line-height: 2.8rem; max-height: 0; -webkit-transition: max-height 300ms ease;-moz-transition: max-height 300ms ease; -o-transition: max-height 300ms ease; transition: max-height 300ms ease;}
nav ul li:hover dd a {max-height: 2.8rem; transition: all .5s ease;}
nav ul li:hover dl {opacity: 1; z-index: 999;visibility: visible;}
nav ul li dl dd:hover a {background: #f1f1f1; color: #ee7800;}

.language {display: flex; align-items: center;}
.language a {font-size: 1rem;font-weight: 400;color: #ffffff; transition: .5s;}
.language i {height: 0.94rem;width: 1px; opacity: 0.41; background: #ffffff; margin: 0 1rem; display: block;}
.language a:hover {color: #ee7800;}

.heBoxRe {display: flex; align-items: center;}
.heBoxRe .heSearch {margin-left: 4.5rem; position: relative;}
.heBoxRe .seBox {width: 3rem;height: 3rem; background: rgba(27, 27, 27,.23); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
/* 头部搜索悬浮 */
.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding: 1.25rem 1.8rem; box-sizing:border-box;width: 25rem;min-height: 12rem;position: absolute;right: -50%;top: 150%;opacity: 0;transition: all .5s ease;-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);    transform: translateY(50px); box-shadow: 0 0 99px rgba(29,56,75,.4);    pointer-events: none;}
.search-pro::before {content: /html/class/template/css/""; position: absolute; top: -40px; right: 0; width: 100%; height: 55px; background-color: transparent;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 10%;background-color: #fff;position: absolute;}
.search{border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; }
.search-text{width: 90%; line-height: 50px;}
.search .sub{background: url(/html/class/template/images/searchIcon.png) no-repeat center; width: 25px; height: 50px; cursor: pointer; filter: brightness(0)}
.search-list dl dd {float: left; margin-right: 10px; margin-bottom: 10px;  line-height: initial;}
.search-list dl dd a {position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; display: block; background: #e1e1e1; border-radius: 4px;  text-align: center; position: relative;}
.search-list dl dd a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #ee7800;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dd:hover a:after{width: 100%; }
.search-list dl dd span {font-size: 0.9rem; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dd:hover span {color: #fff;}
.heBoxRe .heSearch:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
/* 内页头部 */
.zwys {height: 6.69rem;}
.ny-header {background: #fff;    box-shadow: rgb(0 0 0 / 10%) 0px 0px 15px 0px;}
.ny-header .heBox {width: 1600px; height: 6.69rem;}
.ny-header nav ul li {height: 6.69rem;line-height: 6.69rem;}
.ny-header nav ul li > a {color: #333;}
.ny-header nav ul li::after {background: rgba(221, 221, 221,.17);}
.ny-header nav ul li > a::after {background: #EE7800; height: 2px;}
.ny-header .language a {color: #333333;}
.ny-header .language a:hover {color: #EE7800;}
.ny-header .language i {background: rgba(221, 221, 221,.17); opacity: 1;}
.ny-header .heBoxRe .seBox {background: #053371;}

.fp-overflow {height: 100%;}
.fp-watermark {display: none;}
#section1, #section2 , #section3 ,#section4 ,#section5 {background-size: cover; background-attachment: fixed;}
/* 第一屏 */
.seOneSwiper {height: 100%; position: relative; overflow: hidden;}
/* .seOneSwiper::after {content: /html/class/template/css/""; width: 100%; height: 1px; background: rgba(255, 255, 255,.1); bottom: 5%; position: absolute; left: 0; z-index: 1;} */
.seOneSwiper .swiper-slide {background-size: cover !important;}
.seOneSwiper .con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 1600px;max-width: 92%;}
.seOneSwiper .con .text1 strong {font-size: 4.56rem;font-weight: 700;color: #ffffff;letter-spacing: 0.18rem;font-family: "Noto Sans SC"; display: inline-block;}
.seOneSwiper .con .text1 strong:nth-child(2) {color: #EF721A;}
.seOneSwiper .con .text2 {font-size: 1.88rem;font-weight: 200;color: rgba(255, 255, 255,.45); text-transform: uppercase;font-family: "Noto Sans SC";}
.seOneSwiper .con .text3 {margin-top: 2rem;}
.seOneSwiper .con .text3 p {font-size: 2.06rem;font-weight: 300;color: #ffffff;letter-spacing: 0.04rem;font-family: "Noto Sans SC";}
.seOneSwiper .swiper-pagination { z-index: 2; left: 6%; bottom: 3.4%; width: auto; display: flex;}
.seOneSwiper .swiper-pagination span {display: flex; background: none; position: relative;width: 2rem;height: 2rem; border-radius: 50%; text-align: center;  align-items: center; justify-content: center;}
.seOneSwiper .swiper-pagination span i {width: 0.4rem; height: 0.4rem; background: rgba(255, 255, 255,.5); border-radius: 50%; display: block;}
.seOneSwiper .swiper-pagination svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg);height: 100%;width: 100%;opacity: 0; transition: .5s;}
.seOneSwiper .swiper-pagination svg #circle1 {stroke-width: 2; width: 100%; height: 100%;stroke: rgba(255, 255, 255,.5);}
.seOneSwiper .swiper-pagination svg #circle2 {stroke-dasharray: 150;stroke-dashoffset: 150; stroke-width: 2; }
.seOneSwiper .swiper-pagination .swiper-pagination-bullet-active {display: flex;justify-content: center; align-items: center;}
.seOneSwiper .swiper-pagination .swiper-pagination-bullet-active i {background: #fff;}
.seOneSwiper .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.seOneSwiper .swiper-pagination .swiper-pagination-bullet-active #circle2 {animation: 10.5s svgcircle infinite;}
@keyframes svgcircle {from {stroke-dashoffset:150;} to { stroke-dashoffset:0;}}
.seOneSwiper .swiper-button-prev {left: 86%; bottom: 3%; top: auto; transform: rotate(-90deg);}
.seOneSwiper .swiper-button-next {left: 88%; bottom: 3%; top: auto; transform: rotate(90deg);}

.swiper-num {position: absolute; right: 15%; bottom: 4%; z-index: 2;}
.swiper-num span {font-size: 0.8rem; color: rgba(255, 255, 255,.5);}
.swiper-num .actives {color: #fff;}
.swiper-num em {font-size: 0.8rem; color: rgba(255, 255, 255,.5);}
#section0 .swDown { position: absolute; left: 50%; bottom: 0.5%; transform: translate(-50%, -50%); z-index: 1; text-align: center;width: 70%; }
#section0 .swDown::before {content: /html/class/template/css/""; background: rgba(255, 255, 255,.1); position: absolute;    bottom: 10%;left: -3%; width: 48%;height: 1px;}
#section0 .swDown::after {content: /html/class/template/css/""; background: rgba(255, 255, 255,.1); position: absolute;     bottom: 10%;left: 55%;width: 40%; height: 1px;}
#section0 .swDown i {height: 2.4rem; width: 1px; background: rgba(255, 255, 255,.5); display: inline-block; margin-bottom: 0.5rem; position: relative;}
#section0 .swDown i::after {content: /html/class/template/css/""; width: 100%; height: 0; background: #fff; position: absolute; left: 0; top:0; animation: 3s downScr infinite;}
#section0 .swDown span {text-transform: uppercase; color: #fff; font-size: 0.8rem;font-family: "Noto Sans SC"; font-weight: 400; display: block;}
@keyframes downScr {from {height: 0;} to { height: 100%;}}
/* 第二屏 */
.indexTle {text-align: center;}
.indexTle h3 {font-size: 2.63rem;font-weight: 700;color: #ffffff;letter-spacing: 0.11rem;opacity: 0;}
.indexTle h4 {font-size: 3.38rem;font-weight: 700;color: rgba(255, 255, 255,.2); line-height: 3.5rem; animation-delay: .3s; opacity: 0;}
#section1 {background-image: url(/html/class/template/images/section1-bj.jpg);}
#section1 .container {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#section1 .indexTle {margin-bottom: 7%;}
#section1 .text {width: 82%; margin:0 auto;}
#section1 .text p {font-size: 1.38rem; text-align: center;font-weight: 400;color: #ffffff;line-height: 2.5rem;letter-spacing: 0.06rem; opacity: 0; animation-delay: .5s;}
#section1 .text p:nth-child(2) {margin-top: 3%; opacity: 0;}
#section1 .more {margin-top: 6%; opacity: 0; animation-delay: .8s;}
#section1 .more a {width: 11.88rem; height: 3.06rem;background: #ef721a; border-radius: 0.38rem; display: flex; align-items: center; justify-content: center;}
#section1 .more a {font-size: 1.13rem;font-weight: 700;color: #ffffff;letter-spacing: 0.05rem;  transition: .5s;}
#section1 .more a:hover { border-radius:2rem 0.38rem 2rem 0.38rem ; }

/* 第三屏 */
#section2 {background-image: url(/html/class/template/images/section2-bj.jpg); position: relative;}
#section2 .container {height: 100%;     display: flex;  align-items: center;}
#section2 .container .con {width: 45%;}
#section2 .indexTle {text-align: left;}
#section2 .con p {font-size: 1.38rem;font-weight: 400;color: #ffffff;letter-spacing: 0.06rem;line-height: 2.75rem; margin-top: 8%;  animation-delay: .5s; opacity: 0;}
#section2 .con .more {margin-top: 15%;  animation-delay: .8s; opacity: 0;}
#section2 ul {position: absolute; right: 0; top:0;width: 40%; height: 100%; display: flex; flex-wrap: wrap;}
#section2 ul li {width: 50%; height: calc(100% / 3); text-align: center;  border-right: 1px solid rgba(255, 255, 255,.3); border-bottom: 1px solid rgba(255, 255, 255,.3);}
#section2 ul li {opacity: 0;}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
#section2 ul li {display: flex;align-items: center; justify-content: center;background: rgba(255, 255, 255,.2);box-sizing: border-box; transition: .5s;}
#section2 ul li .icBox {margin: auto; margin-bottom: 0.5rem;position: relative; width: 7.8rem; height: 6.9rem; display: flex; align-items: center; justify-content: center;}
#section2 ul li .icBox img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .5s; max-width: 100%;}
#section2 ul li .icBox img:nth-child(2) {opacity: 0;}
#section2 ul li strong {font-size: 1.63rem;font-weight: 700;color: #ffffff;letter-spacing: 0.03rem;display: block;}
#section2 ul li span {font-size: 1rem;font-weight: 400;color: #ffffff;letter-spacing: 0.02rem;}
#section2 ul li:hover {background: rgba(255, 255, 255,.5)}
#section2 ul li:hover .icBox img:nth-child(1) {opacity: 0;}
#section2 ul li:hover .icBox img:nth-child(2) {opacity: 1;}

/* 第四屏 */
#section3 {position: relative;}
#section3 .indexTle {position: relative; z-index: 2; margin-top: 20vh;}
#section3 .indexTle h4 {text-transform: uppercase;}
#section3 .sec3slide .hd {position: relative; z-index: 2; margin-top: 3%;}
#section3 .sec3slide .hd ul {display: flex; justify-content: center;}
.sec3slide .hd ul li {letter-spacing: 0.03rem; padding: 0.6rem 2.8rem; box-sizing: border-box; border: 1px solid rgba(255, 255, 255,.4);}
.sec3slide .hd ul li {border-left: 0; transition: .3s;font-size: 1.25rem;font-weight: 700;color: #ffffff; cursor: pointer;}
.sec3slide .hd ul li:first-child {border-left: 1px solid rgba(255, 255, 255,.4);}
.sec3slide .hd ul li.on {background: rgba(255, 255, 255,.4);}
.sec3slide .bd {position: absolute !important; width: 100% !important; height: 100% !important; top: 0;}
.sec3slide .bd ul {height: 100%; width: 100% !important; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.sec3slide .bd ul li {padding-top: 52vh; width: 1200px; max-width: 96%; margin: auto;}
.sec3slide li .bdTle {text-align: center;font-size: 2.38rem;font-weight: 400;color: #ffffff;letter-spacing: 0.05rem; margin-bottom: 3%;}
.sec3slide li span {font-size: 1.38rem;font-weight: 400;color: #ffffff;letter-spacing: 0.03rem; text-align: center; width: 100%; display: block;}
.sec3slide li .more {margin-top: 5%;}
.sec3slide li .more a {background: none; border: 0.06rem solid #ffffff; margin: auto;}
.sec3slide li .more:hover a {background: #EF721A; color: #fff; border-color: #EF721A;}
#section4 .mouseHover {margin-top: 3%;}
#section4 .mouseHover a {border: 0.06rem solid #ffffff; margin: auto; background: none;}
#section4 .mouseHover:hover a {}

/* 第五屏 */
#section4 {background-image: url(/html/class/template/images/section4-bj.jpg); position: relative;}
#section4 .indexTle {padding-top: 16vh; margin-bottom: 3%;}
#section4 .box {display: flex; justify-content: space-between;}
#section4 .box .boxLe {position: relative; overflow: hidden; width: 48%; animation-delay: .5s; opacity: 0;}
#section4 .box .boxLe .imgBox {overflow: hidden;border-radius: 0.63rem;height: 31.5rem;}
#section4 .box .boxLe .imgBox img {width: 100%; height: 100%; object-fit: cover;}
#section4 .box .leCon {position: absolute; top: 0; padding: 10% 10% 1% 8%; box-sizing: border-box;} 
#section4 .box .leCon .time {display: flex; align-items: center;}
#section4 .box .leCon .time span {font-size: 1.13rem;opacity: 0.8;font-weight: 400;font-family: Arial, Arial-Regular;color: #ffffff; margin-left: 0.5rem;}
#section4 .box .leCon h5 {font-size: 1.63rem;font-weight: 400;color: #ffffff; margin: 1% 0 3%;}
#section4 .box .leCon p {font-size: 1.13rem;font-weight: 400;color: #ffffff; line-height: 2.25rem;letter-spacing: 0.05rem;}
#section4 .box .leCon .more {margin-top: 6%;}
#section4 .box .leCon .more a {display: flex; justify-content: center; align-items: center;width: 8.5rem;  height: 2.94rem;  background: #ff7200; border-radius: 1.5rem;}
#section4 .box .leCon .more a span {font-size: 1rem;font-weight: 400;letter-spacing: 0.02rem;color: #ffffff; margin-right: 0.5rem; transition: .5s;}
#section4 .box .leCon .more a:hover span {margin-right: 1rem;}
#section4 .box .boxRe {width: 50.5%;}
#section4 .box .boxRe dl {display: flex; justify-content: space-between; height: calc(100% - 60%);}
#section4 .box .boxRe dl dd {width: 48.5%; background: rgba(245, 245, 245,.24); border-radius: 0.63rem; opacity: 0; padding: 4%; box-sizing: border-box; animation-delay: .6s;}
#section4 .box .boxRe dl dd:nth-child(2) {animation-delay: .7s;}
#section4 .box .boxRe dl dd .tlme {display: flex; align-items: center;}
#section4 .box .boxRe dl dd .tlme span {font-size: 1rem;opacity: 0.8;font-weight: 400;font-family: Arial, Arial-Regular;color: #ffffff; margin-left: 0.5rem;}
#section4 .box .boxRe dl dd h6 {font-size: 1.13rem;font-weight: 400;color: #ffffff; margin: 3% 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#section4 .box .boxRe dl dd p {opacity: 0.7;font-size: 0.94rem;color: #ffffff; line-height: 1.75rem;letter-spacing: 0.02rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#section4 .box .boxRe dl dd:hover h6 {color: #EF721A;}
#section4 .box .boxRe ul { margin-top: 3.3%; background: rgba(245, 245, 245,.24); border-radius: 0.63rem; height: calc(100% - 45.4%);padding:2% 4%; box-sizing: border-box; opacity: 0; animation-delay: .8s;}
#section4 .box .boxRe ul li a {display: flex; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid rgba(255, 255, 255,.1); position: relative;}
#section4 .box .boxRe ul li a::after {content: /html/class/template/css/""; width: 0; height: 1px; bottom: 0; position: absolute; left: 0; background: #fff; transition: .8s;}
#section4 .box .boxRe ul li p {width: 70%; font-size: 1rem;font-weight: 400;color: #ffffff; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#section4 .box .boxRe ul li span {font-size: 1rem;font-weight: 400;color: #ffffff;}
#section4 .box .boxRe ul li a:hover::after {width: 100%;}
#section4 .mouseHover {margin-top: 3%;}
#section4 .mouseHover a {border: 0.06rem solid #ffffff; margin: auto; background: none;}
#section4 .mouseHover:hover a {background: #EF721A; color: #fff; border-color: #EF721A;}

/* ===底部=== */
.footer {background: #116d9e;}
.foterBox {padding: 3.5rem 0 6.5rem 0; display: flex; align-items: flex-start; justify-content: space-between;}
.foterBox .foLogo {display: flex; align-items: center;}
.foterBox .foLogo .telEm {margin-left: 2rem;}
.foterBox .foLogo span {display: block; font-size: 1.38rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #ffffff;}
.foterBox .boxLe dl {margin-top: 3rem;}
.foterBox .boxLe dl dd {font-size: 1.13rem;font-weight: 400;color: #ffffff;margin: 0.5rem 0;}
.foterNav {display: flex; width: 45%; justify-content: space-between; margin-top: 0.5rem;}
.foterNav dl dt {font-size: 1.25rem;font-weight: 700;color: #ffffff; margin-bottom: 1rem;}
.foterNav dl dd a {font-size: 1.06rem;font-weight: 400;color: #ffffff;display: block; margin: 0.8rem 0; transition: .5s;}
.foterNav dl dd a:hover {color: #EF721A;}
.fotercode {display: flex; width:19%; justify-content: space-between; text-align: center; margin-top: 0.5rem;}
.fotercode .item {width: 48%;}
.fotercode img {display: block; margin: auto;max-width: 100%;}
.fotercode span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-top: 0.5rem;display: block;}
.foterCopy {background: #106593; padding: 1.2rem 0; padding-top: 0.7rem;}
.foterCopy .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.foterCopy .box p {margin-top: 0.5rem;}
.foterCopy .box p , .foterCopy .box p a {font-size: 1rem;font-weight: 400;color: #ffffff;}
.foterCopy .box p a:hover {color: #ee7800;}
.foterCopy dl {display: flex; margin-top: 0.5rem;}
.foterCopy dl .ddBox {display: flex; flex-wrap: wrap;}
.foterCopy dl dt {font-size: 1rem;color: #ffffff;white-space: nowrap;}
.foterCopy dl dd a {font-size: 1rem;color: #ffffff; padding:0 1rem;}
.foterCopy dl dd a:hover {color: #ee7800;}

/* ==============================================================内页================================================================== */
/* 内页banner部分 */
.ny-banner {position: relative;}
.ny-banner .imgBox {height: 100%;}
.ny-banner .imgBox img {display: block; height: 100%; width: 100%; object-fit: cover;}
.ny-banner .con {width: 1600px; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);max-width: 92%;}
.ny-banner .con strong {font-size: 3.75rem;font-weight: 700;color: #204981;letter-spacing: 0.15rem;display: block;}
.ny-banner .con i {display: block; width: 4.38rem;height: 0.44rem;background: #ef721a;}
.ny-banner .con small {font-size: 2.88rem;font-weight: 700;font-family: Arial, Arial-Bold;color: rgba(32, 73, 129,.23); text-transform: uppercase; display: block;}

.bannerNav {position: absolute; width: 100%; left: 0; background: rgba(0, 0, 0,.2); bottom: 0;}
.bannerNav ul {width: 1600px; margin: auto; display: flex; align-items: center;max-width: 92%;}
.bannerNav ul li a {font-size: 1.06rem;font-weight: 400;color: #ffffff; transition: .5s; padding: 1.8rem 3rem; box-sizing: border-box;display: block;}
.bannerNav ul li:hover a {background: #053371;}
.bannerNav ul li.on a {background: #053371;}

/* ===关于我们=== */
.aboutTle {text-align: center; padding: 5rem 0 2.5rem 0;}
.aboutTle h4 {font-size: 2.88rem; font-weight: 400;color: #333333;}
.aboutTle i {display: inline-block; width: 4.19rem;height: 0.31rem;background: #ef721a;}
.aboutOne {margin-top: 6rem;}
.aboutOne .aboutTle {text-align: left; padding: 0;}
.aboutOne .box {display: flex; justify-content: space-between; align-items: center;}
.aboutOne .boxLe {width: 56%;}
.aboutOne .boxLe p {font-size: 1.25rem;font-weight: 400;color: #666666;line-height: 2.06rem; margin-top: 2.5rem;}
.aboutOne .boxRe {border-radius: 3.75rem 0rem 3.75rem 0rem; overflow: hidden; margin-right: -5rem; width: 45%;}
.aboutOne .boxRe img {display: block; width: 100%;}

.aboutTwo {}
.abTwoSlide {position: relative;height: 46.88rem;}
.abTwoSlide .hd {position: relative; z-index: 2; height: 100%;}
.abTwoSlide .hd ul {display: flex; height: 100%;}
.abTwoSlide .hd li {width: 25%; padding: 2%; box-sizing: border-box; position: relative; border-right: 1px solid rgba(221, 220, 221,.14);}
.abTwoSlide .hd li {display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s;}
.abTwoSlide .hd li:last-child {border-right: 0;}
.abTwoSlide .hd li .icBox {margin-bottom: 3rem;}
.abTwoSlide .hd li .icBox img {display: block; max-width: 100%;}
.abTwoSlide .hd li .text {font-size: 1.63rem;font-weight: 400;color: #ffffff;}
.abTwoSlide .hd li .text2 {font-size: 1rem;font-weight: 400;font-family: Arial, Arial-Regular;  font-weight: 400;color: #ffffff;opacity: 0.22;}
.abTwoSlide .hd li i {display: block; width: 0;height: 0.25rem; background: #ef721a; margin-top: 1rem; opacity: 0; width: 0; transition: .5s;}
.abTwoSlide .hd li .con {text-align: center; overflow: hidden; height: 0; min-height: 0; visibility: hidden; opacity: 0; transition: .5s;}
.abTwoSlide .hd li .con p { font-size: 1.13rem;font-weight: 400;color: #ffffff;line-height: 2.19rem;}
.abTwoSlide .hd li span {position: absolute; left: 50%; top: 95%; transform: translate(-50%, -50%);font-size: 1.5rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff;}
.abTwoSlide .hd li:hover {background: rgba(0, 108, 166,.96);}
.abTwoSlide .hd li:hover i {width: 2.69rem; opacity: 1;}
.abTwoSlide .hd li:hover .con {visibility: visible; opacity: 1;  min-height: 10rem;  margin-top: 5rem; }
.abTwoSlide .bd {position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.abTwoSlide .bd ul {width: 100% !important; height: 100%;}

.aboutThree .box {display: flex; justify-content: space-between;}
.aboutThree .box .le {width: 50%;}
.aboutThree .box .le img {display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutThree .box .re {background: #f5f5f5;padding: 5% 6% 5% 3%; box-sizing: border-box; width: 50%;}
.aboutThree .box dl {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.aboutThree .box dd {display: flex; align-items: center;}
.aboutThree .box dd .icBox {display: flex; align-items: center; flex-shrink: 0; justify-content: center;width: 6.38rem; border-radius: 50%; height: 6.38rem;background: #ef721a;}
.aboutThree .box dd .con {margin-left: 5%;}
.aboutThree .box dd .con .text {font-size: 2rem;font-weight: 400;color: #333333;}
.aboutThree .box dd .con span {font-size: 1.06rem;font-weight: 400;color: #666666; margin-top: 0.5rem; display: block;}

.aboutFour .imgBox {margin: auto;}
.aboutFour .imgBox img {display: block; max-width: 100%; margin: auto; width: 100%;}

/* ===创新智造=== */
.innovation-banner {}
.innovation-banner .con2 {width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);max-width: 92%;}
.innovation-banner .con2 strong {font-size: 3.25rem;font-weight: 700;color: #ffffff;letter-spacing: 0.13rem;display: block;}
.innovation-banner .con2 small {font-size: 1.88rem; display: block; text-transform: uppercase; font-family: Arial, Arial-Regular;font-weight: 400;color: rgba(255, 255, 255,.54);}
.innovation-banner .con2 i {display: inline-block; width: 3.75rem;height: 0.38rem; background: #ef721a;}
.innovation-banner .con2 p {font-size: 1.13rem;font-weight: 400;color: #ffffff;  line-height: 2.56rem; width: 66%; margin: auto; margin-top: 3rem;}

.innovationOne {margin: 7rem 0; margin-top: 8rem;}
.innovationOne ul {display: flex; justify-content: space-between;}
.innovationOne li {text-align: center; padding-right: 1rem; box-sizing: border-box;}
.innovationOne li:last-child { padding-right: 0;}
.innovationOne li .icBox {width: 7.8rem;  height: 6.9rem;margin: auto;margin-bottom: 1.1rem; display: flex; align-items: center; justify-content: center; position: relative;}
.innovationOne li .icBox img {position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); transition: .5s;}
.innovationOne li .icBox img:nth-child(2) {opacity: 0;}
/* .innovationOne li:hover .icBox {background: url(/html/class/template/images/innovationOne-iconbj2.png); } */
.innovationOne li strong {font-size: 1.63rem;font-weight: 700;color: #333333;letter-spacing: 0.03rem;}
.innovationOne li span {font-size: 1rem;font-weight: 400;color: #888888;letter-spacing: 0.02rem; opacity: .78; display: block;}
.innovationOne li:hover img {transform:translate(-50%, -50%) scale(1.1);}
.innovationOne li:hover img:nth-child(2) {opacity: 1;}
.innovationOne li:hover img:nth-child(1) {opacity: 0;}

.innovationTwo {background: #f6f6f6; }
.innovationTwo .box {max-width: 1920px; margin: auto;  position: relative;padding: 7.5rem 0; }
.innovationTwo .box .le {width: 44%;}
.innovationTwo .box .le .tle {margin-bottom: 3rem;}
.innovationTwo .box .le .tle h4 {font-size: 2.88rem;font-weight: 400;color: #333333;}
.innovationTwo .box .le .tle span {font-size: 1.25rem; text-transform: uppercase; opacity: 0.54;font-family: Arial, Arial-Regular;font-weight: 400;color: #bdbdbd;}
.innovationTwo .box .le .tle i {display: block; width: 3.5rem;height: 0.31rem;background: #ef721a; margin-top: 2rem;}
.innovationTwo .box .le p {font-size: 1.06rem;font-weight: 400;color: #666666;line-height: 2.44rem;}
.innovationTwo .imgBox {position: absolute; right: 0; top: 0; width: 50%; height: 100%;}
.innovationTwo .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover;}

.innovationThree {padding: 6rem 0;}
.innovationThree .container {width: 1750px;}
.innovationThree .swiperBox {position: relative;}
.innoThSwiper {width: 1600px; margin: auto; max-width: 90%; overflow: hidden;}
.innoThSwiper .swiper-slide {background: #f5f7fa; padding: 2rem; box-sizing: border-box; text-align: center;}
.innoThSwiper .swiper-slide .imgBox {width: 9.25rem; margin: auto; height: 9.25rem; display: flex; align-items: center; justify-content: center;}
.innoThSwiper .swiper-slide .imgBox img {max-width: 100%;}
.innoThSwiper .swiper-slide span {color: #333; margin-top: 1.2rem; display: block; font-size: 1.1rem;}
.innoThSwiper .swiper-button-prev {transform: rotate(180deg);}
.innoThSwiper .swiper-pagination {display: none;}
.innoThSwiper .swiper-pagination-bullet-active {background: #EE7800;}

/* ===5-ALA=== */
.ALA-banner .con strong {font-size: 6.81rem;font-family: Arial, Arial-Bold; font-weight: 700;color: #ffffff;letter-spacing: 0.27rem; line-height: 7rem;}
.ALA-banner .con small {font-size: 2.63rem;font-weight: 400;color: #ffffff;letter-spacing: 0.11rem; margin-top: 0.5rem;}
.ALAOne {margin: 8.5rem 0;}
.ALAOne .box {display: flex; justify-content: space-between; align-items: center;}
.ALAOne .box .le {width: 50%;}
.ALAOne .box .le h5 {font-size: 2.63rem;font-weight: 700;color: #053371;letter-spacing: 0.11rem;}
.ALAOne .box .le i {width: 100%; display: block; height: 1px;background: #DFDFDF; margin: 2rem 0; position: relative;}
.ALAOne .box .le i::before {content: /html/class/template/css/""; width: 20%; background: #053371; height: 2px;position: absolute; left: 0; }
.ALAOne .box .le p {font-size: 1.5rem;font-weight: 400;color: #666666;line-height: 2.81rem; width: 98%;}
.ALAOne .box .re {width: 46%;}
.ALAOne .box .re img {display: block; width: 100%;}

.ALATwo ul {display: flex;}
.ALATwo ul li {width: 17%;height: 42rem; border-right: 1px solid rgba(255, 255, 255,.5); box-sizing: border-box; position: relative; transition: all .5s;}
.ALATwo ul li:last-child {border-right: 0;}
.ALATwo ul li .imgBox {height: 100%;}
.ALATwo ul li .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.ALATwo ul li .con {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; padding: 6rem 2% 1% 2.5rem;box-sizing: border-box; transition: .5s;}
.ALATwo ul li .tle {font-size: 2rem;font-weight: 700;color: #ffffff;}
.ALATwo ul li dl {margin-top: 6rem; opacity: 0; }
.ALATwo ul li dd {margin: 0.6rem 0;}
.ALATwo ul li dt , .ALATwo ul li dd {font-size: 1.5rem;font-weight: 400;color: #ffffff;}
.ALATwo ul li.on {width: 33%;}
.ALATwo ul li.on .con {background: rgba(0, 62, 128,.6);}
.ALATwo ul li.on dl {opacity: 1; margin-top: 4rem; transition: all .5s;transition-delay: .3s;}

/* ===产品中心=== */
.proList-banner .con strong {color: #ffffff;}
.proList-banner .con small {color: rgba(255, 255, 255,.43);}
.proList-banner .con {top: 52%;}

.proList {margin: 4rem 0 7rem 0;}
.proList .Le {width: 20%;}
.proList .leTle {background: #006faa; padding: 2.5rem 1.5rem; box-sizing: border-box; text-align: center;}
.proList .leTle .tle {font-size: 2rem;color: #ffffff;font-weight: 700;}
.proList .leTle span {font-size: 1.5rem;font-family: Arial, Arial-Bold;font-weight: 700;color: rgba(255, 255, 255,.12); text-transform: uppercase;display: block;}
.proList .leTle i {display: inline-block; width: 2.19rem;height: 0.25rem;background: #ffffff;}
.proList .box {display: flex; justify-content: space-between;}
.nyNav1 {}
.nyNav1 > li {width: 100%; box-sizing: border-box; position: relative;margin-top: 0.15rem;}
.nyNav1 > li > a > i {transition: .5s;}
.nyNav1 > li > a {padding:1.25rem 1rem 1.25rem 2rem; border-left: 0.19rem solid #006faa; transition: .5s; position: relative; box-sizing: border-box; box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center; background: #F5F5F5; }
.nyNav1 > li > a::after {content: /html/class/template/css/""; width: 0.19rem;height: 0;background: #EF721A; position: absolute; left: -3px; top: 0; transition: .5s;}
.nyNav1 > li > a > span {font-size: 1.1rem; color: #333;}
.nyNav1 > li:hover > a {background: #006faa;}
.nyNav1 > li:hover > a > span {color: #fff;}
.nyNav1 > li:hover > a > i img {filter: brightness(100);}
.nyNav1 > li:hover > a::after {height: 100%; background: #EF721A;}
.nyNav1 > li.on > a {background: #006faa;}
.nyNav1 > li.on > a > span {color: #fff;}
.nyNav1 > li.on > a > i img {filter: brightness(100);}
.nyNav1 > li.on > a::after {height: 100%; background: #EF721A;}
.nyNav1 > li.active > a {background: #006faa;}
.nyNav1 > li.active > a > span {color: #fff;}
.nyNav1 > li.active > a > i img {filter: brightness(100);}
.nyNav1 > li.active > a::after {height: 100%; background: #EF721A;}
.nyNav1 > li.active > a > i {transform:rotate(90deg);}
.nyNav1 > li.on > a > i {transform:rotate(90deg);}
.nyNav1 > li.active.on > a > i {transform:rotate(0);}
.nyNav2 {display: none; background: #f5f5f5; padding:1rem 2rem;}
.nyNav2:has(> li.active){display: block;} 
.nyNav1 > li.active .nyNav2 {display: block;}
.nyNav2 > li > a { transition: .5s; margin: 0.8rem 0; box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center;  }
.nyNav2 > li:last-child > a {border: none;}
.nyNav2 > li > a > span {font-size: 1rem;  color: #666666; transition: .5s;}
.nyNav2 > li:hover > a > span {color: #006FAA; font-weight: 700;}
.nyNav2 > li.on > a > span {color: #006FAA; font-weight: 700;}
.nyNav2 > li.active > a > span {color: #006FAA; font-weight: 700;}

.proList .re {width: 78.5%;}
.proList .re ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.proList .re ul::after {content: /html/class/template/css/""; width: 32%;}
.proList .re ul li {border: 0.06rem solid #f5f5f5; width: 32%; margin-bottom: 1.4rem; background: #f5f5f5;}
.proList .re ul li .imgBox {padding: 2rem; background: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative;}
.proList .re ul li .imgBox img {display: block; max-width: 100%;}
.proList .re ul li .jiaBox {background: rgba(27, 27, 27,.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: all .5s;}
.proList .re ul li .jiaBox {display: flex; align-items: center; justify-content: center;}
.proList .re ul li .jiaBox .jia { width: 3rem;height: 3rem; background: #ef721a; display: flex; align-items: center; justify-content: center; transition: all .5s;}
.proList .re ul li .jiaBox .jia {font-size: 2rem;font-weight: 400;color: #ffffff; padding-bottom: 0.2rem; box-sizing: border-box;}
.proList .re ul li .imgBox::before {content: /html/class/template/css/""; width: 100%; height: 0.13rem; background: #005082; position: absolute; bottom: 0; left: 0;}
.proList .re ul li .imgBox::after {content: /html/class/template/css/""; width: 0; height: 0.13rem; background: #ef721a; position: absolute; bottom: 0; left: 0; transition: .5s;}
.proList .re ul li:hover .imgBox::after  {width: 100%;}
.proList .re ul li .con {background: #f5f5f5; padding: 1.5rem; box-sizing: border-box; position: relative;}
.proList .re ul li .tle {font-size: 1.13rem;font-weight: 700;color: #444444;margin-bottom: 0.5rem;}
.proList .re ul li p {display: -webkit-box;overflow: hidden; line-height: 1.69rem; 	-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 0.88rem;font-weight: 400;color: #666666;}
.proList .re ul li:hover .jiaBox {opacity: 1;}
.proList .re ul li:hover .jiaBox .jia {transform: rotate(180deg);}
.proList .re ul li:hover .tle {color: #EF721A;}

/* ===产品详情=== */
.proData-banner .con {top: 56%;}
.proData-banner .con strong {font-size: 2.94rem; color: #fff;}
.proData-banner .con i {width: 3.44rem;height: 0.38rem;}
.proData-banner .con small {font-size: 2.25rem;color: rgba(255, 255, 255,.43);}

.mbx {padding: 1.2rem 0;}
.mbx ul {display: flex; flex-wrap: wrap;}
.mbx ul li a {font-size: 0.94rem;color: #555555; position: relative; }

.mbx ul li:nth-child(1) a {background: url(/html/class/template/images/mbx.png) no-repeat left; background-size: auto;padding-left: 1.8rem;}
.mbx ul li:last-child a::after {display: none;}
.mbx ul li a:hover {color: #006FAA;}
.mbx ul li a:hover::after {color: #555555;}

/* .et-hero-tabs {background: #f8fbfc; padding: 3rem 0 2rem 0;     position: sticky;top: 6.5rem; z-index: 2;} */
.et-hero-tabs {background: #f8fbfc; padding: 3rem 0 2rem 0; }

.et-hero-tabs .et-hero-tabs-container {display: grid; grid-template-columns: repeat(4,auto); gap: 10%; justify-content: center;}
.et-hero-tabs .et-hero-tab {text-align: center;display: block; position: relative; overflow: hidden; padding-bottom: 1rem;}
.et-hero-tabs .et-hero-tab .icBox {height: 33px;}
.et-hero-tabs .et-hero-tab .icBox img {filter: grayscale(100%); max-width: 100%;}
.et-hero-tabs .et-hero-tab span {font-size: 1.13rem;font-weight: 400;color: #333333; margin: 0.5rem 0; display: block;}
.et-hero-tabs .et-hero-tab .jt {position: absolute; left: 50%; top: 110%; transform: translate(-50%, -50%); transition: .5s;}
.et-hero-tabs .et-hero-tab.on .jt {top: 90%;}
.et-hero-tabs .et-hero-tab.on span {color: #006FAA;}
.et-hero-tabs .et-hero-tab.on .icBox img {filter: none;}

#tab-slide1 {padding: 5rem 0;}
#tab-slide1 .box {display: flex; justify-content: space-between;}
#tab-slide1 .box .le {width: 48%; border: 0.06rem solid #e2e8f1; padding: 2%;display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
#tab-slide1 .box .le img {max-width: 100%;}
#tab-slide1 .box .re {width: 49%;}
#tab-slide1 .box .tle {padding-bottom: 1rem; border-bottom: 1px solid #EEEEEE;}
#tab-slide1 .box .tle h5 {font-size: 3.13rem;color: #053371;font-weight: 700;}
#tab-slide1 .box .tle .text {font-size: 1.25rem;font-weight: 400;color: #555555;}
#tab-slide1 .box .cpgs {margin: 1.5rem 0; display: flex; align-items: center;}
#tab-slide1 .cpgs i {width: 0.5rem; height: 0.5rem; background: #ee7800; border-radius: 50%; position: relative;}
#tab-slide1 .cpgs i::after {content: /html/class/template/css/""; border-radius: 50%; width: 1rem; height: 1rem; background: rgba(238, 120, 0,.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#tab-slide1 .cpgs i::after {animation: sacs 2s infinite;}
#tab-slide1 .cpgs span {font-size: 1.13rem; font-weight: 700;color: #333333; margin-left: 1rem;}
#tab-slide1 .con {font-size: 1rem;font-weight: 400;color: #666666;line-height: 1.94rem;}
@keyframes sacs {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.8);
  }
}

#tab-slide1 dl {display: grid;justify-content: flex-start; margin-top: 5rem; grid-template-columns: repeat(3,1fr); gap: 1.5rem;}
#tab-slide1 dl dd a {width: 100%; height: 3.38rem;  background: #ee7800; display: flex; align-items: center; justify-content: center;}
#tab-slide1 dl dd a span {font-size: 1.13rem;font-weight: 400;color: #fff; margin-left: 1rem;}
#tab-slide1 dl dd:nth-child(2) a {background: #053371;}
#tab-slide1 dl dd:nth-child(3) a {border: 0.06rem solid #dddddd; background: none;}
#tab-slide1 dl dd:nth-child(3) a span {color: #333333;}

.etSlideTle {text-align: center; margin: 2rem 0;}
.etSlideTle h4 {font-size: 2.25rem;font-weight: 700;color: #333333;}
.etSlideTle h5 {font-size: 2.25rem;font-family: Arial, Arial-Bold;text-transform: uppercase; font-weight: 700;color: #dee3eb;}
.etSlideTle i {display: inline-block; width: 3.88rem; height: 0.25rem;background: #006faa;}

#tab-slide2 { height: 50vh;}
#tab-slide3 .bjBox {position: relative; background: url(/html/class/template/images/tab-slide3-bj.jpg) no-repeat center; background-size: cover; padding: 3rem 0;}
/* #tab-slide3 .bjBox > img {margin: auto; display: block; width: 100%;}
#tab-slide3 .container {position: absolute;top: 0; left: 0; width: 100%; max-width: 100%;}
#tab-slide3 .con {width: 1600px; margin: auto;} */
.tab4News .tle {color: #333; font-size: 2rem;padding-bottom: 0.5rem; border-bottom: 3px solid #006faa; display: inline-block; position: relative;}
.tab4News .tle::after {width: 38%; height: 3px; position: absolute; bottom: -3px; background: #28b0a4; content: /html/class/template/css/""; right: 0;}
.tab4News .newsBox {border: 1px solid #e2e8f1; padding: 2rem; margin-top: 3rem;}
.tab4News dl {width: 40%;}
.tab4News dl dd {margin: 1rem 0; }
.tab4News dl dd a {display: flex; align-items: center;}
.tab4News dl dd i {width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 2px solid #2c6ca4; flex-shrink: 0; display: block;}
.tab4News dl dd span {margin: 0 1rem; font-size: 1rem; color: #333; width: 80%;}
.tab4News dl dd em {color: #999; font-size: 0.9rem; margin-left: 10%;}
.tab4News dl dd a:hover span {color: #006FAA;}

#tab-slide4 img {max-width: 100%;}

#tab-slide5 {background: #f6fafc; padding-bottom: 4rem;}
#tab-slide5 .etSlideTle {padding-top: 5rem;}
#tab-slide5 .container {width: 1800px;}
#tab-slide5 .swiperBox {position: relative;}
.tab5SwiperBox {overflow: hidden; width: 1600px; margin: auto; max-width: 90%;}
.tab5SwiperBox .swiper-slide {border: 0.06rem solid #f5f5f5;margin-bottom: 1.4rem; background: #fff;}
.tab5SwiperBox .swiper-slide .imgBox {padding: 2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative;}
.tab5SwiperBox .swiper-slide .imgBox img {display: block;max-width: 100%;}
.tab5SwiperBox .swiper-slide .jiaBox {background: rgba(27, 27, 27,.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: all .5s;}
.tab5SwiperBox .swiper-slide .jiaBox {display: flex; align-items: center; justify-content: center;}
.tab5SwiperBox .swiper-slide .jiaBox .jia { width: 3rem;height: 3rem; background: #ef721a; display: flex; align-items: center; justify-content: center; transition: all .5s;}
.tab5SwiperBox .swiper-slide .jiaBox .jia {font-size: 2rem;font-weight: 400;color: #ffffff; padding-bottom: 0.2rem; box-sizing: border-box;}
.tab5SwiperBox .swiper-slide .imgBox::before {content: /html/class/template/css/""; width: 100%; height: 0.13rem; background: #005082; position: absolute; bottom: 0; left: 0;}
.tab5SwiperBox .swiper-slide .imgBox::after {content: /html/class/template/css/""; width: 0; height: 0.13rem; background: #ef721a; position: absolute; bottom: 0; left: 0; transition: .5s;}
.tab5SwiperBox .swiper-slide:hover .imgBox::after  {width: 100%;}
.tab5SwiperBox .swiper-slide .con {background: #fff; padding: 1.5rem; box-sizing: border-box; position: relative;}
.tab5SwiperBox .swiper-slide .tle {font-size: 1.13rem;font-weight: 700;color: #444444;margin-bottom: 0.5rem;}
.tab5SwiperBox .swiper-slide p {display: -webkit-box;overflow: hidden; line-height: 1.69rem; 	-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 0.88rem;font-weight: 400;color: #666666;}
.tab5SwiperBox .swiper-slide:hover .jiaBox {opacity: 1;}
.tab5SwiperBox .swiper-slide:hover .jiaBox .jia {transform: rotate(180deg);}
.tab5SwiperBox .swiper-slide:hover .tle {color: #EF721A;}
.tab5SwiperBox .swiper-pagination {display: none;}
.tab5SwiperBox .swiper-pagination-bullet-active {background: #EF721A;}
.tab5SwiperBox .swiper-button-prev {transform: rotate(180deg);left: 0;}
.tab5SwiperBox .swiper-button-next {right: 0;}

/* ===生产基地=== */
.base-banner .con strong {color: #fff;}
.base-banner .con small {text-shadow: 0.48rem 0.29rem 0.38rem 0rem rgba(7,7,7,0.16); color: rgba(255, 255, 255,.63);}
.baseList {margin: 4.5rem 0;}
.baseList ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.baseList ul li {width: 49%; margin-bottom: 2rem;}
.baseList ul li .imgBox {overflow: hidden;}
.baseList ul li .imgBox img {display: block; width: 100%; display: block; transition: .5s;}
.baseList ul li:hover .imgBox img {transform: scale(1.05);}

/* ===新闻中心=== */
.news-banner .con {top: 52%;}
.news-banner .con strong {color: #fff;}
.news-banner .con small {color: rgba(255, 255, 255,.43);}
.newsList {margin: 5rem 0;}
.newsList li {margin-bottom: 2.5rem;}
.newsList .box {display: flex; justify-content: space-between; align-items: center;}
.newsList .box .le {width: 65%; padding-bottom: 2.5rem; border-bottom: 1px solid #EAEAEA; margin-top: 2rem;}
.newsList .box .re {width: 27%; overflow: hidden;}
.newsList .box .re img {display: block; width: 100%; transition: .5s;}
.newsList .box em {font-size: 1.13rem;font-weight: 400;color: #999999;}
.newsList .box h6 {font-size: 1.63rem;font-weight: 700;color: #333333;margin-bottom: 1.5rem;}
.newsList .box p {font-size: 1.13rem;font-weight: 400;color: #555555;line-height: 2.25rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsList .box h6:hover {color: #053371;}
.newsList .box .re:hover img {transform: scale(1.05);}

/* ===新闻详情=== */
.newsData-banner .con {top: 45%;}
.dataPage {margin: 5rem 0;}
.dataPage .box {display: flex; align-items: flex-start; justify-content: space-between;}
.dataPage .box .le {width: 67%;}
.dataPage .box .tle strong {font-size: 2.13rem;font-weight: 400;color: #333333;}
.dataPage .tle .miaoshu {margin-top: 2rem; display: flex; align-items: center;}
.dataPage .tle .miaoshu .item {display: flex; align-items: center;}
.dataPage .tle .miaoshu .item:nth-child(2) {margin-left: 8%;}
.dataPage .tle .miaoshu span {font-size: 1rem;font-weight: 400;color: #666666; margin-left: 0.5rem;}
.dataPage .tle i {margin-top: 2rem; width: 100%; display: block; height: 0.06rem; background: #06528e;}
.dataPage .con {padding: 2rem 0 5rem 0; border-bottom: 1px solid #EEEEEE; font-size: 1rem;font-weight: 400;color: #666666;line-height: 2.13rem;}
.dataPage .con img {max-width: 100%;}
.dataPage .pageFy {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 2rem;}
.dataPage .choseNews {margin-right: 1rem;}
.dataPage .choseNews p {font-size: 1rem;font-weight: 400;color: #333333; margin-top: 0.5rem;display: flex; flex-wrap: wrap;}
.dataPage .choseNews p a {color: #666666; font-size: 1rem;}
.dataPage .choseNews p a:hover {color: #06528e;}
.dataPage .pageFy .back {margin-top: 0.5rem;}
.dataPage .pageFy .back a {width: 9.69rem;height: 3.13rem;background: #06528e;border-radius: 1.56rem; display: flex; align-items: center; justify-content: center;}
.dataPage .pageFy .back a img {margin-top: 0.2rem;}
.dataPage .pageFy .back a span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-left: 1rem; transition: .5s;}
.dataPage .pageFy .back a:hover span {margin-left: 1.5rem;}
.dataPage .re {width: 28%; position: sticky; top: 6rem;}
.dataPage .re dl {background: #f9f9f9; padding: 2rem; box-sizing: border-box;}
.dataPage .re dl dt {font-size: 1.75rem;font-weight: 400;color: #333333;margin-bottom: 1rem;}
.dataPage .re .dlOne dd {padding: 1rem 0; border-bottom: 1px solid #EEEEEE;}
.dataPage .re .dlOne em {font-size: 1rem;color: #888888;}
.dataPage .re .dlOne p {font-size: 1rem;color: #333333; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.dataPage .re .dlOne .scrBox {overflow-y: auto; height: 20rem; padding-right: 2rem;}
.dataPage .re .dlOne .scrBox::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;background: rgba(221, 221, 221,.2);}
.dataPage .re .dlOne .scrBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;background: #F1971D;}
.dataPage .re .dlOne dd a:hover p {color: #F1971D;}
.dataPage .re .dlTwo {margin-top: 1.8rem;}
.dataPage .re .dlTwo dt {margin-bottom: 2rem;}
.dataPage .re .dlTwo dd {margin-top: 0.5rem;}
.dataPage .re .dlTwo dd a {padding: 0 1.5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; height: 2.81rem;background: #eeeeee;transition: .5s;}
.dataPage .re .dlTwo dd span {color: #666666; font-size: 1rem; width: 80%;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.dataPage .re .dlTwo dd:hover a {background: #EF721A; }
.dataPage .re .dlTwo dd:hover span {color: #fff;}
.dataPage .re .dlTwo dd:hover img {filter: brightness(100);}

/* ===生产基地详情=== */
.baseData-banner .con {top: 52%;}
.basePage .box .le {width: 100% !important;}

/* ===联系我们=== */
.contactTle {text-align: center; padding: 5rem 0;}
.contactTle h4 {font-size: 2.88rem;font-weight: 400;color: #333333;}
.contactTle i {display: inline-block; width: 3.5rem; height: 0.31rem;background: #ef721a;}
.boxMap {position: relative; width: 50%;}
.boxMap #map {width: 100%;height: 100%;}
.contactOne .box {display: flex; justify-content: space-between; box-shadow: 0rem 0rem 3.69rem 0rem rgba(178,178,178,0.09); }
.contactOne .box .le {width: 50%;}
.contactOne .box .re {width: 48%;}
.contactOne .box .re dd {display: flex; align-items: center; padding: 2rem 0; border-bottom: 1px solid #EEEEEE;}
.contactOne .box .re dd:last-child {border-bottom: 0;}
.contactOne .box .re dd .icBox {display: flex;flex-shrink: 0; border-radius: 50%; align-items: center;justify-content: center;width: 5rem;height: 5rem;background: #ef721a;}
.contactOne .box .re dd .icBox {margin-right: 2rem;}
.contactOne .box .re dd em {font-size: 1.5rem;font-weight: 400;color: #0c67ce;}
.contactOne .box .re dd .text {display: flex; flex-wrap: wrap;}
.contactOne .box .re dd .text span:last-child {margin-right: 0;}
.contactOne .box .re dd .text span {font-size: 1rem; color: #444444; margin-right: 2rem;}
.contactOne .box .re dd .text span a {font-size: 1rem; color: #444444;}
.contactOne .box .re dd .text span a:hover {color: #ef721a;}

.contactTwo .box {background: url(/html/class/template/images/contactTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.contactTwo .box form {width: 1050px; margin: auto; max-width: 92%; padding: 8rem 0 6rem 0; box-sizing: border-box;}
.contactTwo form .inBox {display: flex; justify-content: space-between; margin-bottom: 1.8rem;}
.contactTwo form .inBox input {width: 100%; height: 100%; background: none; border: none; outline: none; padding: 0 2rem; padding-right: 4rem; box-sizing: border-box; font-size: 1rem; color: #fff;}
.contactTwo form .inBox input::placeholder {color: #fff;}
.contactTwo form .inOne {width: 48%; position: relative; height: 4.06rem;background: rgba(255, 255, 255,.38);box-sizing: border-box;  border: 0.06rem solid rgba(255, 255, 255,.38); position: relative;}
.contactTwo form .inOne label {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%);}
.contactTwo form .inBox2 {position: relative;height: 9.5rem;background: rgba(255, 255, 255,.38);}
.contactTwo form textarea {width: 100%; height: 100%; font-family: "Microsoft YaHei"; font-size: 1rem; color: #fff; background: none; border: none; outline: none; resize: none; padding: 2rem; padding-right: 4rem;box-sizing: border-box;}
.contactTwo form textarea::placeholder {color: #fff;}
.contactTwo form label {position: absolute; left: 96%; top: 35%; transform: translate(-50%, -50%);}

.contactTwo form .inCode {position: relative;}
.contactTwo form .inCode input {padding-right: 200px;}
.contactTwo form .inCode img {height: 100% !important; right: 0; position: absolute;}

.contactTwo form .sub {display: flex; justify-content: center; margin-top: 2.4rem;}
.contactTwo form .sub input {width: 11.94rem;height: 3.19rem; cursor: pointer; background: #ef721a; border-radius: 0.31rem; padding: 0; text-align: center; color: #fff; font-size: 1rem; border: none; outline: none;}



































/*浮动窗口*/
.web-float{position: fixed;bottom:9%;right: 12px;z-index: 999;}
.web-float .lb{position: relative;}
.web-float .lb .ico{width: 5rem;height: 5rem;background: #fff;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);margin-top: 1px;cursor: pointer;color: #353535;transition: all .5s ease;}
.web-float .lb:hover .ico {background: #EF721A; color: #fff;}
.web-float .lb:hover .ico img {filter: brightness(100);}
.web-float .lb .ico img {display: block;}
.web-float .lb .ewm {position: absolute;right: 5.2rem;bottom: 0;background: #fff;padding: 0.5rem 1rem;width: auto;text-align: center;z-index: -1;opacity: 0;	visibility: hidden;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);transition: all .5s ease;}
.web-float .lb .tel {white-space: nowrap; padding: 0 1rem;position: absolute;right: 5.2rem;height: 5rem;bottom: 0;background: #fff;width: auto; display: flex; align-items: center; justify-content: center;z-index: -1;opacity: 0;visibility: hidden;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);transition: all .5s ease;}
.web-float .lb .tel a {display: block;color: #EF721A;font-size: 1.5rem;}
.web-float .lb .tel em {font-size: 1.13rem;color: #999999;}
.web-float .lb .ewm p {font-size: 1rem;color: #999;margin-top: 2px;}
.web-float .lb:hover .ewm,
.web-float .lb:hover .tel{	opacity: 1;	visibility: visible;z-index: 99;transition: all .5s ease;}
.web-float .backTop .ico {background: #EF721A;}
.backTop img {filter: grayscale(100%);}



/* 搜索页面 */
.search-page .box {margin-top: 8vh;}
.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: #116D9E; 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: 3.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { background: #F5F5F5; 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: #116D9E;}
.fy .layui-laypage-curr {color: #fff; background: #116D9E; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}