/* 手机站字体自适应 */
@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;}
img {vertical-align: middle;}

/* 通用样式 */
.mbw {width: 100%;overflow: hidden;}
.mw1600 {max-width: 1600px;width: 100%;margin: 0 auto;}
.mp {padding: 0 3vw;}
.bw {width: 100%;}

.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;}

.ovimg, .ibw, .miw, .iml, .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);}
.ovimg img {width: 100%;min-height: 100%;}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml {text-align: center;}
.iml img {transform: translateY(-1px);vertical-align: middle;}

.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;}

/* 头部 */
.mh {position: relative;z-index: 999;}
.mh1 {position: absolute;left: 0;top: 0;right: 0;background-color: #000;}
.mh1-box {/*height: 100px;*/height: 60px;}
.mh1a {width: 25%;}
.mh1a img {max-height: 80px;}
.mh1b {width: 70%;}
.mh1b1 {width: 96%;}
.mh1b2 {width: 3%;position: relative;}
.mh1b2a {width: 100%;text-align: end;}
.mh1b2a img {max-width: 100%;cursor: pointer;}

.mh1b2b {position: absolute;top: 200%;right: 0;display: none;}
.mh1b2b form {height: 35px;width: 321px;}
.mh1b2b1 {width: 86%;height: 100%;background-color: #fff;padding-left: 13px;}
.mh1b2b2 {width: 14%;height: 100%;background-color: #595959;background-image: url(../images/mh1b2b2.png);background-repeat: no-repeat;background-position: center center;background-size: 36% auto;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;flex: 1;text-align: center;}
.nav-li .nav-a {display: inline-block;font-size: 16px;color: #fff;white-space: nowrap;line-height: 2.5;border-bottom: 1px solid transparent;}
.nav-ul {opacity: 0;height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;background-color: #fff;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: #333;white-space: nowrap;padding: 0 5px;}

.nav-li:hover .nav-a {color: #feca2f;border-bottom-color: #feca2f;}
.nav-ul li a:hover {}

/* 标题通用样式 */
.pa {text-align: center;background-repeat: no-repeat;background-position: center top;padding-top: 25px;}
.pa h3 {font-size: 36px;color: #fff;font-weight: bold;line-height: 1.5555556;}
.pa h4 {font-size: 16px;color: #fff;font-weight: normal;line-height: 2.25;}


/* 产品中心 */
.p1 {background-image: url(../images/p1.jpg);}

.p1-box {padding: 66px 0 52px;}

.p1a {background-image: url(../images/p1a.png);}

.p1b {flex-wrap: wrap;align-items: flex-end;margin-top: 55px;justify-content: flex-start;}
.p1b li {width: 25%;background-image: url(../images/p1b.png);background-repeat: no-repeat;background-position: right center;}
.p1b li:nth-child(n+5) {margin-top: 26px;}
.p1b li:nth-child(4n) {background-image: none;}
.p1b li:last-child {background-image: none;}

.p1b li a {display: block;padding: 0 20px;transition: all .5s;transform: translateY(0);}
.p1b li a div {text-align: center;}
.p1b li a h3 {text-align: center;font-size: 20px;color: #fff;line-height: 3.8;transition: all .5s;}

.p1b li a:hover {transform: translateY(-20px);}
.p1b li a:hover h3 {color: #feca2f;}

/* 五轴加工中心解决方案 */
.p2 {background-color: #040309;padding-top: 65px;padding-bottom: 20px;}
.p2a-box {background-image: url(../images/p2a.png);}

.p2b {margin-top: 50px;position: relative;}
.p2b1 a {display: block;position: relative;}
.p2b1b {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .6);flex-direction: column;justify-content: center;display: none;}
.p2b1b h3 {font-size: 24px;color: #fff;font-weight: normal;width: 90%;text-align: center;line-height: 1.4444444;}
.p2b1b h4 {font-size:16px;color:#fff;font-weight:normal;line-height:2;padding:20px 60px 0;max-width:700px;}
.p2b1b div {width: 50%;text-align: center;max-width: 180px;border: 1px solid #feca2f;background-color: #cba226;font-size: 18px;color: #fff;line-height: 2.333333333;margin-top: 28px;}

.p2b1 a:hover .p2b1b {display: flex;}

.p2b-left {display: block;width: 40px;height: 40px;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);background-image: url(../images/p2b-left.png);background-repeat: no-repeat;background-position: center center;z-index: 999;}
.p2b-right {display: block;width: 40px;height: 40px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);background-image: url(../images/p2b-right.png);background-repeat: no-repeat;background-position: center center;z-index: 999;}

.p2b-left:hover {background-image: url(../images/p2b-left-hover.png);}
.p2b-right:hover {background-image: url(../images/p2b-right-hover.png);}

/* 公司介绍 */
.p3 {border-bottom: 20px solid #040309;position: relative;background-color: #040309;}
.p3a {position: relative;}
.p3a-box {position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.p3a1 {position: relative;}
.p3a2 {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.p3a2-box {padding-left: 290px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;height: 100%;}
.p3a2-box div {max-width: 50%;}
.p3a2-box h3 {font-size: 30px;color: #fff;line-height: 2;margin-top: 54px;}
.p3a2-box p {font-size: 16px;color: #ddd;line-height: 1.75;margin-top: 17px;width: 100%;max-width: 595px;}

.p3 .p3b {position: absolute;left: 8vw;top: 0;bottom: 0;width: 200px;height: 100%;background-color: #030714;z-index: 999;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.p3 .p3b .p3b-btn {display: block;width: 100%;margin: 0;text-align: center;font-size: 20px;color: #fff;line-height: 4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.p3 .p3b .p3b-btn.visited {border: none;}
.p3 .p3b .p3b-btn.p3b-btn-active {background-color: #cca329;border: none;}

.p3c-left {position: absolute;left: 8vw;top: 11vw;width: 200px;height: 13px;background-image: url(../images/p3c-left.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: 9999;}
.p3c-right {position: absolute;left: 8vw;bottom: 11vw;width: 200px;height: 13px;background-image: url(../images/p3c-right.png);background-repeat: no-repeat;background-position: center center;background-size: contain;z-index: 9999;}
.p3c-left:hover {background-image: url(../images/p3c-left-hover.png);}
.p3c-right:hover {background-image: url(../images/p3c-right-hover.png);}

/* 新闻资讯 */
.p4 {background-image: url(../images/p4.jpg);}

.p4-box {padding: 62px 0 80px;}

.p4a {background-image: url(../images/p4a.png);}

.p4b {flex-wrap: wrap;margin-top: 50px;}
.p4b li {width: 31.25%;max-width: 500px;}
.p4b li:nth-child(n+4) {margin-top: 54px;}

.p4b li a {display: block;padding: 50px 30px 40px 40px;border: 1px solid #ddd;}
.p4b li a div {padding-left: 12px;border-left: 4px solid #ddd;}
.p4b li a div h3 {font-size: 18px;color: #fff;line-height: 1;font-weight: normal;}
.p4b li a div h4 {font-size: 13px;color: #999;line-height: 1;margin-top: 10px;font-weight: normal;}
.p4b li a p {font-size: 13px;color: #fff;line-height: 1.769230769230769;margin-top: 30px;}
.p4b li a h5 {font-size: 14px;color: #ddd;margin-top: 34px;line-height: 1.714285714285714;font-weight: normal;}

.p4b li a:hover {border-color: #feca2f;background-color: rgba(0, 0, 0, .4);}
.p4b li a:hover div {border-left-color: #feca2f;}
.p4b li a:hover h5 {color: #feca2f;}

@media (max-width: 640px){
    .p4b li a p{
    font-size: .65rem;
    margin-top: 1.5rem;
    height: 60px;
    overflow: hidden;}
}


@media (max-width: 1920px){
   .page-banner img{
       margin-top:60px;
   }
}

@media (max-width: 1600px){
   .page-banner img{
       margin-top:60px;
   }
}

@media (max-width: 678px){
   .page-banner img{
       margin-top:0px;
   }
}

/* 底部 */
.pf {background-image: url(../images/pf.jpg);}

.pf1a {padding: 70px 0 56px;align-items: flex-start;}

.pf1a1 {width: 68.75%;align-items: flex-start;}
.pf1a1a2 {margin-top: 46px;}
.pf1a1a2 p {font-size: 14px;color: #999ca1;line-height: 1.285714285714286;padding-left: 26px;background-repeat: no-repeat;background-position: left center;background-image: url(../images/pf1a1a2-1.png);background-size: contain;white-space: nowrap;}
.pf1a1a2 p+p {margin-top: 10px;}

.pf1a1a2 p:nth-child(2) {background-image: url(../images/pf1a1a2-2.png);}

.pf1a1b p {font-size: 14px;color: #fff;line-height: 1.857142857142857;}
.pf1a1b p a {color: #fff;}

.pf1a2 {width: 20%;max-width: 120px;}

.pf1b {border-top: 1px solid #252d3f;font-size: 12px;color: #272d37;line-height: 2.083333333333333;padding: 20px 0;}
.pf1b a {color: #272d37;}

.pf2 {background-color: #000205;}
.pf2-box {padding: 10px 0;}
.pf2-box p {font-size: 12px;color: #fff;line-height: 2;}
.pf2-box p a {color: #fff;}

@media (max-width: 1800px) {
  /* 公司介绍 */
  .p3 .p3b {left: 1.5625vw;}
  .p3c-left {display: none;}
  .p3c-right {display: none;}

}

@media (max-width: 1400px) {
  /* 底部 */
  .pf1a1 {width: 79%;}

}

@media (max-width: 1920px) and (min-width: 1200px) {
  /* 公司介绍 */
  .p3a-box {background-image: none;}

}

@media (max-width: 1200px) {
  /* 公司介绍 */
  .p3a2-box {padding-left: 0;padding: 60px 0;}
  .p3a1 {display: none;}
  .p3a2 {position: static;}
  .p3a2-box {min-height: 520px;}
  .p3 .p3b {position: static;width: 100%;flex-direction: row;}
  .p3 .p3b .p3b-btn {flex: 1;width: auto;}

  /* 底部 */
  .pf1a {flex-wrap: wrap;justify-content: space-around;}
  .pf1a1 {width: 100%;}
  .pf1a2 {margin-top: 20px;width: 100%;}

  .pf2-box {flex-wrap: wrap;justify-content: space-around;}

}

@media (max-width: 970px) {
  /* 底部 */
  .pf1a1 {width: 100%;flex-wrap: wrap;justify-content: space-around;}
  .pf1a1b {margin-top: 20px;width: 100%;}

}

@media (max-width: 880px) {
  /* 新闻资讯 */
  .p4b li {width: 48%;max-width: 500px;}
  .p4b li:nth-child(n+4) {margin-top: 0;}
  .p4b li:nth-child(n+3) {margin-top: 54px;}

}

@media (max-width: 640px) {
  /* 标题通用样式 */
  .pa {padding-top: 1.25rem;background-size: auto 3.55rem;}
  .pa h3 {font-size: 1.8rem;}
  .pa h4 {font-size: .8rem;}

  /* 产品中心 */
  .p1-box {padding: 3.3rem 0 2.6rem;}
  .p1b li {width: 50%;}
  .p1b li:nth-child(n+5) {margin-top: 0;}
  .p1b li:nth-child(n+3) {margin-top: 1.3rem;}
  .p1b li:nth-child(2n) {background-image: none;}
  .p1b li a {padding: 0 1rem;}
  .p1b li a h3 {font-size: 1rem;}
  .p1b li a:hover {transform: translateY(-1rem);}

  /* 五轴加工中心解决方案 */
  .p2 {padding-top: 3.25rem;padding-bottom: 1rem;}

  .p2b {margin-top: 2.5rem;}
  .p2b1b {display: flex;}
  .p2b1b h3 {font-size: 1.2rem;}
  .p2b1b h4 {font-size: .8rem;}
  .p2b1b div {max-width: 9rem;font-size: .9rem;margin-top: 1.4rem;}

  .p2b-left {display: none;}
  .p2b-right {display: none;}

  /* 公司介绍 */
  .p3 {border-bottom-width: 1rem;}
  .p3a2-box {align-items: center;padding: 3rem 0;min-height: 40rem;}
  .p3a2-box h3 {font-size: 1.5rem;margin-top: 2.7rem;}
  .p3a2-box p {font-size: .8rem;margin-top: .85rem;max-width: 29.75rem;}
  .p3 .p3b .p3b-btn {font-size: 1rem;}

  /* 新闻资讯 */
  .p4b {margin-top: 2.5rem;}
  .p4b li {max-width: 25rem;}
  .p4b li:nth-child(n+3) {margin-top: 2.7rem;}
  
  .p4b li a {padding: 2.5rem 1.5rem 2rem 2rem;}
  .p4b li a div {padding-left: .6rem;}
  .p4b li a div h3 {font-size: .9rem;}
  .p4b li a div h4 {font-size: .65rem;margin-top: .5rem;}
  .p4b li a p {font-size: .65rem;margin-top: 1.5rem;}
  .p4b li a h5 {font-size: .7rem;margin-top: 1.7rem;}

  /* 底部 */
  .pf1a {padding: 3.5rem 0 2.8rem;}

  .pf1a1a2 {margin-top: 2.3rem;}
  .pf1a1a2 p {font-size: .7rem;padding-left: 1.3rem;background-size: .9rem auto;}
  .pf1a1a2 p+p {margin-top: .5rem;}
  
  .pf1a1b p {font-size: .7rem;}
  
  .pf1a2 {max-width: 6rem;}
  
  .pf1b {font-size: .6rem;padding: 1rem 0;}
  
  .pf2-box {padding: .5rem 0;}
  .pf2-box p {font-size: .6rem;}

}