@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 "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:1560px;margin:0 auto}
.container-s{max-width:1736px;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-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; flex-wrap: wrap; align-items: center;}

/*字体引入*/

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



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


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


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




/* 公共头部 */
.header{position: fixed; top: 0px; z-index: 999; left: 0; right: 0; margin: auto; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}
.header-zw{height: 6.8125rem;}
.head-left{width: 80%;}
.pc-logo{}
.pc-logo a img{display: block; margin-right: 1.3125rem;}
.pc-logo .text{}
.pc-logo strong{display: block; font-size: 1.25rem; color: #e47a13; line-height: 1.875rem}
.pc-logo strong:first-child{letter-spacing: 0.09rem;}
.pc-nav{width: 57%;}
.pc-nav ul li{position: relative;}

.pc-nav>ul>li>a{display: block; font-size: 1.125rem; line-height: 6.8125rem; color: #18181a; position: relative;}
.pc-nav>ul>li.icon>a{padding-right: 0.875rem;}
.pc-nav>ul>li.icon>a::after{transition: 0.6s; position: absolute; content: '';  background: url(/html/class/template/images/nav-icon.png)  no-repeat center right; height: 100%; z-index: 1; right: 0;  width: 13px; }
.pc-nav>ul>li>a::before{position: absolute; content: ''; width: 0; transition: 0.6s; height: 0.1875rem;background: #e67a2d; bottom: 0; left: 50%; }
.pc-nav>ul>li:hover>a::before{width: 100%; left: 0;}
.pc-nav>ul>li:hover>a,.pc-nav>ul>li.on>a{color: #e67a2d;}
.pc-nav>ul>li:hover.icon>a::after,.pc-nav>ul>li.on.icon>a::after{transform: rotateX(180deg)}

.navSlideTwo {position: absolute;left: 50%; transform: translateX(-50%); width: 160%;background: #fff;line-height: initial; display: none; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.navSlideTwo{padding: 0.9375rem 0;}
.navSlideTwo dd a {color: #333333; font-size: 1rem;display: block; text-align: center;  transition: .5s; line-height: 2.1875rem;}
.navSlideTwo dd a:hover {color: #e67a2d;}
.pc-nav ul li:nth-child(2) {   position: static;}
.proNavSlideTwo {position: absolute;left: 0;width: 100%;background: #fff;line-height: initial; display: none; overflow: hidden; border-top: 0.0625rem solid rgba(160,162,164,0.22); padding-bottom: 3.4375rem;}
.proNavSlideTwo .navSlideTop {background: #fff; margin-bottom: 0.8125rem;}
.navSlideTop ul li{margin: 0 2.8%;}
.navSlideTop ul li a{display: block; font-size: 1.25rem; line-height: 7.3125rem; color: #333; text-align: center;}
.navSlideTop ul li:hover a,.navSlideTop ul li.on a{font-weight: bold; color: #e67a2d;}
.proNavSlideTwo .navSlideBom {padding-bottom: 2.75rem;}


.navSlideBom .nav-pro {display: grid;grid-template-columns: repeat(5,1fr);gap: 0.9rem;justify-content: center;}
.navSlideBom ul li {background: #f9f9f9;overflow: hidden;text-align: center; padding-bottom: 16.65%;}
.navSlideBom li .pic { overflow: hidden;}
.navSlideBom li .pic img {width: 100%; transition: .5s;}
.navSlideBom li:hover .pic img {transform: scale(1.05);}
.navSlideBom li span{display: block; font-size: 0.8125rem; line-height: 0.625rem; color: #E47A2E; font-family: Arial; height: 0.625rem}
.navSlideBom li em{display: block; font-size: 1rem; color: #333; margin-top: 0.3125rem;}
.proNavSlideTwo .navSlideBom ul {display: none;}
.proNavSlideTwo .navSlideBom ul.on {display: grid;}
.navSlideTop ul li:nth-child(1) {animation-delay: .1s;}
.navSlideTop ul li:nth-child(2) {animation-delay: .2s;}
.navSlideTop ul li:nth-child(3) {animation-delay: .3s;}
.navSlideTop ul li:nth-child(4) {animation-delay: .4s;}
.navSlideTop ul li:nth-child(5) {animation-delay: .5s;}
.navSlideTop ul li:nth-child(6) {animation-delay: .6s;}
.navSlideTop ul li:nth-child(7) {animation-delay: .7s;}
.navSlideTop ul li:nth-child(8) {animation-delay: .8s;}
.navSlideBom ul li:nth-child(1) {animation-delay: .1s;}
.navSlideBom ul li:nth-child(2) {animation-delay: .2s;}
.navSlideBom ul li:nth-child(3) {animation-delay: .3s;}
.navSlideBom ul li:nth-child(4) {animation-delay: .4s;}
.navSlideBom ul li:nth-child(5) {animation-delay: .5s;}
.nav-link{margin-top: 3rem}
.nav-link a{ border: 0.0625rem solid #6b6b6b;border-radius: 1.9375rem; height: 3.5625rem; padding: 0 2.55%; margin: 0 1.5%; transition: 0.6s; box-sizing: border-box;}
.nav-link em{display: inline-block; font-size: 1.0625rem; color: #333; line-height: 3.5625rem;}
.nav-link img{display: inline-block; vertical-align: middle;  margin-right: 0.8125rem;}
.nav-link a:hover{background: #e58e31; border-color: #e58e31;}
.nav-link a:hover em{color: #fff;}
.nav-link a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.head-middle{width: 55%;}
.heSearch .seBox {width: 2.875rem; height: 2.875rem; border-radius: 50%; background: #e58e31;}
.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:#e58e31; 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: #333;}
.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: #1a1a1a; 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: #e58e31;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; font-size: 1.2rem;}
.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: #e58e31;}
.mobnavBox .bottom .nav li.on h3 i {transform: rotate(90deg);color: #e58e31;}
.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: #e58e31;}
.mobnavBox .bottom .nav li .m-subnav a:hover{color: #e58e31;}
.mobnavBox .bottom .nav li .m-subnav a:hover:before{border-color: #e58e31;}
.mobnavBox .bottom .nav li .m-subnav a:hover:after{background: #e58e31;}

.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: #e58e31;}


@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:40rem}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .swiper-slide {overflow: hidden;}
.banner .imgBox {height:40rem; display: flex; align-items: center; position: relative; background-size: cover!important }
.banner .imgBox .container-s{ position: absolute; left: 0; right: 0; margin: auto;  color: #fff; }
.banner .info{margin-left:8.4%;}
.banner .info h2{display: block; font-size: 2rem; color: #262626; line-height: 2rem; margin-bottom: 1.125rem;}
.banner .info h3{display: block;font-size: 4.25rem; color: #18181a; font-weight: bold; line-height: 4.25rem; margin-bottom: 1.0625rem;}
.banner .info h4{display: block; font-size: 1.875rem; color: #777; margin-bottom: 2.0625rem; line-height: 2rem}
.banner-more a{transition: 0.6s; display: block; width: 10.5625rem;  background: #e58e31; font-size: 1.125rem; line-height: 3.75rem; color: #fff; text-align: center; border-radius: 1.875rem;}
.banner-more img{display: inline-block; margin-left: 1.4375rem; transition: 0.6s;}
.banner-more a:hover img{margin-left: 1.8rem;}
.banner .pic{width:48.62%; position: absolute; top: 0; right: 0}
.banner .pic img{display: none; width: 100%;}
.banner .swjt { flex-wrap: wrap; right: 1.5%;}
.banner .swjt .i1 {width: 30px;height: 30px;opacity: 1; display: block; background: #bcbcbc; -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.banner .swjt .i2 {transform: rotateX(-180deg); width: 30px;height: 20px; position: relative; left: 35%; opacity: 1; display: block; background: #e58e31; -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); clip-path: polygon(0 0, 30% 0, 100% 100%, 70% 100%); transition: .5s;}
.banner .swjt:hover {opacity: 1;}
.banner .swjt:hover .i1 {background: #e58e31;}
.banner .swjt:hover .i2 {left: 0; height: 30px;}
.banner .swjt.swiper-button-prev {transform: rotateY(180deg); left: 1.5%;}
#banner-num{display: none; }


/* 优势 */
.ys{padding: 3.4375rem 0 5.8125rem;}
.ys-list ul li{text-align: center;}
.ys-list .flex-sbc{    justify-content: space-between;align-items: flex-start;}
.ys-list ul li img{display: block; margin: 0 auto 0.75rem; transition: 0.6s;}
.ys-list ul li strong{display: block; font-size: 1.25rem; color: #333;}
.ys-list ul li p{display: block; font-size: 1rem; line-height: 1.5rem; color: #666; opacity: 0.93;}
.ys-list ul li:hover img{transform: rotateY(-180deg);}

/* 近期热点 */
.news{background: #f9f9f9; padding: 4.1875rem 0 4.6875rem;}
.news-title{margin-bottom: 2.375rem;}
.news-title em{display: block; font-size: 2.625rem; color: #333;}

.news-list{position: relative; overflow: hidden; margin-bottom: 3rem;}
.news-list ul li .pic{overflow: hidden;}
.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 .info{ background: #fff; padding: 1.4375rem 5%; box-sizing: border-box; transition:0.6s}
.news-list ul li .info h3{font-size: 1.125rem; line-height: 1.5rem; color: #333; font-weight: bold;}
.news-list ul li:hover .info{background: #e58e31;}
.news-list ul li:hover .info h3{color: #fff;}
#news-num{display: none;}


.index-more {display: block; width: 9.5625rem;background: #e58e31; font-size: 1.0625rem; line-height: 3.4375rem; color: #fff; text-align: center;border-radius: 1.75rem; transition: .5s; margin: 0 auto;}
.index-more:hover {-webkit-box-shadow: 0 0 0 0.625rem rgba(229, 142, 49,.3);box-shadow: 0 0 0 0.625rem rgba(229, 142, 49,.3);}


/* 2024.4.23荣誉证书 */
.honor{background: #f9f9f9; position: relative; padding: 2.75rem 0 5.125rem; overflow: hidden;}
.honor-pic { position: absolute;  left: 0; bottom: -20%;}
.honor-list {position: relative;}
.honor-list ul li {width: auto; text-align: center;}
.honor-list ul li .pic img { max-width: 22.4375rem; max-height: 31.75rem;  box-shadow: 0 0.3rem 0.8rem 0 rgb(141 160 172 / 30%); transform: scale(0.95); transition: .5s;}
.honor-list ul li em {font-size: 1.44rem;display: block; margin-top: 1rem; color: rgba(102, 102, 102,.78);}
.honor-list ul li.active .pic img {transform: scale(1);}
.honor-list ul li.active em {color: #666;}


#honor-prev,#honor-next{width: 4.75rem;  height: 4.75rem; box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.14); transition: 0.6s;}
#honor-prev{left: 2.4%;}
#honor-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 2.4%;}
#honor-prev,#honor-next{background: url(/html/class/template/images/index-arrow.png) no-repeat center rgb(255, 255, 255);}
#honor-prev:hover,#honor-next:hover{background: url(/html/class/template/images/index-arrow2.png) no-repeat center #e58e31;}
#honor-num{display: none;}


/* 产品服务 */
.service{background: #f0f0f1; padding:  3.3125rem 0 4.9375rem;}
.news-title h3{display: block; font-size: 1rem; line-height: 1.9375rem; color: #656565; max-width: 67%; margin: 0 auto;}
.service-list{overflow: hidden;}
.service-list ul li{position: relative;}
.service-list ul li .pic img{display: block; width: 100%;  transform: scale(0.8);}
.service-list ul li.swiper-slide-active .pic img {transform: scale(1);}
.service-list ul li .name{position: absolute; bottom: 1.25rem; width: 100%;}
.service-list ul li em{display: block; font-size: 1.5rem; color: #fff; font-weight: bold; text-align: center; opacity: 0;}
.service-list ul li.swiper-slide-active em{opacity: 1;}
.service-box{position: relative;}
#service-prev,#service-next{width: 4.75rem;  height: 4.75rem; box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.14); transition: 0.6s;}
#service-prev{left: 2.4%;}
#service-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 2.4%;}
#service-prev,#service-next{background: url(/html/class/template/images/index-arrow.png) no-repeat center rgb(255, 255, 255);}
#service-prev:hover,#service-next:hover{background: url(/html/class/template/images/index-arrow2.png) no-repeat center #e58e31;}
#service-num{display: none;}
.service .index-more{margin: 5.875rem auto 0;}


/* 公共底部 */
.footer{padding: 4.25rem 0 5.8125rem; border-top: 1px solid #ddd}
.footer dl dt{display: block; font-size: 1.5rem; line-height: 1.5rem; color: #333; height: 2.5625rem; position: relative; font-weight: bold;}
.footer dl dt:after{position: absolute; content: ''; width: 2.1875rem;height: 0.1875rem;background: #e58e31; bottom: 0; left: 0;}
.footer dl dd a{display: block; font-size: 1.0625rem; color: #666;}
.footer dl.item1 dt{margin-bottom: 2.1875rem;}
.footer dl.item1 dd{margin-bottom: 0.875rem;}
.footer dl.item2{width: 48%;}
.footer dl.item3{width: 24%;}
.footer dl.item2 dt{margin-bottom: 2.1875rem;}
.footer dl  .contact{}
.footer dl strong{display: block; font-size: 1.875rem; color: #E58E31; line-height: 1.375rem; font-family: Arial; margin-bottom: 1.25rem;}
.footer dl em{display: block; font-size: 1.25rem; color: #555; margin-bottom: 0.875rem; font-family: Arial;}
.footer dl span{display: block; font-size: 1.125rem; color: #555; font-family: Arial;}
.footer dl img{display: inline-block; vertical-align: middle; margin-right: 1rem;}
.address ul li{margin-bottom: 1.25rem;}
.address ul li h3{display: block; font-size: 1.375rem; color: #333; line-height: 1.375rem; margin-bottom: 0.4375rem;}
.address ul li P{display: block; font-size: 0.9375rem; color: #666;}
.footer dl.item3 dt{margin-bottom: 1.875rem;}
.footer dl.item3 h2{display: block; font-size: 1rem; line-height: 2rem; color: #444; margin-bottom: 1.4375rem;}
.footer dl.item3 .more a{transition: 0.6s; display: block; width: 6.875rem;background: #e58e31;border-radius: 0.3125rem; font-size: 0.875rem; line-height: 2.5rem; color: #fff;  text-align: center;}
.footer dl.item3 .more a:hover{background: #cc0f04;}
.footer-copy{background: #E58E31; padding: 1.5625rem 0;}
.footer-copy p{display: block; font-size: 0.9375rem; color: #fff;}
.footer-copy a{color: #fff;}
.footer-copy a:hover{text-decoration: underline;}

/* 右侧固定*/
.slideflex {position: fixed; right: 0.4375rem; z-index: 99; box-shadow: 0px 0px 0.4375rem 0px rgba(8, 8, 8, 0.05); background: #fff; top: 50%;}
.relate li { position: relative; border-bottom: 0.0625rem solid #eaeaea;}
.relate li > a {transition: .5s; display: flex;  align-items: center;  justify-content: center; flex-direction: column; width: 5.25rem;height: 5.875rem;  text-align: center;  position: relative; z-index: 3;}
.relate li > a img {display: block; max-width: 63%;}
.relate li  em{display: block; font-size: 0.875rem; color: #666; margin-top: 0.375rem;}
.relate li.backTop a img { position: relative;}
.relate li:hover > a {background: #e58e31;}
.relate li:hover em{color: #fff;}
.relate li:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.telbox{ padding-right: 22px; position: absolute; right: 150%; top: -4px; opacity: 0; visibility: hidden; }
.telbox span { display: block; padding: 20px 0 20px 27px; background: #fff; color: #e58e31; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px; box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.telbox span:before { content: ""; width: 5px; height: 16px; background: #e58e31; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after { content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.eqbox {padding-right: 22px; position: absolute; right: 150%; top: 82%; margin-top: -80px; opacity: 0; visibility: hidden;}
.eqbox:before {content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;}
.eqbox img {display: block; width: 120px; padding: 10px;  background: #fff; border-radius: 12px;  box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.relate li:hover .telbox,.relate li.active .telbox,.relate li:hover .eqbox { opacity: 1; visibility: visible; right: 100%;-webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}





/* 内页banner */
.ny-banner{height: 36.375rem;  position: relative; background-size: cover!important}
.ny-banner .container{display: flex;align-items: center;height: 100%;position: relative;}
.ny-banner .info{position: absolute; left: 0; right: 0;}
.banner-title{position: relative; text-align: center;}
.banner-title b{display: block; font-size: 7.625rem; color: rgba(255,255,255,0.08); line-height: 5.75rem; text-transform: uppercase; }
.banner-title strong{display: block; font-size: 3.75rem; color: #fff; position: absolute; top: 0; left: 0; right: 0; margin:0 auto;}
.banner-title i{display: block; width: 4.0625rem; height: 0.5625rem; background: #e47a14; border-radius: 0.3125rem; margin: 2.8125rem auto 0;}
.position {position: absolute; bottom: 1.75rem; color: #fff;}
.position span>img{display: inline-block; vertical-align: middle; margin-right: 0.875rem;}
.position a{display: inline-block;font-size: 1rem;color: #fff;}


/* 内页子栏目分类 */
.pro-class ul li{position: relative; margin: 0 4.5%;}
.pro-class ul li:after{position: absolute; content: ""; height: 0.25rem;background: #e47a14;border-radius: 0.125rem; width: 0%; transition: 0.6s; left: 50%;}
.pro-class ul li img{display: inline-block;   vertical-align: middle; margin-right: 0.5rem;}
.pro-class ul li a{display: block; font-size: 1.125rem; line-height: 8.125rem; color: #18181A; padding: 0 1.5625rem;}
.pro-class ul li:hover:after,.pro-class ul li.on:after{width: 100%; left: 0;}
.pro-class ul li:hover a,.pro-class ul li.on a{font-weight: bold; color: #e47a13;}


/* 内页mian */
.ny-main{background: #f9f9f9; padding: 6.625rem 0;}
.product-title{padding-left: 2.0625rem; margin-bottom: 3.375rem; position: relative;}
.product-title:after{position: absolute; content:''; width: 0.5625rem; height: 100%; border-radius: 0.3125rem; left: 0; background: #e58e31; top: 0;}
.product-title strong{display: block; font-size: 3rem; color: #333; line-height: 3rem; margin-bottom: 0.5rem;}
.product-title h2{display: inline-block; font-size: 1.375rem; color: #555555; margin-left: 1.25rem;}
.product-title h3{display: block; font-size: 1.125rem; /* line-height: 1.125rem; */color: #666;}


/* 内页产品列表页 */
.product-list ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.7%;justify-content: center;}
.product-list ul li{overflow: hidden;  box-shadow: 0px 0px 35px 0px rgba(186, 186, 186, 0.33);  background: #fff; margin-bottom: 1.375rem; position: relative;} 
.product-list ul li .info{text-align: center; padding-top: 5.0625rem;}
.product-list ul li .info h3{display: block; font-size: 1.125rem; color: #7C7C7C;}
.product-list ul li .info h4{display: block; font-size: 1.4375rem; color: #333; font-weight: bold;}
.product-list ul li .pic img{display: block; max-width: 100%; margin: 0 auto;}
.product-list ul li .pro-more{position: absolute; bottom: -100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: 0.6s;}
.product-list ul li:hover .pro-more{bottom: 0;}
.product-list ul li .pro-more span {display: block; width: 10.25rem; font-size: 1.1875rem;line-height: 3.75rem;background: #e58e31;border-radius: 1.875rem; color: #fff; text-align: center; transition: .5s;}
.product-list ul li .pro-more span:hover {-webkit-box-shadow: 0 0 0 0.625rem rgba(229, 142, 49,.3);box-shadow: 0 0 0 0.625rem rgba(229, 142, 49,.3);}


/* 内页产品详情页 */
.product-xq{background: url(/html/class/template/images/product-xq.jpg) no-repeat center top; background-size: cover; padding-bottom: 5.4375rem;}
.pro-position{border-bottom: 0.0625rem solid rgba(173,173,173,0.35); padding: 2.9375rem 0 1.6875rem; margin-bottom: 4.125rem;}
.pro-position span>img{display: inline-block; vertical-align: middle; margin-right: 0.875rem;}
.pro-position a{display: inline-block;font-size: 1rem;color: #606060;}
.proxq-pic{width: 43.35%; border-radius: 0.625rem; overflow: hidden; background: #fff; position: relative;}
.proxq-pic ul li .pic img{display: block; width: 100%;}
#proxq-num{bottom: 2rem;}
#proxq-num .swiper-pagination-bullet {background: #efefef; width: 0.875rem; height: 0.875rem; opacity: 1; margin: 0 0.5625rem;}
#proxq-num .swiper-pagination-bullet-active{background: #e58e31;}
.proxq-main{background: #fff}
.details-box{align-items: flex-start;}
.proxq-info{width: 49.5%;}
.proxq-info em{display: block; font-size: 1.25rem; color: #E47A14; line-height: 1.25rem;}
.proxq-info strong{display: block; font-size: 2.375rem; color: #333; line-height: 2.375rem; margin: 0.6875rem 0 1.75rem;}
.proxq-info i{display: block; width: 3.1875rem; height: 0.3125rem; background: #e58e31; border-radius: 0.1875rem; margin-bottom: 3.1875rem;}
.proxq-info p{display: block; font-size: 1rem; color: #333; position: relative; padding-left: 1.1875rem; margin-bottom: 0.625rem;}
.proxq-info p:after{position: absolute; content: ''; width: 0.5rem;height: 0.5rem;background: #e58e31; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.proxq-link{margin-top: 4.75rem;}
.proxq-link a{transition: 0.6s; display: block; width: 10.8125rem;background: #b9b9b9;border-radius: 28px; font-size: 1.125rem; line-height: 3.4375rem; color: #fff; text-align: center;}
.proxq-link a>img{display: inline-block; margin-left: 0.9375rem; vertical-align: middle;}
.proxq-link a:first-child{margin-right: 2.625rem;background: #e58e31; }
.proxq-link a:hover{background: #e58e31;}
.proxq-left{width: calc(100% - 451px);}
.proxq-title{margin-bottom: 2.5rem;}
.proxq-title strong{display: block; font-size: 3rem; color: #333; font-weight: normal; margin-bottom: 0.4375rem;}
.proxq-title i{display: block; width: 3.9375rem;height: 0.375rem;background: #e58e31;} 
.proxq-right{width: 321px; position: sticky; top: 10rem}
.details-btn{margin-bottom: 0.4375rem;}
.details-btn ul li{margin-bottom: 1.25rem;}
.details-btn ul li a{transition: 0.6s; display: block; width: 100%; font-size: 1.0625rem; line-height: 3.4375rem; color: #333; border-radius: 1.75rem; background: #fcfcfc; text-align: center;}
.details-btn ul li:hover a{background: #e58e31; font-weight: bold; color: #fff;}
.pro-contact{background: #fff; }
.pro-contact img{display: block; width: 100%;}
.pro-contact .text{padding: 1.8125rem 6.5% 1.25rem; background: #f5f5f5;}
.pro-contact strong{display: block; font-size: 1.375rem; color: #333; margin-bottom: 1rem;}
.pro-contact dl{padding-bottom: 1.5625rem;}
.pro-contact dl dt{display: block; font-size: 1.125rem; color: #333; font-weight: bold; margin-bottom: 0.375rem;}
.pro-contact dl dd{display: block; font-size: 1rem; color: #666; line-height: 1.5625rem; margin-bottom: 0.25rem;}


/* 内页产品指南列表页 */
.guide{align-items: flex-start;}
.guide-left{width: 22.1%;padding:6rem 0 0 9.5%;background: linear-gradient(0deg,#dfdfdf 0%, #fcfcfc 100%);box-sizing: border-box; margin-right: 3.3%;  overflow: hidden;    position: sticky;
  top: 10rem; }
.guide-left strong{display: block; font-size: 2.5rem; color: #E58E31; margin-bottom: 5.875rem;}
.guide-class .ctitle1{position: relative; padding-bottom: 17.4375rem;}
.guide-class .ctitle1::after{position: absolute; content: ''; width: 1px; height: 100%; background: #cccdd0; left: 1.8%; top: 0.75rem}
.guide-class .ctitle1 li{padding-bottom: 2.5rem;}
.guide-class .ctitle1 li a{display: flex; align-items: center; position: relative; font-size: 1rem; color: #616161; position: relative; }
.guide-class .ctitle1 li i {opacity: 0; display: inline-block;width: 0.5625rem;height: 0.5625rem;background:#e58e31;; border-radius: 50%; position: relative; z-index: 1; margin-right: 9%;}
.guide-class .ctitle1 li i::after {opacity: 0; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1.1875rem; height: 1.1875rem; animation: shubiao 1s infinite linear .65s; background: rgba(229,142,49,0.23); border-radius: 50%; z-index: 0;}
@keyframes shubiao {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  33% {   -webkit-transform: translate(-50%, -50%) scale(1.2); }  66% {  -webkit-transform: translate(-50%, -50%) scale(1.3); } 100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}
.guide-class .ctitle1 li:hover a,.guide-class .ctitle1 li.on a{font-weight: bold; color: #333;}
.guide-class .ctitle1 li:hover i,.guide-class .ctitle1 li.on i{opacity: 1;}
.guide-class .ctitle1 li:hover i::after,.guide-class .ctitle1 li.on i::after{opacity: 1;}

.guide-right{width: 65%;}
.guide-list{padding: 6.375rem 0 0;}
.guide-list ul li{margin-bottom: 2.4375rem;}
.guide-list ul li .top{border-bottom: 0.0625rem solid #F0F0F0; padding-bottom: 1.9375rem;}
.guide-list ul li i{ width: 2.4375rem;height: 2.4375rem;background: #ffffff;box-shadow: 0px 0px 6px 0px rgba(30,30,30,0.16);  border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.6875rem;}
.guide-list ul li i img{transition: 0.6s;}
.guide-list ul li strong{display: inline-block; font-size: 1.375rem; color: #333; font-weight: normal;}
.guide-list ul li .bottom{margin-top: 2.6875rem;display: none;}
.guide-list ul li .guide-box{justify-content: space-evenly; }
.guide-list ul li .info{   width: 46.57%;}
.guide-list ul li .info p{display: block; font-size: 1rem; line-height: 1.875rem; color: #777777;}
.guide-box .info table p span,.guide-box .info table p,guide-box .info p,.guide-box .info p span { font-size: 1rem !important;line-height: 1.875rem !important;}
.guide-list ul li .pic{ width: 38.49%;}
.guide-list ul li .pic img{display: block; width: 100%;}
.guide-list ul li .top.on i{background: #e58e31;}
.guide-list ul li .top.on i img{ transform: rotate(90deg); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.guide-list ul li .top.on strong{font-weight: bold;}

.design{background: url(/html/class/template/images/design-bg.jpg) no-repeat center; background-attachment: fixed; padding: 4.1875rem 0 7rem;}
.design .info{background: url(/html/class/template/images/design-pic.png) no-repeat center top; height: 13.875rem; display: flex; align-items: center; justify-content: center;}
.design .info strong{display: block; font-size: 3rem; color: #fff;}





/* 内页应用案例列表页 */
.nyapp{padding:  0  0 8.1875rem; background: #f9f9f9;}
.nyapp .container{overflow: hidden;}
.nyapp .box {  position: relative;}



.nyapp .box .pass {
position: relative;
  padding: 3.75rem  0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.nyapp .box .pass::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ece9e9;
  position: absolute;
  left: 0;
  top: 50%;
}

.tit-18 {

  font-size: 1.125rem;
}

.nyapp .box .item {
  text-align: center;
  margin-top: 2.5rem;
  z-index: 2;
  cursor: pointer;
}

.nyapp .box .item .circ {
  display: inline-block;
  z-index: 2;
  background-color: #fff;
  width: 16px;
  height: 16px;
  opacity: 0;

  border-radius: 50%;
  position: relative;
  margin-bottom: 8px;
}

.nyapp .box .item.on .circ {
  opacity: 1;
}

.nyapp .box .item.on {
  color: #e58e31;
}

.nyapp .box .item.on  .tit-18{
  font-weight: bold;
}


.svgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}


.svgs .svg {
  stroke-width: 4;
  r: calc(50% - 2px);
}

.svgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.svgs .circle {
  opacity: 0;
  transition: .5s ease-in-out;
}

.nyapp .box .item.on .circ .circle {
  animation: circle 3s linear;
  opacity: 1;
  transition: 1s ease-in-out;
}

@keyframes circle {
  from {
    stroke-dasharray: 0 40;
  }

  to {
    stroke-dasharray: 40 0;
  }
}


.app-a {
  padding: 0 1.5%;
  box-sizing: border-box;
  overflow: hidden;
}

.app-container{overflow: hidden;}
.app-a .swiper-slide {
  width: 100%;
  height: 32.875rem
}

.app-a .swiper-slide .img {
  width: 56.64%;
  height: 100%;
  overflow: hidden;

}
.app-a .swiper-slide .img .bg{

  height: 100%;


}
.app-a .swiper-slide a{display: flex; justify-content: space-between; height: 100%;}
.app-a .swiper-slide .txt {
  background-color: #fff;
  width: 43.36%;
  height: 100%;
  overflow: hidden;
  padding: 0 4%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}


.app-a .swiper-slide .txt .tit-24 {
  display: block;
  color: #e58e31;
  font-size: 2rem;
  font-weight: bold;
 margin-bottom: 1.375rem
}

.app-a .swiper-slide .txt .tit-30 {
     font-size:1.125rem; line-height: 2rem;
  display: block;
  margin-bottom: 6.25rem;
  color: #333;
}


.app-more span{ display: block; width: 9.5625rem;text-align: center; font-size: 1.0625rem; line-height: 3.4375rem; text-align: center; background: #e58e31;  color: #fff; border-radius: 1.75rem;}




/* 内页新闻列表页 */
.nynews-list ul{}
.nynews-list ul:after{width: 49%; content: '';}
.nynews-list ul li{width: 23%; margin-bottom: 3.375rem;}
.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{background: #fff; box-sizing: border-box; padding:  1.625rem 6% 2.1875rem;}
.nynews-list ul li .info strong{font-size: 1.25rem; color: #333; margin-bottom: 0.6875rem;}
.nynews-list ul li .info p{font-size: 1rem; line-height: 1.75rem; color: #666; margin-bottom: 1.8125rem;}
.nynews-list ul li .info span{display: block; font-size: 1rem; color: #898989;}
.nynews-list ul li:hover .info strong{color: #e58e31;}



/* 内页新闻详情页 */
.news-main{background: transparent;}
.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: 5.3125rem 6.3% 4.1875rem; 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: 2.5rem; 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: #e58e31;border-color: #e58e31;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #e58e31;}
.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: linear-gradient(99deg,#d6222b 0%, #e47b20 100%);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: 44%; 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: 51%;}
.recomnews-list ul li em{display: block; font-size: 0.875rem; color: #999; margin-bottom: 0.4375rem;}
.recomnews-list ul li strong{ font-size: 1.125rem; line-height: 1.625rem; color: #333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recomnews-list ul li:hover strong{color: #e58e31;}



/* 内页关于我们子栏目 */
.class-box{border-bottom: 0.0625rem solid #dddddd;}
.about-class .ctitle1{display: flex; align-items: center; justify-content: center;}
.about-class .ctitle1 li{padding: 0 3.5%; transition: 0.6s;}
.about-class .ctitle1 li a{display: block; font-size: 1rem; line-height: 4.75rem; color: #000;}
.about-class .ctitle1 li:hover{background: #e47a14; }
.about-class .ctitle1 li:hover a{color: #fff;}



/* 内页关于我们 */
.about-main{ padding: 6.5625rem 0 0;}
.ny-about{margin-bottom: 5.5625rem;}
.ny-about em{display: block; font-size: 1.375rem; color: #E58E31;}
.ny-about strong{display: block; font-size: 2.5rem; line-height: 2.9375rem; color: #333;}
.ny-about .pic{width: 48.26%; margin-top: 2.5rem; background: url(/html/class/template/images/about-pic.jpg) no-repeat center; height: 421px; border-radius: 0.625rem;}
.ny-about .pic img{display: none; width: 100%; border-radius: 0.625rem;}
.ny-about .info{width: 48.52%;}
.ny-about .info h2{display: block; font-size: 2.625rem; color: #333; margin-bottom: 1.375rem;}
.ny-about .info h3{display: block; font-size: 1rem; line-height: 2rem; color: #555555; margin-bottom: 1.875rem;}
.ny-about .info h3:last-child{margin-bottom: 0;}
.about-num{margin-bottom: 6.4375rem;}
.about-num ul li{position: relative; text-align: center;    padding: 0 7%;}
.about-num ul li:first-child{text-align: left; display: flex;}
.about-num ul li .num{display: inline-block; text-align: center;}
.about-num ul li:last-child{ display: flex; justify-content: flex-end;}
.about-num ul li:last-child .num{display: inline-block; text-align: center;}
.about-num ul li:after{position: absolute; content: ''; width: 0.0625rem; height: 100%; background: #f2f2f2; right: 0; top: 0;}
.about-num ul li:last-child:after{display: none;}
.about-num ul li b,.about-num ul li em,.about-num ul li i{display: inline-block; font-size: 3.5625rem; line-height: 2.625rem; color: #333; font-family: "LDMedium";}
.about-num ul li em{vertical-align: top; line-height: 1.0625rem;    font-size: 2.0625rem;}
.about-num ul li i{font-style: inherit;}
.about-num ul li>sup{line-height: 1.5rem;font-size: 1.4375rem;display: inline-block;vertical-align: top;font-weight: bold;color: #333;}
.about-num ul li h4{display: block; font-size: 1rem; color: #666; margin-top: 0.625rem;}
.about-num ul li h4>sup{font-size: 0.5rem;}

.about-ys{display: flex; justify-content: space-between;}
.about-ys .pic{background-size: cover!important;}
.about-ys .pic,.about-ys .info{width: 50%; height: 43.75rem;}
.about-ys .info{background: #333333; display: flex; align-items: center; }
.about-ys .info .text{width: 79%; color: #fff; padding-left: 8.8%; box-sizing: border-box;}
.about-ys .info .ys-title{border-bottom: 0.125rem solid rgba(255, 255, 255, 0.13); padding-bottom: 3.125rem; margin-bottom: 0;}
.about-ys .info .ys-title strong{display: block; color: #fff; font-size: 3rem; line-height: 3rem; margin-bottom: 0.75rem;}
.about-ys .info .ys-title span{color: #fff; font-size: 1.0625rem;}
.aboutys-list ul li{padding:  1.3rem 0; border-bottom: 0.125rem solid rgba(255, 255, 255, 0.05); }
.aboutys-list ul li .top{display: flex; align-items: center;}
.aboutys-list ul li i{display: flex; align-items: center; justify-content: center; width: 1.8125rem; height: 1.8125rem; border-radius: 50%; background: #e58e31; margin-right: 0.875rem;}
.aboutys-list ul li .top.on i{transform: rotate(180deg)}
.aboutys-list ul li strong{display: block; font-size: 1.375rem;  font-weight: normal;}
.aboutys-list ul li p{display: block; font-size: 1rem; color: #fff; padding-left: 2.6875rem;  opacity: 0.7;}
.aboutys-list ul li .bottom{display: none;}
.culture{padding: 6.3125rem 0 9.625rem;}
.culture-title{text-align: center;}
.culture-title strong{display: block; font-size: 3rem; color: #333; line-height: 3rem;  margin-bottom: 0.875rem;}
.culture-title i{display: block; width: 4rem;height: 0.375rem;background: #e47a14;border-radius: 0.1875rem; margin: 0 auto;}
.culture .culture-title{margin-bottom: 8.0625rem;}
.culture-bg{background: url(/html/class/template/images/culture-line.png)  no-repeat center top 2.5rem; }
.culture-list ul li{width: 19%;}
.culture-list ul li:first-child{margin-top:5.875rem;}
.culture-list ul li:last-child{margin-top: 5rem;}
.culture-list ul li .icon{width: 5.125rem;
height: 5.125rem;
background: #e47a14; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 4.25rem;}

.culture-list ul li .icon::after{ position: absolute; content: ''; z-index: 2; width: 6.6875rem; height: 6.6875rem;  top: 50%; left: 50%; transform: translate(-50%, -50%);  box-sizing: border-box; border-radius: 50%;}


.pro-line1,.pro-line2,.pro-line3 {position: absolute;
  width: 6.6875rem; height: 6.6875rem;  top: -15%; left: -15%;  
  overflow: visible;
 
}


.culture-list ul li .pro-line1{animation: pro-svg1 5.2s linear infinite;}

@keyframes pro-svg1 {
  0%   { transform: rotate(0); } 
  
  100% { transform: rotate(360deg); } 
} 


.culture-list ul li .pro-line2{animation: pro-svg2 5.2s linear infinite;}

@keyframes pro-svg2 {
  0%   { transform: rotate(120deg); } 
  
  100% { transform: rotate(360deg); } 
} 


.culture-list ul li .pro-line3{animation: pro-svg3 5.2s linear infinite;}

@keyframes pro-svg3 {
  0%   { transform: rotate(224deg); } 
  
  100% { transform: rotate(360deg); } 
} 



.culture-list ul li em{display: block; font-size: 1.875rem; line-height: 1.875rem; color: #333; height: 3.1875rem; position: relative; font-family: "PFBold"; margin-bottom: 1.375rem; }
.culture-list ul li em:after{position: absolute; content: ''; width: 2rem; height: 0.1875rem; background: #cc0f04; left: 0; bottom: 0;}
.culture-list ul li p{display: block; font-size: 1.125rem; line-height: 1.75rem; color: #333;  font-family: "PFMedium";}
.factory{background: url(/html/class/template/images/factory-bg.jpg) no-repeat center; padding: 5.9375rem 0 17.3125rem; }
.factory .culture-title{margin-bottom: 11.875rem;}
.factory .culture-title strong{color: #fff;}
.factory .icon{position: relative;width: 7.125rem;margin: 0 auto;}
.factory .icon img{display: block;margin: 0 auto; position: relative; z-index: 2; width: 100%;}
.factory .icon:after{z-index: 1; animation: shubiaos 1s infinite linear .65s; position: absolute;content: '';width: 150%;height: 150%;border-radius: 50%;top: 50%;left: 50%;background: #fff;opacity: 0.1; transform: translate(50%, 50%); }
@keyframes shubiaos {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  50% {   -webkit-transform: translate(-50%, -50%) scale(1.1); }  100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}
.ssfw-tc{ display: none;}
.ssfw-con{width: 600px;padding: 55px 30px;position: fixed;top: 50%;transform: translateY(-50%);z-index:9999;height: 33rem;bottom: 0;left: 0;right:0;margin:0 auto;background: #fff;border-radius: 10px;box-sizing:border-box;}
.ssfw-con h2{    display: block;   font-size: 2rem;   color: #e47a14;   margin-bottom: 2rem;   font-weight: 300;   text-align: center;}
.ssfw-bg{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(51,51,51,0.2);z-index:1000;}
.ssfw-con .close img{display: block; position: absolute;right:30px;top:20px;cursor: pointer;}
.ssfw-con video{width: 100%; height: auto;}



.process{background: url(/html/class/template/images/process-bg.jpg) no-repeat center; padding: 9.5rem 0 11.8125rem; background-size: cover}
.process-box{height: 33.25rem; position: relative;}
.process-box:after{position: absolute;content: '';width: 93%;height: 0.0625rem;background: rgba(173,173,173,0.36);top: 50%;left: 7%;transform: translateY(-50%);}
.process-list{position: relative;width: 88%; overflow: hidden;}

.process-list ul{}
.process-list ul li{text-align: center;width: 12.3125rem!important;top: 42%;}
.process-list ul li .time span{display: block;  font-size: 1.9375rem; line-height: 1.4375rem;font-family: Arial;color: #b5b5b5; opacity: 0.33; font-weight: bold; margin-bottom: 0.8125rem;}
.process-list ul li .time i { display: inline-block;width: 0.8125rem;height: 0.8125rem;background: #e58e31; border-radius: 50%; position: relative; z-index: 1; }
.process-list ul li .time i::after { animation: process 1s infinite linear .65s; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1.6875rem; height: 1.6875rem;background: rgba(229,142,49,0.2); border-radius: 50%; z-index: 0;}

@keyframes process {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  33% {   -webkit-transform: translate(-50%, -50%) scale(1.2); }  66% {  -webkit-transform: translate(-50%, -50%) scale(1.3); } 100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}








.process-list ul li .disc{width: 197px;  height: 13.3125rem; border-radius: 1.25rem; background: #fff; margin-top: 2.875rem; position: relative; text-align: center;}
.process-list ul li .disc:after{position: absolute; content: "";   display: block;   width: 0px;   height: 0px;   border: 11px solid transparent;   border-bottom-color: #fff;   position: absolute;   top: -22px;   left: 50%;   transform: translateX(-50%);}
.process-list ul li .disc span{display: block; font-size: 1rem; color: #939393; padding: 2.9375rem 0 0.5625rem;}
.process-list ul li .disc strong{display: block; font-size: 1.25rem; line-height: 1.4375rem; color: #333; width: 80%; margin: 0 auto 0.5rem; min-height: 2.875rem; }
.process-list ul li .disc img{display: block; margin: 0 auto; transition: 0.6s}


.process-list ul li:nth-child(even) {
    transform: rotateX(180deg) translateY(84%);
}
.process-list ul li:nth-child(even) .disc:after{bottom: -22px; top: auto; transform: translateX(-50%) rotate(180deg);}
.process-list ul li:nth-child(even) .time span {
    transform: rotateX(180deg);
}
.process-list ul li:nth-child(even) .disc {
    transform: rotateX(180deg);
}
.complete{width: 5.8125rem;height: 5.8125rem;background: #e58e31; border-radius: 50%; position: relative; z-index: 8; top: 50%; transform: translateY(-50%);}
.complete img{}
.complete em{display: block; font-size: 1.0625rem; color: #fff; opacity: 0.96;}

.process-list ul li:hover .disc{background: #e58e31}
.process-list ul li:hover .disc span,.process-list ul li:hover .disc strong{color: #fff}
.process-list ul li:hover .disc img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: rotateY(360deg);   -webkit-transform: rotateY(360deg);}
.process-list ul li:hover .disc:after{border-bottom-color: #e58e31}








.wap-process{display: none;}



/* 线下展会 */


.develop {
    background:#fbfbfb;
    background-size: cover;
    padding: 4rem 0;
    box-sizing: border-box;
    margin-bottom: 5.25rem;
    position: relative;
}

.develop .container{max-width: 1360px; position: relative;}

.develop .mySwiper2 .swiper-button-prev,.develop .mySwiper2 .swiper-button-next {
    width: 3.75rem;
    height: 3.75rem;

    background: url(/html/class/template/images/deve-prev.svg) no-repeat center;
    border-radius: 50%;
	  top: 15%;
	   
}

.develop .mySwiper2 .swiper-button-next {


   background: url(/html/class/template/images/deve-next.svg) no-repeat center;
   transform: rotate(180deg);

}

.develop .mySwiper {
    padding: 5rem 0;
    width: 100%;
   
	background: url(/html/class/template/images/develop-line.png) no-repeat center bottom 4.6875rem;
}

.develop .mySwiper .swiper-slide {
    text-align: center;
    cursor: pointer;
}


.develop .mySwiper .swiper-slide:nth-of-type(even) span {
    transform: translateY(90px);
}

.develop .mySwiper .swiper-slide.swiper-slide-active:nth-of-type(even) span {
    transform: translateY(0px);
}

.develop .mySwiper .swiper-slide .dot {
    width: 1.25rem;
    height: 1.25rem;
    background: #e67b00;
    border-radius: 50%;
    margin: auto;
    position: relative;
    top: 12px;
	
}



.develop .mySwiper .swiper-slide .dot::after {

    position: absolute;
	
	content: '';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 36px;

    height: 36px;

    background-color: #f34a2f;

    opacity: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    animation: dot1 2s infinite ease;

    -webkit-animation: dot1 2s infinite ease;

}



@keyframes dot1 {

    0% {

        width: 20px;

        height: 20px;

    }



    50% {

        width: 36px;

        height: 36px;

    }



    100% {

        width: 20px;

        height: 20px;

    }

}



.develop .mySwiper .swiper-slide:hover .dot::after {opacity: 0.2;}



.develop .mySwiper .swiper-slide i {
    display: block;
    width:8.8125rem;
    height: 8.5625rem;
    position: absolute;
    left: 50%;
    margin-left: -4.40625rem;
    transform: scale(0);
    transition: .5s;
    visibility: hidden;
    z-index: 9;
}

.develop .mySwiper .swiper-slide i:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/html/class/template/images/developSwiper-quan.png) center no-repeat;
    background-size: contain;
}

.develop .mySwiper .swiper-slide i:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: url(/html/class/template/images/developSwiper-quan.png) center no-repeat;
    background-size: contain;
    opacity: .3;
    transform-origin: center;
}

.develop .mySwiper .swiper-slide i:after {
    animation: alpha 2.25s linear infinite forwards;
}

@keyframes alpha {
    0% {
        transform: rotate(0);
    }

    25% {
    }

    50% {
        border-radius: 50%;
    }

    75% {
    }

    100% {
        transform: rotate(360deg);
    }
}

.develop .mySwiper .swiper-slide-active i {
    transform: scale(1);
    visibility: visible;
}

.develop .mySwiper .swiper-slide span {
    display: block;
    text-align: center;
    font-family: Arial;
    font-size: 1.38rem;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 3rem;
    line-height: 3rem;
    transition: .3s;
    color: #666666;
}

.develop .mySwiper .swiper-slide-active span {
    top: 44px;
    font-size: 2rem;
    color: #ffffff;
}
.develop-list .info{margin-top: 6.875rem;}
.develop-list .info h2{display: block; font-size: 1.5rem; color: #333; margin-bottom: 3.75rem;}
.develop-list dl{padding: 2.375rem 2.5rem 1.875rem 3.125rem; box-sizing: border-box; border-radius: 0.9375rem; margin-bottom: 2.5rem; background: #fff;}
.develop-list dl dt{display: block; font-size: 1.25rem; color: #333; padding-bottom: 1.25rem;}
.develop-list dl em{display: block; width: 100%; height: 0.0625rem; background: #ddd; position: relative; margin-bottom: 1.75rem;}
.develop-list dl em::after{position: absolute; content: ''; width: 0; left: 0; height: 0.0625rem; transition: 0.6s; bottom: 0;  background: #e47a14;}
.develop-list dl:hover em::after{width: 100%;}
.develop-list dl dd span{display: inline-block; font-size: 1.125rem;}
.develop-list dl dd p{display: block; font-size: 1.25rem; color: #333;}





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



/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(/html/class/template/images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #e47a14; 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);}




.process-title{margin-bottom: 4rem}
.process-title strong{display: block; font-size: 2.6rem; color: #333; text-align: center; margin-bottom: 1.5rem}
.process-title i{display: block; width: 4rem; height: 2px; background: #e47a14; margin: 0 auto}


#about,#quality,#culture,#factory,#develop{position: relative; top: -18rem;}
#develop{top: -8rem}
/*2024.3.19*/
.proxq-details img{display: inline-block; max-width: 100%!important; height: auto!important;}
.news-editbox img{display: inline-block; max-width: 100%!important; height: auto!important;}

.chain{box-shadow: 0px 0px 35px 0px rgba(186,186,186,0.33); justify-content: space-around; background: #fff;  padding: 4% 0 3.5%; margin-bottom: 3.5%;}
.chain .pic{width: 42.89%;}
.chain .pic img{display: block; width: 100%;}
.chain .info{width: 34%;}
.chain-title{margin-bottom: 3.9375rem;}
.chain-title strong{display: block; font-size: 3rem; line-height: 3rem; color: #333; margin-bottom: 0.375rem;}
.chain-title h2{display: block; font-size: 1.125rem; line-height: 1.875rem; color: #666; margin-bottom: 0.6875rem;}
.chain-title i{display: block; width: 3.6875rem;height: 0.4375rem;background: #e58e31;border-radius: 0.25rem;}
.chain .info p{display: block; font-size: 1.125rem; line-height: 2.3125rem; color: #555;}
.chain .info p span{color: #e58e31; font-weight: bold; margin-right: 0.375rem;}

.pc-nav ul li:nth-child(2) .proNavSlideTwo .navSlideBom ul:first-child .nav-pro{grid-template-columns: repeat(4,1fr);}


.proxq-details table{
  width: 100%!important;}
  
  
  
.ny-honor{margin-bottom: 6rem;}
.ny-honor .culture-title{margin-bottom: 4rem;}
.nyhonor-list ul:after{content: ''; width: 23%;}
.nyhonor-list ul li{width: 23%; margin-bottom: 2.1875rem;}
.nyhonor-list ul li .pic{overflow: hidden;}
.nyhonor-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;}
.nyhonor-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;}
.nyhonor-list ul li em{font-size: 1.2rem; line-height: 3rem; color: #333; text-align: center;}



/* 内页图片详情页 */
.pic-main {background: #f5f5f5; padding:0 0 7rem;}
.pic-main .pic-xq {position: relative;}
.pic-main .pic-xq::after { position: absolute; content: ""; width: 100% ; top: 0; height: 18.88rem; background: #e67a2d; z-index: 0;}
.pic-main .tle { padding: 4rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;   position: relative; z-index: 1;}
.pic-main .tle h3 {font-size: 2.5rem;color: #ffffff;font-weight: 700;}
.pic-main .tle ul {display: flex;}
.pic-main .tle ul li , .pic-main  .tle ul li a {font-size: 1rem;color: #ffffff;}
.pic-main .pic-con {background: #fff; position: relative; z-index: 1; padding: 7rem  7.5rem; box-sizing: border-box;}
.pic-main .pic-con h4 {font-size: 2.13rem;color: #333333;font-weight: 700; margin-bottom: 4rem;text-align: center;}
.fanhui a{display: block;width:11.875rem;text-align: center;line-height: 3.125rem; background: #333;color:#fff;margin:2rem auto 0 auto; border-radius: 3.125rem; transition: 0.6s;}
.fanhui a:hover{background: #e67a2d;}

.pic-editbox img{
  display: block; max-width: 100%}



.guide-box video{}

.order-table tr td{padding: 1rem 0}