@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 {overflow-x: hidden;   font-family:"Noto Serif SC";}
BODY::-webkit-scrollbar-thumb {background: #04463F;}
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:1735px; margin:0 auto}
.container12{width:1200px; margin:0 auto}
.container145{width:1450px; margin:0 auto}
.container16{width:1600px; margin:0 auto}
.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%);  }

/*字体引入*/

@font-face {
  font-family:"Noto Serif SC";

  font-family: "mavenBold";
  src: url("../font/MavenPro-Bold.ttf");
}

@font-face {
  font-family: "mavenRe";
  src: url("../font/MavenPro-Regular.ttf") ;
  /* font-weight: 700; */
}



/* CSS Document */
.header {position: fixed; width: 100%; top: 0; z-index: 99; transition: .5s;}
.header .headerconer {max-width:1453px; margin: auto;}
.header .box {display: flex;justify-content: space-between; height: 100px; align-items: center; position: relative; transition: .5s;}
.header .box h1 img {display: block;}
.header .box > ul {display: flex; margin-right: 6rem;    width: 50%; justify-content: space-between;}
.header .box > ul > li {position: relative;     line-height: 99px;}
.header .box > ul > li > a {font-size: 1.13rem;font-weight: 700;color: #04463f;position: relative;}
.header .box > ul > li > a::after {content: ""; position: absolute; bottom: -10px; width: 0; height: 1px; background: #04463f; left: 50%; transition: .5s;}
.header .box > ul > li:hover > a::after { width: 100%; left: 0;}
.header .box > ul > li.on > a::after { width: 100%; left: 0;}
.header .box .he-fr {position: absolute; right: 0;}
.header .box .feOne {position: relative; z-index: 20;}
.header .box .feOne .luangeBtn {position: relative; z-index: 10; transition: .5s;}
.header .box .feOne .feLuanugeBox {position: fixed; width: 0;height: 0; top: 0;left: 0;background: transparent;}
.header .box .feOne .feLuanugeBox.on {width: 100vw;height: 100vh;background-color: rgba(0,0,0,.1);}
.header .box .feOne .feLuanuge {width: 20rem;height: 20rem;background: #f5efec; position: fixed;    transform: translate(100%, -30%);  right: 0; transform-origin: right; border-radius: 50%; transition: .5s;    display: flex;flex-direction: column; align-items: center; justify-content: center;}
.header .box .feOne .feluangeLinks {margin-top: 7rem;}
.header .box .feOne .feLuanuge a { font-size: 1.06rem;color: #2d5b57;line-height: 1.88rem;display: block; font-weight: 400;   font-family: "mavenRe";}
.header .box .feOne .feLuanuge a:hover {color: #333;}
.header .box .feOne .luangeBtn.on {opacity: .5;}
.header .box .feOne .feLuanuge.on {    transform: translate(10%, -30%);}
.header .box .feOne .luangeBtn:hover {opacity: 1;}
/* 二级 */
.heNavTwo {position: absolute;left: -45%; line-height: initial; display: none;}
.header .box > ul > li:nth-child(3) .heNavTwo {left: -245%;}
.header .box > ul > li:nth-child(4) .heNavTwo {left: -100%;}
.header .box > ul > li:nth-child(5) .heNavTwo {left: -500%;}
.header .box > ul > li:nth-child(6) .heNavTwo {left: -72%;}
.header .box > ul > li:nth-child(7) .heNavTwo {left: -100%;}


.heNavTwo dd {width: 13.38rem; text-align: center; margin-bottom: 0.5rem; position: relative;overflow: hidden;box-shadow: 1px 1px 5px rgba(0,0,0,0.15); border-radius: 2.44rem; }
.heNavTwo dd .ic {position: absolute; top: 32%; left: -10%; transition: .5s;}
.heNavTwo dd .ic i:nth-child(1) {width: 0.5rem;height: 0.94rem; background: url(../images/he-icon2.png) no-repeat center; display: inline-block; border-top-right-radius: 100%; border-bottom-right-radius: 100%; }
.heNavTwo dd .ic i:nth-child(2) {width: 0.5rem;height: 0.94rem; background: url(../images/he-icon1.png) no-repeat center; display: inline-block; border-top-right-radius: 100%; border-bottom-right-radius: 100%; }
.heNavTwo dd a {background: rgba(245,239,236,.8);padding: 1rem 2.5rem; box-sizing: border-box; display: block;transition: all .4s;}
.heNavTwo dd a {font-size: 0.9rem;color: #04463f; font-weight: 700;   }
.heNavTwo dd:hover .ic  {left: 15px;}
.heNavTwo dd:hover a{background: #04463f;color:#fff}
.heNavTwo dd.on .ic  {left: 15px;}
/* 下滑头部 */
.headerFixed {    background-color:rgba(238, 238, 238,.8);    box-shadow: 0 0 5px rgb(0 0 0 / 30%);    backdrop-filter: blur(5px);}


.bannerSwiper {height: 54.5rem; overflow: hidden; position: relative;}
.bannerSwiper .box {    height: 100%;width:92%;display: flex;flex-direction: column;justify-content: center; align-items: flex-end;}
.bannerSwiper .box h3 {font-size: 3.69rem;color: #04463f;}
.bannerSwiper .box span {font-size: 3.06rem; color: #04463f;}
.bannerSwiper .text {font-weight: 500;color: #04463f;font-size: 2.38rem; font-weight: 500; font-family: "mavenBold"; position: absolute; bottom: 20%;  right:8%;}
.bannerSwiper .swiper-button-prev {width: 4.31rem; height: 4.31rem; opacity: 0; transition: .5s; background: rgba(67, 67, 67,.16) url(../images/banner-jt.png) no-repeat center; border-radius: 50%; transform: rotate(180deg);}
.bannerSwiper .swiper-button-next {width: 4.31rem; height: 4.31rem; opacity: 0; transition: .5s; background: rgba(67, 67, 67,.16) url(../images/banner-jt.png) no-repeat center; border-radius: 50%;}
.bannerSwiper .swiper-button-next:hover ,.bannerSwiper .swiper-button-prev:hover{ filter: brightness(0);}
.bannerSwiper:hover .swiper-button-prev , .bannerSwiper:hover .swiper-button-next {opacity:1;}

.indexOne {margin: 5rem 0; position: relative;}
.indexOne .tle {font-size: 1.38rem;font-weight: 400;color: #333333;text-align: center; margin-bottom: 4rem;}
.inOneSwiper { overflow: hidden; padding-bottom: 4rem;}
.inOneSwiper .imgBox img {display: block; transition: .5s; width: 100%;}
.inOneSwiper .con {position: absolute;    top: 8%; left: 10%; transition: .5s; opacity: 1;}
.inOneSwiper .con h3 {font-size: 1.75rem;font-weight: 400;color: #04463f;}
.inOneSwiper .con span {font-size: 1.38rem;font-weight: 400;color: #04463f;  font-family: "mavenRe";}
.inOneSwiper .swiper-slide {overflow: hidden;}
.inOneSwiper .swiper-slide:nth-child(odd) .con {left: 55%;top: 70%;}
.inOneSwiper .swiper-slide.slideTwo .con {left: 75%;}
.inOneSwiper .swiper-slide.slideFour .con {left: 78%;}
.inOneSwiper .hide { display: flex; flex-direction: column; align-items: center;opacity: 0; justify-content: center; position: absolute;left: 0;top: 0; box-sizing: border-box;    width: 100%; height: 100%;background: url(../images/inOneSwiper-hideBj.png) no-repeat center; padding: 10px;text-align: center;transition: all 0.5s ease; background-size: 100%;}
.inOneSwiper .hide h4 {font-size: 1.75rem;color: #ffffff;}
.inOneSwiper .hide h5 {font-size: 1.38rem;color: #ffffff;  font-family: "mavenRe";}
.inOneSwiper .hide .info {margin: 3rem 0;}
.inOneSwiper .hide span {display: block;  font-size: 1.19rem;color: #ffffff; }
.inOneSwiper .hide em {font-size: 1rem;color: #ffffff;font-weight: 400;}
.inOneSwiper .swiper-slide:hover .con {opacity: 0;}
.inOneSwiper .swiper-slide:hover .hide {     opacity: 1;}
.inOneSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.inOneSwiper .swiper-button-prev {width: 0.88rem; height: 1.38rem;background: url(../images/inOneSwiper-jt.png) no-repeat center; background-size: 100%; transform: rotate(180deg);     left: 8%;}
.inOneSwiper .swiper-button-next {width: 0.88rem; height: 1.38rem;background: url(../images/inOneSwiper-jt.png) no-repeat center; background-size: 100%;    right: 8%;}
.inOneSwiper .swiper-pagination-bullet {width: 0.81rem;height: 0.81rem; background: #dddddd; box-sizing: border-box; opacity: 1; margin: 0 0.5rem !important;}
.inOneSwiper .swiper-pagination-bullet-active {background: #04463f;}

.indexTle {display: flex; flex-wrap: wrap; align-items: center;}
.indexTle h3 {display: inline-block;font-size: 2.25rem;color: #04463f;font-weight: 700; position: relative; margin-bottom: 1rem;margin-right: 0.5rem;}
.indexTle h3::after {content: ""; width: 50%; height: 1px; bottom: -5px;background: #04463f;position: absolute; left: 0;}
.indexTle > span {font-size: 1.5rem;color: #d5c5b9;font-weight: normal;   font-family: "mavenBold"; text-transform: uppercase;}
.indexTwo {position: relative; padding-bottom: 5.88rem;}
.indexTwo .inToBj {position: absolute; width: 38.06rem;height: 52.38rem; background: url(../images/indexTwo-bj.png) no-repeat center; background-size: 100%;     z-index: -99;   transition: 1s; bottom:0;}
.indexTwo .inToBj.on { bottom: -98%;}
.indexTwo .box {display: flex; align-items: center;}
.indexTwo .box .le {width: 42%; margin-top: 5%;}
.indexTwo .box .le h4 {font-size: 2.25rem;color: #04463f; margin-top: 5.8rem;}
.indexTwo .box .le p {font-size: 1rem;color: #000;font-weight: 400; margin-top: 2rem; text-indent: 2rem; line-height: 1.88rem;}
.indexTwo .box .le p span { font-family: "mavenRe";}
.indexTwo .box .re {position: absolute;right: 0; width: 50%; top: 0; border-radius: 23.44rem;}
.inToSwiper {overflow: hidden; position: relative;}
.inToSwiper img {display: block; width: 100%; border-top-left-radius: 23.44rem; border-bottom-left-radius: 23.44rem;}
.inToSwiper .swiper-pagination-bullet {width: 0.81rem;height: 0.81rem; background: #fff; box-sizing: border-box; opacity: 1; margin: 0 0.5rem !important;}
.inToSwiper .swiper-pagination-bullet-active {background: #04463f;}

.indexThree {margin-top: 16rem; position: relative;}
.indexThree .indexTle h3 {color: #ffffff;}
.indexThree .indexTle h3::after {background: #e1d2c7;}
.indexThree .indexTle span {color: #bbc0b6;}
.indexThree .le {height: 43rem; width: 47%; top: -10%; background: url(../images/indexThree-img.jpg) no-repeat center; position: absolute; border-bottom-right-radius: 21.5rem;border-top-right-radius: 21.5rem; background-size: cover;}
.indexThree .re {width: 100%; display: flex; justify-content: flex-end;}
.indexThree .re .box {background: #04463f;border-top-left-radius: 11.25rem; padding: 10rem 0 14rem 0; border-bottom-left-radius: 11.25rem; width: 90%; display: flex; justify-content: flex-end;}
.indexThree .re .box .conBox {width: 55%;}
.indexThree .re h4 {font-size: 2.25rem;color: #ffffff; margin: 4.5rem 0 3rem 0;}
.indexThree .re p {width: 62%; font-size: 1rem;color: #ffffff; text-indent: 2rem;     line-height: 1.88rem;}
.indexThree .inThIcon {position: absolute; right: -10%; transition: 1s; bottom: -30%;  width: 17.31rem;  height: 46.44rem; background: url(../images/indexThree-icon.png) no-repeat center; background-size: 100%;}
.indexThree .inThIcon.on {right: 0;}

.indexFour {margin: 6.3rem 0 8.69rem 0; position: relative; z-index: 1;}
.indexFour .tle {display: flex; justify-content: space-between; align-items: center;}
.indexFour .tle a {font-size: 1.13rem;color: #04463f; font-weight: 400;}
.indexFour .tle a img {transition: .5s;}
.indexFour .tle a:hover img {margin-right: 1rem;}
.inFoSwiper {overflow: hidden; margin-top: 4.5rem;}
.inFoSwiper .itemBj { position: absolute; width: 100%; height: 100%; bottom: 100%; background: url(../images/inFoSwiper-bj.png) no-repeat bottom;  transition: .5s; z-index: -1; background-size: 92%;}
.inFoSwiper .imgBox {overflow: hidden;border-radius: 1.88rem;height: 255px;}
.inFoSwiper .imgBox img {display: block; transition: .5s; width: 100%;}
.inFoSwiper em {font-size: 1.13rem;color: #04463f;font-weight: 400; display: block; margin: 1rem 0;}
.inFoSwiper p {font-size: 1.25rem;color: #000;    height: 3rem;}
.inFoSwiper p span {font-family: "mavenRe";}
.inFoSwiper .info {width: 9.56rem;height: 2.81rem; transition: .5s; color: #04463f;font-size: 1rem;margin-top: 4.5rem; border: 0.06rem solid #04463f; padding: 0 1rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.inFoSwiper .swiper-button-prev {width: 0.88rem; height: 1.38rem;background: url(../images/inOneSwiper-jt.png) no-repeat center; background-size: 100%; transform: rotate(180deg);left: 8%;}
.inFoSwiper .swiper-button-next {width: 0.88rem; height: 1.38rem;background: url(../images/inOneSwiper-jt.png) no-repeat center; background-size: 100%;right: 8%;}
.inFoSwiper .swiper-slide:hover .info {background: #04463f; color: #fff;}
.inFoSwiper .swiper-slide:hover .info img {filter: brightness(100);}
.inFoSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.inFoSwiper .swiper-slide:hover .itemBj {bottom: 0;}

.indexFive {background: #f5efec;}
.indexFive .box {display: flex; align-items: center;}
.indexFive .tle em {font-size: 1.5rem;font-family: "mavenBold"; color: #d5c5b9; text-transform: uppercase;}
.indexFive .tle h3 {font-size: 2.25rem;color: #04463f;font-weight: 700;}
.indexFive .tle p {font-size: 1.25rem;color: #04463f;font-weight: 400;}
.indexFive .tle p span {font-family: "mavenRe";}
.indexFive .tle i {display: block; width:50%; height: 0.06rem; background: #04463f; margin-top: 1.6rem;}
.indexFive .le {width: 38%;}
.indexFive .le .text {font-size: 1rem;color: #000;line-height: 1.88rem;text-indent: 2rem;  margin: 5.6rem 0;}
.indexFive .le .info a {width: 14.19rem; height: 3.75rem; transition: .5s; border: 0.06rem solid #04463f; display: flex; align-items: center; justify-content: space-around; font-size: 1.13rem;color: #04463f;}
.indexFive .le .info a:hover {background: #04463f; color: #fff;}
.indexFive .le .info a:hover img {filter: brightness(100);}
.indexFive .re {width: 65%;}
.indexFive .re img{display: block;}

.indexSix {margin: 7.3rem 0 4.6rem 0;}
.indexSix p {font-size: 1rem;color: #000;line-height: 1.88rem; text-indent: 2rem; width: 50%; margin: 3.3rem 0 4.25rem 0;}
.indexSix .text {font-size: 1rem;color: #04463f;font-weight: 400;font-family: "mavenRe";}

.indexSeven {}
.indexSeven .box {background: #04463f; position:relative; padding: 5.94rem 0 6.75rem 0;}
.indexSeven .box h3 {font-size: 2rem;color: #ffffff;font-weight: 400;}
.indexSeven .box strong {font-size: 1.5rem;color: #d5c5b9;font-weight: normal; font-family: "mavenBold"; text-transform: uppercase;}
.indexSeven .box ul {margin: 3.5rem 0 4.5rem 0;}
.indexSeven .box ul li {display: flex; align-items: center; font-size: 1.13rem;color: #ffffff;font-weight: 400; margin-top: 1.5rem;}
.indexSeven .box ul li img {margin-right: 1.5rem;}
.indexSeven .box .con a {width: 14.19rem; height: 3.75rem; transition: .5s; border: 0.06rem solid #ffffff; font-size: 1.13rem;color: #ffffff; display: flex; justify-content: space-around; align-items: center;}
.indexSeven .box .con a img {filter: brightness(100);}
.indexSeven .box .con a:hover {background: #fff; color: #04463f;}
.indexSeven .box .con a:hover img { filter: none;}
.indexSeven .re {position: absolute; right: 0; bottom: 0; width: 50%;}
.indexSeven .re .reIcon {position: absolute;bottom: 4%; left: -9rem;}
.indexSeven .re .reIcon img {margin-left: 0.5rem;}
.indexSeven .re .imgBox {height: 46rem; width: 100%; border-radius: 12.5rem 0rem 0rem 0rem; background: url(../images/indexSeven-img.jpg) no-repeat center; background-size: cover;}

.indexEight {margin: 7rem 0 7.8rem 0;}
.indexEight .box {display: flex; justify-content: space-between;}
.indexEight .box .le {width: 40%;}
.indexEight .box .le h4 {font-size: 2.25rem;color: #04463f;font-weight: 400; margin: 4rem 0 3rem 0;}
.indexEight .box .le p {font-size: 1rem;color:#000;font-weight: 400;width: 73%; line-height: 1.88rem;}
.indexEight .box .re {width: 60%;}
.indexEight .box .re form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexEight .box .re .col2 {position: relative;width: 48%; margin-bottom:1.5rem;}
.indexEight .box .re .col2 input {background: none; border: none; border-bottom: 1px solid #04463F; font-size: 1rem; color: #04463F; width: 100%; outline: none; padding: 0.5rem 0;}
.indexEight .box .re label {font-size: 1rem;font-weight: 400;color: #04463f; position: absolute;top: 0; z-index: -1; transition: .5s; left: 0;}
.indexEight .box .re .col2 input:focus + label {top: -1rem; font-size: 0.75rem;}
.indexEight .box .re .col2 input.filled + label {top: -1rem; font-size: 0.75rem;}
.indexEight .box .re .col3 {width: 100%; position: relative; margin-top:1.5rem;    margin-bottom: 2.13rem;}
.indexEight .box .re .col3 select {border: none;background: none;border-bottom: 1px solid #04463F; font-size: 1rem; color: #04463F; width: 100%; outline: none; padding: 0.5rem 0;}
.indexEight .box .re .col3 select:focus + label {top: -1rem; font-size: 0.75rem;}
.indexEight .box .re .col3 select.filled + label {top: -1rem; font-size: 0.75rem;}
.indexEight .box .re .col4 { margin-bottom: 0; margin-top: 2rem;}
.indexEight .box .re .col4 img {position: absolute; right: 0; bottom: 5px;}
.indexEight .box .re .subinput {margin-top:3rem; cursor: pointer;    width: 100%;}
.indexEight .box .re .sub {width: 9rem;height: 3.13rem; border: none; background: #04463f;font-size: 1rem; z-index: -1; color: #ffffff;font-weight: 400;outline: none;cursor: pointer; }
#verify_img{display: inline-block;}
@media screen and (min-width: 200px) and (max-width: 500px) {
  .indexEight .box .re .col4 {width: 100%;}
}
/* 底部 */
.footer {background: #e4e4e0; padding: 6.5rem 0;}
.footer .box {display: flex; justify-content: space-between;}
.footer .footerLogo img {display: block; margin-bottom: 3rem;}
.footer .footerLogo p ,.footer .footerLogo a {font-size: 0.81rem;color: #000;font-weight: 400; margin-top: 0.5rem;display: block;}
.footer .footerLogo a span {font-family: "mavenRe";}
.footer .footerLogo a:hover {color: #04463F;}
.footer dl dt {font-size: 1.25rem;font-weight: 700;color: #04463f; margin-bottom: 1.5rem;}
.footer dt span {display: block; font-size: 0.94rem; font-family: "mavenRe"; font-weight: normal;}
.footer .infoOne dd {font-size: 1rem;color:#000; display: block; margin-top: 0.8rem;}
.footer .infoOne dd span{font-family: "mavenRe";}
.footer .infoTwo {width: 20%;}
.footer .infoTwo dd {float: left; width: 50%; margin-top: 0.6rem;}
.footer .infoTwo dd a {font-size: 1rem;color:#000; transition: .5s;}
.footer .infoTwo dd:hover a {color: #04463F;}
.footer .code {text-align: center;}
.footer .code span {display: block; font-size: 0.88rem;color:#000; margin-top: 0.5rem;}

/* ====================内页========================== */
/* 内页banner */
.ny-banner {height: 36rem;}
.ny-banner .box {width: 1600px; margin: auto; padding-top: 5rem; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: flex-end;}
.ny-banner .box h3 {font-size: 4.38rem;font-weight: 400;color: #04463f;}
.ny-banner .box strong {font-size: 2.38rem;color: #04463f;font-weight: 500;font-family: "mavenBold"; margin-top: 7rem;}
.ny-banner .box h4{font-size: 2.08rem;color: #04463f;font-weight: 500;font-family: "mavenre";}
.wax-banner .box {width: 1500px;}
/* 阿拉伯胶 */
.arabicOne {text-align: center; margin: 5.88rem 0 10rem 0;}
.arabicOne h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.arabicOne h3 span {font-family: "mavenBold"; text-transform: uppercase;}
.arabicOne p {font-size: 1rem;font-weight: 400;color: #000; padding-top:1.5rem; line-height: 1.88rem; width: 77%; margin: auto; text-indent: 2rem;}
.arabicOne p span {font-family: "mavenRe";}

.arabicTwo {}
.arabicTwo ul {width: 100%;}
.arabicTwo li {display: flex; align-items: center; justify-content: space-between;}
.arabicTwo li .imgBox {width: 43%; height: 31.13rem;  border-bottom-right-radius: 15.56rem; border-top-right-radius: 15.56rem;}
.arabicTwo li .con {width: 50%;}
.arabicTwo li .con h3 {font-size: 2.25rem; font-weight: 700;color: #04463f; position: relative; display: inline-block;}
.arabicTwo li .con h3::after {position: absolute; bottom: -10px; left: 0; width: 50%; height: 1px;background: #04463f; content: "";}
.arabicTwo li .con p {font-size: 1rem;color: #000; width: 50%; margin-top: 2.3rem; width: 80%; text-indent: 2rem; line-height: 1.88rem;}
.arabicTwo li .con p span {font-family: "mavenRe";}
.arabicTwo li:nth-child(even) .con {margin-left: 12%; width: 45%;}
.arabicTwo li:nth-child(even) .imgBox {border-radius: 0; border-bottom-left-radius: 15.56rem; border-top-left-radius: 15.56rem;}

.arabicThree {margin-top: 7.69rem; background: #f5efec; padding: 5.8rem 0 7rem 0;}
.arabicThree .arThBox {position: relative; padding: 0 7.8rem; }
.arabicThree .hd {display: flex; justify-content: space-between; align-items: center;}
.arabicThree .hd .arrow {position: absolute;     left: 0; top: 55%; display: flex; width: 100%; justify-content: space-between;}
.arabicThree .hd .arrow .prev {display: block; width: 3.94rem;border-radius: 50%; transition: .5s;  height: 3.94rem; background: #dddddd url(../images/arabicSlide-jt.png) no-repeat center; transform: rotate(180deg);}
.arabicThree .hd .arrow .next {display: block; width: 3.94rem;border-radius: 50%; transition: .5s; height: 3.94rem; background: #dddddd url(../images/arabicSlide-jt.png) no-repeat center; }
.arabicThree .hd .arrow .prev:hover ,.arabicThree .hd .arrow .next:hover {background: #9da892 url(../images/arabicSlide-jt.png) no-repeat center;}

.arabicThree .hd h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.arabicThree .hd i {display: block; background: #04463f;width: 10.63rem;  height: 0.06rem; margin-top: 0.5rem;}
.arabicThree .hd ul {display: flex;}
.arabicThree .hd ul li {font-size: 1.13rem;color: #04463f; margin-left: 5rem; cursor: pointer; position: relative; font-weight: 600;}
.arabicThree .hd ul li::after {content: ""; position: absolute; width: 100%; height: 115%; opacity: 0; background: url(../images/arThBox-hd-icon.png) no-repeat center; left: 50%; top: 50%; transform: translate(-50%, -50%);transition: .5s;}
.arabicThree .hd ul li.on::after {top: -40%; opacity: 1;}
.arabicThree .bd {margin-top: 7rem;}
.arabicThree .bd li {display: flex; justify-content: space-between; align-items: center;}
.arabicThree .bd li .imgBox {border-radius: 3.13rem; overflow: hidden; width: 40%;}
.arabicThree .bd li .imgBox img {display: block; width: 100%;}
.arabicThree .bd li .con {width: 55%; position: relative;}
.arabicThree .bd li .con h4 {font-size: 1.88rem;font-weight: 700;color: #04463f;}
.arabicThree .bd li .con i {display: block; height: 1px;  background: #04463f; width: 7.56rem;}
.arabicThree .bd li .con .text {margin-top: 2.5rem;}
.arabicThree .bd li .con p {font-size: 1rem;color: #000;font-weight: 400;line-height: 1.88rem; text-indent: 2rem; width:88%;}
.arabicThree .bd li .con p span {font-family: "mavenRe";}
.arabicThree .bd li .con strong {right: 0; top: 50%; transform: translate(0, -50%); position: absolute;  font-size: 11.94rem;font-weight: 700;color: #9da892;font-family: "mavenBold";opacity: 0.33;}

.arabicFour {padding: 6.69rem 0 13rem 0; background: #fff;}
.arabicFour .tle {text-align: center;}
.arabicFour .tle h3 {font-size: 2.25rem;color: #04463f;font-weight: 700;}
.arabicFour .tle i {display: inline-block; width: 10.63rem; height: 0.06rem; background: #04463f;}
.arabicFour ul {display: flex; justify-content: space-between; margin-top: 0;}
.arabicFour ul li {text-align: center; width: 30%; margin-top: 5rem; text-align: center;}
.arabicFour ul li .imgBox img {display: block; width: 100%; margin: auto;}
.arabicFour ul li h4 {font-size: 1.38rem; color: #04463f;font-weight: 700;  width: 90%; margin: auto;margin-top: 2.5rem;}
.arabicFour ul li em {display: block; font-size: 1rem;color: #04463f;font-family: "mavenRe";}
.arabicFour ul li p {width:96%;font-size: 1rem;font-weight: 400;color: #000; line-height: 1.88rem; margin: auto; margin-top: 1.8rem; }
.arabicFour ul li p span {font-family: "mavenRe";}
.arabicFour ul li p span s{font-style: italic;text-decoration: none;}

.arabicFive {background: #f5efec; padding: 5.63rem 0 6.44rem 0; position: relative;}
.arabicFive .tle {text-align: center;}
.arabicFive .tle h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.arabicFive .tle i {display: inline-block; width: 10.63rem;height: 0.06rem;  background: #04463f;}
.arFiSwiper {margin-top: 6.25rem; overflow: hidden;}
.arFiSwiper .swiper-slide { transform: scale(0.9);  transition: 300ms;}
.arFiSwiper .swiper-slide-active,.swiper-slide-duplicate-active {transform: scale(1);}
.arFiSwiper .imgBox img {width: 100%; display: block;}
.arFiSwiper .swiper-slide .con {position: relative; top: 2rem; opacity: 0; transition: .5s;}
.arFiSwiper .swiper-slide h5 {font-size: 1.38rem;color: #04463f;font-weight: 700; text-align: center; margin: 1.5rem 0;  transition: .5s; }
.arFiSwiper .swiper-slide p {font-size: 1rem;font-weight: 400;color:#000;line-height: 1.88rem; text-align: center; width:100%; margin: auto; transition: .5s;}
.arFiSwiper .swiper-slide-active .con {top: 0; opacity: 1;}
.arFiSwiper .swiper-button-prev { width: 3.94rem;border-radius: 50%; transition: .5s;  height: 3.94rem; left: 5%; background: #dddddd url(../images/arabicSlide-jt.png) no-repeat center; transform: rotate(180deg);}
.arFiSwiper .swiper-button-next { width: 3.94rem;border-radius: 50%; transition: .5s; height: 3.94rem; right: 5%; background: #dddddd url(../images/arabicSlide-jt.png) no-repeat center; }
.arFiSwiper .swiper-button-prev:hover ,.arFiSwiper .swiper-button-next:hover {background: #9da892 url(../images/arabicSlide-jt.png) no-repeat center;}

/* 蜂蜜 */
.honeyOne h3 span {font-family: "mavenRe";font-weight: 700;}
.honeyOne p {padding-top: 1.5rem;}
.honeyOne p span {font-family: "mavenRe";}
.honeyTwo li:nth-child(2) .con {    margin-left: 10%; width: 43%;}
.honeyTwo li:nth-child(2) .con p {width: 100%;}
.honeyFour ul {flex-wrap: wrap; margin-top: 0;}
.honeyFour ul li {margin-top: 7.69rem;}

/* 甘草 */
.licoriceOne .box p:nth-child(2) span {font-style: oblique;}
.licoriceTwo .box {display: flex; justify-content: space-between; margin-top: 10rem;} 
.licoriceTwo .box .le {width: 48%;}
.licoriceTwo .box .le img {display: block; width: 100%;}
.licoriceTwo .box .re {width: 46%; margin-top: 5rem;}
.licoriceTwo .box .re h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.licoriceTwo .box .re i {display: block; width: 10.63rem;height: 0.06rem; background: #04463f;}
.licoriceTwo .box .re p {font-size: 1rem;font-weight: 400;  color: #000; margin-top: 3.4rem; line-height: 1.88rem;}
.licoriceTwo .box .re p span {font-family: "mavenRe";}
.licoriceTwo .box .re p span.text {font-style: oblique;}
.licoriceFour ul {justify-content: center; flex-wrap: wrap; margin-top: 0;}
.licoriceFour ul li .imgBox img {    width: 85%;}
.licoriceFour ul li {margin-top: 6rem; width: 33%;}
.licoriceFour ul li p {width: 80%; margin: auto; padding-top: 1.8rem;}

/* 技术服务 */
.TechnicalOne {margin-bottom: 4.4rem;}
.TechnicalOne p {padding-top: 0;}
.TechnicalTwo .twoBoxOne {display: flex; align-items: center; justify-content: space-between;}
.TechnicalTwo .twoBoxOne .le {width: 35%; height: 41rem; border-radius: 5.63rem 0rem 11.25rem 0rem; position: relative;}
.TechnicalTwo .twoBoxOne .le::after {content: ""; width: 100%; height: 100%; background: url(../images/TechnicalTwo-icon1.png) no-repeat center; position: absolute;  top: 8%;   left: -50%;z-index: -1; background-size: 100%;}
.TechnicalTwo .twoBoxOne .re {width: 60%;}
.TechnicalTwo .twoBoxOne .re h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.TechnicalTwo .twoBoxOne .re i {display: block; width: 12.69rem;height: 0.06rem;background: #04463f; margin-top: 0.5rem; margin-bottom: 2.8rem;}
.TechnicalTwo .twoBoxOne .re p {font-size: 1rem;color: #000;line-height: 1.88rem;text-indent: 2rem; width: 85%;}
.TechnicalTwo .twoBoxOne .re p span {font-family: "mavenRe";}
.TechnicalTwo ul {margin: 1rem 0 6.5rem 0;}
.TechnicalTwo li .con h3 {margin-bottom: 3rem;}
.TechnicalTwo li .con p {margin-top: 0; width: 90%;}
.TechnicalTwo .twoBox {position: relative; }
.TechnicalTwo .twoBox::after {width: 14rem; height: 37.13rem; content: "";position: absolute; background:url(../images/TechnicalTwo-icon2.png) no-repeat center; right: 0%; top: 25%; z-index: -1;}
.TechnicalTwo .twoBoxTwo {display: flex; justify-content: space-between; align-items: center;}
.TechnicalTwo .twoBoxTwo .le {width: 45%; position: relative;}
.TechnicalTwo .twoBoxTwo .le::before {content: ""; background: url(../images/indexSeven-icon2.png) no-repeat center; width: 3.5rem; height: 7rem; position: absolute; left: -20%;bottom: 0; background-size: 100%;}
.TechnicalTwo .twoBoxTwo .le::after {content: ""; background: url(../images/indexSeven-icon3.png) no-repeat center; width: 3.5rem; height: 7rem; position: absolute; left: -10%;bottom: 0;background-size: 100%;}
.TechnicalTwo .twoBoxTwo .le img {display: block; width: 100%;}
.TechnicalTwo .twoBoxTwo .re {width: 50%;}
.TechnicalTwo .twoBoxTwo .re h3 {font-size: 2.25rem; font-weight: 700;color: #04463f;}
.TechnicalTwo .twoBoxTwo .re i {display: block; width: 10.63rem;height: 0.06rem;background: #04463f; margin-top: 0.5rem; margin-bottom: 2.5rem;}
.TechnicalTwo .twoBoxTwo .re p {font-size: 1rem;font-weight: 400;color: #000; line-height: 1.88rem; text-indent: 2rem;}
.TechnicalTwo .twoBoxThree {display: flex; align-items: center; justify-content: space-between; margin-top: 8rem;}
.TechnicalTwo .twoBoxThree .le {display: flex; align-items: flex-end;}
.TechnicalTwo .twoBoxThree .le h3 {font-size: 2.5rem;font-weight: 700;color: #04463f;}
.TechnicalTwo .twoBoxThree .le i {display: block; width: 10.63rem; height: 0.06rem; background: #04463f; margin-top: 0.5rem;}
.TechnicalTwo .twoBoxThree .le .info {margin: 3.6rem 0;}
.TechnicalTwo .twoBoxThree .le p {font-size: 1.13rem;font-weight: 400;color: #04463f;line-height: 2.13rem;}
.TechnicalTwo .twoBoxThree .le dd {display: flex;  align-items: center; font-size: 1.25rem; color: #04463f; font-family: "mavenRe"; margin-top: 0.5rem;}
.TechnicalTwo .twoBoxThree .le dd img {margin-right: 0.65rem; font-weight: 400;}
.TechnicalTwo .twoBoxThree .le .code {margin-left: 4.45rem;}
.TechnicalTwo .twoBoxThree .re {border-radius: 6.25rem 0rem 6.25rem 0rem;}
.TechnicalTwo .twoBoxThree .re img {display: block; width: 100%;border-radius: 6.25rem 0rem 6.25rem 0rem;}

.TechnicalThree {background: #04463f; margin-top: 11rem;}
.TechnicalThree .box {display: flex; justify-content: space-between; align-items: center;}
.TechnicalThree .box .le {width: 55%;}
.TechnicalThree .box .le h3 {font-size: 2.25rem;font-weight: 400;color: #ffffff;}
.TechnicalThree .box .le .con {margin: 4rem 0;}
.TechnicalThree .box .le p {font-size: 1rem;font-weight: 400;color: #ffffff;line-height: 2.13rem; text-indent: 2rem;}
.TechnicalThree .box .le p span {font-family: "mavenRe";}
/* .TechnicalThree .box .le a { width: 14.19rem; transition: .5s; height: 3.75rem;border: 0.06rem solid #ffffff; color: #ffffff;font-size: 1.13rem; display: flex; align-items: center; justify-content: space-around;}
.TechnicalThree .box .le a img {filter: brightness(100);}
.TechnicalThree .box .le a:hover {background: #fff; color: #04463F; }
.TechnicalThree .box .le a:hover img {filter: none;} */
.TechnicalThree .box .le a{color:#fff}
.TechnicalThree .box .le a:hover{text-decoration: underline;}
.TechnicalThree .box .re {display: flex;}
.TechnicalThree .box .re .imgIcon {display: flex; align-items: flex-end; margin-bottom: 3rem;}
.TechnicalThree .box .re .imgIcon img {margin-right: 1rem;}
.TechnicalThree .box .re img {display: block;}

.sustainableTwo {margin: 5rem 0 11rem 0; position: relative;}
.sustainableTwo::before {content: ""; width: 24.69rem; height: 46.44rem; background: url(../images/sustainableTwo-icon.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 4%; z-index: -1;}
.sustainableTwo::after {content: ""; width: 24.69rem; height: 46.44rem; background: url(../images/sustainableTwo-icon.png) no-repeat center; background-size: 100%; position: absolute; left: 0; bottom: 4%;   z-index: -1;  transform: rotate(180deg);}
.sustainableTwo li {margin-bottom: 7rem;}
.sustainableTwo li .con h3 {margin-bottom: 3rem;}
.sustainableTwo li .con p {margin-top: 0;}
.sustainableTwo li .con a {display: block; width: 14.19rem; height: 3.75rem;border: 0.06rem solid #04463f; margin-top: 3.5rem; font-size: 1.13rem;color: #04463f; transition: .5s; display: flex; align-items: center; justify-content: space-around;}
.sustainableTwo li .con a:hover {background: #04463F; color: #fff;}
.sustainableTwo li .con a:hover img {filter: brightness(100);}
.sustainableTwo li:nth-child(2) .imgBox {position: relative;}
.sustainableTwo li:nth-child(2) .imgBox::after {content: ""; background: url(../images/indexSeven-icon3.png) no-repeat center; width: 3.5rem;height: 7rem;position: absolute;    right: 6%; bottom: -19%;background-size: 100%;transform: rotate(-90deg);}
.sustainableTwo li:nth-child(2) .imgBox::before {content: ""; background: url(../images/indexSeven-icon2.png) no-repeat center; width: 3.5rem;height: 7rem;position: absolute;    right: 6%; bottom: -33%;background-size: 100%;transform: rotate(-90deg);}

.sustainableThree li {display: flex;  background: #04463f;}
.sustainableThree li .imgBox {width: 50%;height:33.5rem;}
.sustainableThree li .con {width: 31%; margin-left: 5%;}
.sustainableThree li .con h3 {font-size: 2.25rem;font-weight: 700;color: #ffffff; margin-top: 8rem;}
.sustainableThree li .con i {display: block; width: 13.25rem; height: 0.06rem;background: #ffffff;}
.sustainableThree li .con p {color: #ffffff;font-size: 1rem;font-weight: 400;line-height: 1.88rem; margin-top: 5rem; text-indent: 2rem;}
.sustainableThree li .con p span {font-family: "mavenRe";}
.sustainableThree li:nth-child(1) {background: #e0dbd7; justify-content: space-between; height: 52rem; position: relative; align-items: center;}
.sustainableThree li:nth-child(1) .imgBox {height: 52rem;position: absolute; right: 0; bottom: 0;}
.sustainableThree li:nth-child(1) .con {margin-left: 12%;}
.sustainableThree li:nth-child(1) .con h3 {color: #04463f; margin-top: 0;}
.sustainableThree li:nth-child(1) .con i {background: #04463f;width: 10.63rem;}
.sustainableThree li:nth-child(1) .con p {color: #333333; margin-top: 2.3rem;}
.sustainableThree li:nth-child(1) .conOne {margin-bottom: 7rem;}

/* 蜡 */
.waxOne h3 {margin-bottom: 2.5rem;}
.waxOne p {padding-top: 0; width: 82%;}
.waxThree .hd {flex-wrap: wrap; justify-content: center;}
.waxThree .hd .tle {width: 100%; text-align: center;}
.waxThree .hd .tle i {display: inline-block;}
.waxThree .hd ul {margin-top: 5rem; justify-content: space-between; width: 100%;}
.waxThree .hd ul li {width: 23%; margin-left: 0; text-align: center;}
.waxThree .hd .arrow {top: 68%;}
.waxFour {position: relative;}
.waxFour::after {content: ""; width: 17.94rem; height: 40.63rem; background: url(../images/waxFour-icon.png) no-repeat center; background-size: 100%; position: absolute; top: -22%; right: 0; z-index: 0;}
.waxFour ul {margin-top: 5.69rem;}
.waxFour ul li {width:21%;}

.waxSix {padding-bottom: 9rem;}
.waxSix .tle {text-align: center;}
.waxSix .tle h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.waxSix .tle i {display: inline-block; width: 9rem;height: 0.06rem;background: #04463f;}
.waxSix ul {margin-top: 5.3rem; display: flex; justify-content: space-between;}
.waxSix ul li {width: 24%; padding-bottom: 9rem;position: relative;}
.waxSix ul li .imgBox {overflow: hidden;}
.waxSix ul li .imgBox img {display: block; width: 100%; transition: .5s;}
.waxSix ul li h5 {font-size: 1.5rem;font-weight: 700;color: #04463f; margin: 2rem 0 1rem 0;}
.waxSix ul li p {font-size: 1rem;font-weight: 400;color: #000; text-indent: 2rem; line-height: 1.88rem;}
.waxSix ul li p span {font-family: "mavenRe";}
.waxSix ul li dl {padding: 1rem 2rem; box-sizing: border-box; background: rgba(224, 219, 215,.32);position: absolute; bottom: 0; width: 100%;}
.waxSix ul li dl dd {font-size: 1rem;color: #000;  line-height: 1.88rem;}
.waxSix ul li dl dd span {font-family: "mavenRe";}
.waxSix ul li:hover img {transform: scale(1.1);}

.waxSeven {background: #04463f; padding: 6.5rem 0 8.25rem 0;}
.waxSeven .tle {text-align: center;}
.waxSeven .tle h3 {font-size: 2.25rem; color: #ffffff;font-weight: 700;}
.waxSeven .tle i {display: inline-block; background: #ffffff;height: 1px; width: 10.63rem;}
.waxSeven ul {margin-top: 5.4rem; display: flex;justify-content: space-between;flex-wrap: wrap; align-items: center;}
.waxSeven ul li img {display: block; margin: auto;}
.waxSeven ul li .imgBox {position: relative;}
.waxSeven ul li .imgBox img {width: 100%;}
.waxSeven ul li h4 {text-align: center; margin: 1.8rem 0; font-size: 1.25rem;color: #ffffff;}
.waxSeven ul li .fixed {width: 4.38rem; height: 4.38rem; background: #ebded6; border-radius: 50%; text-align: center;     position: absolute;top: 5%; left: 2%;}
.waxSeven ul li .fixed span { line-height: 4.38rem; font-size: 1.75rem; color: #04463f;font-weight: 700;  font-family: "mavenBold"; }
.waxSeven ul li:nth-child(odd) {width: 30%;}
.waxSeven ul li:nth-child(even) {width: 5%; margin-bottom: 5rem;}
.waxSeven ul li:nth-child(6) {width: 0;}

/* 新闻列表 */
.newsOne {margin-bottom: 5rem;}
.newsOne p {padding-top: 1rem;}
.newsTwo ul {display: grid; grid-template-columns: repeat(3,1fr); column-gap: 2.25rem; row-gap: 5rem;}
.newsTwo ul li .imgBox {overflow: hidden;}
.newsTwo ul li .imgBox img {display: block; width: 100%; transition: .5s;}
.newsTwo ul li em {font-size: 1.13rem;color: #04463f;display: block; margin: 2rem 0 1rem 0;font-family: "mavenRe";}
.newsTwo ul li p {font-size: 1.25rem;color: #333333;font-weight: 400; transition: .5s; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsTwo ul li p span {font-family: "mavenRe";}
.newsTwo ul li:hover p {color: #04463F;}
.newsTwo ul li:hover img {transform: scale(1.1);}

/* 专用糖果配料 */
.candyTle {text-align: center;}
.candyTle h3 {font-size: 2.25rem;font-weight: 700;color: #04463f;}
.candyTle i {display: inline-block; width: 12.69rem; height: 0.06rem; background: #04463f;}
.candyOne p {text-indent: 2rem;}
.candyTwo {position: relative;background: #f7f8f6;height: 33.69rem;}
.candyTwo .imgBox{height: 38.63rem;width: 43%; border-top-right-radius: 19.31rem; border-bottom-right-radius: 19.31rem;position: absolute; bottom: 0;}
.candyTwo .container145 {display: flex; justify-content: flex-end;}
.candyTwo dl {width: 50%;}
.candyTwo dl dd {font-size: 1rem; color: #000;line-height: 1.88rem; display: flex; align-items: flex-start; margin-top: 4.8rem;}
.candyTwo dl dd img {margin-right: 1rem; margin-top: 0.5rem;}
.candyThree {margin: 10rem 0 7rem 0;}
.candyThree ul {display: flex; margin-top: 4rem; justify-content: space-between;}
.candyThree ul li {width: 19%; background: #f5f5f5; border-radius: 1.88rem; padding: 1rem; padding-bottom: 3rem; box-sizing: border-box; text-align: center;}
.candyThree ul li .imgBox {border-radius: 1.25rem; overflow: hidden;}
.candyThree ul li .imgBox img {display: block; width: 100%; transition: .5s;}
.candyThree ul li h5 {font-size: 1.25rem;font-weight: 700;color: #04463f; margin: 2rem 0 1rem 0;}
.candyThree ul li dd {font-size: 1rem;font-weight: 400;color: #000;line-height: 1.88rem;}
.candyThree ul li:hover .imgBox img {transform: scale(1.1);}
.candyFour {background: #f5efec; padding: 6rem 0 7rem 0;}
.candyFour .candyTle p {font-size: 1.38rem;color: #333333;font-weight: 400; margin-top: 5rem;}
.candyFour ul {display: grid; grid-template-columns: repeat(5,1fr); column-gap: 2rem; row-gap: 3rem; margin-top: 3.5rem;}
.candyFour ul li {}
.candyFour ul li .imgBox {overflow: hidden;}
.candyFour ul li .imgBox img {display: block; transition: .5s; width: 100%;}
.candyFour ul li h5 {font-size: 1.25rem;font-weight: 700;color: #04463f; margin: 1rem  0 0 1rem;}
.candyFour ul li:hover img {transform: scale(1.1);}
.candyFive {margin: 8rem 0 12rem 0;}
.candyFive ul {margin-top: 4.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.candyFive ul li {display: flex; justify-content: space-between;  background: #f5f5f5; border-radius: 1.25rem; width: 49%; margin-bottom: 2rem; padding: 1.5rem 2rem 1.5rem 1rem; box-sizing: border-box;}
.candyFive ul li .imgBox {overflow: hidden; height: 16.88rem; width: 38%; border-radius: 1.25rem;}
.candyFive ul li .con {width: 58%;}
.candyFive ul li .con h4 {font-size: 1.63rem;font-weight: 700;color: #04463f; margin-top: 2rem;}
.candyFive ul li .con h4 span {font-family: "mavenBold";}
.candyFive ul li .con h5 {font-size: 1.25rem;font-weight: 400;color: #04463f;}
.candyFive ul li .con h5 span {font-family: "mavenRe";}
.candyFive ul li .con i {display: block; width: 5.88rem;height: 0.06rem; background: #04463f; margin: 1rem 0 1.5rem 0;}
.candyFive ul li .con p {font-size: 1rem;color: #000;font-weight: 400;line-height: 1.8rem;}
.candyFive ul li .con p span {font-family: "mavenRe";}

/* ==========新闻详情==========*/
.news-details {background: url(../images/news-details-banner.jpg) no-repeat center; background-size: cover; height: 266px;}
.news-details .about-ban {border-top: none;}
.ny-news-xq {padding-top:12.625rem;padding-bottom: 100px; background-color: #f5f5f5;}
.ny-news-xq .box-left {width:65%;box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 30px;}
.ny-news-xq .news-title { border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 2rem; justify-content: space-between; padding-bottom:38px;}
.ny-news-xq .news-title h2 {font-size:1.5rem;margin-bottom:26px;color:#333;font-weight:bold;text-align: left; font-family: "mavenBold"; }
.ny-news-xq .news-title h2 span {font-family: "mavenRe";}
.ny-news-xq .news-title .text {display: block;font-size:18px;color:#666;text-align: left; font-family: "mavenRe"; }
.ny-news-xq .news-title .fra {height:48px;line-height: 48px;border-radius:26px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 20px  #04463f;padding:0 20px;display: block;text-indent: 30px;font-size:16px;}
.ny-news-xq .news-title .fra a {color: #fff; display: block; }
/* .ny-news-xq .news-title .title {width: 75%;} */
.nr-content p img{margin:0 auto;display:inline;/* width: 100% !important;height:auto !important; */}
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table{width:100%  !important}
.nr-content table td{font-size:16px}
.nr-content .bottom-back {display: none;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .box-right {background-color: #fff;padding: 2%; box-sizing: border-box; width:30%; border-radius: 1.25rem;}
.ny-news-xq .box-right h3 {font-size: 23px;color: #333333; padding-bottom: 20px; border-bottom: 1px solid #eee; font-family: "mavenBold";}
.ny-news-xq .box-right li {margin-top: 20px; }
.ny-news-xq .box-right li a {display: flex; align-items: center;}
.ny-news-xq .box-right li i {width: 8px; height: 8px;background: #eeeeee; margin-right: 15px; border-radius: 50%; flex-shrink: 0;}
.ny-news-xq .box-right li p {color: #666666;font-size: 1rem;line-height: 24px; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.ny-news-xq .box-right li p span {font-family: "mavenRe";}
.ny-news-xq .box-right li:hover p {color: #04463f;}
.ny-news-xq .box-right li:hover i {background: #04463f;}
.page-fy {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.page-fy a {margin-left: 0.5rem;}
.page-fy .prev:hover a {color:#04463f ;}
.page-fy .next:hover a {color:#04463f ;}

.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #04463f;}
.fy .layui-laypage-curr {color: #fff; background: #04463f; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}

/* 锚点 */
#candyFour ,#TechnicalThree ,#honeyTwo ,#honeyFour,#honeyFive ,#arabicTwo ,#arabicFour,#arabicFive,#waxThree,#waxFour,#waxSix,#licoriceTwo,#licoriceFour,#licoriceFive{position: relative; top:-100px;}
#Technical1 , #Technical2 ,#Technical3,#Technical4,#Technical5 {position: relative; top:-100px;}