@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 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:1630px; 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: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; 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);}

/* 图标变黑色 */
.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("../font/CENTURY751\ NO2\ BT\ BOLD\ ITALIC.TTF");
}
@font-face {
  font-family: "GEORGIAB";
  src: url("../font/GEORGIAB.TTF");
}
@font-face {
  font-family: "HEEBO";
  src: url("../font/HEEBO-REGULAR.TTF");
}

/* CSS Document */
/* 了解更多hover效果 */
.moerHover::before, .moerHover::after {box-sizing: inherit; position: absolute;content: ''; border: 2px solid transparent;width: 0;height: 0;box-sizing: border-box;}
.moerHover::after {bottom: 0; right: 0;}
.moerHover::before {top: 0;left: 0;}
.moerHover:hover::before, .moerHover:hover::after {width: 100%; height: 100%;}
.moerHover:hover::before {border-top-color: #f99a1d; border-right-color: #f99a1d;transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;}
.moerHover:hover::after {border-bottom-color: #f99a1d; border-left-color: #f99a1d;transition: border-color 0s ease-out 0.6s, width 0.3s ease-out 0.6s, height 0.3s ease-out 1s;}

/* ==首页==*/
.zwys {height: 7.2rem !important;}
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s; background: #fff;}
.headerBox .container {width: 1700px;}
.headerBox .box {display: flex; justify-content: space-between; height: 7.2rem; align-items: center; transition: .5s;} 
.headerBox .box .logo img {max-width:81%;display: block;}
/* 一级栏目 */
/* nav {width: 53%;} */
nav ul {display: flex; justify-content: space-between; align-items: center;}
nav ul li {position: relative; height: 7.2rem;display: flex; align-items: center;}
nav ul li a span {padding: 0.5rem 1.5rem; font-size: 1.13rem; border-radius: 1.25rem;color: #333333; line-height: initial;}
nav ul li a span {font-family: Arial, Arial-Regular;font-weight: 400;display: block; box-sizing: border-box; transition: .5s;}
nav ul li:hover span {background: #008292; color: #fff;}
nav ul li.on span {background: #008292; color: #fff;}
/* 二级栏目 */
nav ul li .dlDown {position: absolute; left: -25%; top: 100%;  line-height: initial; display: block; width: 150%; display: none;}
nav ul li dl dd {text-align: center; position: relative; overflow: hidden;border-bottom:1px solid #ddd;background: #eee;}
nav ul li dl dd:last-child{border-bottom:none}
nav ul li dl dd a {background: rgba(255,255,255,.8);padding: 1rem; box-sizing: border-box; display: block;transition: all .4s;}
nav ul li dl dd a {font-size: 0.9rem;color: #008292; font-weight: 700;   }
nav ul li dl dd:hover .ic {left: 15px;}
nav ul li dl dd:hover a {background: #008292;color:#fff}
nav ul li dl dd a{color:#333;font-weight:normal}
nav ul li dl dd.on .ic  {left: 15px;}
nav ul li:nth-child(2) .dlDown {width: 130%; left: -15%;}
nav ul li:nth-child(4) .dlDown {width: 200%; left: -45%;}

/* 头部下滑 */
.navfixed {box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
.navfixed .box {height: 6.5rem;}
.navfixed  nav ul li {height: 6.5rem;}

/* banner */
.banner {position: relative; height: calc(100vh - 7.2rem);}
.bannerSwiper {overflow: hidden; position: relative; height: 100%;}
.bannerSwiper .swiper-slide {height: 100%; background-size: cover;        }
.bannerSwiper .swiper-slide .imgBox {display: block; width: 100%; height: 100%; overflow: hidden;}
.bannerSwiper .swiper-slide .imgBox img { width: 100%; display: block; height: 100%; object-fit: cover; transition: 1s linear 2s; transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide .con {width: 1630px; max-width: 92%; margin: auto; position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%)}
.bannerSwiper .swiper-slide .con strong {display: block;   font-family: "CENTURY";font-size: 4.38rem;font-weight: 700;  color: #ffffff;letter-spacing: 0.22rem;}
.bannerSwiper .swiper-slide .con i {display: block; width: 6.06rem; height: 0.44rem;  background: #f99a1d; margin-top: 3rem;}
.bannerSwiper .swiper-slide-active .imgBox img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .swiper-pagination {bottom: 3%; }
.bannerSwiper .swiper-pagination-bullet {width: 1rem; height: 1rem; opacity: 1;  box-sizing: border-box; background: #fff; margin: 0 1.2rem !important;}
.bannerSwiper .swiper-pagination-bullet-active {position: relative;}
.bannerSwiper .swiper-pagination-bullet-active::after {content: ""; width: 100%; height: 100%; background: none; border: 1px solid #fff;border-radius: 50%; }
.bannerSwiper .swiper-pagination-bullet-active::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: circleDh 5s infinite;}
@keyframes circleDh {30% {transform:translate(-50%, -50%) scale(1.6);}60% {transform: translate(-50%, -50%) scale(1);} 90% {transform: translate(-50%, -50%) scale(1.6);}}

/* 首页公用标题 */
.indexTle {padding: 4.5rem 0;}
.indexTle h3 {font-size: 3.13rem;font-weight: 700;font-family: Arial, Arial-Bold;color: #008292;  visibility: hidden;}
.indexTle h3 span { visibility: hidden;}
.indexTle .tle > span {font-size: 1.13rem;font-family: Arial, Arial-Regular;letter-spacing: 0.03rem;color: #898989;}

.indexOne {padding: 10rem 0 8rem 0;}
.indexOne .indexTle {padding-top: 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexOne .box .le {width: 60%;}
.indexOne .box .le p {font-size: 1.13rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #2c2c2c;line-height: 2.38rem; letter-spacing: 0.03rem;}
.indexOne .box .imp {display: flex; margin: 2.5rem 0; position: relative; align-items: center; justify-content: space-between;}
.indexOne .box .imp span {font-size: 1.13rem;font-weight: 400;font-family: Arial, Arial-Regular;letter-spacing: 0.03rem; font-weight: 700;}
.indexOne .box .imp i {width: 0; height: 0.13rem;background: #d0d0d0; transition: 1.5s;}
.indexOne .box .imp.on i {width: 87%;}
.indexOne .box .more {margin-top: 5rem;}
.indexOne .box .more a {width: 16rem;height: 4.63rem; background: #ffffff; border: 0.06rem solid #008292;border-radius: 2.38rem; position: relative; z-index: 1; overflow: hidden;}
.indexOne .box .more a {display: flex; align-items: center; justify-content: center; font-size: 1.88rem;font-weight: 400;letter-spacing: 0.03rem;color: #008292; transition: .5s;}
.indexOne .box .more a::after {content: ""; width: 100%; height: 100%; border-radius: 2.38rem; position: absolute; left: -100%; background: #008292; transition: .5s; z-index: -1;}
.indexOne .box .more a:hover::after {left: 0;}
.indexOne .box .more a:hover {color: #fff;}
.indexOne .box .imgBox {width: 33%;}
.indexOne .box .imgBox img {display: block; max-width: 100%;}

.indexTwo {background: linear-gradient(39deg,#c9ddde 0%, #f2f8fa 100%); padding: 3rem 0 8rem 0; position: relative;}
/* .indexTwo::after {content: ""; position: absolute; width: 36%; height: 100%; background: url(../images/indexTwo-peo.png) no-repeat right; right: 0; top: 0; background-size: 100% 100%;} */
.indexTwo .peo {position: absolute; right: 0; top: 0; height: 100%; width: 37%;}
.indexTwo .peo img {display: block; height: 100%; object-fit: cover;}
.indexTwo ul {display: flex;}
.indexTwo ul li {margin-right: 2.3rem; background: #ffffff; width: 35%; padding-bottom: 15rem;position: relative;}
.indexTwo ul li .con {padding: 2rem; }
.indexTwo ul li .tle {display: flex; align-items: center; justify-content: center; padding: 1.8rem 0.5rem; background: #008292; box-sizing: border-box;}
.indexTwo ul li .tle span {font-size: 1.5rem; font-family: Arial, Arial-Regular;color: #ffffff;letter-spacing: 0.04rem; margin-left: 1.1rem; font-weight: bold;}
.indexTwo ul li .imgBox {overflow: hidden;}
.indexTwo ul li .imgBox img {width: 100%;display: block; transition: .5s;}
.indexTwo ul li .imgBox:hover img {transform: scale(1.05);}
.indexTwo ul li i {display: inline-block; margin: 2rem 0; width: 4.63rem; height: 0.25rem;background: #008292;}
.indexTwo ul li p {font-size: 1.13rem;font-family: Arial, Arial-Regular;font-weight: 400;letter-spacing: 0.02rem;color: #272626;line-height: 2.25rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.indexTwo ul li a {height: 4.75rem; background: #f99a1d; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexTwo ul li a {font-size: 1.75rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff;letter-spacing: 0.03rem; position: absolute; bottom: 2rem; width: 90%; left: 5%; }
.indexTwo ul li a:hover {background: #fff; color: #f99a1d;}

.indexThree {padding-bottom: 7rem;}
.indexThree .swiperBox {position: relative;}
/* .indexThree .swiperBox::after {content: ""; position: absolute; right: 0; height: 100%; width: 6%; background: #fff; top: 0; z-index: 1;} */
.inThSwiper { overflow: hidden;}
.inThSwiper .swiper-slide { box-sizing: border-box; position: relative;}
.inThSwiper .swiper-slide::after {content: ""; width: 1px; height: 100%;background: #eeeeee; position: absolute; right: 0; top: 0;}
.inThSwiper .swiper-slide:last-child()::after {display: none;}
.inThSwiper .swiper-slide .imgBox {overflow: hidden; border-radius: 4px;width:70%;margin:0 auto}
.inThSwiper .swiper-slide .imgBox img {display: block;width: 100%; transition: .5s;}
.inThSwiper .swiper-slide .con {text-align: center; padding: 1rem 0;}
.inThSwiper .swiper-slide .name {font-size: 1.38rem;font-family: Arial, Arial-Bold Italic;font-weight: 700;color: #008292; font-style: oblique;}
.inThSwiper .swiper-slide span {font-size: 1.13rem;font-weight: 400;color: #898989;}
.inThSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.inThSwiper .swiper-slide:nth-child(5n)::after {display: none;}
.inThSwiper .swiper-pagination {display: none;}
.inThSwiper .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem; opacity: 1; border: 1px solid #008292; box-sizing: border-box; background: none; }
.inThSwiper .swiper-pagination-bullet-active {background: #008292;}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 8rem;}
.indexFour .indexTle {display: flex; justify-content: space-between; align-items: center; padding: 7rem 0;}
.indexFour .indexTle a {width: 16rem;height: 4.63rem;border: 0.06rem solid #008292; border-radius: 2.38rem; transition: .5s; margin-left: 1rem;}
.indexFour .indexTle a {display: flex; align-items: center; justify-content: center; font-size: 1.88rem;font-weight: 400;color: #168b9a;letter-spacing: 0.03rem;}
.indexFour .indexTle a:hover {background: #008292; color: #fff;}
.inFoSwiper {overflow: hidden; position: relative;}
.inFoSwiper .swiper-slide {background: #fff; height: auto; padding-bottom: 13rem;}
.inFoSwiper .swiper-slide .imgBox {overflow: hidden;}
.inFoSwiper .swiper-slide .imgBox img {display: block;width: 100%; transition: .5s;}
.inFoSwiper .swiper-slide .imgBox:hover img {transform: scale(1.05);}
.inFoSwiper .swiper-slide .con {padding: 2rem; box-sizing: border-box;}
.inFoSwiper .swiper-slide i {display: block; width: 4.63rem;height: 0.25rem; background: #008292; margin-bottom: 1.5rem;}
.inFoSwiper .swiper-slide .tle {font-size: 1.5rem;font-weight: 400;color: #008292;  line-height: 1.88rem;letter-spacing: 0.03rem; margin-bottom: 2rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.inFoSwiper .swiper-slide p {font-size: 1.13rem;font-weight: 400;color: #adadad;  line-height: 1.88rem; letter-spacing: 0.02rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.inFoSwiper .swiper-slide .more a {height: 4.75rem; background: #f99a1d; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.inFoSwiper .swiper-slide .more a {font-size: 1.75rem;font-weight: 400;color: #ffffff;letter-spacing: 0.03rem; position: absolute; bottom: 8%; width: 90%; left: 5%; }
.inFoSwiper .swiper-slide .more a:hover {background: #fff; color: #f99a1d;}
.inFoSwiper .swiper-pagination {display: none;}
.inFoSwiper .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem; opacity: 1; border: 1px solid #008292; box-sizing: border-box; background: none; }
.inFoSwiper .swiper-pagination-bullet-active {background: #008292;}

.indexFive {padding-bottom: 8rem;}
.indexFive .swiperBox {position: relative;}
.inFiSwiper {overflow: hidden;}
.inFiSwiper .imgBox {height: 8rem; display: flex; align-items: center; justify-content: center;}
.inFiSwiper .imgBox img {max-width: 100%; transition: .5s;}
.inFiSwiper .imgBox:hover img {transform: scale(1.1);}
.inFiSwiper .swiper-button-prev , .inFiSwiper .swiper-button-next {width: 3.25rem;height: 3.25rem;border-radius: 50%;transition: .5s; background: #f99a1d; display: flex; align-items: center; justify-content: center;}
.inFiSwiper .swiper-button-prev { left: auto; right: 4.5%; top: -85%; transform: rotate(180deg);}
.inFiSwiper .swiper-button-next { left: auto; right: 0; top: -85%; }
.inFiSwiper .swiper-button-prev:hover , .inFiSwiper .swiper-button-next:hover {background: rgb(255, 145, 0);}
.inFiSwiper .swiper-pagination {display: none;}
.inFiSwiper .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem; opacity: 1; border: 1px solid #008292; box-sizing: border-box; background: none; }
.inFiSwiper .swiper-pagination-bullet-active {background: #008292;}

/* 底部 */
footer {background: #008292; padding: 4.5rem 0 5.2rem 0; position: relative;}
.footerBox {display: flex; justify-content: space-between;}
.footerBox .conLe dl dt {font-size: 1.63rem;font-weight: bold;letter-spacing: 0.05rem;color: #ffffff; font-family: "CENTURY"; font-style: normal; margin-bottom: 2.5rem;}
.footerBox .conLe dl dd {margin: 0.5rem 0;}
.footerBox .conLe dl dd , .footerBox .conLe dl dd a {font-size: 1rem;font-weight: 400;color: #ffffff;letter-spacing: 0.03rem;}
.footerBox .conLe dl dd a:Hover {opacity: .7;}
.footerBox .foterNav {display: flex; width: 72%; justify-content: space-between;}
.footerBox .foterNav dt a {font-size: 1.25rem;font-weight: bold;color: #ffffff;display: block; margin-bottom: 3rem;}
.footerBox .foterNav dd a {position: relative;font-size: 1rem;font-weight: 400;color: #ffffff;opacity: 0.7; margin: 0.6rem 0;display: block; padding-left: 1rem;}
.footerBox .foterNav dd a::before {position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);content: "";}
.footerBox .foterNav dd a::before {width: 0.38rem;height: 0.38rem; background: #ffffff; border-radius: 50%;}
.footerBox .foterNav dd a:hover {opacity: 1;}
.foterCopy {margin-top: 5.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.foterCopy p {margin-top: 0.5rem;font-size: 1.13rem;font-weight: 400;letter-spacing: 0.03rem;color: #ffffff;}
.foterCopy p a {font-size: 1.13rem;font-weight: 400;letter-spacing: 0.03rem;color: #ffffff;}
footer .copyIn {position: absolute;    right: 2%; bottom: 14%; }
footer .copyIn .in {width: 3.38rem;height: 3.38rem; background: #f1f8f9;border: 0.06rem solid #ffffff; border-radius: 50%;}
footer .copyIn .in {display: flex; align-items: center; justify-content: center; }
footer .copyIn .in a {font-size: 1.75rem;font-weight: bold;color: #008292;letter-spacing: 0.05rem; transition: .5s;}
footer .copyIn .in:hover a {font-size: 2rem;}

/* ==========================内页========================== */
/* banner部分 */
.ny-banner {height: 26.88rem;}
.ny-banner .container {height: 100%;}
.ny-banner .tle {height: 100%; display: flex; align-items: center; justify-content: center;}
.ny-banner .tle h2 {font-size: 6.25rem;font-weight: 700;color: #ffffff; font-family: "GEORGIAB";}

/* 我们的公司 */
/* 公用标题样式 */
.comPanTle {text-align: center; padding: 5rem 0;}
.comPanTle h3 {font-size: 2.94rem;color: #008292;font-weight: 700; text-transform: uppercase; visibility: hidden;}
.comPanTle h3 span {visibility: hidden;}
.comPanTle i {width: 0;height: 0.13rem;background: #008292; display: inline-block; transition: 1.5s;}
.comPanTle.on i {width: 8.5rem;}

.companyOne {padding: 7.5rem 0;}
.companyOne .comPanTle {text-align: left; padding: 0;}
.companyOne .box {display: flex; align-items: center; justify-content: space-between;}
.companyOne .box .le {width: 64%;}
.companyOne .box .le p {font-size: 1.31rem;font-weight: 400;color: #333333;line-height: 2.5rem; margin-top: 3rem;}
.companyOne .box .re {width: 28%;}
.companyOne .box .re img {display: block;width: 116%;}

.companyTwo {background: #f0f7f8; padding-bottom: 10rem;}
.companyTwo .container {width: 1800px; max-width: 99%;}
.companyTwo .hd {width: 1630px; margin: auto; max-width: 90%;  margin-bottom: 4rem; border-bottom: 1px solid #DDDDDD;}
.companyTwo .hd ul {display: flex; justify-content: center;}
.companyTwo .hd ul li {font-size: 1.13rem;font-weight: 400; color: #999999; margin-right: 6%;padding-bottom: 1.8rem;position: relative;cursor: pointer;}
.companyTwo .hd ul li:last-child { margin-right: 0%;}
.companyTwo .hd ul li::after {content: ""; width: 0; height: 0.19rem;background: #f9991d; position: absolute; left: 50%;bottom: -2px; transition: .5s;}
.companyTwo .hd ul li.on::after {width: 100%; left: 0;}
.companyTwo .hd ul li.on {font-weight: 700;color: #333333;}
.companyTwo .bd ul:nth-child(2) li .imgBox {display: none;}
.cpanyTwoBox .swiperBox {position: relative;}
.cpanyTwoSwiper {overflow: hidden; width: 1630px; margin: auto; max-width: 90%;}
.cpanyTwoSwiper .swiper-slide {background: #fff; height: auto; padding: 2rem 0.8rem;padding-bottom: 4rem; box-sizing: border-box; text-align: center;}
.cpanyTwoSwiper .swiper-slide .imgBox {width: 60%; margin: auto; margin-bottom: 2rem;}
.cpanyTwoSwiper .swiper-slide .imgBox img {display: block;width: 100%; border-radius: 50%;}
.cpanyTwoSwiper .swiper-slide .name {font-size: 1.38rem;font-weight: 700;color: #008292; font-style: oblique;height:50px}
.cpanyTwoSwiper .swiper-slide .text {font-size: 1.13rem;font-weight: 400;color: #898989; margin: 0.3rem 0; margin-bottom: 2rem;}
.cpanyTwoSwiper .swiper-slide p {font-size: 1rem;color: #666666;line-height: 1.56rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp:5;-webkit-box-orient: vertical; }
.cpanyTwoSwiper .swiper-button-prev {transform: rotate(180deg);}
.cpanyTwoSwiper .swiper-button-prev img ,.cpanyTwoSwiper .swiper-button-next img {filter: grayscale(100%);}
.cpanyTwoSwiper .swiper-button-prev:hover img ,.cpanyTwoSwiper .swiper-button-next:hover img {filter:none;}
.cpanyTwoSwiper .swiper-pagination {display: none;}
.cpanyTwoSwiper .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem; opacity: 1; border: 1px solid #008292; box-sizing: border-box; background: none; }
.cpanyTwoSwiper .swiper-pagination-bullet-active {background: #008292;}

.companyThree {background: url(../images/companyThree-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-bottom: 28rem;}
.companyThree .box {text-align: center; width: 73%; margin: auto;}
.companyThree .box p {font-size: 1.31rem;font-weight: 400;color: #333333;line-height: 2.5rem; }
.companyThree .box p:nth-child(2) { width: 76%; margin: auto;margin-top: 3rem;}

#companyThree ,#companyTwo {position: relative; top: -3rem;}

/* 我们的科学 */
.scienceOne {padding-top: 10rem;}
.scienceOne .peo {width: 35%; overflow: hidden;}
.scienceOne .peo img {height: 108%;top: -8%;position: relative;}

.scienceTwo {padding: 10rem 0;}
.scienceTwo .indexTle {padding: 0;}
.scienceTwo .box {display: flex; justify-content: space-between; align-items: center;}
.scienceTwo .le {width: 60%;}
.scienceTwo .le p {font-size: 1.13rem;font-weight: 400;color: #2c2c2c;letter-spacing: 0.03rem;line-height: 2.38rem; margin-top: 3rem;}
.scienceTwo .le a {width: 16rem;height: 4.63rem; margin-top: 4rem; background: #ffffff; border: 0.06rem solid #008292;border-radius: 2.38rem; position: relative; z-index: 1; overflow: hidden;}
.scienceTwo .le a {display: flex; align-items: center; justify-content: center; font-size:1.48rem;font-weight: 400;letter-spacing: 0.03rem;color: #008292; transition: .5s;}
.scienceTwo .le a::after {content: ""; width: 100%; height: 100%; border-radius: 2.38rem; position: absolute; left: -100%; background: #008292; transition: .5s; z-index: -1;}
.scienceTwo .le a:hover::after {left: 0;}
.scienceTwo .le a:hover {color: #fff;}

.scienceTwo .re {width: 31.5%;}
.scienceTwo .re img {width: 100%;display: block;}

/* 我们的科学 area*/
.areaOne {padding: 10rem 0 8.5rem 0;}
.areaOne .box {position: relative; max-width: 2200px; margin: auto;}
.areaOne .comPanTle {text-align: left; padding: 0;}
.areaOne .con {width: 48%;}
.areaOne .con p {font-size: 1.31rem;font-weight: 400;color: #333333; line-height: 2.25rem; margin-top: 2rem;}
.areaOne .imgBox {width: 45%; position: absolute; left: 78%; top: 50%; transform: translate(-50%, -50%)}
.areaOne .imgBox img {display: block; width: 100%; height: 100%; object-fit: contain;}

.areaTwo {background: url(../images/areaTwo-bj.jpg) no-repeat center; background-size: cover; padding: 8rem 0; background-attachment: fixed;}
.areaTwo .box {display: flex; justify-content: space-between; align-items: center;}
.areaTwo .box .le {width: 45%;}
.areaTwo .box .le img {display: block; width: 100%;}
.areaTwo .box .re {width: 47%;}
.areaTwo .box .re p {font-size: 1.31rem;font-weight: 400;color: #ffffff;line-height: 2.25rem; margin-top: 2rem;}
.areaTwo .box .re p:nth-child(1) {margin-top: 0;}

/* 我们的科学 action */
.actionOne {padding: 8rem 0;}
.actionOne .container {width: 1245px; margin: auto;}
.actionOne p {font-size: 1.31rem;color: #333333;line-height: 2.25rem; text-align: center;}
.actionOne p span {font-weight: 700;}

.actionTwo {margin-bottom: 8rem;}
.actionTwo .box {position: relative;max-width: 2200px; margin: auto;}
.actionTwo .box .imgBox {position: absolute; left: 23%; top: 50%; transform: translate(-50%, -50%); width: 47%;}
.actionTwo .box .imgBox img {display: block; width: 100%; height: 100%; object-fit: contain;}
.actionTwo .box .container {display: flex; justify-content: flex-end; align-items: center;}
.actionTwo .box .re {width: 48%;}
.actionTwo .box .re p {font-size: 1.31rem;font-weight: 400;color: #333333;line-height: 2.25rem; margin-top: 3rem;}
.actionTwo .box .re p:nth-child(1) {margin-top: 0;}

.actionThree {margin-top: 12rem;}
.actionThree .container {width: 1100px; text-align: center;}
.actionThree .container i {display:inline-block;width: 7.5rem; height: 0.31rem; background: #f99a1c;}
.actionThree .container p {font-size: 1.63rem;font-weight: 700;color: #333333; line-height: 2.25rem; margin: 3rem 0 5rem 0;}
.actionThree .box {position: relative;}
.actionThree .box > img {display: block; width: 100%;}
.actionThree .box .videoBtn {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.actionThree .box .videoBtn img {display: block; max-width: 100%;animation: changeright 6s linear infinite;}
.actionThree .box .videoBtn::after { opacity: 0.22; background: #ffffff; width: 100%; height: 100%; border-radius: 50%;animation: changeright2 6s linear infinite}
.actionThree .box .videoBtn::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@keyframes changeright{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@keyframes changeright2{0%{transform:translate(-50%, -50%) scale(1);} 50%{transform:translate(-50%, -50%) scale(1.4);} 100%{transform:translate(-50%, -50%) scale(1);}}
/* 视频弹窗 */
.video-hide {background-color: #fff;}
.video-hide {display: none; background-color: #fff; padding: 1.5rem; box-sizing: border-box; width: 50%;}
.video-hide .box-title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid #ececec; }
.video-hide .box-title h3 {font-size: 1.3rem; color: #000; font-weight: bold;}
.video-hide .box-title span {font-size: 2.5rem; cursor: pointer;}
.video-hide .video-content {margin-top: 1rem; width: 100%;}
.video-hide .video-content video {width: 100%;}

/* 我们的科学 Pipeline */
.ny-yfgx-gx {padding: 7rem 0 6rem 0;}
.ny-yfgx-gx .container {display: flex;justify-content: space-between; padding-bottom: 3rem; width: 1420px;}
.ny-yfgx-gx .left {width: 16%;}
.ny-yfgx-gx .left a {font-size: 1.38rem;color: #333333;font-weight: 700;  font-family: "HEEBO"; padding-left: 40px;}
.ny-yfgx-gx .years {width: 80%;color: #A8A9AC;font-weight: 700;display: flex;}
.ny-yfgx-gx .years a {color: #333;width: 25%;text-align: center;position: relative; font-size: 1.13rem;font-weight: 700; font-family: "GEORGIA3";}
.ny-yfgx-gx .years a:after {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 15px;margin-top: -10px;background-color: #ddd;font-family: "GEORGIA3"}
.ny-yfgx-gx .years a:last-child:before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin-top: -10px; background-color: #ddd;}

.ny-yfgx-process {width: 1420px; margin: auto; max-width: 92%;}
.ny-yfgx-child { padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 1px solid #D9D9D9; display: flex;justify-content: space-between;}
.ny-yfgx-child:last-child {border-bottom: none;}
.ny-yfgx-child .left { font-size: 22px; border-left: 0.44rem solid #000; padding-left: 30px;  line-height: 32px;width: 16%; }
.ny-yfgx-child .left div {margin-top: 1rem;font-weight: 700; font-size: 2.13rem; font-family: "GEORGIAB";}
.yfgx-col1 {border-color: #F99A1C !important;color: #02226C;}
.ny-yfgx-child .right { display: flex; flex-direction: column; width: 80%;}
.ny-yfgx-child .right .ny-yfgx-list {background: #E2E2E2;}
.ny-yfgx-child .right .ny-yfgx-p { font-size: 1.13rem; color: #333333;  font-family: "HEEBO"; padding: 20px 0; border-bottom: 1px dashed #C0C0C0; margin-bottom: 15px; font-weight: 400;}
.ny-yfgx-child .right .ny-yfgx-p:last-child {border: none;}
.ny-yfgx-child .right ul {display: flex;height: 58px;font-size: 12px;color: #fff; line-height: 14px;width: 100%;color: #E2E2E2; position: relative;}
.ny-yfgx-child .right ul li {color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 10px 10px; border-right: 1px solid #fff; display: flex; align-items: flex-end; position: relative;overflow: hidden; width: 25% !important; text-indent: -999px; z-index: 2;}
.ny-yfgx-child .right ul:after {content: '';position: absolute;top: 0;left: 0; bottom: 0;width: 0;opacity: 0;}
.ny-yfgx-child .right ul.animate:after {animation: growPipe 1s 0s 1 ease-out backwards; opacity: 1;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list ul.animate:after { width: 75%;background-color: #008393; background-image: linear-gradient(to right, #CED9DE , #008393);}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul.animate:after { width: 68%;}
.yfgx-col2 { border-color: #F99A1C !important; color: #02226C;}
.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list ul.animate:after {width: 25%; background-color: #8a8a8a; background-image: linear-gradient(to right,#F5F5F5 , #8a8a8a);}
@keyframes growPipe{0%{width:0%;opacity: 0;}20%{opacity: 0;}65%{font-size: 0;}}

/* 媒体 Media */
.mediaList {margin: 4.5rem 0 7.5rem 0;}
.mediaList ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.mediaList ul::after {width: 32%; content: "";}
.mediaList li {background: #f5f5f5; height: auto; padding-bottom: 13rem; position: relative; width: 32%; margin-bottom: 2rem;}
.mediaList li .imgBox {overflow: hidden;}
.mediaList li .imgBox img {display: block;width: 100%; transition: .5s;}
.mediaList li .imgBox:hover img {transform: scale(1.05);}
.mediaList li .con {padding: 2rem; box-sizing: border-box;}
.mediaList li i {display: block; width: 4.63rem;height: 0.25rem; background: #008292; margin-bottom: 1.5rem;}
.mediaList li .tle {font-size: 1.5rem;font-weight: 400;color: #008292;  line-height: 1.88rem;letter-spacing: 0.03rem; margin-bottom: 2rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.mediaList li p {font-size: 1.13rem;font-weight: 400;color: #adadad;  line-height: 1.88rem; letter-spacing: 0.02rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.mediaList li .more a {height: 4.75rem; background: #f99a1d; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.mediaList li .more a {font-size: 1.75rem;font-weight: 400;color: #ffffff;letter-spacing: 0.03rem; position: absolute; bottom: 8%; width: 90%; left: 5%; }
.mediaList li .more a:hover {background: #fff; color: #f99a1d;}

/* 媒体 Media 详情*/
.mediadeta {background: #f5f5f5; padding: 8rem 0 6.5rem 0;}
.mediadeta .container {width: 1420px;}
.mediadeta .box {display: flex; justify-content: space-between; align-items: flex-start;}
.mediadeta .box .conLe {width: 65%;}
.mediadeta .tle h4 {font-size: 1.75rem;font-weight: 700;color: #333333;letter-spacing: -0.01rem;}
.mediadeta .tle .time {font-size: 1.25rem;font-weight: 400;color: #777777;letter-spacing: -0.01rem; margin: 1rem 0;}
.mediadeta .tle .return {margin-top: 3rem;}
.mediadeta .tle .return a {display: flex; justify-content: center; align-items: center;width: 9.69rem;height: 3.75rem; background: #f9991d; border-radius: 1.88rem;}
.mediadeta .tle .return a span {font-size: 1.25rem;font-weight: 400;color: #ffffff;letter-spacing: -0.01rem; margin-left: 0.5rem; transition: .5s;}
.mediadeta .tle .return a:hover span {margin-left: 1rem;}
.mediadeta .conent {margin: 3rem 0;}
.mediadeta .conent img {max-width: 100%;}
.pageFy {border-top: 1px solid #DDDDDD; padding-top: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.pageFy p {margin-top: 0.5rem; font-size: 1.13rem;color: #333333;font-weight: 700;}
.pageFy p:nth-child(1) {margin-right: 1rem;}
.pageFy p a {font-size: 1.13rem; font-weight: 400;color: #333333;}
.pageFy p a:hover {color: #f99a1d;}
.mediadeta .conRe {width: 30%;background: #ffffff; padding: 2rem 1.5rem; box-sizing: border-box; position: sticky; top: 7rem;}
.mediadeta .conRe h5 {font-size: 1.13rem;font-weight: 700;color: #333333; padding-bottom: 1rem; border-bottom: 1px solid #DDDDDD;}
.mediadeta .conRe ul li {padding: 1rem 0; display: flex; justify-content: flex-start; align-items: flex-start;}
.mediadeta .conRe ul li i {width: 0.44rem;height: 0.44rem;background: #ebebeb; display: block; border-radius: 50%; margin-right: 1rem;margin-top: 0.5rem;flex-shrink: 0;}
.mediadeta .conRe ul li a {font-size: 1rem;font-weight: 400;color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mediadeta .conRe ul li:hover i {background: #f99a1d;}
.mediadeta .conRe ul li:hover a {color: #f99a1d;}

/* 投资者 Investors */
.investorsList {padding: 5rem 0 7rem 0;}
.investorsList .container {width: 1300px;}
.investorsList ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.investorsList ul::after {content: "";width: 31.5%;  }
.investorsList ul li {width: 31.5%; border: 0.06rem solid #eeeeee; margin-bottom: 2rem;}
.investorsList ul li .imgBox { height: 14rem; padding: 0 2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.investorsList ul li .imgBox img {display: block; max-width: 100%; transition: .5s;}
.investorsList ul li span {font-size: 1.38rem;font-weight: 400;color: #333333;text-align: center; padding: 2.5rem 0.5rem; box-sizing: border-box;display: block; border-top: 1px solid #EEEEEE;}
.investorsList ul li:hover .imgBox img {transform: scale(1.1);}

/* 联系我们 */
.contactOne {padding: 7rem 0 9rem 0; }
.contactOne .tle {text-align: center;}
.contactOne .tle strong {font-size: 2.25rem;font-weight: 700;color: #333333; font-family: "GEORGIAB";text-align: center;}
.contactOne .tle p {font-size: 1.5rem;font-weight: 400;color: #666666; margin-top: 0.5rem;}
.contactOne ul {padding-top: 7rem; width: 1420px; margin: auto; max-width: 92%; display: flex; justify-content: space-between;}
.contactOne ul li {border: 0.06rem solid #eeeeee; width: 49%; padding: 4rem 1rem 4.5rem 2rem; box-sizing: border-box;}
.contactOne ul li .tle2 {font-size: 1.75rem;font-weight: 700;color: #333333; margin-bottom: 3rem;}
.contactOne ul li dl dd {display: flex; align-items: center; margin-top: 2rem;}
.contactOne ul li dl dd .icBox {margin-right: 1rem;}
.contactOne ul li dl dd p {font-size: 1.13rem;font-weight: 400;color: #333333;}
.contactOne ul li dl dd p strong {font-size: 2.19rem; color: #008192; font-weight: 700; font-family: "GEORGIAB";}
.contactOne ul li dl dd p a {font-size: 1.13rem;font-weight: 400;color: #333333;}
.contactOne ul li dl dd p a:hover {color: #008192;}

.contactTwo {background: rgba(245, 245, 245,.5); padding: 5.5rem 0 7.5rem 0;}
.contactTwo .container {width: 1420px;}
.contactTwo .tle {text-align: center;font-size: 2.25rem;font-weight: 700;color: #333333;font-family: "GEORGIAB"; margin-bottom: 4rem;}
.contactTwo form input {border: none; background: none; outline: none; width: 100%;  box-sizing: border-box; font-size: 1rem; color: #333;}
.contactTwo .thInput {display: flex; justify-content: space-between; flex-wrap: wrap; }
.contactTwo .inpt {position: relative; width: 32%;margin-bottom: 2.5rem;}
.contactTwo .inpt input {border-radius: 2.25rem;height: 4.38rem;padding-left: 9rem; padding-right: 1rem; z-index: 1; position: relative;}
.contactTwo .inpt label {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 0;}
.contactTwo .inpt label {font-size: 1rem;font-weight: 400;color: #939393; background: #eeeeee; border: 0.06rem solid #dddddd;border-radius: 2.25rem;}
.contactTwo .inpt label {display: flex; align-items: center; padding-left: 10%; box-sizing: border-box;}
.contactTwo .inpt label span {color: #FF0000; margin-left: 0.2rem;}

#dropdown{height: 4.38rem; position:relative; z-index: 2;border-radius: 2.25rem;}
#dropdown p {width:100%; height:100%; border-radius: 2.25rem; font-size: 1.1rem; padding-top:1.4rem; padding-left:8rem; border: 0.06rem solid #dddddd;background: url(../images/jt4.png) no-repeat right 1.5rem top 2rem; color:#807a62; cursor:pointer;box-sizing: border-box;}
#dropdown ul {width:100%; background:#eeeeee; margin-top:2px; border:1px solid #dddddd; position:absolute; display:none}
#dropdown ul li{text-indent:10px}
#dropdown ul li a {display:block; padding: 0.3rem 0; color:#807a62; text-decoration:none;font-size: 1.1rem;}
#dropdown ul li a:hover{background:#008192; color:#fff}

.contactTwo .thInput .inpt:nth-child(3) input {padding-left:7rem;}
.contactTwo .thInput .inpt:nth-child(4) input {padding-left:11rem;}
.contactTwo .thInput:nth-child(2) .inpt {width: 100%;}

.contactTwo .inpt textarea {height: 11.69rem; position: relative; background: none;border: none;outline: none; z-index: 1; resize: none;  box-sizing: border-box;}
.contactTwo .inpt textarea {width: 100%; padding: 2.4rem 0 0 9rem;border-radius: 2.19rem; font-size: 1rem; color: #333; font-family: Arial, Helvetica, sans-serif;}
.contactTwo .thInput:nth-child(2) label {border-radius: 2.19rem; top: 49%; height: 97%;  padding-top: 2rem;align-items: flex-start;padding-left: 3.4%;}
.contactTwo .sub {text-align: center; margin-top: 5rem;}
.contactTwo .sub input {width: 13.81rem;height: 4.13rem; background: #008192; border-radius: 2.06rem; font-size: 1.25rem; color: #fff; font-weight: 700; cursor: pointer;}

/* 关注我们 Follow Us */
.follow .tle p {font-size: 2rem;font-weight: 700;color: #333333;}
.follow .tle a { justify-content: center; display: flex; align-items: center; margin: 3rem auto; width: 3.5rem; height: 3.5rem;border-radius: 50%;background: #0073b0;}
.follow .tle a span {font-size: 1.5rem;   line-height: 3.5rem; color: #fff; transition: .5s;     display: block; width: 100%;}
.follow .tle a span:hover  {font-size: 1.8rem;}






/* 搜索页面 */
.search-page .box {margin-top: 18vh;}
.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(../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: #e60012; 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;}
.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: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem solid #eee; 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: #e60012;}
.fy .layui-laypage-curr {color: #fff; background: #e60012; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}

#imgModule{display:none; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999;}
	/* .imgModule{display:none; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999;} */
	#imgDefault{cursor:pointer;}
	/* .imgDefault{cursor:pointer;} */
	.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:absolute;left:0;top:0;width:100%;height:100%;}
	.lightBoxContent{width:40%;height:auto;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  background:#fff;text-align: center; padding:30px;border-radius:10px!important;}
	 #imgLoader{width:32px;height:32px;position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
	.imgLoader{width:32px;height:32px;position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
	#imgLight{max-width:100%;-webkit-animation:change 1s;animation:change 1s;}
	.imgLight{max-width:100%;-webkit-animation:change 1s;animation:change 1s;}
	#imgModule .btn {width:80px;height:100px;position:absolute;top:50%;margin-top:-50px;cursor:pointer;}
	.imgModule .btn {width:80px;height:100px;position:absolute;top:50%;margin-top:-50px;cursor:pointer;}
	.lightBoxSprite {background-image:url(../images/imgIcons.png);background-repeat:no-repeat;}
	#lightBoxPrev{left:10px;background-position:2px center;}
	#lightBoxNext{right:10px;background-position:-42px center;}
	.closeBtn{width:35px;height:35px;background-position:-100px center;position:absolute;top:15px;right:15px;cursor:pointer;}
	.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
	.lightBoxPagination span.current{background:#fff;}
	@keyframes change{
		0%{opacity:0;}
		100%{opacity:1;}
	}
  #imgContent p {font-size: 1rem;  color: #666666;  line-height: 1.56rem;}

  #imgModule2{display:none; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999;}
	/* .imgModule{display:none; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999;} */
	#imgDefault2{cursor:pointer;}
	/* .imgDefault{cursor:pointer;} */
	.mask2{background:#000;opacity:.8;filter:alpha(opacity=80);position:absolute;left:0;top:0;width:100%;height:100%;}
	.lightBoxContent2{width:40%;height:auto;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  background:#fff;text-align: center; padding:30px;border-radius:10px!important;}
	 #imgLoader2{width:32px;height:32px;position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;display:none !important;}
	.imgLoader2{width:32px;height:32px;position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
	#imgLight2{max-width:100%;-webkit-animation:change 1s;animation:change 1s; display: none;}
	.imgLight2{max-width:100%;-webkit-animation:change 1s;animation:change 1s;}
	#imgModule2 .btn {width:80px;height:100px;position:absolute;top:50%;margin-top:-50px;cursor:pointer;}
	.imgModule2 .btn {width:80px;height:100px;position:absolute;top:50%;margin-top:-50px;cursor:pointer;}
	.lightBoxSprite2 {background-image:url(../images/imgIcons.png);background-repeat:no-repeat;}
	#lightBoxPrev2{left:10px;background-position:2px center;}
	#lightBoxNext2{right:10px;background-position:-42px center;}
	.closeBtn2{width:35px;height:35px;background-position:-100px center;position:absolute;top:15px;right:15px;cursor:pointer;}
	.lightBoxPagination2 span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
	.lightBoxPagination2 span.current{background:#fff;}
	@keyframes change{
		0%{opacity:0;}
		100%{opacity:1;}
	}
  #imgContent2 p {font-size: 1rem;  color: #666666;  line-height: 1.56rem;}

.pipelineOne {background: url(../images/pipelineOne-bj.jpg) no-repeat center; background-size: cover; padding: 8rem 0;}
.pipelineOne .container {width: 1420px; margin: auto;}
.pipelineOne ul {display: flex; justify-content: space-between;}
.pipelineOne ul li {width: 47%; background: #ffffff;padding: 4% 3%; box-sizing: border-box;position: relative;}
.pipelineOne ul li::before {content: ""; height: 0.25rem; background: #f99a1c; position: absolute; top: 0; left: 0; width: 100%;}
.pipelineOne ul li strong {font-size: 1.63rem;font-family: Arial, Arial-Bold; margin-bottom: 2rem;display: block; font-weight: 700;color: #333333;}
.pipelineOne ul li p {font-size: 1rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #333333;line-height: 1.75rem;}
.pipelineOne ul li img {margin-top: 4rem; transition: .5s; display: block;}
.pipelineOne ul li:hover img {transform: translateZ(1rem); margin-left: 1rem;}

.PipelineDeta .container {width: 1000px;}
.PipelineDeta .box {margin-bottom: 3rem;}
.PipelineDeta .box .tle {padding: 3rem 0 2rem 0;font-size: 3rem; color: #000000; text-align: center;}
.PipelineDeta .box P {font-size: 1rem; color: #4c4c4c;}