@charset "utf-8";

.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#4f9f26;}

#space{height:100%;}
@media (max-width:1279px){ /*MP*/
  #space{height: 70%;}
}
.d-x{display:none!important;}
@media screen and (max-width:1200px){
  /*.sj_dh,.footer2,.dbdh{display:block;}*/
  .t-c{text-align:center;}
  .d-x{display:block!important;}
  .d-y{display:none!important;}
  .display,.heat,.head,.footer{display:none!important}
  .d-x{display:block!important;}

}

.tit-container{padding: 60px 0;}
.tit-container .en{font-size: 2rem; font-family: 'Montserrat';}
.tit-container .cn{font-size: 4rem; margin-top: 13px; color: #212121; font-weight: 300;}
.tit-container .desc{font-size: 1.6rem; color: #bbb; max-width: 1600px; margin: 15px 0 0 0; line-height: 1.3; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; letter-spacing: -0.05rem;}

@media (max-width:1679px){ /*1440*/
  .tit-container .en{font-size: 1.8rem;}
  .tit-container .cn{font-size: 3.6rem;}
  .tit-container .desc{font-size: 1.5rem;}
}
@media (max-width:1439px){ /*1366*/
  .tit-container .en{font-size: 1.7rem;}
  .tit-container .desc{font-size: 1.4rem;}
}
@media (max-width:1365px){ /*1280*/
  .tit-container .en{font-size: 1.6rem;}
  .tit-container .cn{font-size: 3.4rem;}
  .tit-container .desc{font-size: 1.4rem;}
}
@media (max-width:1279px){ /*MP*/
  .tit-container{padding: 40px 15px;}
  .tit-container .en{font-size: 1.4rem; letter-spacing: unset;}
  .tit-container .cn{font-size: 3.2rem; letter-spacing: unset;}
  .tit-container .desc{font-size: 1.4rem;}
}


#m1{background: #f5f6f6; position: relative; z-index: 2; padding-bottom: 100px;}
#m1 .tit-container{position: relative;}
#m1 .tit-container .more{display: block; position: absolute; right: 0; top: 100px; color: #4f9f26; font-size: 1.5rem;}
#m1 .tit-container .more::before{content: '\e685'; font-family: 'iconfont'; font-size: 1.4rem; margin-right: 6px;}
#m1 .tit-container .more:hover{color: #464646;}
#m1 .box{width: 100%; overflow: hidden; margin-top: -10px;}
#m1 .list{display: flex; flex-wrap: wrap; width: calc(100% + 10px);}
#m1 .list a{display: block; width: calc(20% - 10px); margin-right: 10px; height: 0; height: 60px; line-height: 60px; font-size: 1.8rem; font-weight: bold; text-align: center; margin-bottom: 10px; background: #3e8a0c; position: relative; overflow: hidden; transition: all .3s; color: #fff; box-shadow: 0 10px 25px -4px rgba(24, 92, 197, 0.18);}
#m1 .list a:hover{background: #59d407;}
#m1 .list a .img{opacity: 0; position: absolute;}
#m1 .list a i{position: absolute; text-align: right; font-size: 5.2rem; width: 100%; right: 20px; top: 20px; color: #bbb; transition: all .2s;}
#m1 .list a:hover i{top: 26px; color: #d0d0d0;}
#m1 .list a .tit{width: 100%; left: 0; padding-left: 20px; box-sizing: border-box; bottom: 22px; font-size: 1.8rem; font-weight: bold; transition: all .3s;}
#m1 .list a:hover .tit{color: #fff; padding-left: 26px;}
#m1 .list a .icon-yongdianqujianbaobiao{transform: scale(.85); right: 10px;}
#m1 .list a .icon-dianzi{transform: scale(1.08); right: 25px;}
#m1 .list a .plus{display: block; width: 32px; height: 32px; background: #4f9f26; color: #fff; position: absolute; right: -32px; bottom: -32px; text-align: center; line-height: 31px; font-size: 1.2rem; opacity: 0; transition: all .3s;}
#m1 .list a .plus::after{font-family: 'iconfont'; content: '\e6e2';}
#m1 .list a:hover .plus{right: 0; bottom: 0; opacity: 1;}

@media (max-width:1679px){ /*1440*/
  #m1 .list a{display: block; width: calc(25% - 10px);}
  #m1 .list a .tit{height: 24px;}
}
@media (max-width:1439px){ /*1366*/
  #m1 .list a i{font-size: 4.8rem;}
  #m1 .list a .tit{font-size: 1.7rem;}
}
@media (max-width:1365px){ /*1280*/
  #m1 .list a i{font-size: 4.2rem;}
  #m1 .list a .tit{font-size: 1.6rem; height: 22px;}
  #m1 .tit-container .more{font-size: 1.4rem;}
}
@media (max-width:1279px){ /*MP*/
  #m1{padding-bottom: 70px;}
  #m1 .tit-container .more{display: none;}
  #m1 .list{display: flex; margin-top: unset; padding: 0 15px; box-sizing: border-box;}
  #m1 .list a{width: calc(50% - 10px);}
  #m1 .list a i{font-size: 3.6rem;}
  #m1 .list a .tit{padding-left: 15px; padding-right: 15px; bottom: 10px; font-size: 1.5rem;}
}


#m2{position: relative; z-index: 2; background: #fff;}
#m2 .tit-container{background: #111 url('../img/m2_tit_bg.jpg') no-repeat center/cover fixed; padding: 60px 0 65px 0; text-align: center;}
#m2 .tit-container .en{color: #4f9f26;}
#m2 .tit-container .cn{color: #fff;}
#m2 .tit-container .desc{color: rgba(255,255,255, .9); text-align: center; max-width: 1200px; margin: 35px auto 10px auto; font-size: 1.7rem; line-height: 1.8;}

#m2 .list{width: 100%; height: calc(100vh); background: #eee url('../img/m2.jpg') no-repeat center/cover; position: relative;}
#m2 .list>.bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .65s ease;}
#m2 .list>.s0{background: #fff url('../img/s1.jpg') no-repeat center/cover;}
#m2 .list>.s1{background: #fff url('../img/s2.jpg') no-repeat center/cover;}
#m2 .list>.s2{background: #fff url('../img/s3.jpg') no-repeat center/cover;}
#m2 .list>.s3{background: #fff url('../img/s4.jpg') no-repeat center/cover;}
#m2 .list>.s4{background: #fff url('../img/s5.jpg') no-repeat center/cover;}
#m2 .list>.active{opacity: 1;}
#m2 .list .item{width: 20%; height: 100%; position: relative; border-right: 1px solid #e9e9e9; box-sizing: border-box; z-index: 2; text-align: center; transition: all .55s;}
#m2 .list:hover .item{border-right: 1px solid rgba(255,255,255, .5);}
#m2 .list .item:last-child{border-right: 0px none;}
#m2 .list .item .bg{width: 100%; height: 100%; position: absolute; background: linear-gradient(#112a96, #fb5483); opacity: 0; transition: all .4s;}
#m2 .list .item:hover .bg{opacity: .75;}

@media (max-width:1439px){ /*1366*/
  #m2 .tit-container .desc{font-size: 1.6rem;}
}

#m2 .list .wrapper{display: flex; height: 100%; position: relative;}
#m2 .list .box{position: relative; z-index: 2; top: 25%; transition: all .35s;}
#m2 .list .wrapper .active{top: 20%;}
#m2 .list .item i{font-size: 10rem; background: linear-gradient(#4f9f26, #4fd40b); -webkit-background-clip: text; color: transparent; height: 10rem; line-height: 10rem; transition: all .35s;}
#m2 .list .item i.icon-buildings_tower-{font-size: 9.6rem;}
#m2 .list .item i.icon-taiyangnengdianchi{font-size: 9.4rem;}
#m2 .list .item i.icon-ditie{font-size: 9.6rem;}
#m2 .list .item .active i{color: #fff;}
#m2 .list .item .tit{font-size: 3.2rem; color: #2b2b2b; margin-top: 32px; transition: all .35s;}
#m2 .list .item .active .tit{color: #fff; font-size: 4rem;}
#m2 .list .item .desc{font-size: 1.6rem; color: #464646; line-height: 1.6; height: 50px; transition: all .35s; max-width: 250px; margin: 28px auto auto auto;}
#m2 .list .item .active .desc{color: rgba(255,255,255,.8);}
#m2 .list .item .more{margin: 50px; border: 1px solid #d3d3d3; font-size: 1.5rem; padding: 15px 35px; display: inline-block; border-radius: 50px; color: #999; transition: all .28s;}
#m2 .list:hover .more{opacity: .7; background: #fff; color: #666; border: 1px solid #fff;}
#m2 .list .active .more{opacity: .7; background: #fff; color: #666; margin-top: 110px; border: 1px solid #fff;}
#m2 .list .item .more:hover{opacity: 1; color: #4f9f26;}

@media (max-width:1679px){ /*1440*/
  #m2 .list .item i{font-size: 9rem;}
  #m2 .list .item i.icon-buildings_tower-{font-size: 8.6rem;}
  #m2 .list .item i.icon-taiyangnengdianchi{font-size: 8.4rem;}
  #m2 .list .item i.icon-ditie{font-size: 8.6rem;}
  #m2 .list .item .tit{font-size: 2.8rem;}
  #m2 .list .item .active .tit{font-size: 3.3rem;}
  #m2 .list .item .desc{font-size: 1.5rem;}
}
@media (max-width:1439px){ /*1366*/
  #m2 .list .item i{font-size: 8.6rem;}
  #m2 .list .item i.icon-buildings_tower-{font-size: 8.2rem;}
  #m2 .list .item i.icon-taiyangnengdianchi{font-size: 8rem;}
  #m2 .list .item i.icon-ditie{font-size: 8.2rem;}
  #m2 .list .item .active .tit{font-size: 3.2rem;}
  #m2 .list .item .desc{font-size: 1.4rem;}
  #m2 .list .item .tit{font-size: 2.6rem; margin-top: 10px;}
  #m2 .list .item .active .tit{font-size: 3rem;}
  #m2 .list .item .box .desc{font-size: 1.4rem; max-width: 90%; margin: 20px auto auto auto;}
  #m2 .list .item .more{margin: 40px; font-size: 1.4rem; padding: 13px 32px;}
  #m2 .list>.bg{display: none;}
}
@media (max-width:1365px){ /*1280*/
  #m2 .list .item .tit{font-size: 2.4rem;}
  #m2 .list .item .active .tit{font-size: 2.7rem;}
  #m2 .list .item .desc{font-size: 1.3rem; padding: 0 10px;}
}
@media (max-width:1279px){ /*MP*/
  #m2 .tit-container{background: #111 url('../img/m2_tit_bg.jpg') no-repeat center/cover; padding: 50px 0 55px 0;}
  #m2 .tit-container .desc{padding: 0 15px;}

  #m2 .list .item:hover .bg{opacity: 0;}
  #m2 .list .item.active .bg{opacity: .75;}

  #m2 .list{height: auto; background: none;}
  #m2 .list .wrapper{display: block;}
  #m2 .list .item{width: 100%; height: auto; border-right: 0px none; border-bottom: 1px solid #eee;}
  #m2 .list .box{top: 0; padding: 30px 15px;}
  #m2 .list .item i{font-size: 6.6rem;}
  #m2 .list .item i.icon-buildings_tower-{font-size: 5.6rem;}
  #m2 .list .item i.icon-taiyangnengdianchi{font-size: 5.4rem;}
  #m2 .list .item i.icon-ditie{font-size: 5.6rem;}
  #m2 .list:hover .more{opacity: 1; background: unset; color: #999; border: 1px solid #d3d3d3;}
  #m2 .list .item.active .more{opacity: .7; background: #fff; color: #666; border: 1px solid #fff;}
}


#m-about{position: relative; z-index: 2; background: #fff;}
#m-about .wrap{background: url('../img/building.png') no-repeat right bottom; min-height: 600px;}
#m-about .box{padding-top: 50px; padding-bottom: 100px; max-width: 700px;}
#m-about .box .tit{color: #2b2b2b; font-size: 3.5rem; font-weight: bold; position: relative;}
#m-about .box .con{color: #999; font-size: 1.5rem; margin-top: 40px;}
#m-about .box .con p{line-height: 1.8; margin-bottom: 30px;}
#m-about .more{display: block; width: 150px; height: 50px; background: #4f9f26; color: #fff; text-align: center; line-height: 50px; margin-top: 55px; font-size: 1.5rem; font-weight: 300; border-radius: 30px; transition: background-color .35s;}
#m-about .more:hover{background: #4f9f26;}

@media (max-width:1679px){ /*1440*/
  #m-about .box .tit{font-size: 3.4rem;}
  #m-about .more{font-size: 1.4rem; width: 142px; height: 48px; line-height: 48px;}
}
@media (max-width:1439px){ /*1366*/
  #m-about .box .con{font-size: 1.4rem;}
}
@media (max-width:1365px){ /*1280*/
  #m-about .more{width: 132px; height: 46px; line-height: 46px;}
}
@media (max-width:1279px){ /*MP*/
  #m-about .wrap{background: url('../img/building.png') no-repeat right bottom/auto 30%; min-height: 560px;}
  #m-about .box{padding: 30px 15px 45px 15px; max-width: unset;}
  #m-about .box .tit{font-size: 2.4rem;}
  #m-about .box .con{font-size: 1.4rem; margin-top: 40px;}
}


#m3{padding: 60px 0; background: #222 url('../img/m3.jpg') no-repeat center/cover fixed; position: relative; z-index: 2;}
#m3 .wrap{display: flex;}
#m3 .wrap .item{width: 25%; text-align: center; box-sizing: border-box;}
#m3 .tit{color: #fff;}
#m3 .num{font-size: 5.6rem; font-family: 'Montserrat'; font-weight: 700; vertical-align: middle;}
#m3 .plus{font-size: 4.2rem; vertical-align: middle; font-weight: bold; position: relative; top: -4px;}
#m3 .desc{color: #fff; max-width: 250px; margin: 20px auto; line-height: 1.6; font-size: 1.6rem; font-weight: 300;}

@media (max-width:1679px){ /*1440*/
  #m3 .num{font-size: 5.2rem;}
  #m3 .plus{font-size: 4rem;}
  #m3 .desc{font-size: 1.5rem;}
}
@media (max-width:1439px){ /*1366*/
  #m3 .num{font-size: 5rem;}
  #m3 .plus{font-size: 3.8rem;}
  #m3 .desc{font-size: 1.4rem;}
}
@media (max-width:1279px){ /*MP*/
  #m3{padding: 0; background: #4f9f26;}
  #m3 .wrap{display: flex; flex-wrap: wrap; align-content: stretch;}
  #m3 .wrap .item{width: 50%; text-align: center; box-sizing: border-box; border-right: 1px solid rgba(255,255,255, .12); border-bottom: 1px solid rgba(255,255,255, .12); padding: 30px 15px;}
  #m3 .num{font-size: 3.6rem;}
  #m3 .plus{font-size: 2.2rem;}
  #m3 .desc{max-width: 100%; margin: 16px auto; line-height: 1.5; font-size: 1.4rem;}
}


#m4{position: relative; z-index: 2; background: #fff; padding: 0 0 100px 0; overflow: hidden;}
#m4 .wrap{position: relative;}
#m4 .main-tit{border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between;}
#m4 .main-tit .tit-container{padding-bottom: 30px;}
#m4 .qr{height: 78px; padding-top: 71px;}
#m4 .qr>img{height: 100%; float: right;}
#m4 .qr>div{float: right; padding-top: 23px; font-size: 1.4rem; color: #bbb; padding-right: 10px; line-height: 1.4; text-align: right;}

@media (max-width:1439px){ /*1366*/
  #m4 .qr>div{font-size: 1.3rem;}
}
@media (max-width:1279px){ /*MP*/
  #m4{padding: 0 0 60px 0;}
  #m4 .main-tit{display: block;}
  #m4 .qr{display: none;}
}

#m4 .swiper-container{margin-top: 60px; margin-left: 170px;}
#m4 .swiper-slide a{display: block;}
#m4 .swiper-slide a .img{height: 0; padding-bottom: 65%; background: #eee; position: relative; overflow: hidden;}
#m4 .swiper-slide a .img>.focus{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .55s; background: #eee no-repeat center/cover;}
#m4 .swiper-slide a:hover .img>.focus{transform: scale(1.09);}
#m4 .swiper-slide a .img .date{position: absolute; left: 0; right: 0; bottom: -55px; height: 55px; background: #4f9f26; margin: auto; text-align: center; line-height: 55px; color: #fff; font-size: 1.5rem; font-weight: 300; transition: all .35s; letter-spacing: 1px;}
#m4 .swiper-slide a:hover .img .date{bottom: 0;}
#m4 .swiper-slide a:hover .img .date:hover{background: #4f9f26;}
#m4 .swiper-slide a .img .date::before{display: inline-block; content: '\e638'; font-family: 'iconfont'; margin-right: 8px; font-size: 1.7rem;}
#m4 .swiper-slide a .box{margin-top: 30px;}
#m4 .swiper-slide a .box .tit{color: #2b2b2b; font-size: 1.9rem; font-weight: bold; line-height: 1.4; height: 48px; transition: all .25s;}
#m4 .swiper-slide a:hover .box .tit{color: #4f9f26;}
#m4 .swiper-slide a .box .desc{line-height: 1.8; margin-top: 20px; font-size: 1.5rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; color: #aaa;}

#m4 .pagination{position: absolute; left: 0; top: 280px; color: #bbb; font-size: 2.2rem; font-family: 'Montserrat'; font-weight: 700;}
#m4 .swiper-pagination-current{font-size: 2.5rem; color: #4f9f26; display: inline-block; width: 32px;}
#m4 .right{position: absolute; left: 50px; top: 350px;  background: #bfbfbf; width: 48px; height: 48px; text-align: center; line-height: 48px; cursor: pointer; transition: all .3s;}
#m4 .right::after{content: '\e624'; font-family: 'iconfont'; font-size: 2.4rem; color: #fff; transform: rotate(-180deg); display: block; width: 50px; height: 48px;}
#m4 .left{position: absolute; left: 0; top: 350px;  background: #bfbfbf; width: 48px; height: 48px; text-align: center; line-height: 48px; cursor: pointer; transition: all .3s;}
#m4 .left::after{content: '\e624'; font-family: 'iconfont'; font-size: 2.4rem; color: #fff;}
#m4 .right:hover, #m4 .left:hover{background: #4f9f26;}


@media (max-width:1439px){ /*1366*/
  #m4 .swiper-slide a .img .date{bottom: -50px; height: 50px; line-height: 50px; font-size: 1.4rem;}
  #m4 .swiper-slide a .img .date::before{margin-right: 7px; font-size: 1.6rem;}
  #m4 .swiper-slide a .box .tit{font-size: 1.8rem;}
  #m4 .swiper-slide a .box .desc{font-size: 1.3rem;}
}
@media (max-width:1279px){ /*MP*/
  #m4 .left, #m4 .right{display: none;}
  #m4 .swiper-container{margin: 50px 20px 50px 20px;}
  #m4 .swiper-slide a .img .date{display: none;}
  #m4 .pagination{position: relative; left: unset; top: unset; text-align: center; font-size: 1.6rem;}
  #m4 .swiper-pagination-current{font-size: 1.6rem; width: auto;}
}


#m5{background: #19439a url('../img/m5.jpg') no-repeat center/cover fixed; position: relative; z-index: 2;}
#m5 .wrap{min-height: 300px; display: flex; justify-content: space-between; align-items: stretch; padding: 80px 0;}
#m5 .l{width: 60%;}
#m5 .word{color: #fff; font-size: 1.4rem; margin-top: 16px; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#m5 .tit{color: #fff; font-size: 3.2rem; font-weight: bold; margin-top: 50px; line-height: 1.3;}
#m5 .tit-en{color: rgba(255,255,255, .5); font-size: 1.5rem; margin-top: 50px; line-height: 1.6; font-weight: 300;}

#m5 .r{width: 40%; position: relative;}
#m5 .r .more{display: block; width: 42px; height: 42px; border: 1px solid #fff; text-align: center; line-height: 42px; color: #fff; position: absolute; right: 0; top: 50%; border-radius: 3px; overflow: hidden; transition: all .3s;}
#m5 .r .more:hover{width: 130px;}
#m5 .r .more i{font-size: 2rem; position: absolute; top: 0; right: 0; display: block; width: 42px; height: 42px; line-height: 42px; transition: all .3s;}
#m5 .r .more div{height: 42px; line-height: 40px; width: 60px; position: absolute; left: -60px; font-size: 1.5rem; top: 0px; transition: all .3s;}
#m5 .r .more:hover div{left: 18px;}

@media (max-width:1439px){ /*1366*/
  #m5 .tit{font-size: 3rem;}
  #m5 .tit-en{font-size: 1.4rem;}

  #m5 .r .more{width: 40px; height: 40px; line-height: 40px;}
  #m5 .r .more:hover{width: 120px;}
  #m5 .r .more i{font-size: 1.8rem; width: 40px; height: 40px; line-height: 40px;}
  #m5 .r .more div{height: 40px; line-height: 40px;}
}
@media (max-width:1365px){ /*1280*/
  #m5 .wrap{padding: 70px 0 65px 0;}
  #m5 .tit{font-size: 2.8rem;}
  #m5 .tit-en{font-size: 1.3rem;}
}
@media (max-width:1279px){ /*MP*/
  #m5{background: #19439a url('../img/m5.jpg') no-repeat center/cover;}
  #m5 .wrap{min-height: unset; display: block; padding: 60px 0;}
  #m5 .l{width: 100%; padding: 0 15px; box-sizing: border-box;}
  #m5 .tit{font-size: 2rem;}
  #m5 .tit-en{font-size: 1.3rem;}
  #m5 .r{width: 100%; padding: 50px 0;}
  #m5 .r .more{right: unset; left: 15px; top: unset;}
}

.product-list{width: 1600px; font-family: 'Microsoft YaHei'; margin: 0 auto;}
.product-list .title{text-align: right;}
.product-list .title>a{display: inline-block; font-size: 1.4rem; color: #999;}
.product-list .title>a.grid{margin-right: 12px;}
.product-list .title>a.grid::before{content: '\e81c'; font-family: 'iconfont'; font-size: 1.6rem; margin-right: 6px;}
.product-list .title>a.list::before{content: '\e74d'; font-family: 'iconfont'; font-size: 1.5rem; margin-right: 6px;}
.product-list .title>a.active{color: #4f9f26;}

@media (max-width:1679px){ /*1440*/
  .product-list{width: 1350px;}
}
@media (max-width:1439px){ /*1366*/
  .product-list{width: 1280px;}
}
@media (max-width:1365px){ /*1280*/
  .product-list{width: 890px;}
}
@media (max-width:1279px){ /*mp*/
  #product{padding-bottom: 50px;}
  #product .wrap{width: calc(100% + 15px); padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
  #product .wrap a{width: calc((100% - 15px)/2); padding-bottom: calc((100% - 15px)/2); margin: 0 15px 15px 0;}

  #product .wrap a .info{padding: 20px 15px;}
  #product .wrap a .info .name{font-size: 1.6rem;}
  #product .wrap a .img{padding-bottom: calc((100% - 15px)/2);}
  #product .wrap a .img img{max-height: 90%;}

  #product .wrap a:first-child{width: calc(100% + 15px);}
  #product .wrap a:first-child .info{padding-top: 60px;}
  #product .wrap a:first-child .info .name{font-size: 2.7rem;}
  #product .wrap a:first-child .info .series{font-size: 1.5rem;}
  #product .wrap a:nth-of-type(2n+1){margin-right: 0;}


  #category{padding: 0 15px 60px 15px; margin-top: -25px;}
  #category .wrap{display: block;}
  .catalog{width: 100%;}
  .catalog>.title{display: none;}
  .catalog>.mp-title{display: block;}
  .catalog>.mp-title>span{display: inline-block; background: #ffff00; padding: 5px; color: #111; position: relative; top: -1px;}
  .catalog .box>.title::after{transform: rotate(-90deg);}
  .catalog .box>.title.active::after{transform: rotate(90deg);}
  .catalog .box>.list{display: none;}

  .product-list{width: 100%;}
  .product-list .title{text-align: left; margin-top: 30px;}
}

.product-list .related{display: flex; flex-wrap: wrap; margin-top: 20px;}
.product-list .related>.item{width: calc(20% + 1px); box-sizing: border-box; border: 1px solid #e6e7e7; padding: 20px 20px 72px 20px; background: #fff; margin-right: -1px; margin-bottom: -1px; position: relative; transition: box-shadow .2s;}
.product-list .related>.item:hover{box-shadow: 0 8px 16px rgba(0,0,0, .1); position: relative; z-index: 1;}
.product-list .related>.item::after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0); z-index: 1; transition: background .35s; visibility: hidden;}
.product-list .related>.item.dark::after{background: rgba(0,0,0, .3); visibility: visible;}

@media (max-width:1439px){ /*1366*/
  .product-list .related>.item{width: calc(33.33333% + 1px);}
}

.product-list .related>.item>a{display: block; position: relative;}
.product-list .related>.item>a .img{margin: 0 10px; height: 0; padding-bottom: 100%; overflow: hidden;}
.product-list .related>.item>a .img>img{transition: transform .35s;}
.product-list .related>.item:hover>a .img>img{transform: scale(.94);}

.product-list .related>.item .pname{display: block;}
.product-list .related>.item .pname .model{color: #2b2b2b; font-size: 1.8rem; font-weight: bold; text-align: center;}
.product-list .related>.item .pname .name{font-size: 1.5rem; margin-top: 8px;}
.product-list .related>.item .pname:hover .name{color: #4f9f26;}

.product-list .related>.item .view{display: block; line-height: 38px; height: 40px; background: #4f9f26; color: #fff; text-align: center; font-size: 1.6rem; margin-top: 15px;}
.product-list .related>.item .view:hover{background: linear-gradient(#5fae3c, #5fae3c);}

@media (max-width:1679px){ /*1440*/
  .product-list .related>.item .pname .model{font-size: 1.7rem;}
  .product-list .related>.item .view{font-size: 1.5rem;}
}

.product-list .related .doc-container{position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding-bottom: 10px; z-index: 2; transition: border-radius .3s;}
.product-list .related .doc-container.active{border-radius: 10px 10px 0 0;}
.product-list .related .doc-container>.tit{display: block; font-size: 1.5rem; text-align: center; line-height: 46px; height: 46px;}
.product-list .related .doc-container>.tit::before{content: '\e626'; font-family: 'iconfont'; color: #bbb; margin-right: 8px;}
.product-list .related .doc-container>.tit::after{content: '\e624'; font-family: 'iconfont'; color: #999; margin-left: 9px; transform: rotate(90deg) scale(.6); display: inline-block;}
.product-list .doc-container .doc-list{display: none;}
.product-list .doc-container .doc-list>a{display: block; padding: 13px 20px; font-size: 1.4rem; transition: background .25s;}
.product-list .doc-container .doc-list>a:hover{background: #eee;}
.product-list .doc-container .doc-list>a svg{position: relative; top: -1px; margin-right: 5px;}
.product-list .doc-container .doc-list>a.all{padding-left: 44px; font-size: 1.3rem; color: #4f9f26;}
.product-list .doc-container .doc-list>a.all::after{content: '\e615'; font-family: 'iconfont'; margin-left: 5px;}
.product-list .doc-container .doc-list>a.all:hover{background: none;}

.product-list>.list{display: block;}
.product-list>.list>.item{width: 100%; height: 250px; display: flex;}
.product-list>.list>.item::after{display: none;}
.product-list>.list>.item>a .img{margin: 0 20px; width: 210px; height: 210px; padding-bottom: 0; overflow: hidden;}
.product-list>.list>.item>a .img>img{max-height: 210px; max-width: 210px;}

.product-list>.list>.item>div{padding-top: 20px; padding-left: 10px;}
.product-list>.list>.item .view{display: block; width: 150px; margin-top: 40px;}

.product-list>.list .doc-container{position: relative; width: 150px; margin-top: 12px;}
.product-list>.list .doc-container .tit{border: 1px solid #e6e7e7; height: 38px; line-height: 38px; margin-bottom: -1px;}
.product-list>.list .doc-container .tit:hover{border: 1px solid #bbb;}
.product-list>.list .doc-container>.tit::after{transform: rotate(-90deg) scale(.6);}
.product-list>.list .doc-container .doc-list{width: 350px; background: #fff; border: 1px solid #e6e7e7; box-shadow: 0 5px 10px rgba(0,0,0, .06);}

@media (max-width:1279px){ /*mp*/
  .product-list .related>.item{width: calc(50% + 1px);}
  .product-list .related>.item .pname .model{font-size: 1.5rem;}
  .product-list .related>.item .pname .name{font-size: 1.3rem;}

  .product-list .related>.item .view{font-size: 1.4rem;}

  .product-list .related .doc-container>.tit{font-size: 1.4rem;}
  .product-list .doc-container .doc-list>a{font-size: 1.3rem; padding: 10px 15px;}
  .product-list .doc-container .doc-list>a svg{margin-right: 2px;}
  .product-list .doc-container .doc-list>a.all{padding-left: 34px;}

  .product-list>.list>.item{width: 100%; padding: 15px; height: auto;}
  .product-list>.list>.item>a{width: 40%;}
  .product-list>.list>.item>a>.img{margin: 0; width: 100%; height: 0; padding-bottom: 100%; position: relative;}
  .product-list>.list>.item>a>.img>img{max-height: 100%; max-width: 100%; position: absolute; left: 0; top: 0;}

  .product-list>.list>.item>div{width: 55%;}
  .product-list>.list>.item .view{width: 130px; margin-top: 20px;}
  .product-list>.list .doc-container{width: 130px; margin-top: 12px;}
  .product-list>.list .doc-container .doc-list{width: 190px; position: absolute; box-sizing: border-box;}
}

/**/

.pss_bga {background: #fff; height:850px; width: 100%;overflow: hidden;padding-top: 80px; margin-top:50px;}

.pss_bg{width:100%;background: #1da795;padding:60px 0 90px 0px;}
.pss_top p,.pss_top p b{color:#fff;}
.pss_top span{color:#e7eff7;}
.pss_con{width:1400px;height:252px;background:#fff;overflow:hidden;position:relative;margin-top:50px;}
.psc_w{position:absolute;top:0;left:0;font-size:0;}
.psc_w dl{width:185px;height:252px;display:inline-block;vertical-align:top;text-align: center;padding-top:49px;}
.psc_w dl+dl{border-left:1px solid #e3e3e3;position:relative;}
.psc_w dl+dl:before{content:'';width:32px;height:32px;background:#fff url(http://aiqxt.114my.cn/memberpic/julidianzi123/uploadfile/image/20200508/20200508084204_885475883.png) no-repeat center;position:absolute;top:50%;left:-16px;margin-top:-16px;}
.psc_w dd p{font-size:16px;margin:30px 0;font-weight:bold;}
.psc_w dd i{font-size:26px;color:#666; font-family: Impact;}
.pss_box ol{text-align: center; width:72px; margin: 30px auto; }
.pss_box ol li{width:16px;height:16px;border-radius:16px;background:#fff; float: left;}
.pss_box ol li+li{margin-left:2px;}
.pss_box ol li.on{background:#41d6c3;}

.pss_tel{text-align: center;margin-top:50px;}
.pss_tel p,.pss_tel p span,.pss_tel p em{display:inline-block;vertical-align:top;line-height:52px;color:#fff;}
.pss_tel p{margin-right:25px;}
.pss_tel p span{font-size:18px;}
.pss_tel p em{font-size:32px;}
.pss_tel button{display:inline-block;vertical-align: top;width:176px;height:52px;border:1px solid #84a7d6;background:none;border-radius:4px;}
.pss_tel button a{font-size:18px;color:#fff;display:block;}


/*发展历程*/


.bgGray{ background:#fff; width:100%; overflow:hidden}
.boxMax1 { width: 100%; max-width: 1400px; margin: 0 auto; /*padding: 0 10px;*/ box-sizing: border-box; margin-top:30px; }
.navTitle { font-size: 40px; line-height: 40px; text-align: center; padding: 60px 0 50px 0; color: #333; background: url(../img/20200623112510_762056809.png) no-repeat center 60px; }
.boxFzlc{ width:100%; height:335px; overflow:hidden; position:relative; }
.boxFzlc .swiper-slide{ width:250px; height:435px; position:relative; overflow:hidden; display:inline-block; padding:90px 35px 0 25px; box-sizing:border-box; text-align:center; }
.boxFzlc .swiper-slide:nth-child(odd){ background:url(../img/20200612105005_1668808045.png) center no-repeat; }
.boxFzlc .swiper-slide:nth-child(even){ background:url(../img/20200612105033_473213997.png) center no-repeat; }
.boxFzlc .swiper-pagination{ bottom:11px!important; }
.boxFzlc .swiper-pagination-bullet{ width:12px; height:12px; background:#000; opacity:0.2}
.boxFzlc .swiper-pagination-bullet-active{ background:#005c1d; opacity:1.0}
.boxFzlc .swiper-button-prev{ left:45%; margin:-40px 0 0 -100px; top:100%!important; width:40px; height:40px; background:url(../img/20200623110407_1225057820.png) no-repeat; opacity:0.2}
.boxFzlc .swiper-button-prev:hover{ background:url(../img/20200623110548_225803343.png) no-repeat; opacity:1.0}
.boxFzlc .swiper-button-next{ right:45%; margin:-40px -100px 0 0; top:100%!important; width:40px; width:40px; background:url(../img/20200623110529_769491807.png) no-repeat; opacity:0.2}
.boxFzlc .swiper-button-next:hover{ background:url(../img/20200623110615_1740740205.png) no-repeat; opacity:1.0}
.boxFzlc h1 {font-size: 30px;line-height: 50px;color: #333;font-family: ReckonerX;letter-spacing: -2px;}
.boxFzlc h2{ font-size:22px; line-height:22px; font-weight:bold; margin:15px 0; font-family: 'Microsoft JhengHei'; }
/*.boxFzlc h3 { height: 4px; width: 60px; display: block; background: #eee; margin: 40px auto 25px; }*/
.boxFzlc i { line-height: 28px; display: block; font-size: 16px; padding: 18px 0 0 0; font-style: normal; text-align: center; font-family: 'Microsoft JhengHei'; color: #555; }

.price{width:900px; height:auto; overflow:hidden; float:right;}
.page3{width:900px;}
.ys2{ width:1400px; height:320px; margin:0 auto; }
.yst2{ width:450px; height:270px; float: left; }
.yst2 img{ max-width: 450px; }
.price-list{width:900px; }
.price-list .item{float:right; padding:50px 0px 0px 40px;width:300px; text-align:center;    /*  border: 1px #eee solid;  */   margin-left: -1px; background:f1f1f1;}
.price-list .item i{display:block;margin:25px auto 0;width:70px;height:70px;}
.price-list .item i img{width:70px; height:70px;}
.price-list .item span{display:block; line-height:55px;font-size:24px;color:#333;text-align:center; font-weight:bold; padding-top:15px;}
.price-list .item p{font-size:16px;color:#646464;line-height:30px;height:auto;overflow:hidden; font-weight: 200; padding-top:10px;}
.price-list .item em{font-size:38px;color:#0a5ccc; font-family: Impact,Arial,SWZ92; width: 93px; height: 93px; border-radius: 50%; border: 1px #0a5ccc solid; line-height: 93px; margin-left:120px;}
.price .zxBox{margin-top:40px;text-align:center;overflow:hidden; width:1400px;}
.price .zxBox a{display:block;margin:0 auto;width:300px;height:60px;line-height:60px;text-align:center;font-size:19px;color:#fff;background-color:#e21f18;background-image: -webkit-gradient(linear, 0 0, right 0, from(#02d3d3), to(#0a5ccc));}
/* process */
/*title*/

.ys1{ width:1400px; height:350px; margin:0 auto; }
.yst{ width:450px; height:270px; float: left; }
.yst img{ max-width: 450px; }
.ys_nr{ width:900px; height:auto; float:right; }
.title{width:900px; height:auto;text-align:right; font-size: 40px; line-height: 58px; font-weight: 500; overflow: hidden; color: #333;}
.yw{width:900px; height:auto;text-align:right; font-size: 20px; line-height: 58px; font-weight: 300; overflow: hidden; color: #333;}
.title strong{color: #0a5ccc; font-size: 40px; }
.title_x{width:900px; height:auto; font-size: 18px; text-align: right; line-height: 38px; color: #595959; margin-top: 10px; font-weight: 100;}

.slider {
    width: 1920px;
    height: 800px;
    margin: 0 auto;
    overflow: hidden;
   margin-top:100px;
}

/* 切换按钮 */
    /* 上一个 */
.osSlider-main .slider-btn-prev {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: -45px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    margin-top: -20px;
    background: url(../img/prev.png) 50% 50% no-repeat;
    transition: all .5s linear;
}

.osSlider-main:hover .slider-btn-prev {
    left: 5px;
}
    /* 下一个 */
.osSlider-main .slider-btn-next {
    position: absolute;
    z-index: 30;
    top: 50%;
    right: -45px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    margin-top: -20px;
    background: url(../img/next.png) 50% 50% no-repeat;
    transition: all .5s linear;
}

.osSlider-main:hover .slider-btn-next {
    right: 5px;
}

/* 高亮导航部分 */
.osSlider-main .slider-nav {
    position: absolute;
    width:100%;
    height: 22px;
    bottom: 20px;
    text-align: center;
    z-index: 25;
}
.osSlider-main .slider-nav li {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: 0 6px;
    font-size: 12px;
    color: #eee;
    border: 1px solid #eee;
    background: #3784bc;
    cursor: pointer;
}
.osSlider-main .slider-nav li.active {
    color: #fff;
    background: #f40d0d;
}
.osSlider-main .slider-nav li:hover {
    border: 1px solid #f60;
    background: #f60;
}

.faal{ width: 1400px; height: 400px;margin: 0 auto;}
.faal li a{text-decoration:none;color:#666}
.faal .fanav{width:289px; height:416px; float:left;background:#f4f2f2;}
.faal .fanav ul li{height:50px; line-height: 50px;padding-left:47px; border-bottom:1px solid #d0cece;transition: all 0.3s linear; position: relative;}
.faal .fanav ul li em{display: block;font-size: 16px; height:50px; line-height: 50px;padding-left:45px;font-style: normal;}
.faal .fanav ul li .fa1{background:url(../img/fa1.png) no-repeat left;}
.faal .fanav ul li .fa2{background:url(../img/fa2.png) no-repeat left;}
.faal .fanav ul li .fa3{background:url(../img/fa3.png) no-repeat left;}
.faal .fanav ul li .fa4{background:url(../img/fa4.png) no-repeat left;}
.faal .fanav ul li .fa5{background:url(../img/fa5.png) no-repeat left;}
.faal .fanav ul li .fa6{background:url(../img/fa6.png) no-repeat left;}
.faal .fanav ul li .fa7{background:url(../img/fa7.png) no-repeat left;}
.faal .fanav ul li .fa8{background:url(../img/fa8.png) no-repeat left;}
.faal .fanav ul li i{display: none;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent #3784bc; position: absolute; top:21px; right:-16px;z-index: 100;}
.faal .fanav ul li.cur{height:59px; border-bottom:0;background:#3784bc; line-height: 59px;}
.faal .fanav ul li.cur em{color:#FFF;height:59px;  -webkit-filter:brightness(2000);  filter: brightness(2000);line-height: 59px; }
.faal .fanav ul li.cur i{display: block;      }
.faal .fanav span:hover{background:#3784bc;}
.faal .fanav span:hover em{color:#fff;-webkit-filter:brightness(2000);  filter: brightness(2000);}
.faal .ys_box{width:1111px;float:right;overflow: hidden;height: 416px;}
.faal dl{float:left;width:1110px;}
.faal dl dt{width:648px; height:486px;float:left;}
.faal dl dt img{width:648px; height:486px;}
.faal dl dd{width:462px;height:486px;float:left;background:#EEEEEE;}
.faal dl dd span{display: block;margin-top: 71px; margin-left: 26px; height:50px; line-height: 20px; position: relative; margin-bottom: 20px; }
.faal dl dd span:before{width:100px; height:1px; background:#DA251C;content:"";position: absolute;bottom:0; left:0;}
.faal dl dd span a{font-size: 20px; font-weight: bold; color:#000000;text-decoration: none;}
.faal dl dd p{width:400px; height:auto; overflow:hidden; padding-left:26px;font-size: 16px; color:#666666; margin-bottom: 58px;line-height: 35px;}
.faal dl dd strong{display: block;padding-left:91px;font-weight: normal;font-size: 18px; color:#666666;background:url(../img/ph2.png) no-repeat left;}
.faal dl dd strong i{display: block; font-size: 20px; line-height: 30px; font-weight: bold;font-style: normal;}
.faal .faqh{height:310px;margin-top: 39px; overflow: hidden;}
.faal .faqh ul{height:310px;}
.faal .faqh ul li{float:left;width:385px; height:238px;position: relative;margin-right: 23px;}
.faal .faqh ul li span{display: block; width:385px; height:238px; }
.faal .faqh ul li span img{width:385px; height:238px;}
.faal .faqh ul li i{display: block; height:52px; line-height: 52px; text-align: center; font-size: 14px; color:#333333;}
.faal .faqh ul li .xs{display:none;width:385px; height:169px;padding-top:69px;background:url(../img/wzbj.png) no-repeat center; position: absolute;top:0; left:0;}
.faal .faqh ul li .xs em{display: block; text-align: center; font-weight: bold; font-size: 18px; color:#FEFEFE; height:40px; margin-bottom: 18px;}
.faal .faqh ul li .xs p{text-align: center; font-size: 14px; color:#FEFEFE;width:293px; height:38px;margin:0 auto;}
.faal .faqh ul li .xs p a{color:#da251c;}
.faal .faqh ul li:hover .xs{display: block;}
.faal .qh{position: relative;}
.faal .qh .jt i{display: block; width:19px; height:34px;}
.faal .qh .jt .prev{background:url(../img/prev.png) no-repeat center; position: absolute; top:106px; left:-44px;}
.faal .qh .jt .next{background:url(../img/next.png) no-repeat center; position: absolute; top:106px; right:-44px;}
.con{display:none;}