@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:16px/1.75 "PFMedium","Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;width: 100%; 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}
.container{max-width:1601px;margin:0 auto}
.container-s{max-width:1741px;margin:0 auto}
.container15{max-width:1500px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}


/*字体引入*/

  @font-face {
    font-family: "DIN";
    src: url("../font/DIN-Bold.otf");
  }



@font-face {
  font-family: "LDMedium";
  src: url("../font/LexendDeca-Medium.ttf");
}


@font-face {
  font-family: "PFBold";
  src: url("../font/PINGFANG BOLD.TTF");
}


@font-face {
  font-family: "PFMedium";
  src: url("../font/PINGFANG MEDIUM.TTF");
}

@font-face {
  font-family: "GOTHICB";
  src: url("../font/GOTHICB.TTF");
}



/* 公共头部 */
.header{position: fixed; top: 2rem; z-index: 999; left: 0; right: 0; margin: auto; height: 3.625rem; transition: 0.6s;}
.headfixed{background: #000; top: 0; padding: 1.25rem 0;}
.head-box{height: 3.625rem;}

.pc-logo a img{display: block;}
.pc-nav {width: 49.62%;}
.pc-nav ul{display: flex;  justify-content: space-between;}
.pc-nav ul li {position: relative; }
.pc-nav ul li h3{display: block; position: relative; font-size: 1rem; color: #fff; line-height: 3.625rem;;}
.pc-nav ul li h3::after{content: ""; width: 0; height: 0.4375rem; background: url(../images/nav-icon.png) no-repeat;  bottom: 0;  position: absolute;  transition: all 0.4s ease; left: 50%; transform: translateX(-50%);}
.pc-nav ul li:hover h3::after,.pc-nav ul li.on h3::after {  width: 0.875rem; }
.pc-nav ul li .subnav-box{transform: translateY(50px);opacity: 0;pointer-events: none;width: 27.75rem;  height: 11.4375rem; left: 0%;position: absolute;top: 100%;transition: all 0.4s ease;}
.pc-nav ul li .subnav {display: flex;padding:1.125rem 1.4375rem ;box-sizing: border-box;border-radius: 0.5625rem;z-index: 3;background: #fff;  }
.pc-nav ul li .subnav .pic{width:42%;}
.pc-nav ul li .subnav .pic img{display: block; width: 100%; border-radius: 10px;}
.pc-nav ul li .subnav .list{width: 60%;display: flex; flex-wrap: wrap; }
.pc-nav ul li .subnav .list a{font-size: 1rem;    height: 1rem;color: #494949;position: relative;box-sizing: border-box;width: 50%; display: block; line-height: 1rem; font-weight: 500;margin:1rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1 ;-webkit-box-orient:vertical ;}
.pc-nav ul li .subnav .list a:hover{color: #c5020a;}
.pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;}


.heSearch .seBox {width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #EC1E23;}
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#ec1e23; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}




/* 手机端导航 */
.mobmenu {display: none;}
.mobmenu dl {transform: rotateY(180deg);width: 30px; cursor: pointer;}
.mobmenu dl dd {width: 0;height: 2px;background: #fff;}
.mobmenu dl dd:first-child {animation: sjnav 2.4s linear infinite;}
.mobmenu dl dd:nth-child(2) {	margin: 6px 0;	width: 20px;}
.mobmenu dl dd:last-child {animation: sjnav 2.4s linear infinite;animation-delay: 0.4s;}

.mobmenu h4 {color: #fff; margin-left: 10px; width: 32px;}
.mobmask {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 100vh;background: rgba(7,16,26,0.8);transition: all 0.5s;visibility: hidden;opacity: 0;transition-delay: 0.2s;}
.mobmask.active{opacity: 1;visibility: visible;}
.mobnavBox {padding-bottom: 1.25rem; width: 50%;height: 100vh;position: fixed;z-index: 100;top: 0;left: -50%;overflow-y: auto;opacity: 0;transition: all 0.3s; background: #fff; visibility: hidden;}
.mobnavBox.active{transition-delay: 0.3s;opacity: 1;left: 0; visibility: visible;} 
.mobCon {padding: 0 1.25rem; }
.mobnavBox .top {padding: 0.625rem 1.25rem;height: 4.375rem; position: sticky;top: 0;z-index: 9999;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}
.mobnavBox .top .logo {	width: 120px; }
.mobnavBox .top .logo img {display: block; width: 100%;}
.mobnavBox .top .mobnavclose {width: 1.875rem;height: 1.875rem;position: relative; cursor: pointer;}
.mobnavBox .top .mobnavclose:before,
.mobnavBox .top .mobnavclose:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;border-radius: 1px;}
.mobnavBox .top .mobnavclose:before{width: 1.25rem;height: 0.125rem;transform: translate(-50%,-50%) rotate(45deg);}
.mobnavBox .top .mobnavclose:after{width: 0.125rem;height: 1.25rem;transform: translate(-50%,-50%) rotate(225deg);}

.mobsearch {margin-top: 1.875rem;}
.mobsearch form input {width: calc(100% - 3.25rem);line-height: 2.5rem;border: 1px solid #dbdbdb;border-radius: 0.125rem;padding: 0 0.75rem;font-size: 0.875rem;}
.mobsearch form button {width: 2.625rem;height: 2.625rem;background: #ec1e23;color: #fff;border-radius: 0.125rem;font-size: 0.875rem; border: 0; }
.mobsearch form button img {filter: brightness(100); -webkit-filter:brightness(100);}

.mobnavBox .bottom {padding: 0.375rem 0;}
.mobnavBox .bottom .nav li {margin: 0.75rem 0;}
.mobnavBox .bottom .nav li h3 {display: flex;align-items: center;justify-content: space-between;}
.mobnavBox .bottom .nav li h3 a {display: block;text-align: center;color: #1a1a1a;padding-left: 0.25rem;}
.mobnavBox .bottom .nav li h3 i {display: block;width: 1.875rem;height: 1.875rem;line-height: 2rem;color: #333;text-align: center;font-size: 0.75rem; transition: .4s; cursor: pointer;}
.mobnavBox .bottom .nav li h3 i img {max-width: 100%;}
.mobnavBox .bottom .nav li .m-subnav {border-bottom: 1px solid #dbdbdb;padding-bottom: 0.3125rem;display: none;}
.mobnavBox .bottom .nav li .m-subnav a {display: block;margin: 0.625rem 0;padding-left: 1.25rem;position: relative; }
.mobnavBox .bottom .nav li .m-subnav a:before{content: "";width: 0.5rem;height: 0.5rem;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;left: 0.25rem;top: 0.4375rem;transition: all 0.4s;}
.mobnavBox .bottom .nav li .m-subnav a:after{content: "";width: 0.25rem;height: 0.25rem;background: #CCCCCC; border-radius: 50%; position: absolute; left: 0.4375rem;top: 0.625rem;transition: all 0.4s;}
.mobnavBox .bottom .nav li.on h3 a{color: #ec1e23;}
.mobnavBox .bottom .nav li.on h3 i {transform: rotate(90deg);color: #ec1e23;}
.mobnavBox .bottom .nav li.on h3 i:before,
.mobnavBox .bottom .nav li.on h3 i:after {background: #fff;}
.mobnavBox .bottom .nav li h3 a:hover{color: #ec1e23;}
.mobnavBox .bottom .nav li .m-subnav a:hover{color: #ec1e23;}
.mobnavBox .bottom .nav li .m-subnav a:hover:before{border-color: #ec1e23;}
.mobnavBox .bottom .nav li .m-subnav a:hover:after{background: #ec1e23;}

.mobinfo {margin-top: 1.25rem;}
.mobinfo h2 { color: #1a1a1a; font-weight: 700;}
.mobinfo dl dd {display: flex;margin-top: 0.625rem;}
.mobinfo dl dd i {width: 1.25rem;height: 1.25rem;display: flex;align-items: center;justify-content: center;}
.mobinfo dl dd i img {display: inline-block; width: 1rem}
.mobinfo dl dd p {width: calc(100% - 0.875rem);padding-left: 0.625rem;color: #666; }
.mobinfo dl dd p a {color: #666; }
.mobinfo dl dd p a:hover{color: #ec1e23;}


@keyframes sjnav{0% {width: 0;}25% {width: 15px;}50% {width: 30px;}75% {width: 15px;}100% {width: 0;}}


.wapheader-zw{display: none;}


/* banner */
.banner{overflow: hidden;height:58.0625rem}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .swiper-slide {overflow: hidden;}
.banner .imgBox {height:58.0625rem; display: flex; align-items: center; }
.banner .imgBox .container-s{ position: absolute; left: 0; right: 0; margin: auto;  color: #fff; }
.banner .info{margin-left: 4.4%;}
.banner .info h2{display: block; font-size: 1.875rem; color: #fff; line-height: 1.875rem;; margin-bottom: 1.75rem}
.banner .info h3{display: block;font-size: 4.5rem; color: #fff;  line-height: 4.5rem; margin-bottom: 3.5rem; font-family: "PFBold";}
.banner-more a{transition: 0.6s; display: block; width: 9.875rem;   border-radius: 1.9375rem; border: 0.0625rem solid #f3f3f3; text-align: center;}
.banner-more em{ font-size: 1rem; line-height: 3.75rem; color: #fff; }
.banner-more img{display: inline-block; margin-left: 2.375rem; transition: 0.6s;}
.banner-more a:hover img{margin-left: 2.8rem;}
.banner-more a:hover{background: #ec1e23; border-color: #ec1e23;}
#banner-num { top: 0;  bottom: auto!important;  left: auto!important;  width: auto!important;  right: 4%;  height: 100%;  display: flex;  align-items: center;  flex-direction: column;  justify-content: center; z-index: 1;}
#banner-num  span {width: 0.25rem; height: 0.25rem; margin: 0.6875rem  0; background: #ffffff; opacity: 1; position: relative; }
#banner-num .swiper-pagination-bullet-active::after {content: "";  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.9375rem; height:0.9375rem; border: 0.01rem solid  #ec1e23; border-radius: 50%; transition: .5s;}
#banner-num .swiper-pagination-bullet-active {background:  #ec1e23;}


/* 关于泉福 */
.about{background: url(../images/about-bg.jpg) no-repeat right bottom;  padding: 6.3125rem 0 9.8125rem; box-sizing: border-box; background-size: cover;}
.index-title{position: relative; margin-bottom: 3.75rem;}
.index-title span{display: block; font-size: 4.875rem; line-height: 3.625rem; color: rgba(110,110,110,0.11); font-family: "GOTHICB";}
.index-title strong{display: block; position: absolute; top: 0.9375rem;  font-size: 3rem; color: #43505B; font-family: "PFBold";}
.index-title i{display: block; width: 3.4375rem;height: 0.25rem;background: #ec1e23; margin-top: 2.875rem;}
.about-box{width: 44.4%;}
.about .info h2{ font-size: 1rem; line-height: 1.6875rem; color: #72797F; margin-bottom: 3.5rem;}
.about-num ul{display: flex; flex-wrap: wrap;}
.about-num ul li{text-align: left; width: calc(100% / 3); margin-bottom: 2.375rem;}
.about-num ul li em{display: inline-block; font-size: 3rem; line-height: 3.3rem; color: #EC1E23; font-family: Arial;}
.about-num ul li span{display: inline-block; font-size: 1.25rem; color: #EC1E23;}
.about-num ul li sup{display: inline-block; font-size: 0.8rem; color: #ec1e23;}
.about-num ul li h3{display: block; font-size: 0.9375rem; color: #555555; margin-top: 0.25rem;}
.about-more a{display: block; width: 11rem;line-height: 3.25rem;background: #ec1e23;border-radius: 26px; position: relative;}
.about-more em{display: block; font-size: 0.9375rem; color: #fff; text-indent: 1.5rem;}
.about-more .icon{ width: 2.875rem;height: 2.875rem;background: #ffffff; border-radius: 50%; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%);}
.about-more .icon img{transition: 0.6s;}
.about-more a:hover .icon img{transform: rotate(90deg);}


/* 产品与服务 */
.product{position: relative;height: 56rem;}
.product .index-title{position: absolute; top: 5.25rem; left: 8%; z-index: 2;}
.product .index-title span{color: rgba(255,255,255,0.1);}
.product .index-title strong{color: #fff;}
.product .index-title i{background: #ec1e23;}

.product .swiper-pointer-events{}

.propic-big ul li .pic{height: 48rem;}
.propic-big ul li .pic>img{display: none;}
.propic-big ul li .info{position: absolute; bottom: 18%; right:13%; z-index: 2; width: 34%;}
.propic-big ul li .info h3{display: block; font-size:2.3rem; color: #fff;}
.propic-big ul li .info h4{display: block; font-size: 1rem; line-height: 1.5rem;color: #fff; margin-bottom: 3.125rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;font-weight: 300;}
.propic-small{position: absolute!important; left: 8%; z-index: 2; top: 27%; width:42%;}
.propic-small ul{flex-wrap: wrap; display: flex; }
.propic-small ul li{padding: 1.5rem 0; border-bottom: 0.0625rem solid rgba(253,253,253,0.18); width:47%!important; cursor: pointer;    margin-right: 3%;}
.propic-small ul li h2{display: block; font-size: 1.75rem; color: rgba(255,255,255,0.5); font-family: "PFBold"; line-height: 2.0625rem;transition: all .2s; }
.propic-small ul li span{display: block; font-size: 1rem; color: rgba(255,255,255,0.33); font-family: "Arial";}
.propic-small ul li .icon{display: none; opacity: 0; width: 3.5625rem;height: 3.5625rem;background: #fdfdfd; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 9.4%;}
.propic-small ul li.swiper-slide-thumb-active h2{font-size: 2.0625rem; color: rgba(255,255,255,1);}
.propic-small ul li.swiper-slide-thumb-active span{ color: rgba(255,255,255,1);}
.propic-small ul li.swiper-slide-thumb-active .icon{opacity: 1; display: flex;}


/* 解决方案 */
.solution{padding: 4.75rem 0 5.0625rem;}
.solution-top{margin-bottom: 5.625rem;}
.solution-top .index-title{margin-bottom: 0;}
.solution-top{align-items: flex-end;}
.solution-top h2{display: block; font-size: 1rem; color: #72797F; margin-bottom: 0.4375rem;}
.solution-top .text i{display: block; width: 39px;height: 2px;background: #bf191d;}
.solution-list{width: 100%; overflow: hidden; padding: 1.375rem 0;}
.solution-list ul li{   display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center; transition: 300ms; transform: scale(1);}
.solution-list ul li .pic{position: relative;}
.solution-list ul li .pic img{display: block; width: 100%;}
.solution-list ul li .info{position: absolute; content: ''; width: 100%; bottom: 0; padding: 0 5%; box-sizing: border-box;  color: #ffffff; transition: 0.6s;} 
.solution-list ul li h3{display: block; font-size: 1.5rem;  font-family: "PFBold"; margin-bottom: 0.8125rem; }
.solution-list ul li h4{display: block; font-size: 0.875rem; line-height: 1.4375rem; margin-bottom: 1.4375rem; opacity: 0;display: none;}
.solution-list ul li span{display: block; font-size: 0.875rem; text-transform: uppercase; font-family: "Arial"; opacity: 0;}
.solution-list ul li.swiper-slide-active{      transform: scale(1.1);	}
.solution-list ul li.swiper-slide-active .info{padding-bottom: 9.5%;}
.solution-list ul li.swiper-slide-active h4,.solution-list ul li.swiper-slide-active span{opacity: 1;}
.solution-bottom{margin-top: 5.125rem; }
.solution-bottom .container{display: flex; justify-content: flex-end;position: relative;}
#solution-num{border-top: 0.125rem solid rgba(215,215,215,0.76); border-bottom: 0.125rem solid rgba(215,215,215,0.76); width: 10.6875rem; height: 4.125rem; margin-right: 16.125rem; }
#solution-num span,#solution-num em{display: inline-block; font-size: 1.25rem; color: #525252;  font-family: "GOTHICB";}
#solution-prev,#solution-next{ transition: 0.6s; width: 3.75rem; height: 3.75rem; border: 0.125rem  solid #e5e5e5; opacity: 1; z-index: 8; border-radius: 50%;}
#solution-prev,#solution-next{background: url(../images/solution-arrow.png) no-repeat center;}
#solution-prev{left: auto; right: 9%;}
#solution-next{right: 2.8%;  transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#solution-prev:hover,#solution-next:hover{background: url(../images/solution-arrow2.png) no-repeat center #EC1E23; border-color: #EC1E23;}
.solution-list ul li .info{    background: url(../images/black-bg.png) no-repeat center;    padding-top: 50%;}


/* 我们的实力 */
.strength-left{background: url(../images/strength-left.jpg) no-repeat center; height: 53.5rem; width: 32%; background-size: cover; position: relative; padding-top: 7.125rem; box-sizing: border-box;}
.strength-left .index-title{padding-left: 26%; margin-bottom: 6.125rem;}
.strength-left .index-title span{color: rgba(255,255,255,0.11);}
.strength-left .index-title strong{color: #fff;}
.strength-left .index-title i{background: #fff;}
.strength-btn{width: 110%; position: absolute!important;  left: 0; z-index: 3!important; }
.strength-btn ul{display: flex; flex-wrap: wrap;}
.strength-btn ul li{width: 100%!important; height: 7.5rem; position: relative; margin-bottom: 1.1875rem; cursor: pointer;}
.strength-btn ul li:last-child{margin-bottom: 0;}
.strength-btn ul li::after{position: absolute; content: ''; width: 0; height: 100%; top: 0; left: 0; border-top-right-radius: 3.75rem; border-bottom-right-radius: 3.75rem; background: rgba(255,255,255,0.93); transition: 0.5s;}
.strength-btn ul li.swiper-slide-thumb-active::after,.strength-btn ul li:hover::after{width: 100%;}
.strength-btn ul li .icon,.strength-btn ul li h2,.strength-btn ul li .arrow{position: relative;z-index: 10;}
.strength-btn ul li .icon{margin-left: 26%; width: 4.5rem; height: 4.5rem; border-radius: 50%;} 
.strength-btn ul li  h2{display: block; font-size: 1.25rem; color: #fff; text-indent: 0.5rem; margin-right: 25%; transition: 0.6s;}
.strength-btn ul li .arrow{opacity: 0;}
.strength-btn ul li.swiper-slide-thumb-active .icon{background: #EC1E23;}
.strength-btn ul li.swiper-slide-thumb-active h2{color: #EC1E23; font-family: "PFBold"; text-indent: 2rem;}
.strength-btn ul li.swiper-slide-thumb-active .arrow{opacity: 1;}
.strength-right{width: 68%;}
.strength-box ul li{position: relative;}
.strength-box ul li{opacity: 0!important;}
.strength-box ul li.swiper-slide-active{opacity: 1!important;}
.strength-box ul li .pic{height: 53.5rem; width: 100%;}
.strength-box ul li .pic>img{display: none;}
.strength-box ul li .hide{position: absolute; width: 82%; top: 50%;   transform: translateY(-50%); left: 0; right: 0; z-index: 2; margin: auto;}
.strength-box ul li .hide h3{display: block; font-size: 2.625rem; color: #fff; line-height: 2.625rem;}
.strength-box ul li .hide  span{display: block;  font-size: 1.75rem; color: #fff;  font-family: "GOTHICB"; font-weight: lighter;}
.strength-box ul li .more a{width: 10.75rem;height: 3.75rem;border: 1px solid #ffffff;border-radius: 1.9375rem; transition: 0.6s;}
.strength-box ul li .more em{font-size: 1rem; color: #fff; margin-right: 0.9375rem;}
.strength-box ul li  .info{margin-top: 32%; border-top: 0.125rem solid rgba(255,255,255,0.32); padding-top: 4.6%;}
.strength-box ul li h4{display: block; font-size: 1.125rem; color: #fff;}
.strength-box ul li .more:hover a{background: #ec1e23; border-color: #ec1e23;}
#strength-num{display: none;}

/* 工程案例 */
.case{padding: 7.4375rem 0 12.8125rem;}
.case-top{margin-bottom: 3.8rem;}
.case-top .index-title{margin-bottom: 0;}
.case-top .about-more em{text-indent: 2.6875rem;}
.case-list{position: relative; overflow: hidden;}
.case-list ul li{transform: scale(0.9); position: relative; overflow: hidden;}
.case-list ul li .pic{overflow: hidden;}
.case-list ul li .pic>img{display: block; width: 100%;}
.case-list ul li .black-bg{position: absolute; top: 0; background: url(../images/black-bg.png) no-repeat center; width: 100%; height: 100%;background-size:cover;}
.case-list ul li .info{position: absolute; padding: 0 8.7%; bottom: -100%; box-sizing: border-box; width: 100%; transition: 0.6s; opacity: 0;}
.case-list ul li .info em{display: block; font-size: 1rem; color: #fff;}
.case-list ul li .info h3{display: block; font-size: 1.875rem; color: #fff;}
.case-list ul li  .icon{width: 3.75rem;height: 3.75rem;background: #ec1e23; border-radius: 50%;}
.case-list ul li.swiper-slide-active{      transform: scale(1.035);	}
.case-list ul li.swiper-slide-active .info{bottom: 14%; opacity: 1;}
#case-prev,#case-next{background: url(../images/case-arrow.png) no-repeat center; width: 1.5rem; height: 2.75rem; opacity: 1;}
#case-prev{left: 21%;}
#case-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 21%;}


/* 新闻动态 */
.news{background: url(../images/news-bg.jpg) no-repeat center top 1.75rem; background-size: cover; padding-bottom: 6.5625rem;}
.news-btn ul li{position: relative; margin-left: 2.375rem;}
.news-btn ul li:first-child{margin-left: 0;}
.news-btn ul li:after{transition: 0.6s; opacity: 0; position: absolute; content: '';  width: 6px;height: 6px;background: #ffffff; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0;}
.news-btn ul li a{display: block; width: 8.9375rem;line-height: 2.9375rem;background: transparent;border-radius: 1.5rem; font-size: 1.125rem; color: #72797F; text-indent: 2.9375rem;}
.news-btn ul li.on:after{opacity: 1; left: 1.875rem;}
.news-btn ul li.on a{background: #ec1e23; color: #fff;}


.news-box{max-width: 1826px; margin: 0 auto;}
.news-list1,.news-list2{max-width: 1601px; margin: 0 auto;}

.news-list ul li .pic{border-radius: 0.625rem; overflow: hidden; margin-bottom: 1.125rem;}
.news-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li em{display: flex; font-size: 1rem; color: #999; align-items: center; margin-bottom: 0.625rem;}
.news-list ul li em>img{display: inline-block;  margin-right: 0.625rem;}
.news-list ul li h3{ font-size: 1.25rem; color: #43505B;  font-family: "PFBold"; margin-bottom: 0.25rem;}
.news-list ul li h4{ font-size: 1rem; line-height: 1.4375rem; color: #72797F; margin-bottom: 1.25rem;}
.news-list ul li span{display: block; font-size: 0.875rem; color: #72797F;}
.news-list ul li:hover h3{color: #ec1e23;}
.news-box{position: relative;}
.news-prev,.news-next{width: 3.75rem!important;height: 3.75rem!important;border: 0.125rem  solid #e5e5e5; border-radius: 50%; background: url(../images/news-arrow.png) no-repeat center; transition: 0.6s;}
.news-prev{left: 0;}
.news-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);  right: 0;}
.news-prev:hover,.news-next:hover{background: url(../images/news-arrow2.png) no-repeat center #EC1E23; border-color: #EC1E23;}
#news-num1,#news-num2{display: none;}


/* 公共底部 */
.footer{background: #e7e7e7; padding: 5rem 0 1.4375rem; position: relative;}
.foot-logo a img{display: block; margin-bottom: 2.375rem;}
.foot-nav{width: 59%; margin-top: 0.75rem;}
.foot-nav dl dt{display: block; font-size: 1.125rem; color: #222222; font-family: "PFBold"; margin-bottom: 1.625rem; }
.foot-nav dl dd a{display: block; font-size: 0.9375rem; line-height: 2rem; color: #72797f;}
.foot-contact p{display: block; font-size: 0.9375rem; line-height: 2rem; color: #72797F;}
.foot-contact p img{display: inline-block; margin-right: 1.1875rem;}
.foot-copy{margin-top: 4.75rem;}
.foot-copy p{display: block; font-size: 0.9375rem; color: #72797F;}
.foot-copy a{ color: #72797F;}
.foterlinks a{display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 3.125rem; background: rgba(141,141,141,0.1); border-radius: 50%; transition: 0.6s;}
.foterlinks a:hover{background: #ec1e23;}
.foterlinks a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.foot-nav dl dd a:hover,.foot-copy a:hover{color: #ec1e23;}


/* 二维码弹窗 */
#c-code-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
#c-code-pop .c-img-box {position: absolute;top: 50%; left: 50%;padding: 20px; width: 200px; border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#c-code-pop .c-img-box .c-close {position: absolute; display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;bottom: -60px;left: 50%;margin-left: -20px; cursor: pointer; background-color: #fff; border-radius: 50%; transition: all 0.5s;}
#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {margin: 4px; width: 18px;height: 18px;}
#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path { fill: #333;transition: all 0.5s;}
#c-code-pop .c-img-box .c-close:hover {background: #ec1e23;}
#c-code-pop .c-img-box .c-close:hover svg path {fill: #fff;}
#c-code-pop .c-img-box > img {width: 100%;}
#c-code-pop .c-img-box .c-text { padding-top: 10px; line-height: 1;text-align: center; color: #333;}
 

.slideflex{position: absolute; right: 2%; z-index: 99; bottom: 59%;}
.slideflex  ul li a{transition: 0.6s; display: flex; align-items: center; justify-content: center; width: 4.3125rem;height: 4.3125rem;background:rgba(60,60,60,0.52);box-shadow: 0px 0px 8px 0px rgba(60,60,60,0.05);  border-radius: 50%; margin-bottom: 1.4375rem;}
.slideflex  ul li a:hover{background: rgba(236,30,35,1);}
.slideflex  ul li:first-child a{background: rgba(236,30,35,1);}


/* 内页banner */
.ny-banner{position: relative;}
.ny-banner img{display: block; width: 100%; }
.ny-banner .info {position: absolute; left: 0; right:0; top: 0; bottom: 0; margin: auto;text-align: center;  display: flex; justify-content: center; align-items: center;     flex-direction: column;}  
.ny-banner .info h2{display: block; font-size: 4.5rem; color: #fff; } 
.position{position: absolute; width: 100%; bottom:1.75rem; color: #fff;}
.position a{display: inline-block; font-size: 1rem; color: #fff;}
.position a:hover{color: #ec1e23;}



/* 内页分类 */
.nyclass-box{background: #fafafa; padding: 2.5rem 0;}
.ny-class .ctitle1 li{}
.ny-class .ctitle1 li a{display: block; font-size: 1.25rem; line-height: 1.25rem; color: #444444; position: relative; text-align: center;  padding: 0 3rem;}
.ny-class .ctitle1 li a::after{position: absolute; content: ''; width: 0.0625rem; height: 1.1875rem; background: #c5c5c5; top: 0; right: 0;}
.ny-class .ctitle1 li:last-child a::after{display: none;}
.ny-class .ctitle1 li a:hover,.ny-class .ctitle1 li.on a{color: #ec1e23; font-weight: bold;}


/* 内页关于泉福 */
.about-title{margin-bottom: 4rem; text-align: center;}
.about-title strong{ display: block; font-size: 3rem; line-height: 3rem; color: #333; margin-bottom: 1.375rem;}
.about-title i{display: block; width: 2.875rem;height: 0.3125rem;background: #ec1e23; margin: 0 auto;}

.nyabout-box .about-title {text-align: left;}
.nyabout-box .about-title i{margin: 0;}
.ny-about{position: relative; padding: 7.625rem 0 6.4375rem;}
.nyabout-box .info{width: 52.71%; margin-bottom: 6.3125rem;}
.nyabout-box .info h2{display: block; font-size: 1.0625rem; line-height: 1.875rem; color: #72797F; text-indent: 2rem; text-align: justify;}
.ny-about .pic{position: absolute; top: 7.625rem; right: 0; width:43.92%; height: 31.4375rem;}
.ny-about .pic img{display: none; width: 100%;}
.ny-about .about-num ul{justify-content: space-between;}
.ny-about .about-num ul li{width: auto; margin-bottom: 0;}


/* 企业文化 */
.culture{background: url(../images/culture-bg.jpg) no-repeat center; padding: 6.5625rem 0 9.9375rem;}
.culture .about-title {text-align: center;}
.culture .about-title strong{color: #fff;}
.culture .about-title i{background: #ec1e23; margin: 0 auto;}
.culture-list ul li{width: 31.2%; height: 22.5rem; background: #fff; text-align: center; padding-top: 4.1875rem; box-sizing: border-box;}
.culture-list ul li .icon{display: flex; align-items: center; justify-content: center; margin-bottom: 1.4375rem;}
.culture-list ul li h3{display: block; font-size: 2.1875rem; color: #333; margin-bottom: 0.6875rem;}
.culture-list ul li h4{display: block; font-size: 1rem; line-height: 1.4375rem; color: #666; margin: 0 auto; width: 79%;}






.aboutFour {position: relative; overflow: hidden; padding: 6.0625rem 0 5.9375rem;}

.aboutFour .c-bg1, .aboutFour .c-bg2 {position: absolute;top: 0;left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover;}

.aboutFour .c-bg2 {z-index: 5;transform: scale(1.1);}

.aboutFour .tle {position: relative; z-index: 10;}
.develop .about-title{text-align: center;margin-bottom: 0};
.develop .about-title strong{color: #333;}
.develop .about-title i{background: #ec1e23; margin: 0 auto;}
.aboutFour .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}

.aboutFour .swiperBox1 .container {position: relative;}

.aboutFour .swiperBox1 .abfourSwiper1 .year {display: block; text-align: center; font-size: 21.375rem;  line-height: 17.125rem; color: #a2a2a2; opacity: 0.17; font-weight: bold; font-family: "Arial";}

.aboutFour .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 31.25rem;}

.aboutFour .swiperBox2 .abfourSwiper2 {padding: 13.375rem  0;}

.aboutFour .swiperBox2 .abfourSwiper2 p { position: relative; display: block; font-size: 1.125rem; line-height: 1.9375rem; color: #727272;}


.aboutFour .c-arrow {position: absolute;top: 50%;left: 50%;z-index: 100;display: flex; align-items: center;justify-content: center;bottom: 1.2rem;width: 60px;height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); opacity: 1;transition: transform 0.4s;color: #fff; transform: scale(0); cursor: pointer;}

.aboutFour .c-arrow.on {transform: scale(1); background: #d75454;}

.aboutFour .c-arrow.on2 img, .aboutFour .c-arrow.on2 svg { transform: rotate(180deg);}

.aboutFour .c-arrow img, .aboutFour .c-arrow svg {width: 40%;height: 40%;}

.aboutFour .c-arrow img path, .aboutFour .c-arrow svg path { fill: #fff; transition: all 0.4s;}




/* #develop-prev,#develop-next{z-index: 9; width: 3.5rem;height: 3.5rem;border-radius: 50%; background: url(../images/develop-arrow.png) no-repeat center #d6d6d6; transition: 0.6s; opacity: 1;}
#develop-prev{left: 5%;}
#develop-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);  right: 5%;}
#develop-prev:hover,#develop-next:hover{background: url(../images/develop-arrow.png) no-repeat center #d75353; } */






@media (max-width: 767px) {.aboutFour .c-arrow {display: none;}}

.aboutFour .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;}

.aboutFour .swiperBox3 .abfourSwiper3::before {content: "";position: absolute;top: 15px;left: 0; width: 100%; border-top: 1px solid rgba(162, 162, 162, 0.29);}

.aboutFour .swiperBox3 .swiper-slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 70px;cursor: pointer;}

.aboutFour .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: 26px;height: 26px; border: 2px solid transparent;border-radius: 50%;position: relative; transition: all 0.4s;}

.aboutFour .swiperBox3 .c-dot::before {content: "";width: 13px;height: 13px; border-radius: 50%;background-color: #a6a6a6;}

.aboutFour .swiperBox3 .syear {width: 100%;transition: all 0.4s;font-size: 1.125rem; color: #333;  font-family: arial; line-height: 1.0625rem;} 

.aboutFour .swiperBox3 .swiper-slide-thumb-active .c-dot::before{background: #ec1e23;}
.aboutFour .swiperBox3 .swiper-slide-thumb-active .c-dot {border-color: #ec1e23;}

.aboutFour .swiperBox3 .swiper-slide-thumb-active .syear {font-size: 1.5rem;}







/* 厂房车间 */
.workshop {padding: 5.125rem 0 12rem; overflow: hidden;}
.workshop-list{margin-left: -20%; position: relative; padding-bottom: 6.5625rem;} 
.workshop-list ul li{position: relative;}
.workshop-list ul li .pic{overflow: hidden;}
.workshop-list ul li .pic>img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.workshop-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.workshop-list ul li .info{opacity: 0; position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); top:0; display: flex; align-items: center; justify-content: center; transition: 0.6s;}
.workshop-list ul li .info img{transform: scale(0); transition: 0.6s;}
.workshop-list ul li:hover .info,.workshop-list ul li.swiper-slide-active .info{opacity: 1;}
.workshop-list ul li:hover .info img,.workshop-list ul li.swiper-slide-active .info img{transform: scale(1);}
.workshop-box{position: relative;}
#workshop-num {bottom: 0;}
#workshop-num span{width: 19px;height: 19px; border: 2px solid transparent;border-radius: 50%;position: relative; transition: all 0.4s; background:transparent; opacity: 1;}
#workshop-num span::before {content: "";width: 9px;height: 9px; border-radius: 50%;background: rgba(173,173,173,0.53); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
#workshop-num span.swiper-pagination-bullet-active{border-color: #d22525;}
#workshop-num span.swiper-pagination-bullet-active::before{background: #d22525;}



/* 合作伙伴 */
.partner{margin-bottom: 8.5625rem;}
.partner-list{position: relative; overflow: hidden; padding: 0.8125rem; box-sizing: border-box;}
.partner-list ul li{height: 7.5rem;background: #ffffff;border-radius: 0.625rem;box-shadow: 0px 0px 13px 0px rgba(156,156,156,0.11); display: flex; justify-content: center; align-items: center;}
.partner-list ul li .pic{}
#partner-num{display: none;}



/* 资质证书 */
.honor{padding: 6.75rem 0  8rem; background: url(../images/honor-bg.jpg) no-repeat center; background-size: cover;}
.honor-box .container15{max-width: 75%; }
.honor-list{overflow: hidden;}
.honor-list ul li{border: 0.5rem solid #814e21; box-sizing: border-box;}
.honor-list ul li .pic{overflow: hidden;}
.honor-list ul li .pic>img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.honor-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.honor-box{position: relative;}
.honor-box .container{max-width: 1421px; margin: 0 auto;}
#honor-num{display: none;}
#honor-prev,#honor-next{z-index: 9; width: 3.5rem;height: 3.5rem;border-radius: 50%; background: url(../images/develop-arrow.png) no-repeat center rgba(0,21,38,0.21); transition: 0.6s; opacity: 1;}
#honor-prev{left: 8%;}
#honor-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);  right: 8%;}
#honor-prev:hover,#honor-next:hover{background: url(../images/develop-arrow.png) no-repeat center #ec1e23; }



/* 技术与创新 */
.technology{padding: 7rem 0 5.75rem;}
.technology .about-title{margin-bottom: 3.25rem;}
.technology .info{text-align: center; width:58.32rem; margin: 0 auto 4.8125rem;}
.technology .info h3{display: block; font-size: 1.125rem; line-height: 2rem; color: #777777;}
.technology-more a{transition: 0.6s; width: 4.4375rem; height: 4.4375rem; border:0.0625rem solid rgba(119,119,119,0.4); border-radius: 50%; margin: 0 auto;}
.technology-more img {animation: jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.technology-more a:hover{background: #ec1e23; border-color: #ec1e23;}
.technology-more a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
@keyframes jump {0% {transform:translateY(10px)}to {  transform:translateY(-10px) }}



/* 生产规模 */
.manufacture{background: url(../images/manufacture-bg.jpg) no-repeat center; padding: 4.9375rem 0 6.3125rem; background-size: cover;}
.core-title{text-align: center; margin-bottom: 3.875rem;}
.core-title em{display: block; font-size: 1.375rem; color: #ec1e23; margin-bottom: 0.5rem;}
.core-title strong{display: block; font-size: 2.625rem; line-height: 3.3125rem; color: #333333; margin: 0 auto;}
.core-title strong.wap-title{display: none;}
.manufacture-box{position: relative;  padding-bottom: 5.8125rem;}
.manufacture-list{overflow: hidden;}
.manufacture-list ul li .pic{overflow: hidden;}
.manufacture-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.manufacture-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#manufacture-num{bottom: 0;}
#manufacture-num span{width: 19px;height: 19px; border: 2px solid transparent;border-radius: 50%;position: relative; transition: all 0.4s; background:transparent; opacity: 1; margin: 0 0.4375rem;}
#manufacture-num span::before {content: "";width: 9px;height: 9px; border-radius: 50%;background: rgba(173,173,173,0.53); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
#manufacture-num span.swiper-pagination-bullet-active{border-color: #d22525;}
#manufacture-num span.swiper-pagination-bullet-active::before{background: #d22525;}


/* 实验室仪器 */
.laboratory{padding: 5.0625rem 0 7.5625rem;}
.laboratory .core-title{margin-bottom: 6.25rem;}


.laboratory-list{overflow: hidden; position: relative;}
.laboratory-list ul {display: flex; }
.laboratory-list ul li {position: relative;overflow: hidden; transition: .5s;flex: 0.89; margin-right: 1%;  border-radius: 1.875rem}
.laboratory-list ul li.on {flex: 1.56;}
#laboratory-num{display: none;}

.waplaboratory-list{display: none;}


/* 产品与服务 */
.ny-banner .info h3{display: block; font-size: 1.125rem; line-height: 2rem; color: #fff; width: 55.4375rem; margin: 1.3125rem auto 0;}
.class-pannel{padding: 4.3125rem 0 3.75rem;}
.proclass-box{background: #FDFDFD;position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.proclass-box .info{padding-left: 4%;width: 46%;}
.proclass-box .info h2{display: block; font-size: 2.5rem; color: #333;  font-family: "PFBold";  margin-bottom: 0.5625rem;}
.proclass-box .info h3{font-size: 1rem; line-height: 2rem; color: #333; margin-bottom: 3.1875rem;}
.proclass-box .pic{width: 44%;}
.proclass-box .pic img{display: block; width: 100%;}
.class-more a{z-index: 3; position: relative; display: block; width: 9.9375rem; background: #EC1E23;  font-size: 0.9375rem; line-height: 2.8125rem; color: #fff;  font-family: "PFBold";  text-align: center;}
.class-more a:before {content: ''; z-index: -1; transition: 1s;  box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #EC1E23;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.class-more a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}

.pro-main{background: #fafafa;}
.nyclass-box2{padding: 3.125rem 0;}
.nyclass-box2 .ny-class .ctitle1 li a::before{position: absolute; content: ''; background: url(../images/proclass-icon.png) no-repeat; width: 10px; height: 10px; right: 13%; bottom: 0%;  transition: 0.6s; opacity: 0;}
.nyclass-box2 .ny-class .ctitle1 li:hover a::before{bottom: 20%; opacity: 1;}

.ny-product{padding:3rem 0 12.5rem;}
.product-list{overflow: hidden;}
.product-list ul{width: 104.3%;}
.product-list ul li{width: 23%; margin-right: 1.3%; float: left; margin-bottom: 1.5rem;}
.product-list ul li .pic{overflow: hidden; position: relative;}
.product-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background:transparent; top: 0; display: flex; align-items: center; justify-content: center;}
.product-list ul li .hide>img{transform: scale(0);}
.product-list ul li:hover .hide>img{transform: scale(1);}
.product-list ul li .info{background: #fff; height: 10.4375rem; text-align: center;}
.product-list ul li .info h3{display: block; font-size: 1.25rem; color: #444;   font-family: "PFBold"; padding: 1.5625rem 0 1.375rem;}
.product-list ul li .info span{transition: 0.6s; display: block; width: 9.8125rem; font-size: 0.9375rem;       line-height: 2.6875rem; color: #828282; border: 0.0625rem  solid #b9b9b9; margin: 0 auto; }
.product-list ul li:hover .info span{background: #ec1e23; border-color: #ec1e23; color: #fff;}



/* 产品详情页 */
.pro-header {height: 6.625rem; top: 0;background: #fff; box-shadow: 0 0 3px rgb(0,0,0,0.1) }
.pro-header .head-box{height: 6.625rem; }
.pro-header .pc-nav ul li h3{color: #333333;}
.pro-headerzw{height: 6.625rem;}
.pro-header.headfixed{background: #fff; padding: 0;}
.ny-proxq{background: url(../images/proxq-bg.jpg) no-repeat center top; padding: 3.0625rem 0 5.375rem; background-size: cover;}
.ny-proxq .position{position: relative; color: #666; bottom: auto; margin-bottom: 2.1875rem;}
.ny-proxq .position a{color: #666;}
.proxq-list{position: relative; overflow: hidden; border: 0.0625rem solid #ececec; width: 44.73%;}
.proxq-list ul li .pic img{display: block; width: 100%;}
#proxq-num{display: none;}
.proxq-box .info{width: 51%;}
.proxq-box .info strong{display: block; font-size: 2.375rem; color: #333; margin-bottom: 2rem;}
.proxq-box .info h4{font-size: 1rem; line-height: 1.875rem; color: #838383; margin-bottom: 5.5rem;}
.proxq-btn a{transition: 0.6s; width: 10.8125rem; font-size: 1.125rem;line-height: 3.4375rem;background: #b9b9b9;border-radius: 1.75rem; color: #ffffff; text-align: center;}
.proxq-btn a img{margin-left: 6%;}
.proxq-btn a:first-child{margin-right: 6%; background: #C10610;}
.proxq-btn a:hover{background: #C10610;}


.pro-details{padding: 4.625rem 0 8.125rem;}
.details-box{align-items: flex-start;}
.details-left{width: 65.2%;}
.details-right{position: sticky; width: 23.86%; top: 10rem;}
.details-title{border-bottom: 0.0625rem solid #E5E5E5; padding-bottom: 1.5625rem; margin-bottom: 1.5625rem;}
.details-title strong{display: block; font-size: 2.25rem; color: #333; border-left: 0.4375rem solid #C10610; line-height: 2.25rem; padding-left: 2.0625rem;}
.recom-title h3{display: block; font-size: 2rem; color: #303030; margin-bottom: 0.9375rem;}
.pro-recom ul li{margin-bottom: 1.4375rem;}
.pro-recom ul li a{padding: 1.0625rem 3.6%; box-sizing: border-box; background: #f9f9f9;}
.pro-recom ul li .pic{overflow: hidden;width: 47%;}
.pro-recom ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.pro-recom ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.pro-recom ul li .info{width: 46.89%;}
.pro-recom ul li .info strong{ font-size: 1.0625rem; color: #444;  font-family: "PFBold"; margin-bottom: 0.9375rem;}
.pro-recom ul li .info span{display: block; font-size: 0.875rem; color: #C10610;}




/* 案例列表页 */
.caseclass-box{background: #fafafa;}
.ny-case{padding: 5.1875rem 0;}
.nycase-list ul{justify-content: space-evenly;}
.nycase-list ul:after{content: ''; width: 45.6%; }
.nycase-list ul li{padding: 1.6%; box-sizing: border-box;background: #fafafa; width: 45.6%; margin-bottom: 2.1875rem;}
.nycase-list ul li .pic{overflow: hidden;width: 53.63%}
.nycase-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nycase-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nycase-list ul li .info{width: 39.5%;}
.nycase-list ul li .info h3{ font-size: 1.375rem; color: #444; font-family: "PFBold"; margin-bottom: 1rem;}
.nycase-list ul li .info span{display: block; font-size: 0.9375rem; line-height: 1.75rem; color: #828282;}
.nycase-list ul li .info em{display: block; width: 9.8125rem; font-size: 0.9375rem; line-height: 2.6875rem; color: #828282; text-align: center; font-family: "PFBold"; border: 0.0625rem  solid #b9b9b9; margin-top: 1.6875rem; transition: 0.6s;}
.nycase-list ul li:hover .info em{background: #ec1e23; border-color: #ec1e23; color: #fff;}


/* 内页新闻列表页 */
.ny-news{padding: 4.25rem 0;}
.latest-news{position: relative; overflow: hidden; margin-bottom: 2.625rem;}
latest-news ul li{transition: 0.6s;}
.latest-news ul li a{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #f6f6f6;}
.latest-news ul li .pic{width: 54%;}
.latest-news ul li .pic img{display: block; width: 100%;}
.latest-news ul li .info{width: 46%; box-sizing: border-box; padding: 4.6%;}
.latest-news ul li .info span{display: block; font-size: 1.125rem; color: #999; font-family: Arial;}
.latest-news ul li .info h3{font-size: 1.625rem; color: #333; font-family: "PFBold"; margin-bottom: 1.5rem;}
.latest-news ul li .info h4{font-size: 1rem; line-height: 1.6875rem; color: #666; margin-bottom: 3.5625rem;}
.latest-news ul li .more{display: flex; align-items: center;}
.latest-news ul li .more em{display: inline-block; font-size: 1rem; color: #C10610; font-family: "PFBold";margin-right: 0.875rem; transition: 0.6s; }
.latest-news ul li .more img{}
.latest-news ul li:hover .more em{margin-right: 1.2rem;}
#latest-num{display: none;}
#latest-prev,#latest-next{transition: 0.6s; position: absolute; background: url(../images/latest-arrow.png) no-repeat center rgba(0,21,38,0.21); width: 2.9375rem; height: 2.9375rem; border-radius: 50%; bottom: 11%; top: auto;}
#latest-prev{left: auto; right: 5.6%;}
#latest-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 2%;}
#latest-prev:hover,#latest-next:hover{ background: url(../images/latest-arrow.png) no-repeat center rgba(193,3,14,1);}

.nynews-list ul::after{content: ''; width: 32%;}
.nynews-list ul li{background: #f9f9f9; width: 32%; margin-bottom: 2.3125rem; }
.nynews-list ul li .pic {overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{padding: 1.75rem 5% 3.625rem;}
.nynews-list ul li .info span{display: block; font-size: 0.9375rem; color: #999; margin-bottom: 0.4375rem;}
.nynews-list ul li .info strong{font-size: 1.25rem; color: #333; font-family: "PFBold"; margin-bottom: 1.125rem;}
.nynews-list ul li .info h4{font-size: 1rem; line-height: 1.6875rem; color: #666;}
.nynews-list ul li:hover .info strong{color: #C10610;}
 



/* 内页新闻详情页 */
.nynews-xq {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5rem;}
.news-left{width: 68%;}
.news-xq{width: 100%; border-radius: 0.625rem;box-shadow: 0px 0px 40px 0px rgba(227, 226, 225, 0.42); margin-bottom: 6.0625rem; padding: 4rem 5% 4rem; box-sizing: border-box;}
.newsxq-title{border-bottom: 0.0625rem solid #ddd; padding-bottom: 2.8125rem; margin-bottom: 2.8125rem;}
.newsxq-title strong{display: block; font-size: 2rem; color: #333; margin-bottom: 0.3125rem;}
.newsxq-title span{display: block; font-size: 1rem; color: #777;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #C10610;border-color: #C10610;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #C10610;}
.news-right{width: 26.68%; border-radius: 0.3125rem; position: sticky;top:120px;box-shadow: 0px 0px 30px 0px rgba(226,225,224,0.42); padding: 2.1875rem 2% 3.4375rem; box-sizing: border-box;}
.news-right:after{position: absolute; content: '';  width: 68%;height: 0.4375rem;background: #C10610;border-radius: 0.25rem;  bottom: -0.1875rem;left: 0; right: 0; margin: auto;}
.recom-news strong{display: block; font-size: 1.625rem; color: #333; margin-bottom: 2.1875rem;}
.recomnews-list ul li{margin-bottom: 1.875rem;}
.recomnews-list ul li a{display: flex; align-items: center; }
.recomnews-list ul li .pic{width: 50%; overflow: hidden; border-radius: 0.3125rem; margin-right: 5%;}
.recomnews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recomnews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recomnews-list ul li .info{width: 48%;}
.recomnews-list ul li em{display: block; font-size: 0.875rem; color: #999; margin-bottom: 0.4375rem;}
.recomnews-list ul li strong{ font-size: 1rem; line-height: 1.625rem; color: #333; }
.recomnews-list ul li:hover strong{color: #C10610;}


/* 内页联系我们 */
.ny-contact{background: url(../images/contact-bg.jpg) no-repeat center top; background-size: cover; padding: 9.5625rem 0 9.9375rem; box-sizing: border-box;}
.ny-contact .info  strong{display: block; font-size: 3.125rem; color: #C41A1E; font-family: "PFBold"; margin-bottom: 2.4375rem;}
.ny-contact .info p{display: block; font-size: 1.125rem; color: #6B6B6B; margin-bottom: 0.75rem;}
.ny-contact .info p>img{display: inline-block; margin-right: 0.625rem;}
.ny-contact .info a:hover{color: #C10610;}
.map{padding: 5.125rem 0 5.9375rem;}
.map-pic {position: relative; width: 84%; margin: 0 auto;}
.map-pic>img{max-width: 100%;}
.map-pic .icBox {position: absolute;right: 18%;top: 41.5%;max-width:23px;z-index: 1;text-align: center;}
.map-pic .icBox img {max-width: 23px; position: relative; z-index: 2;}
.map-pic .icBox .i1 , .map-pic .icBox .i2 {width: 9px;height: 9px;background: #ffffff; display: block; margin: auto; border-radius: 50%; margin-top: -5px; position: absolute; left: 32%; z-index: 1;}
.map-pic .icBox .i2 {z-index: 2;}
.map-pic .icBox .i1::after {content: ""; width: 5.3125rem; height: 5.3125rem; background: rgba(75,75,75,0.11); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;animation: scalemap 2s linear infinite;}

@keyframes scalemap {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: .6;
  }

  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

.message-bg{background: url(../images/message-bg.jpg) no-repeat center top; background-size: cover; padding: 5.5625rem 0 7.75rem; }
.message-bg .container15{max-width: 1216px; }
.message-bg .about-title{margin-bottom: 6.125rem;}
.message-top{margin-bottom: 1.375rem;}
.message-top ul li{height: 4.5625rem;background: #ffffff;border-radius: 0.3125rem; width: 31.74%; padding: 0 2.7%; box-sizing: border-box; justify-content: space-between;}
.message input,.message textarea{outline: none; border:none; font-family: "PFMedium"; background: #ffffff; font-size: 1rem; color: #666;}
.message-top ul li em{display: inline-block; font-size: 1rem; color: #666; margin-right: 2%;}
.message-top ul li i{color: #ff0000; font-style: normal;}
.message-top ul li input{line-height: 4.5625rem;}
.message textarea{width: 100%; height: 13.125rem; border-radius: 0.3125rem; padding: 2.7%; box-sizing: border-box; margin-bottom: 1.9375rem;}

.message .mess-submit{display: block; width: 10.8125rem; font-size: 1.0625rem;line-height: 3.4375rem; color: #fff; text-align: center;background: #c41a1e;border-radius: 1.75rem; margin: 0 auto;  font-family: "PFBold"; }



/*分页*/
.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: #ec1e23;}
.fy .layui-laypage-curr {color: #fff; background: #ec1e23; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}



/* 搜索页面 */
.search-page .container15 {width: 1200px;}
.search-page .box {margin-top: 1rem;}
.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 .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}
.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: #ec1e23;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}
.search-page li h3 {font-size: 1.125rem;color: #000000;font-weight: 700;margin: 10px 0;}
.search-page li p {font-size: 1rem;color: #666;line-height: 1.5rem;}
.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;padding: 3px 20px;}
  .search-page form .searchCon {width: 80%;}
}
#c-placeholder{height: 6rem;}



.pro-editbox table{border-collapse: collapse; width: 100%!important;}
.pro-editbox table tr td{border: 1px solid #E5E5E5; padding: 1rem; box-sizing: border-box}
.pro-editbox table tr td img{display: block; max-width: 100%}
.case-editbox img{display: block; max-width: 100%}

#technology,#manufacture,#laboratory{position: relative; top: -4rem}
#about,#culture,#development,#workshop,#partner,#honor{position: relative; top: -4rem}
#partner{top: -9rem}


.pro-editbox .special-pro .table0 tr td{width: 50%;}

.pro-editbox .special-pro .table3 tr td{width: 50%;}
.pro-editbox .special-pro .table3 tr td img{height:19rem}

.pro-editbox .special-pro .table6 tr td img{width: 3rem; display: block; margin-bottom: 0.5rem;}
.pro-editbox span{word-break: break-all!important; text-wrap: wrap!important;}

.message-bottom ul li{width: 100%; }
.message-bottom ul{justify-content: space-between;}
.message-top ul li input {    width: calc(100% - 5rem);}
.message-bottom ul li input {    width: calc(100% - 14rem);}


#message{position: relative; top: -5rem;}

.nysolution-list ul{justify-content: space-between}
.nysolution-list ul:after{content: ''; width: 32%; }
.nysolution-list ul li{width: 32%; display: block; margin-bottom: 3rem}
.nysolution-list ul li .info{padding-bottom: 1rem}
.nysolution-list ul li h3{margin-bottom: 0}
.nysolution-list ul li span{opacity: 1}
.nysolution-list ul li .pic{overflow: hidden;}
.nysolution-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nysolution-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.case-editbox img{display: block; max-width: 100%; margin: 0 auto; height: auto!important;}
.news-editbox img{display: block; max-width: 100%; margin: 0 auto}