@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.5 "Microsoft YaHei", arial,sans-serif ,"PFMedium"; font-family: "PFMedium";  overflow-x: hidden;  background: #fff; }
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}
I {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:1620px; margin:0 auto}
.container12{width:1200px; margin:0 auto}
.container13{width:1300px; margin:0 auto}
.container14{width:1400px; margin:0 auto}
.container15{width:1500px; 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: "GOTHIC";
    src: url("../fonts/gothic.ttf");
  }
@font-face {
  font-family: "PingFang";
  src: url('../fonts/pingfang-regular.woff') format('woff');
}
@font-face {
  font-family: 'PFLight'; 
  src: url('../fonts/pingfang-light.woff') format('woff');
}
@font-face {
  font-family: "PFHeavy";
  src: url('../fonts/pingfang-heavy.woff') format('woff');
}
@font-face {
  font-family: "PFBold";
  src: url('../fonts/pingfang-bold.woff') format('woff');
}

/* CSS Document */
/* 头部 */
.heZwys {height:}
header {position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background:rgb(44,103,183,0.5); }
header .heBox {height: 6.5rem; display: flex; justify-content: space-between; align-items: center;transition: .5s;}
header .heBox .heLe {display: flex; align-items: flex-end;}
header .heBox .heLe img {display: block; transition: .5s; width: 66%;}
header .heBox .heLe > div {margin-left: 1.5rem;}
header .heBox .heLe em {font-size: 0.94rem;color: #888888;}
header .heBox .heLe span {font-size: 1rem;font-weight: 700;font-weight: 700;display: block;}
header .heBox ul {display: flex; width: 39%; justify-content: space-between; margin-left: 24%; height: 100%; align-items: center;}
header .heBox ul > li {position: relative;}
header .heBox ul > li > a {font-size: 1.4rem;color: #fff; position: relative; display: block;line-height: 6.5rem;}
header .heBox ul > li > a::after {content: ""; width: 0; height: 0.25rem;background: #ee232b; position: absolute; bottom: 0; left: -10%; transition: .5s;}
header .heBox ul > li:hover > a {font-weight: 600;}
header .heBox ul > li:hover > a:after  {width: 120%; }
header .heBox ul > li.on > a {font-weight: 600;}
header .heBox ul > li.on > a:after  {width: 120%;}
header .heBox ul li dl dd:hover a {color: #ee232b;}
header .heBox .webLinks {margin-left: 3.5rem;}
header .heBox .heLinks {display: flex; align-items: center;}
header .heBox .heLinks img { display: block;}
header .heBox .heLinks img:hover {filter: none;}
/* 二级下拉 */
header .heBox ul li dl {position: absolute;display: none; padding-top: 0.5rem; border-radius: 0 0 0.5rem 0.5rem; width: 170%; box-shadow: -1.042px 5.909px 16px 0px rgb(181 181 181 / 22%);}
header .heBox ul li dl {background: #fff;  left: -38%;text-align: center; padding-bottom: 0.5rem;}
header .heBox ul li dl dd a {font-size:1rem;color: #333; padding: 0.7rem 0;display: block; transition: .5s;}
/* 头部下拉 */
.headupfixd {box-shadow: -1.042px 5.909px 16px 0px rgb(181 181 181 / 22%);}
.headupfixd .heBox > ul > li > a {line-height: 5.5rem; }
.headupfixd .heBox {height: 5.5rem;}
.headupfixd .heBox .heLe img {width: 66%;}
/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.search-page form {width: 60%;margin: auto; margin-bottom: 100px; 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: #0B3F49; 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;
  }
}

/* banner */
.banner {height: calc(100vh - 6.5rem);}
.banner .bannerSwiper {height: 100%; overflow: hidden; position: relative; }
.bannerSwiper .swiper-slide .con {width: 1600px;margin: auto;height: 100%; display: flex; flex-direction: column; align-items: flex-start;justify-content: center;}
.bannerSwiper .swiper-slide .con h3 {font-size: 3.88rem;font-weight: 700;color: #ffffff;margin-top: 0rem;}
.bannerSwiper .swiper-slide .con span {font-size: 5.5rem;font-weight: 500;color: #ffffff;line-height: 10.5rem;}
.bannerSwiper .swiper-slide .con a {margin-top: 5rem; border:rgb(204,204,204) 1px solid; padding-left:20px; padding-right:20px;}
.bannerSwiper .swiper-slide .con a span {font-size: 1.06rem;color: #ffffff; font-style: normal;}
.bannerSwiper .swiper-slide .con a img {margin-left:1rem ; transition: .5s;}
.bannerSwiper .swiper-slide .con a:hover img {margin-left: 1.5rem;}
.bannerSwiper .swiper-button-next , .bannerSwiper .swiper-button-prev {width: 4.44rem;height: 4.44rem;background: rgba(0, 0, 0,.06); border-radius: 50%;}
.bannerSwiper .swiper-button-prev img {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination-bullet {opacity: .2; margin: 0 10px !important; width: 0.94rem;height: 0.94rem; background: #ffffff; box-sizing: border-box;}
.bannerSwiper .swiper-pagination-bullet-active {background: #fff; opacity: 1;}

.indexTle {text-align: center; padding: 4.5rem 0 3rem 0;}
.indexTle strong {font-size: 1.5rem;color: #ddd; text-transform: uppercase; font-family: arial;font-weight: 100;}
.indexTle h3 {font-size: 1.88rem;color: #333333;font-weight: 700; line-height: 3rem;}
.indexTle span {font-size: 1.13rem;color: #666666;font-weight: 400;display: block; margin: 1rem 0 0.5rem;}
.indexTle i {display: inline-block;width: 2.81rem; height: 0.25rem; background: #ee232b; margin-top: 1rem;}
@keyframes hvr-ripple-out {100% { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 0;}}
.indexOne {padding-bottom: 5rem;}
.indexOne ul {display: flex;justify-content: space-between; align-items: center;min-height: 600px;}
.indexOne ul li {width: 33%; height: 35.25rem; position: relative;overflow: hidden; transition: .5s;}
/* .indexOne ul li:nth-child(2) {height: 37.3rem;} */

.indexOne ul li .conTop {background: #f9f9f9; top: 0; padding: 0 2.5rem;box-sizing: border-box; width: 100%; height: 12.75rem; position: absolute; transition: .5s;}
.indexOne ul li .conTop {display: flex; align-items: center; justify-content: space-between;}
.indexOne ul li .conTop .tle {width: 85%;}
.indexOne ul li .conTop h4 {font-size: 1.88rem;font-weight: 400;color: #333333;}
.indexOne ul li .conTop span {font-size: 1rem;color: #afafaf;font-weight: 400;}
.indexOne ul li .hide {position: absolute; top: 100%; width: 100%; height: 100%; background: rgba(3, 49, 61,.9); padding: 2rem 2.5rem; box-sizing: border-box; transition: .5s;}
.indexOne ul li:hover{ background-position: center !important; background-size:cover !important;}
.indexOne ul li dt i {display: block; width: 1.63rem;height: 0.31rem; background: #ffffff;}
.indexOne ul li dt {font-size: 1.88rem;color: #ffffff; }
.indexOne ul li dt em {font-size: 1rem;color: #ffffff; text-transform: uppercase;}
.indexOne ul li dt:nth-child(2) {margin: 2rem 0;}
.indexOne ul li dd {position: relative;}
.indexOne ul li dd a {display: flex; justify-content: space-between; align-items: center; padding:1rem 0; border-bottom: 1px solid rgba(229, 229, 229,.12);}
.indexOne ul li dd span {font-size: 1rem;color: #ffffff; width: 95%;}
.indexOne ul li dd::after {content: ""; width: 0; position: absolute; bottom: 0; left: 0;background: #fff; height: 1px; transition: .5s;}
.indexOne ul li .more a {display: block; position: relative; width: 7.63rem; text-align: center; line-height: 2.25rem;margin-top: 3.5rem; }
.indexOne ul li .more a:before {  content: '';  position: absolute;  border: #e60012 solid 10px;  top: 0;  right: 0;  bottom: 0;  left: 0;  -webkit-animation-duration: 1s; animation-duration: 1s; border-radius: 1.19rem;}
.indexOne ul li .more a {color: #fff; height: 2.25rem;background: #ee232b;border: 0.06rem solid #ee232b; border-radius: 1.19rem;}
.indexOne ul li .more a:hover:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.indexOne ul li dd:hover::after {width: 100%;}
.indexOne ul li:hover .conTop {top: -13rem;}
.indexOne ul li:hover .hide {top: 0;}
.indexOne ul li:hover {height: 37.3rem;}




.indexTwo {background: #fff;padding-bottom: 6.5rem; padding-top: 2.5rem;}
.indexTwo .indexTle {text-align: left;}
.indexTwo .box {display: flex; align-items: center;justify-content: space-between;}
.indexTwo .le {width: 55%;}
.indexTwo .le .conText {font-size: 1rem;color: #666666;line-height: 2rem;}
.indexTwo .le ul {display: flex; justify-content: space-between; margin-top: 4rem;}
.indexTwo .le ul li {text-align: center; padding: 0 0.5rem; width: 30%; box-sizing: border-box; position: relative;}
.indexTwo .le ul li::after {content: ""; width: 0.06rem; height: 5.44rem;  opacity: 0.34;  background: #c8c8c8; position: absolute; right: 0; top: 20%;}
.indexTwo .le ul li:last-child::after {display: none;}
.indexTwo .le ul li .num span {font-size: 3rem;color: #014a59;font-family: Arial, Arial-Regular;}
.indexTwo .le ul li .num em {font-size: 1.13rem;color: #333333;}
.indexTwo .le ul li .num .jia {font-size: 3.75rem;color: #014a59;display: inline-block;}
.indexTwo .le ul li .num b {font-size: 2.13rem;color: #014a59;font-family: Arial, Arial-Regular;font-weight: 400;}
.indexTwo .le ul li .num b sup {font-size: 1.5rem;}
.indexTwo .le ul li p {font-size: 1rem;color: #555555;font-weight: 400;}
.indexTwo .re {width: 45%; height: 35rem; position: relative; top: 4rem; right: -4rem;}
.indexTwo .re img {display: none;}

@keyframes hvr-ripple-out2 {100% { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 0;}}
.indexThree {padding-bottom: 2rem;}
.indexThree .indexTle {display: flex; justify-content: space-between; align-items: center; text-align: left;}
.indexThree .indexTle .mo a {display: block; position: relative; width: 10.31rem;height: 3.44rem;background: #e60012;border-radius: 1.75rem; text-align: center; line-height: 3.44rem; color: #fff; font-size: 1rem;}
.indexThree .indexTle .mo a:before {  content: '';  position: absolute;  border: #e60012 solid 6px;  top: 0;  right: 0;  bottom: 0;  left: 0;  -webkit-animation-duration: 1s; animation-duration: 1s; border-radius: 1.75rem;}
.indexThree .indexTle .mo a:hover:before {-webkit-animation-name: hvr-ripple-out2;animation-name: hvr-ripple-out2;}
.indexThree .box {display: flex;  justify-content: space-between; align-items: center;}
.indexThree .le {width: 49%; height: 31.13rem; position: relative;}
.indexThree .le::after {content: "";position: absolute;width: 100%;top: 0;left: 0;transition: .2s;height: 100%;background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 50% , rgba(0, 0, 0, 0.9));}
.indexThree .le .leImg {display: none;}
.indexThree .le a {display: block;height: 100%;position: relative;z-index: 11;}
.indexThree .le .con {position: absolute; width: 100%; bottom:5%; padding: 0 3rem; box-sizing: border-box; z-index: 1; display: flex; justify-content: space-between; align-items: center;}
.indexThree .le .con h5 {font-size: 1.13rem;font-weight: 700;color: #ffffff; transition: .5s;}
.indexThree .le .con span {font-size: 0.88rem; color: #ffffff; margin-top: 1rem; display: block;}
.indexThree .le:hover .con h5 {color: #e60012;}
.indexThree .re {width: 48%; height: 100%;}
.indexThree .re ul li {padding:2rem 0; box-sizing: border-box; border-bottom: 1px dashed #DCDCDC; position: relative;}
.indexThree .re ul li:first-child {border-top: 1px dashed #DCDCDC;}
.indexThree .re ul li::after {content: ""; width: 0;  border-bottom: 1px dashed #E60012;  left: 0; position: absolute; bottom: 0; transition: .5s;}
.indexThree .re ul li .tle {display: flex; justify-content: space-between; align-items: center;}
.indexThree .re ul li .tle span {font-size: 1.25rem;color: #333333;display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 1;-webkit-box-orient: vertical; width: 86%;}
.indexThree .re ul li .tle .time {font-size: 0.88rem;color: #888888;font-weight: 400;}
.indexThree .re ul li p {margin-top: 1.5rem; font-size: 0.94rem;color: #666666;display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indexThree .re ul li:hover::after {width: 100%;}
.indexThree .re ul li:hover .tle span {color: #E60012;}

.indexFour ul {display: flex; justify-content: space-between;}
.indexFour ul li {height: 43.75rem;width: 33.3333333%; transition: .5s; position: relative;}
.indexFour ul li .show {position: absolute; box-sizing: border-box; width: 100%; top: 0; left: 0; height: 100%; }
.indexFour ul li .show {padding: 25% 2% 2% 10%;background: rgba(0, 0, 0, 0.4); opacity: 1; transition: .5s; }
.indexFour ul li .show h4 {font-size: 2rem;color: #ffffff;font-weight: 700;}
.indexFour ul li .show span {font-size: 1rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff; text-transform: uppercase;}
.indexFour ul li .show .more {width: 7.81rem;height: 2.75rem;border: 0.06rem solid #f9f9f9;border-radius: 1.44rem; text-align: center; line-height: 2.75rem; font-size: 0.88rem;color: #ffffff;}
.indexFour ul li .show .more {position: absolute; bottom: 10%;}
.indexFour ul li .hide {display: flex;  box-sizing: border-box; margin: auto; flex-direction: column; align-items: flex-start; justify-content: center;}
.indexFour ul li .hide {height: 100%; width: 100%; padding: 0 15%;background: rgba(3, 49, 61,.88); opacity: 0; transition: .5s;}
.indexFour ul li .hide h4 {font-size: 2.38rem;color: #ffffff;font-weight: 700;}
.indexFour ul li .hide span {font-size: 1.13rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff;text-transform: uppercase;}
.indexFour ul li .hide p {font-size: 1rem;font-weight: 400;color: #eeeeee; margin: 10% 0;}
.indexFour ul li .hide .more {width: 10.31rem;height: 3.44rem;background: #e60012;border-radius: 1.75rem; position: relative; text-align: center;font-size: 1rem; line-height: 3.44rem; color: #fff; }
.indexFour ul li .hide .more:before {  content: '';  position: absolute;  border: #e60012 solid 6px;  top: 0;  right: 0;  bottom: 0;  left: 0;  -webkit-animation-duration: 1s; animation-duration: 1s; border-radius: 1.75rem;}
.indexFour ul li .hide .more:hover:before {-webkit-animation-name: hvr-ripple-out2;animation-name: hvr-ripple-out2;}
.indexFour ul li.on {width: 86%;}
.indexFour ul li.on .show {opacity: 0;}
.indexFour ul li.on .hide {opacity: 1;}

.indexFive {margin-bottom: 7rem;}
.indexFive .box {display: flex; justify-content: space-between;background: #f5f5f5;}
.indexFive .le {width: 50%; padding: 5rem 4.5rem 1rem 4.5rem; box-sizing: border-box;}
.indexFive .le h3 {font-size: 2.25rem;font-weight: 400;color: #323232;}
.indexFive .le p {font-size: 1rem;color: #666666;line-height: 2rem; margin-top: 3rem;}
.indexFive .le a { position: relative;display: block; text-align: center;font-size: 1rem; line-height: 3.44rem; color: #fff; }
.indexFive .le a {width: 10.31rem;height: 3.44rem;background: #e60012;border-radius: 1.75rem; margin-top: 5rem;}
.indexFive .le a:before {  content: '';  position: absolute;  border: #e60012 solid 6px;  top: 0;  right: 0;  bottom: 0;  left: 0;  -webkit-animation-duration: 1s; animation-duration: 1s; border-radius: 1.75rem;}
.indexFive .le a:hover:before {-webkit-animation-name: hvr-ripple-out2;animation-name: hvr-ripple-out2;}
.indexFive .re {width: 50%;overflow: hidden; }
.indexFive .re img {display: block; height: 100%; object-fit: cover;}

/* 底部 */
footer {background: #024253; padding-top: 2.8rem;}
footer .foterTop {display: flex; justify-content: space-between; padding-bottom: 7rem;}
footer .foterTop .foterNav {display: flex; width: 55%; justify-content: space-between; margin-left: 3rem; margin-top: 2rem;}
.foterNav dt {font-size: 1.13rem;font-weight: 400;color: #ffffff; margin-bottom: 2rem;}
.foterNav dd a {font-size: 0.94rem;font-weight: 400;color: #fff; opacity: 0.38; margin-top: 0.5rem; display: block;}
.foterNav dd a:hover {color: #fff; opacity: 1;}
.foterCode {margin-top: 2rem;}
.foterCode span {display: block; text-align: center; font-size: 0.94rem;color: #ffffff;}
.footerCopy {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1.5rem 0; border-top: 1px solid rgba(245, 245, 245,.06);}
.footerCopy p , .footerCopy p a {font-size: 0.88rem;color: rgba(255, 255, 255,.47);}
.footerCopy p a:hover {color: #fff;}


/* ==================================内页================================== */
.ny-banner {height: 37rem; position: relative;}
.ny-banner .container15 {height: 100%;}
.ny-banner .banCon {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.ny-banner .banCon h3 {font-size: 4.13rem;font-weight: 400;color: #ffffff;}
.ny-banner .banCon small {font-size: 2.25rem;font-weight: 700;color: rgba(255, 255, 255,.14);display: block; text-transform: uppercase;}
.ny-banner .banCon i {display: inline-block; width: 3.63rem;height: 0.31rem;background: #ee232b; margin-top: 2rem;}
.nyNav {position: absolute;bottom: 0; width: 100%; left: 0; z-index: 1; background: rgba(0, 0, 0,.2);}
.nyNav ul {display: flex;width: 1500px; margin: auto;}
.nyNav ul li a {font-size: 1.13rem;color: #ffffff; padding: 0 3rem; display: block;line-height: 6.25rem; transition: .5s;}
.nyNav ul li:hover a {background: #EE232B;}
.nyNav ul li.on {background: #EE232B;}

/* 关于我们 */
.aboutTle {padding: 5rem 0; text-align: center;}
.aboutTle h3 {font-size: 2.38rem;font-weight: 400;color: #333333;}
.aboutTle strong {font-size: 2.25rem;font-family: Arial, Arial-Bold; font-weight: 700; color: #f6f6f6; text-transform: uppercase;display: block;}
.aboutTle i {display: inline-block;width: 3.75rem;height: 0.25rem;background: #004152;}
.aboutOne {padding: 6rem 0;}
.aboutOne .aboutTle {padding-bottom: 2rem; padding-top: 0; text-align: left;}
.aboutOne .box {display: flex; align-items: center; justify-content: space-between;}
.aboutOne .box .le {width: 55%;}
.aboutOne .box .le p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2rem; margin-top: 1.5rem;}
.aboutOne .box .re {background: #c4d0d4; border-radius: 2.5rem; overflow: hidden; width: 40%;}
.aboutOne .box .re img {display: block; object-fit: cover; width: 100%;}

.aboutTwo {background: url(../images/abouttwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 10rem;}
.aboutTwo .aboutTle strong {font-size: 2.25rem;font-weight: 700;color: #e1e1e1;}
.aboutTwo ul {display: flex; justify-content: space-around;}
.aboutTwo ul li {text-align: center;}
.aboutTwo ul li img {transition: .5s;}
.aboutTwo ul li h4 {font-size: 1.88rem;font-weight: 400;color: #004152; margin-top: 2rem;}
.aboutTwo ul li p {font-size: 1rem;font-weight: 400;color: #666666; margin-top: 1rem;}
.aboutTwo ul li:hover img {transform: rotateY(180deg);}

@keyframes fang1 {0% {  transform: scale(0);  opacity: 1; } 100% {  opacity: 0;  transform: scale(1); }}
.about-three {background: #0B3F49;  padding-bottom: 5rem;     position: relative;}
.about-three .aboutTle h3 {color: #fff;}
.about-three .aboutTle strong {color: rgba(225, 225, 225,.15);}
.about-three .aboutTle i {background: #fff;}
.about-three .swiperBox {position: relative;}
.three-swiper1 {padding-bottom: 3rem; width: 1500px; margin: auto; overflow: hidden;}
.three-swiper1 .swiper-slide {padding: 2rem 2rem 2rem 2rem; box-sizing: border-box; background: rgba(255,255,255,.09); opacity: .2;}
.three-swiper1 .swiper-slide h5 {font-size: 1.88rem;font-weight: 700;color: #ffffff; font-family: Arial, Arial-Bold;}
.three-swiper1 .swiper-slide span {font-size: 1rem;font-weight: 400;color: #ffffff; font-style: normal; line-height: 1.88rem;  display: block;}
.three-swiper1 .swiper-slide img {width: 100%; display: block; margin-top: 1rem; opacity: 0; height: 0; transition: .5s;}
.three-swiper1 .swiper-slide-active {opacity: 1;}
.three-swiper1 .swiper-slide-active img { transition: .5s; opacity: 1; height: auto;}
.three-swiper1 .swiper-wrapper {align-items: center;}
.three-swiper2 {overflow: hidden; background: url(../images/three-swiper2-bj.png) no-repeat center; padding: 2rem; box-sizing: border-box;width: 1500px; margin: auto; }
.three-swiper2 .swiper-pagination-progressbar {background: #2f3448;}
.three-swiper2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #ffffff;}
.three-swiper2 .swiper-slide {text-align: center; display: flex; flex-direction: column; align-items: center; cursor: pointer;}
.three-swiper2 .swiper-slide i {display: inline-block;  width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #ffffff; position: relative;     top: -0.25rem;}
.three-swiper2 .swiper-slide i::after {content: "";position: absolute; opacity: 0; width: 1.81rem;height: 1.81rem;    left: -11px; top: -11px; background: rgba(255,255,255,.5); border-radius: 50%;}
.three-swiper2 .swiper-slide h6 {font-size: 1.13rem;color: #ffffff;padding-bottom: 1rem; order: -1; transition: .5s;}
.three-swiper2 .swiper-slide-active i {top: -2.3rem;}
.three-swiper2 .swiper-slide-active i::after {animation: fang1 2s linear infinite;  opacity: 1;}
.three-swiper2 .swiper-slide-active h6 {font-size: 2rem;font-weight: 700;    position: relative; top: -2rem;}
.three-swiper2 .swiper-button-prev {width: 2.81rem; height: 2.81rem;   transform: rotate(180deg); background: rgba(255, 255, 255,.1); top: 85%;left: 0; border-radius: 50%;}
.three-swiper2 .swiper-button-next {width: 2.81rem; height: 2.81rem;   background: rgba(255, 255, 255,.1);   top: 85%;right: 0;  border-radius: 50%; }

.about-four {background: #f8f8f8; padding-bottom: 5.5rem; position: relative;}
.about-four .swiperBox {position: relative;}
.about-four .aboutTle strong {color: #E1E1E1;}
.about-four .aboutTle i {background: #004152;}
.abhonor-swiper {overflow: hidden; width: 1500px; margin: auto;}
.abhonor-swiper h6 {font-size: 1.13rem; color: #333333;font-weight: 400; background: #fff; text-align: center; padding: 0.9rem 0;}
.abhonor-swiper .swiper-slide {height: auto; background: #fff; padding-bottom: 4rem;}
.abhonor-swiper .swiper-slide .img {overflow: hidden; height: 100%; display: flex; align-items: center;}
.abhonor-swiper .swiper-slide img {display: block; transition: .5s; width: 100%;}
.about-four .swiper-pagination {display: none;}
.abhonor-swiper .swiper-slide .con {position: absolute; width: 100%; bottom: 0; }
.about-four .swiper-pagination-bullet {width: 0.63rem; height: 0.63rem;  background: #dddddd; opacity: 1; }
.about-four .swiper-pagination-bullet-active {background: #2e334a;}
.about-four .swiper-button-prev {top: 40%;left: 0%; }
.about-four .swiper-button-next {top: 40%;right: 0%; transform: rotate(180deg); }
.about-four .swiper-button-prev img ,.about-four .swiper-button-next img { filter: brightness(0); }
.about-four .more {text-align: center;}
.abhonor-swiper .swiper-slide:hover img {transform: scale(1.05);}
.about-four .more a {display: inline-block;width: 14.38rem; margin-top:3rem;  transition: .5s; font-size: 1rem;color: #2f3448; border: 1px solid #2f3448; text-align: center; line-height: 4.06rem; height: 4.06rem;  border-radius: 2.06rem;}
.about-four .more a:hover {color: #ffffff;background: #0B3F49;}

.aboutShow .aboutTle p {width: 80%;color: #666; font-size: 1rem; margin: auto; line-height: 2rem;}
.aboutShow .aboutTle p:nth-child(4) {margin-top: 2rem;}

/* .aboutShow .abhonor-swiper {width: 1600px;}
.aboutShow .aboutShowSwiper {width: 1500px; margin: auto; overflow: hidden;} */
.aboutShowSwiper {overflow: hidden; width: 1500px; margin: auto;}
.aboutShowSwiper h6 {font-size: 1.13rem; color: #333333;font-weight: 400; background: #fff; text-align: center; padding: 0.9rem 0;}
.aboutShowSwiper .swiper-slide {height: auto; background: #fff; padding-bottom: 4rem;}
.aboutShowSwiper .swiper-slide .img {overflow: hidden; height: 100%; display: flex; align-items: center;}
.aboutShowSwiper .swiper-slide img {display: block; transition: .5s; width: 100%;}
.aboutShowSwiper .swiper-pagination {display: none;}
.aboutShowSwiper .swiper-slide .con {position: absolute; width: 100%; bottom: 0; }
.aboutShowSwiper .swiper-pagination-bullet {width: 0.63rem; height: 0.63rem;  background: #dddddd; opacity: 1; }
.aboutShowSwiper .swiper-pagination-bullet-active {background: #2e334a;}
.aboutShowSwiper .swiper-button-prev {top: 40%;left: 0%; }
.aboutShowSwiper .swiper-button-next {top: 40%;right: 0%; transform: rotate(180deg); }
.aboutShowSwiper .swiper-button-prev img ,.aboutShowSwiper .swiper-button-next img { filter: brightness(0); }
.aboutShowSwiper .more {text-align: center;}
.aboutShowSwiper .swiper-slide:hover img {transform: scale(1.05);}


/* 产品展示 */
.proShow {margin-bottom: 10rem;}
.proShow .aboutTle strong {color: #EEEEEE;}
.proShow .box table {width: 100%;border-collapse: collapse;}
.proShow .box table thead {height: 3.75rem;background: #014a59;border: 0.06rem solid #eeeeee; ;}
.proShow .box table thead th {color: #fff; font-size: 1.06rem;font-weight: 700;color: #ffffff; text-align: left; padding-left: 4rem;}
.proShow .box table tbody tr td {padding-left: 4rem; box-sizing: border-box;height: 3.69rem; font-size: 0.94rem;color: #333;}
.proShow .box table tbody tr td:last-child {color: #666;}
.proShow .box table tbody tr:nth-child(even) {background: #f8f8f8;}
.proShow .box table .look a {color: #666;}
.proShow .box table .look a span {transition: .5s; display: inline-block;}
.proShow .box table .look a:hover span {transform: rotate(360deg);}
.proShow .thead {height: 3.75rem;background: #014a59;border: 0.06rem solid #eeeeee; display: flex; padding-left: 4rem; box-sizing: border-box;}
.proShow .thead span {width: 50%;}
.proShow .thead span {color: #fff; font-size: 1.06rem;font-weight: 700;color: #ffffff; line-height: 3.75rem;}
.proShow .thBody li {cursor: pointer; transition: .5s;}
.proShow .thBody li:nth-child(even) {background: #f8f8f8;}
.proShow .thBody li .show {padding-left: 4rem; height: 3.69rem; line-height: 3.69rem; box-sizing: border-box; position: relative; display: flex;}
.proShow .thBody li .show span {width: 50%;  font-size: 0.94rem;color: #333;}
.proShow .thBody li .show .more {position: absolute; right: 12%;}
.proShow .thBody li .show .more:hover {color: #004152;}
.proShow .thBody li .con {display: none;padding: 1rem; box-sizing: border-box;}
.proShow .thBody li:hover {background: #eee;}
/* .proShowList {padding-bottom: 4rem;} */
.proShowList ul {display: grid; grid-template-columns: repeat(4,auto); gap: 1rem; justify-content: center;}
.proShowList ul li {width: 10rem; height: 3rem; border: 1px solid #014a59;border: 1px solid #014a59; border-radius: 30px;text-align: center; transition: .5s;}
.proShowList ul li:nth-child(5) {display: none;}
.proShowList ul li a {text-align: center; line-height: 3rem; font-size: 1rem; color: #333;display: block;}
.proShowList ul li:hover {background: #014a59;}
.proShowList ul li:hover a {color: #fff;}
.proShowList ul li.on {background: #014a59;}
.proShowList ul li.on a {color: #fff;}

/* 产品详情 */
.proDetail {height: 26.88rem;}
.ny-banner.proDetail .banCon {align-items: center;}
.prodeCon {padding: 5rem 0;}
.prodeCon h3 {font-size: 1.75rem;font-weight: 700;color: #333333; text-align: center; margin-bottom: 3rem;}
.prodeCon .back {display: flex; justify-content: center; }
.prodeCon .back a {width: 12.13rem; display: block; height: 3.63rem; background: #eeeeee; border: 0.06rem solid #eeeeee; border-radius: 1.88rem;}
.prodeCon .back a {display: flex; align-items: center; justify-content: center; font-size: 1rem;color: #333333;font-weight: 700; transition: .5s;}
.prodeCon .back a img {margin-right: 1rem; }
.prodeCon .back a:hover {background: #024253; color: #fff;}
.prodeCon .back a:hover img {filter: brightness(100);}

/* 研发中心 */
.deveCon {padding: 5rem 0;}
.deveCon table img {max-width: 100%;}
.yanFanBaseOne { background: #fff;}
.yanFanBaseOne .baseTwo {background: #fff;}
.yanFanBaseTwo { background: #f5f5f5;}
.yanFanBaseTwo .baseTwo { background: #f5f5f5;}
.yanFanBaseTwo .aboutTle strong {    color: #ddd;}
.yanFanBaseOne .baseToSwiper .swiper-pagination-bullet {    background: #eee;}
.yanFanBaseOne .baseToSwiper .swiper-pagination-bullet-active {background: #024253;}


/* 生产基地 */
.baseBanner {height: 47.8rem;}
.baseBanner .container15 {    position: absolute;z-index: 11;width: 100%;}
.baseBanner .banCon {align-items:center; justify-content: flex-start; padding-top:4%;}
.baseBanner .baBanSwiper {height: 100%;    position: relative; overflow: hidden;}
.baBanSwiper .swiper-pagination-bullet {background: #fff;}
.baseOne {margin-bottom: 5rem;}
.baseOne .box p {font-size: 1rem;font-weight: 400;color: #666666; text-align: left; width: 75%; margin: auto; margin-bottom:1rem;text-indent: 2rem;line-height: 2rem;}
.baseOne .box p span {display: block;}
@keyframes rota360 { to { transform: rotate(0); } from {  transform: rotate(360deg);}}
.baseOne .down {margin: auto;margin-top: 4.75rem;position: relative;display: flex;justify-content: center;align-items: center;width: 3.69rem;height: 3.69rem;border: 0.19rem solid #eeeeee;border-radius: 50%;}
.baseOne .down img {animation: banner-scroll 1s linear infinite;}
.baseOne .down::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; animation: rota360 2s linear infinite; background: url(../images/bainyuancion1.png) no-repeat center; background-size: contain;}

.baseTwo {background: #f5f5f5; padding-bottom: 5rem;}
.baseTwo .aboutTle strong {color: #E1E1E1;}
.baseTwo .box {position: relative;}
.baseToSwiper {overflow: hidden; padding-bottom: 5rem; width: 1500px; margin: auto;}
.baseToSwiper .swiper-slide {overflow: hidden; border-radius: 10px;}
.baseToSwiper .swiper-slide img {display: block; width: 100%; transition: .5s;}
.baseToSwiper .swiper-pagination-bullet {opacity: 1; width: 12px;height: 12px; background: #ffffff;}
.baseToSwiper .swiper-pagination-bullet-active {background: #004152;}
.baseToSwiper .swiper-slide:hover img {transform: scale(1.05);}
.baseToSwiper .swiper-button-prev {transform: rotate(180deg); top: 40%;  left: 0;}
.baseToSwiper .swiper-button-next {top: 40%; right: 0;}

.baseThree {background: #fff; }
.baseThree .abhonor-swiper {padding-bottom: 5rem;}
.baseThree .swiper-slide {border: 0.06rem solid #dcdcdc; box-sizing: border-box; padding-bottom: 4rem;}
.baseThree .swiper-slide .con {border-top: 1px solid #dcdcdc;}
.baseThree .swiper-pagination {display: block;}
.baseThree .swiper-button-prev img , .baseThree .swiper-button-next img { filter: grayscale(100%); transform: rotate(180deg);}


/* 人才招聘 */
.talentOne {padding-bottom: 3rem;}
.talentOne .tle {text-align: center;padding: 6rem  0 3rem 0;}
.talentOne .tle h3 {font-size: 2.38rem;color: #333333; margin-bottom: 1rem;}
.talentOne .tle p {font-size: 1rem; color: #666666;}
.talentOne ul {display: flex;justify-content: space-between;}
.talentOne ul li {margin-top: 1rem; width: 32%;}
.talentOne ul li .imgBox {overflow: hidden;}
.talentOne ul li img {display: block; width: 100%; transition: .5s;}
.talentOne ul li .con {padding: 0 1rem;}
.talentOne ul li h5 {margin: 1rem 0;font-size: 1.5rem;color: #333333; margin-top: 2rem;}
.talentOne ul li p {font-size: 0.94rem;color: #666666;}
.talentOne ul li:hover img {transform: scale(1.05);}

.talentTwo {padding-bottom: 10rem; background: #f5f5f5;}
.talentTwo .tle {font-size: 2.38rem;font-weight: 400;color: #333333;text-align: center; padding: 4rem 0;}
.talentTwo .joinus-tab {width: 100%; border-collapse: collapse;}
.talentTwo .joinus-tab tr {text-align: center; padding: 1.8rem 0; font-size: 1.13rem;color: #333333; font-weight: 400; display: flex;}
.talentTwo .joinus-tab tr:nth-child(odd) {background: #EEEEEE;}
.talentTwo .joinus-tab tr td { width: 20%; }
.talentTwo .joinus-tab tr td:nth-child(4) {width: 35%; text-align: right;}
.talentTwo .joinus-tab tr .lastTd {width: 0;}
.talentTwo .joinus-tab tr a img {filter: grayscale(100%);}
.talentTwo .joinus-tab tr a:hover img {filter: none;}
/* 弹出层 */
.acquisition-info {padding: 3rem;box-sizing: border-box; background-color: #fff; width: 60%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 6rem;}
.acquisition-info .time {border-bottom: 1px solid #ececec; padding: 1rem 0; text-align: left;}
.acquisition-info dl {margin-top: 2.5rem; text-align: left;}
.acquisition-info dt {color: #333; font-size: 1rem;}
.acquisition-info dd {color: #666; font-size: 1rem; margin-top: 1.1rem;}
.acquisition-info dl p {margin-top:5px;}
.acquisition-info dl span{ margin-top:0;font-size:0.8rem;color:#666; line-height: 20px;}

/* 新闻中心 */
.newsList {padding: 3rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem;}
.newsList ul li .imgBox {overflow: hidden; border: 1px solid #eee;border-bottom:none}
.newsList ul li .imgBox img {width: 100%; display: block; transition: .5s;}
.newsList ul li .con {padding: 1rem; box-sizing: border-box; border: 0.06rem solid #f5f5f5;}
.newsList ul li h5 {color: #333;font-size: 1rem;font-weight: 700; margin: 0.5rem 0;}
.newsList ul li p {font-size: 0.94rem;font-weight: 400;color: #777777;display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList ul li em {font-size: 0.88rem;color: #777777; margin-top: 1rem; display: block;}
.newsList ul li:hover img {transform: scale(1.05);}
.newsList ul li:hover h5 {color: #EE232B;}

/* 新闻详情*/
.position {padding:3rem 0;font-size: 1rem;color: #888; background: #f5f5f5;}
.position .container15 {background: url(../images/home-icon.png) no-repeat center left;padding-left: 2rem;}
.position .container15 a {font-size: 1rem;color: #888;}
.position .container15 a:hover {color: #fb4831;}

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

/* 定制业务 */
.customizeOne {padding-bottom: 6rem;}
.customizeOne ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.customizeOne ul li {width: 32%;height: 13.44rem;background: #f5f5f5;border-radius: 1.88rem; text-align: center; display: flex;flex-direction: column; align-items: center; justify-content: center;}
.customizeOne ul li img {transition: .5s;}
.customizeOne ul li span {font-size: 1.13rem;color: #333333;font-weight: 400; margin-top: 1.5rem; }
.customizeOne ul li:hover img {transform: rotateY(180deg);}

.customizeTwo {background: url(../images/customizetwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 6.5rem;}
.customizeTwo .aboutTle h3 {color: #fff;}
.customizeTwo .aboutTle strong {color: rgba(238, 238, 238,.14);}
.customizeTwo .aboutTle i {background: #fff;}
.customizeTwo ul {display: flex; justify-content: space-between;}
.customizeTwo ul li { box-sizing: border-box; text-align: center; width: 33.3%; position: relative; padding:2rem; box-sizing: border-box;}
.customizeTwo ul li img {transition: .5s;}
.customizeTwo ul li::after {content: "";position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255, 255, 255,.12);}
.customizeTwo ul li span {display: block;font-size: 1.13rem;color: #fff;  margin: auto;margin-top: 1rem;}
.customizeTwo ul li:last-child::after {display: none;}
.customizeTwo ul li:hover img {transform: rotateY(180deg);}

.customizeThree {padding-bottom: 10rem;}
.customizeThree ul {display: flex; justify-content: space-between;}
.customizeThree ul li {background: #f5f5f5; border-radius: 1.88rem; padding: 3rem 2rem; box-sizing: border-box; width: 32%; position: relative;}
.customizeThree ul li img {transition: .5s;}
.customizeThree ul li .con {display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem;}
.customizeThree ul li span {display: block;font-size: 1.13rem;font-weight: 400;color: #333333;}
.customizeThree ul li .num {font-size: 4.5rem;font-weight: 700;color: rgba(105, 105, 105,.13); position: absolute; right: 4%;}
.customizeThree ul li:hover img {transform: rotateY(180deg);}

/* 联系我们 */
.contactbox {padding:5.5rem 0 8.5rem 0;}
.contactbox .cont {width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactbox .cont .lt, .contactbox .cont .gt { width: 50%;}
.contactbox .cont .tit {font-size: 2.5rem;font-weight: 400;color: #333333;}
.contactbox .cont .lt .text {font-size: 1.25rem;color: #666666;font-weight: 400; margin-top: 2rem;}
.contactbox .cont .lt .make-text {margin: 4rem 0 3rem 0;}
.contactbox .cont .lt .make-text p {font-size: 1.75rem;color: #222222;font-weight: 400;}
.contactbox .cont .lt dl dd {font-size: 1rem;color: #777777;font-weight: 400; margin-top: 1rem;}
.contactbox .cont .gt .form { width: 100%; margin-top: 2rem;}
.contactbox .cont .gt .form .item { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.contactbox .cont .gt .form .item input {width: calc(50% - 10px);}
.contactbox .cont .gt .form .item textarea, .contactbox .cont .gt .form .item input, .contactbox .cont .gt .form .item button {    box-sizing: border-box; padding: 21px 24px;font-size: 16px; color: #333; background-color: #f5f5f5; resize: none; outline: none; border: none; margin-bottom: 20px;}
.contactbox .cont .gt .form .emale1 input {width: 100%;}
.contactbox .cont .gt .form .item textarea {width: 100%;height: 150px;font-family: '微软雅黑';}
.contactbox .cont .gt .form .item button { width: 100%;background-color: #E60012;color: #fff;font-weight: bold; font-size: 18px; border-radius: 3px;}
input, input:focus, input:active, button, button[type=button], textarea:focus { appearance: none; -webkit-appearance: none; outline: none;}

.contactMap img {display: block;width: 100%;}


.fy { padding: 4rem 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: #0B3F49;}
.fy .layui-laypage-curr {color: #fff; background: #0B3F49; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}