@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',  'SimSun', 'SimHei', 'Arial'; 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:1380px;margin:0 auto}
.container-s{max-width:1553px;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;  align-items: center; flex-wrap: wrap;}

/*字体引入*/

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



/* 公共头部 */
.header{position: fixed; height: 7.6875rem; top: 0; width: 100%; z-index: 222; transition: 0.6s;}
.head-box{height: 7.6875rem;}
.header .pc-logo img{display: block; }
.pc-nav{width: 63.84%;}
.pc-nav ul li a{display: block; font-size: 18px; color: #fff;}
.pc-nav ul li:hover a,.pc-nav ul li.on a{color: #d0121b;}
.headfixed{background: #000;} 



/* 手机端导航 */
.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: #0F73AB;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: #1074ab;}
.mobnavBox .bottom .nav li.on h3 i {transform: rotate(90deg);color: #1074ab;}
.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: #1074ab;}
.mobnavBox .bottom .nav li .m-subnav a:hover{color: #1074ab;}
.mobnavBox .bottom .nav li .m-subnav a:hover:before{border-color: #1074ab;}
.mobnavBox .bottom .nav li .m-subnav a:hover:after{background: #1074ab;}

.mobinfo {margin-top: 1.25rem;}
.mobinfo h2 {color: #1a1a1a;font-weight: 700;font-size: 1.35rem;}
.mobinfo dl dd {display: flex;margin-top: 0.625rem; align-items: center;}
.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;font-size: 1rem;}
.mobinfo dl dd p a {color: #666; }
.mobinfo dl dd p a:hover{color: #1074ab;}


@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;}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .swiper-slide {overflow: hidden;}
.banner  .imgBox img{display: block; width: 100%;}
#banner-num{bottom: 2.5625rem; z-index: 33; cursor: pointer;}
#banner-num span{width: 0.75rem;height: 0.75rem; background: #fff; opacity: 1; margin: 0 0.5625rem;}
#banner-num span.swiper-pagination-bullet-active{background: #D0121B;}
#banner-prev,#banner-next{background: url(../images/banner-arrow.png) no-repeat center; width: 19px; height: 42px;}
#banner-prev{left: 2%;}
#banner-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 2%;}


/* 关于我们 */
.about{padding: 8.0625rem 0 6.25rem;}
.index-title{margin-bottom: 3.0625rem;}
.index-title strong{display: block; font-size: 3.5rem; color: #000; line-height: 3.5rem;}
.index-title h3{display: block; font-size: 3.125rem; color: #000;}
.about-box .pic{width: 40%;  border-radius: 1.25rem;}
.about-box .pic img{display: block; width: 100%; border-radius: 1.25rem;}
.about-box .info{width: 54.27%;}
.about-box .info h4{display: block; font-size: 1.375rem; line-height: 2.25rem; color: #666;}


/* 荣誉资质 */
.honor-pic{position: relative;}
.honor-pic img{display: block; width: 100%;}
.honor-pic .index-title{position: absolute; top: 11%; left: 0; right: 0; margin: auto; text-align: center;}


/* pannel */
.num-bg{background: url(../images/num-bg.jpg) no-repeat center; padding: 6.5rem 0 6.0625rem; background-size: cover;}
.num-logo img{display: block; margin: 0 auto 3.875rem;}
.num-bg .info h4{display: block; font-size: 2.5625rem; line-height: 3.75rem; color: #ffffff; font-weight: lighter; width: 89%; margin: 0 auto;}
.num-bg .info b{display: block; font-size: 11.5rem; font-family: Impact;  color: #ffffff;}


/* 品牌产品 */
.product{padding: 5.375rem 0 6.0625rem;}
.product-top{margin-bottom: 3.9375rem;}
.product .index-title{margin-bottom: 0;}
.product-logo{width: 56%;}
.product-logo ul{justify-content: flex-end;}
.product-logo ul  li{border-right:1px solid #BFBFBF; display: flex; align-items: center; padding:  0 4%;}
.product-logo ul  li:last-child{border-right: none; padding-right: 0;}
.product-list{overflow: hidden;}
.product-list ul li{background: #fafafa; text-align: center; border-radius: 0.625rem; padding-bottom: 2.25rem;}
.product-list ul li .pic{overflow: hidden; border-radius: 0.625rem}
.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 h3{display: block; font-size: 1.375rem; color: #333; margin-bottom: 0.1875rem;}
.product-list ul li h4{display: block; font-size: 0.8125rem; color: #666; margin-bottom: 2.625rem;}
.product-list ul li span{display: block; width: 8.5625rem;line-height: 2.625rem;background: #ebebeb;border-radius: 1.3125rem; font-size: 0.9375rem; color: #666; margin: 0 auto;}
.product-box .container-s{position: relative;}
#product-prev,#product-next{position: absolute; content: '';  background: url(../images/product-arrow.png) no-repeat center; width: 25px; height: 43px;}
#product-prev{left: 0;}
#product-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); }
#product-prev:hover,#product-next:hover{ background: url(../images/product-arrow2.png) no-repeat center;}
#product-num{display: none;}


/* 新世代家庭充电桩 */
.pile{ background: url(../images/pile-bg.jpg) no-repeat center;  position: relative; padding-top: 6.625rem; margin-bottom: 5.6875rem; background-size: cover;}
.pile-box .info{width: 46.62%; margin-top: 1.9375rem;}
.pile-box .info .index-title strong{margin-bottom: 0.4375rem;}
.pile-box .info .index-title h4{display: block; font-size: 2rem; color: #444444;  font-weight: lighter; line-height: 2.5rem;}
.ys-list ul li{border-bottom: 1px solid rgba(207,207,207,0.57); padding-bottom: 2.375rem; margin-bottom: 2.375rem;}
.ys-list ul li:last-child{border-bottom: none; margin-bottom: 0;}
.ys-list ul li img{margin-right: 2.125rem; width: 4.25rem;}
.ys-list ul li strong{display: block; font-size: 1.5rem; color: #333;}
.ys-list ul li span{display: block; font-size: 1.0625rem; color: #666;}
.propic-big{overflow: hidden; width: 30%; margin-right: 0!important;}
.propic-big ul li .pic img{display: block; width: 100%;}
.propic-small{position: absolute!important; right: 0; top: 0; width: 6%; height: 100%;  z-index: 888;}
.propic-small::after{ position: absolute; content: ''; width: 1px; height: 100%; left: 6%; top: 0; border-left: 1px solid rgba(204,204,204,0.45);}
.propic-small ul{display: flex; flex-direction: column; justify-content: center;}
.propic-small ul li{width: 100%!important; height: auto!important; margin-bottom: 2.25rem; cursor: pointer;}
.propic-small ul li em{display: block; font-size: 0.875rem; color: #b6b6b6; margin-left: 0.375rem;}
.propic-small ul li .circle{width: 0.875rem; height: 0.875rem; background: transparent; border-radius: 50%; position: relative;}
.propic-small ul li .circle::after{position: absolute; content: ''; width: 0.5rem;height: 0.5rem;background: #cccccc; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.propic-small ul li.swiper-slide-thumb-active .circle{background: #d0121b;}
.propic-small ul li.swiper-slide-thumb-active .circle::after{background: #fff; width: 0.375rem; height: 0.375rem;}



/* 我们的服务 */
.service{padding-bottom: 8.375rem;}
.service .index-title{margin-bottom: 5.0625rem;}
.service-left{width: 50%; border-radius: 0.625rem; }
.service-left .pic{height: 32.5rem; border-radius: 0.625rem;}
.service-right{width: 48.9%; border-radius: 0.625rem}
.service-right {   display: flex;   flex-direction: column;   justify-content: space-between;}
.service-right .pic{height: 15.375rem; border-radius: 0.625rem;}
.service-box .pic{background-size: cover!important; position: relative;}
.service-box .info{position: absolute; }
.service-box .service-right .info{width: 56%;}
.service-box .info h4{display: block; font-size: 2rem; color: #333;}
.service-box .info h5{display: block; font-size: 1.125rem; color: #747474;line-height: 2rem}
.service-box .service-left .info{left: 8%; top: 15%;}
.service-box .service-right .info{left: 6%; top: 20%;}



/* 安装准备 */
.process{background: url(../images/process-bg.jpg) no-repeat center; background-size: cover; padding: 4.4375rem 0 5.4375rem;}
.process .index-title{margin-bottom: 3.6875rem;}
.process .index-title strong{color: #ffffff;}


.process-list ul{background: #fff;}
.process-list ul li {
    float: left;
    width: 20%;
    height: 33.5rem;
    padding-top: 1.5rem;
    background-repeat: no-repeat;
    background-position: 10% 27rem;
    background-size: 5rem;
	position: relative;
}

.process-list ul li i {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background-color: #f5f7fa;
}


.process-list ul li div {
    overflow: hidden;
    width: 90%;
    max-width: 225px;
    margin: 0px auto;
}

.process-list ul li div ol {
    font-weight: 700;
    background-image: linear-gradient(to bottom, #d0121b, #ecf0ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3rem;
    text-align: center;
}

.process-list ul li div dd {
    font-size: 1.5rem;
    color: #333333;
    text-align: center;
    font-weight: 500;
    margin-top: 0.75rem;
}

.process-list ul li div dl {
    font-size: 1rem;
    color: #666666;
    line-height: 2.25rem;
    margin-top: 1.25rem;
}

.process-list ul li div dl p {
    position: relative;
    padding-left: 1.25rem;
}

.process-list ul li div dl p b {
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    background-color: #d0121b;
    border-radius: 50%;
    left: 0px;
    top: 1rem;
}


/* 联系我们 */
.contact{padding: 8.0625rem 0 11.5625rem;}
.contact-bg{background: url(../images/contact.jpg) no-repeat center; width: 34%; height: 48.0625rem; position: relative;}
.contact-bg .info{position: absolute; content: ''; width: 100%; height: 100%; top: 14%; padding: 0 14%; box-sizing: border-box;}
.contact-bg .info strong{display: block; font-size: 3.25rem; color: #fff; line-height:  3.25rem; margin-bottom: 0.9375rem;}
.contact-bg .info i{display: block; width: 5.125rem;height: 0.3125rem;background: #d81e06; margin-bottom: 7.8125rem;}
.contact-bg .info p{font-size: 1.125rem; color: #fff; margin-bottom: 1.25rem;}
/* .contact-bg .info p.tel{    align-items: flex-end;} */
.contact-bg .info p>img{margin-right: 1.125rem; width: 1.8125rem;}
.contact-bg .info a{font-size: 1.75rem;  font-family:Impact; font-weight: lighter; line-height: 2.5rem;  color: #fff;}
.icon-list{margin-top: 8.5625rem;}
.icon-list ul li{margin-right: 0.875rem;}
.icon-list ul li:last-child{margin-right: 0;}
.icon-list ul li a{display: block; width: 2.875rem;height: 2.875rem;background: #d81e06; border-radius: 50%; display: flex; align-items: center;justify-content: center;} 

/* 二维码弹窗 */
#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-color: #d0121b;}
#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;}
 
 .message-bg{height: 48.0625rem; width: 66%; background: #e6e6e6; display: flex; align-items: center; justify-content: center;}
.message{width: 80.4%;}
.message dl{margin-bottom: 1.125rem;}
.message dl dt{display: block; font-size: 1.125rem; color: #151515; font-weight: bold; margin-bottom: 0.1875rem;}
.message dl dt em{display: inline-block; font-size: 1.125rem; color: #ff0000; font-weight: bold; margin-right: 0.375rem;}
.message dl input,.message dl textarea{  font-family: "Microsoft YaHei"; display: block; font-weight: 400; height: 3.4375rem; line-height: 3.4375rem;background: #fafafa;border: 1px solid #d3d3d3;border-radius: 0.3125rem; width: 100%; font-size: 0.9375rem; color: #A6A6A6; padding-left: 2.7%; box-sizing: border-box;}
.message dl input::placeholder,.message dl textarea::placeholder{color: #a6a6a6;}
.message dl textarea{height: 7.75rem; line-height: 1.5rem; padding: 1rem 0 1rem 2.7%; box-sizing: border-box;}
/* .message dl .inCode input{width: 76%;} */
.message .message-submit{ width: 100%;background: #d0121b;border-radius: 1.75rem; outline: none; border: none; font-size: 1.375rem; line-height: 3.4375rem; color: #fff; font-weight: bold; margin-top: 0.9375rem; cursor: pointer;}



/* 公共底部 */
.footer{background: #303030; text-align: center; position: relative;}
.footer-top{padding: 5rem 0 2.6875rem;}
.footer-top img{display: block; margin: 0 auto 2.3125rem; }
.footer-top h2{display: block; font-size: 1.5rem; color: #f9f5f6;}
.footer-top span{display: block; font-size: 1.375rem; color: rgba(249,245,246,0.47);letter-spacing: 1.76px; font-family: Arial;}
.footer-nav{border-top:1px solid rgba(249,245,246,0.14); border-bottom:1px solid rgba(249,245,246,0.14); padding: 1.5rem 0;}
.footer-nav ul li{width: calc(100% / 6);}
.footer-nav ul li a{display: block; font-size: 1.125rem; color: #ffffff;}
.footer-nav ul li a:hover{color: #d0121b;}
.footer-copy{padding: 2.0625rem 0;}
.footer-copy p{display: block; font-size: 1rem; color: rgba(255,255,255,0.42);}
.footer-copy a{color: rgba(255,255,255,0.42); margin-left: 3.25rem;}
.footer-copy a:hover{color: rgba(255,255,255,1);}

.back {width: 4.1875rem;height: 4.1875rem;background: #d0121b;border-radius: 6px; display: flex; align-items: center; justify-content: center; position: absolute; right: 1%; top: 2.875rem; cursor: pointer;}

#service{ position: relative; top: -10rem;}
#product,#honor,#advantage{ position: relative; top: -6rem;}





/*分页*/
.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: #1074ab;}
.fy .layui-laypage-curr {color: #fff; background: #1074ab; 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: #013874;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: 13rem;}