/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}

/* 手机站字体自适应 */
@media screen and (min-width:0px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:40px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:80px) {html { font-size:15.625%;}}
@media screen and (min-width:120px) {html { font-size:23.4375%;}}
@media screen and (min-width:160px) {html { font-size:31.25%;}}
@media screen and (min-width:200px) {html { font-size:39.0625%;}}
@media screen and (min-width:240px) {html { font-size:46.875%;}}
@media screen and (min-width:280px) {html { font-size:54.6875%;}}
@media screen and (min-width:320px) {html { font-size:62.5%;}}
@media screen and (min-width:360px) {html { font-size:70.3125%;}}
@media screen and (min-width:400px) {html { font-size:78.125%;}}
@media screen and (min-width:440px) {html { font-size:85.9375%;}}
@media screen and (min-width:480px) {html { font-size:93.75%;}}
@media screen and (min-width:520px) {html { font-size:101.5625%;}}
@media screen and (min-width:560px) {html { font-size:109.375%;}}
@media screen and (min-width:600px) {html { font-size:117.1875‬%;}}
@media screen and (min-width:640px) {html { font-size:125%;}}
/* 640--》20 */

p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.bw {width: 100%;}
.mbw {width: 100%;overflow-x: hidden;}
.mw1400 {max-width: 1400px;width: 100%;margin: 0 auto;}
.mp {padding: 0 2vw;}

.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.fl {float: left;}
.fr {float: right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

.ibw, .imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100%;height: auto;}

.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}

.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 头部 */
.ph {/*background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));background: -o-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));background: linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));*/position: absolute;left: 0;top: 0;right: 0;z-index: 999;}

.ph1 {/*border-bottom: 1px solid #595551;*/}

.ph1-box {height: 42px;}
.ph1-box ul {/*justify-content: flex-end;*/height: 100%;}
.ph1-box ul li {justify-content: flex-start;}
.ph1-box ul li+li {margin-left: 56px;}
.ph1-box ul li div {min-width: 20px;padding-right: 6px;}
.ph1-box ul li div img {max-width: 16px;max-height: 18px;}
.ph1-box ul li h3 {font-size: 16px;color: #fff;font-weight: normal;}

.ph2-box {height: 60px;}

.ph2a {width: 25%;margin-top: 5px;}
.ph2a img {max-width: 100%;max-height: 60px;}
.ph2b {width: 65%;}

.ph2b1 {width: 80%;}
.ph2b2 {width: 15%;height: 22px;border-radius: 11px;border: 1px solid #fff;}
.ph2b2a {width: 80%;height: 100%;padding-left: 11px;color: #fff;}
.ph2b2b {width: 18%;height: 13px;background-image: url(../images/e92b2b62738f397ca4d604d07db84aa3882be7db.png);background-repeat: no-repeat;background-position: left center;}

/* 导航栏 */
.nav1 {width: 100%;}
.nav-li {position: relative;z-index: 999;flex: 1;}
.nav-li .nav-a {display: block;line-height: 37px;font-size: 18px;color: #fff;width: 100%;text-align: center;white-space: nowrap;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 110%;background-color: rgba(0, 0, 0, .66);z-index: 999;min-width: 100%;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #fff;white-space: nowrap;padding: 0 5px;}

.nav-li:hover .nav-a {color: #e3a90e;background-image: url(../images/3137e4e01587ed7a3fe4edcdbd290fcdf7da1055.png);background-repeat: no-repeat;background-position: center center;background-size: auto 100%;}
.nav-ul li a:hover {}

/* 理念 */
.p1-box {padding: 8.125vw 0 3.75vw;flex-wrap: wrap;}

.p1a {width: 37.5%;max-width: 515px;}

.p1a1 {font-size: 36px;color: #222;line-height: 1.556;text-transform: uppercase;font-weight: lighter;}
.p1a2 {width: 50%;max-width: 73px;height: 1px;background-color: #e3a90e;margin-top: 12px;}
.p1a3 {font-size: 24px;color: #3f3f3f;line-height: 2;margin-top: 12px;}
.p1a4 {margin-top: 46px;}
.p1a4 p {font-size: 14px;color: #c9c9c9;line-height: 1.785;}

.p1b {width: 56%;max-width: 772px;}
.p1b li {max-width: 165px;width: 22%;min-height: 269px;flex-direction: column;justify-content: center;background-color: #f9f6ee;padding: 56px 0;}
.p1b li div {width: 50%;text-align: center;position: relative;height: 71px;}
.p1b li div img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.p1b li h3 {text-align: center;font-size: 18px;color: #3f3f3f;line-height: 1.6667;margin-top: 22px;font-weight: normal;}

/* 产品案例 */
.p2{background:url(../images/e822ab0c2ab061d9b46abd95e2aee88697da086e.jpg) no-repeat center;}
.p2-box {padding: 3.75vw 0 4vw;position: relative;}

.p2a-box {align-items: flex-start;}

.p2a1 {position: relative;width: 59%;max-width: 815px;}
.p2a1 p {position: absolute;left: 0;bottom: 0;right: 2.944%;padding: 37px 60px 57px;font-size: 14px;color: #fff;line-height: 1.7857;display: block;background-color: rgb(0, 0, 0, .2);}
.p2a2 {width: 41%;max-width: 570px;padding-bottom: 220px;}
.p2a2 div {height: 394px;border-bottom: 1px dashed #dcdcdc;text-align: end;}
.p2a2 div img {max-width: 100%;max-height: 100%;}
.p2a2 h3 {text-align: center;font-size: 24px;color: #3f3f3f;line-height: 1.5833;margin-top: 32px;font-weight: normal;}
.p2a2 h4 {font-size: 18px;color: #3f3f3f;text-transform: uppercase;text-align: center;line-height: 1.777778;font-weight: normal;}
.p2a2 a {display: block;width: 50%;max-width: 153px;text-align: center;font-size: 14px;color: #fff;margin: 20px auto 0;line-height: 2.4285;border-radius: 17px;background-color: #ffba00;}

.p2b {position: absolute;right: 0;bottom: 4vw;width: 41%;max-width: 570px;z-index: 999;}
.p2b ul {flex-wrap: wrap;}
.p2b ul li {width: 24%;max-width: 138px;text-align: center;background-color: #eee;cursor: pointer;}
.p2b ul li:nth-child(n+5) {margin-top: 7px;}
.p2b ul li a{display: block;font-size: 18px;color: #000;line-height: 3.7778;}
.p2b ul li.on a{background-color: #282828;color: #fff;}



/* 推荐产品 */
.p3-box {padding: 4vw 0 9vw;overflow: hidden;position: relative;}

.p3a-box {align-items: flex-start;}
.p3a1 {width: 21%;height: 677px;border: 1px solid #dcdcdc;padding: 216px 60px 10%;position: relative;}
.p3a1 h3 {font-size: 18px;color: #000;line-height: 2.44444;}
.p3a1 div {max-width: 38px;height: 1px;width: 50%;background-color: #ffba00;}
.p3a1 p {font-size: 14px;color: #adadad;line-height: 2;margin-top: 26px;}
.p3a1 a {display: block;max-width: 153px;text-align: center;background-color: #ffba00;font-size: 14px;color: #fff;line-height: 2.4285;border-radius: 17px;width: 100%;position: absolute;left: 50%;bottom: 20%;transform: translate(-50%, 100%);}
.p3a2 {width: 79%;height: 677px;}
.p3a2 img {max-width: 100%;max-height: 100%;}

.p3b {position: absolute;left: 21%;top: calc(4vw + 229px);transform: translateX(-50%);z-index: 999999;}
.p3b div {width: 77px;height: 77px;background-color: #282828;background-repeat: no-repeat;background-position: center center;border-radius: 50%;}
.p3b1 {background-image: url(../images/bc1fc05b6c4235b918ac384aa4ca519fd1c5629b.png);}
.p3b2 {background-image: url(../images/b017a311dfa6a4761e928c21b2cc3a86b78e6b17.png);margin-top: 65px;}
.p3b div:hover {background-color: #ffba00;}

.p3c {position: absolute;z-index: 999;left: 0;top: 4vw;width: 21%;padding: 99px 0 0 73px;}
.p3c h3 {font-size: 36px;color: #000;font-weight: lighter;line-height: 1.55556;text-transform: uppercase;}
.p3c h4 {font-size: 24px;color: #000;font-weight: normal;line-height: 1.83333;}

/* 公司简介 */
.p4 {background-image: url(../images/d0c6de5a48344341fffe12a55d46e04decfbe883.jpg);background-attachment: fixed;}

.p4-box {padding: 10vw 0 7.1875vw;align-items: flex-start;}

.p4a {width: 59%;}
.p4a1 {width: 100%;max-width: 700px;}
.p4a1 h3 {font-size: 36px;color: #fff;font-weight: lighter;text-transform: uppercase;line-height: 1.5556;}
.p4a1 div {max-width: 73px;height: 1px;width: 50%;background-color: #ffba00;margin-top: 32px;}
.p4a1 h4 {font-size: 24px;color: #fff;font-weight: normal;line-height: 2;margin-top: 25px;}
.p4a2 {margin-top: 20px;width: 100%;max-width: 700px;}
.p4a2 p {font-size: 14px;color: #fff;line-height: 1.71428;}
.p4a3 {margin-top: 60px;width: 100%;max-width: 700px;}
.p4a3 a {display: block;width: 50%;max-width: 153px;text-align: center;background-color: #ffba00;font-size: 14px;color: #fff;line-height: 2.4285;border-radius: 17px;}


.p7 {z-index: 9;position: relative;overflow: visible;}
.p7-box {padding: 3.2vw 0 4.6vw;align-items: flex-end;}

.p7a {width: 59%;}
.p7a ul {justify-content: flex-end;}
.p7a ul li {width: 33%;max-width: 272px;}
.p7a ul li+li {border-left: 1px dashed #dcdcdc;}
.p7a ul li div {width: 50%;max-width: 106px;height: 102px;position: relative;margin: 0 auto;}
.p7a ul li div img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.p7a ul li h3 {font-size: 18px;color: #000;line-height: 1.5556;margin-top: 34px;text-align: center;}

.p7b {width: 41%;position: relative;}
.p7b-box {background-color: #fafafa;padding: 54px 50px 70px 61px;position: absolute;left: 0;bottom: 0;right: 0;}
.p7b-box p {font-size: 24px;color: #000;line-height: 1;margin-top: 36px;}
.p7b-box p strong {font-weight: lighter;font-size: 36px;text-transform: uppercase;}

/* 新闻资讯 */
.p5 {background-color: #fafafa;}

.p5-box {padding: 7vw 0 6vw;}

.p5a {width: 38%;max-width: 460px;}
.p5a1 h3 {font-size: 36px;color: #222;font-weight: lighter;text-transform: uppercase;line-height: 1.5556;}
.p5a1 div {max-width: 73px;height: 1px;width: 50%;background-color: #ffba00;margin-top: 16px;}
.p5a1 h4 {font-size: 24px;color: #3f3f3f;font-weight: normal;line-height: 2;margin-top: 12px;}

.p5a2 {margin-top: 30px;}
.p5a2 li {line-height: 1.8571;}
.p5a2 li a {font-size: 18px;color: #000;}

.p5a2 li a:hover {color: #ffba00;}

.p5b {width: 61%;align-items: flex-start;max-width: 860px;}
.p5b li {width: 49%;max-width: 400px;}
.p5b li a {display: block;width: 100%;}
.p5b li a h3 {font-size: 18px;color: #000;line-height: 2.1428;margin-top: 10px;}
.p5b li a p {font-size: 14px;color: #b8b8b8;line-height: 1.7857;}

.p5b li a:hover h3 {color: #ffba00;}

/* 友情链接 */
.p6 {}
.p6-box {font-size: 12px;color: #000;line-height: 2;padding: 2vw 0;}
.p6-box a {color: #000;margin: 0 .5vw;}

/* 底部 */
.pf {background-color: #252525;}
.pf1-box {padding: 2.3vw 0 2.8vw;align-items: flex-start;}

.pf1a {max-width: 232px;width: 20%;}
.pf1a1 {font-size: 16px;color: #fff;line-height: 4.125;background-image: url(../images/45c6831468784058211f01a7052d6de34434691b.jpg);background-repeat: no-repeat;background-position: left bottom;}
.pf1a2 {flex-wrap: wrap;margin-top: 18px;}
.pf1a2 p {width: 50%;line-height: 2.5;}
.pf1a2 p a {font-size: 14px;color: #fff;}

.pf1b {width: 40%;max-width: 450px;}
.pf1b1 {font-size: 16px;color: #fff;line-height: 4.125;background-image: url(../images/45c6831468784058211f01a7052d6de34434691b.jpg);background-repeat: no-repeat;background-position: left bottom;}
.pf1b2 {margin-top: 12px;}
.pf1b2 p {font-size: 14px;color: #fff;line-height: 2;padding-left: 28px;background-repeat: no-repeat;background-position: left center;}

.pf1b2 p:nth-child(1) {background-image: url(../images/2949f05f9dffdc9ebc82a57e3ebb7889b1ed40a7.png);}

.pf1b2 p:nth-child(3) {background-image: url(../images/5bc4cb376156c57d6c15dfa57ca7d9c7a99e4439.png);}
.pf1b2 p:nth-child(4) {background-image: url(../images/150c28edc71db704d8dc4a9058a1222377036abe.png);}

.pf1c {max-width: 280px;width: 20%;}
.pf1c1 {font-size: 16px;color: #fff;line-height: 4.125;background-image: url(../images/45c6831468784058211f01a7052d6de34434691b.jpg);background-repeat: no-repeat;background-position: left bottom;}
.pf1c2 {width: 100%;max-width: 280px;height: 152px;background-image: url(../images/48ecf7dca55614a5e8782d299f6d642197dfbc91.png);background-repeat: no-repeat;background-size: 100% 100%;margin-top: 14px;padding: 0 20px 0 16px;}

.pf1c2a {width: 125px;height: 125px;background-color: #fff;position: relative;}
.pf1c2a img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pf1c2b{width: 109px;text-align:center;}
.pf1c2b p {font-size: 14px;color: #fff;line-height: 1.7142;}

.pf2 {border-top: 1px solid #626262;}
.pf2-box {padding: .5vw 0 3.6vw;}
.pf2-box p {text-align: center;font-size: 12px;color: #fff;line-height: 2;}
.pf2-box p a {color: #fff;}

@media (max-width: 1400px) {
  /* 理念 */
  .p1-box {justify-content: center}
  .p1a {width: 100%;}
  .p1b {width: 100%;margin-top: 2vw;}
  .p1b li {width: 24%;}
  
  /* 产品案例 */
  .p2a {margin-top: 2vw;}
  .p2a-box {flex-wrap: wrap;}
  .p2a1 {width: 100%;margin: 0 auto;}
  .p2a2 {width: 100%;margin: 2vw auto 0;padding: 0;}
  .p2a2 div {height: auto;padding-bottom: 2vw;}
  .p2b {position: static;width: 100%;margin: 0 auto;}

  /* 推荐产品 */
  .p3a-box {align-items: center;flex-wrap: wrap;}
  .p3a1 {width: 100%;margin: 2vw auto 0;max-width: 1100px;height: auto;padding: 5vw;}
  .p3a1 a {margin: 40px auto 0;width: 50%;position: static;transform:translate(0, 0);}
  .p3a2 {width: 100%;height: auto;max-width: 1100px;margin: 0 auto;}
  
  .p3b {position: static;display: flex;justify-content: space-between;align-items: center;width: 50%;max-width: 320px;margin: 2vw auto 0;transform: translateX(0);}
  .p3b2 {margin-top: 0;}
  
  .p3c {position: static;width: 100%;padding: 0;text-align: center;}

  /* 公司简介 */
  .p4-box {flex-wrap: wrap;justify-content: center;}
  .p4a {width: 100%;max-width: 826px;}
  
  .p7-box {flex-wrap: wrap;justify-content: center;}
  .p7a {width: 100%;max-width: 826px;}
  .p7a ul {width: 100%;justify-content: center;}
  
  .p7b {width: 100%;max-width: 574px;margin-top: 2vw;}
  .p7b-box {position: static;}

  /* 新闻资讯 */
  .p5-box {flex-wrap: wrap;justify-content: center;}
  .p5a {width: 100%;max-width: 640px;}
  .p5b {width: 100%;margin-top: 2vw;}

  /* 底部 */
  .pf1-box {flex-wrap: wrap;justify-content: center;}
  .pf1a, .pf1b, .pf1c {width: 100%;max-width: 640px;}
  .pf1b, .pf1c {margin-top: 1vw;}
}

@media (max-width: 640px) {
  /* 理念 */
  .p2b ul li a{font-size: 14px;}
  .p1a1 {font-size: 1.8rem;}
  .p1a2 {margin-top: .6rem;}
  .p1a3 {font-size: 1.2rem;margin-top: .6rem;}
  .p1a4 {margin-top: 2.3rem;}
  .p1a4 p {font-size: .7rem;}

  .p1b li {min-height: 13.5rem;padding: 2.8rem 0;}
  .p1b li div {height: 3.5rem;}
  .p1b li h3 {font-size: .9rem;margin-top: 1.1rem;}

  /* 产品案例 */
  .p2a1 p {padding: 1.8rem 3rem 2.8rem;font-size: .7rem;}
  .p2a2 h3 {font-size: 1.2rem;margin-top: 1.6rem;}
  .p2a2 h4 {font-size: .9rem;}
  .p2a2 a {font-size: .7rem;margin: 1rem auto 0;border-radius: .9rem;}

  .p2b ul li {font-size: .9rem;}
  .p2b ul li:nth-child(n+5) {margin-top: .4rem;}

  /* 推荐产品 */
  .p3a1 h3 {font-size: .9rem;}
  .p3a1 p {font-size: .7rem;margin-top: 1.3rem;}
  .p3a1 a {margin: 2rem auto 0;font-size: .7rem;border-radius: .9rem;}
  
  .p3b div {width: 3.8rem;height: 3.8rem;background-size: auto 50%;}
  
  .p3c h3 {font-size: 1.8rem;}
  .p3c h4 {font-size: 1.2rem;}

  /* 公司简介 */
  .p4a1 h3 {font-size: 1.8rem;}
  .p4a1 div {margin-top: 1.6rem;}
  .p4a1 h4 {font-size: 1.2rem;margin-top: 1.2rem;}
  .p4a2 {margin-top: 1rem;}
  .p4a2 p {font-size: .7rem;}
  .p4a3 {margin-top: 3rem;}
  .p4a3 a {font-size: .7rem;border-radius: .9rem;}
  
  .p7a ul li div {height: 5.6rem;}
  .p7a ul li h3 {font-size: .9rem;margin-top: 1.7rem;}
  
  .p7b-box {padding: 3rem;}
  .p7b-box p {font-size: 1.2rem;margin-top: 1.8rem;}
  .p7b-box p strong {font-size: 1.8rem;}

  /* 新闻资讯 */
  .p5a1 h3 {font-size: 1.8rem;}
  .p5a1 div {margin-top: .8rem;}
  .p5a1 h4 {font-size: 1.2rem;margin-top: .6rem;}
  
  .p5a2 {margin-top: 1.5rem;}
  .p5a2 li {line-height: 1.8571;}
  .p5a2 li a {font-size: .7rem;}
  
  .p5b li a h3 {font-size: .7rem;margin-top: .5rem;}
  .p5b li a p {font-size: .7rem;}

  /* 友情链接 */
  .p6-box {font-size: .6rem;}

  /* 底部 */
  .pf1a1 {font-size: .8rem;}
  .pf1a2 {margin-top: .9rem;}
  .pf1a2 p a {font-size: .7rem;}
  
  .pf1b1 {font-size: .8rem;}
  .pf1b2 {margin-top: .6rem;}
  .pf1b2 p {font-size: .7rem;padding-left: 1.4rem;background-size: .9rem auto;
  
  .pf1c1 {font-size: .8rem;}
  .pf1c2 {margin-top: .7rem;}

  .pf1c2b p {font-size: .7rem;}
  
  .pf2-box p {font-size: .6rem;}
}

.hang2{
    position: fixed;
    right: 10px;
    bottom:50px;
    width: 50px;
    display: block;
    z-index: 99999;
    display: none!important;
}


.hang2 li{margin-bottom:10px;}


.pf {width: 100%;/*height: 40px;*/position: relative;z-index: 999;}
.pf-box {position: fixed;left: 0;bottom: 0;right: 0;height: 40px;display: flex;justify-content: center;align-items: center;background-color: #0e2f52;overflow: hidden;width:100vw;}
.pf-box a {display: flex;justify-content: center;align-items: center;flex: 1;height: 40px;}

.pf-box a div {max-width: 20%;}
.pf-box a div img {width: 100%;}
.pf-box a h3 {font-size: 12px;color: #fff;margin-left: 5px;white-space: nowrap;}

.pf-box a.active {background-color: #0f67c5;}

/*内页左侧样式*/


.page-product-inquiry a{color: #fff;}