/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-10-18 15:39:31
*/
/*banner*/

.wrap{width: 15.5rem !important;}


.title p{font-size: 0.6rem;color: #333;}
.title{font-size: 0.2rem;color: #cccccc;text-align: center;text-transform: uppercase;line-height: 0.6rem;}



#banner{width:100%;position:relative;overflow:hidden;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 0.64rem;height: 0.64rem;overflow: hidden;left:5%;}
#banner .swiper-button-next {outline：none;background: none;width: 0.64rem;height: 0.64rem;overflow: hidden;right:5%;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{width: 100%;display: block;}
#banner .swiper-button-prev:hover img,#banner .swiper-button-next:hover img{margin-top: -0.64rem;}


#banner .swiper-pagination-bullets{bottom: 0.5rem !important;text-align: left;left:5%;}
#banner .swiper-pagination-bullet{background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;margin-right:0.3rem;width: 0.1rem;height: 0.1rem;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}

#banner img{width: 100%;display: block;}
#banner .biao p{padding-top: 2.8rem;font-size: 0.6rem;color: #fff;margin-bottom: 0.5rem;}
#banner .biao span{font-weight: bold;display: block;}
#banner .biao{font-size: 0.22rem;color: #fff;}

#banner .more{width: 1.4rem;height:0.5rem;line-height:0.5rem;background: #0066ff;color: #fff;display: block;text-align:center;margin-top: 0.7rem;border-radius: 0.5rem;font-size: 0.14rem;}
#banner .more i{padding-left: 0.1rem;transition:0.5s;}
#banner .more:hover i{padding-left: 0.2rem;}
#banner .dian a{width: 1.83rem;height: 0.54rem;display: block;margin-right: 0.5rem;float: left;margin-top: 0.8rem;}
#banner .tu{width: 7.41rem;height: 2.02rem;display: block;margin-top: 25%;}

/*产品展示*/
#cpzs{width: 100%;height: 10.95rem;background: #f3f5f6;}


.tab-menu{width: 100%;height: 1rem;text-align: center;padding-top: 1rem;}
.tab-menu .title{width:30%;float: left;text-align: left;font-size: 0.18rem;color: #999;}
.tab-menu .title p{font-size: 0.6rem;}

.tab-menu ul {width: 10.2rem;float: right;}
.tab-menu ul li{ 
display: inline-block;
cursor: pointer;
font-size: 0.18rem;
color: #666666;
text-align: left;
padding-right: 0.7rem;
line-height: 0.25rem;
margin-top: 0.5rem;
float: left;
border-bottom: 2px solid #ccc;padding-bottom: 0.24rem;
}
.tab-menu ul li span{width:1rem;display:block;float:left;}

.tab-menu ul li.active{
border-bottom: 2px solid #0066ff;color: #0066ff;}

.tab-menu2{position: absolute;left:0;bottom:2.2rem;}
.tab-menu2 li{width: 0.1rem;height: 0.1rem;border-radius: 50%;background: #e6e6e6;margin-right: 0.24rem;float: left;}
.tab-menu2 li.active{background: #666666;}
.tab-menu2 li:hover{cursor: pointer;}

.tab-con .lll{display: none;margin-top: 1rem;}
.tab-con .lll:first-child{
display: block;
}


.tab-con .lll .fl p{font-size: 0.36rem;color: #333333;padding-top: 0.6rem;}
.tab-con .lll .fl .wen{font-size: 0.16rem;line-height: 0.46rem;margin-top: 0.3rem;}
.tab-con .lll .fl a{font-size: 0.16rem;color: #fff;text-align: center;width: 1.55rem;line-height: 0.6rem;height: 0.6rem;display: block;background: #0066ff;margin-top: 1rem;}
.tab-con .lll .fl a span{padding: 0 0.05rem;}
.tab-con .lll .fr{width: 10.2rem;height: 6rem;overflow: hidden;display: block;}
.tab-con .lll .fr img{width: 100%;display: block;}





#about{width:100%;height: 10.45rem;background:url(/statics/images/index/about.jpg)no-repeat center;background-size: cover;}
#about .fl{width: 6.2rem;color: #333333;}
#about .fl i{font-size: 0.24rem;font-weight: bold;margin-top: 1.9rem;display: block;}
#about .fl p{font-size: 0.46rem;margin-top: 0.35rem;font-weight: bold;}
#about .fl .biao{font-size: 0.32rem;padding-top: 0.2rem;padding-bottom: 0.6rem;line-height: 0.36rem;}
#about .fl .biao span{color: #0066ff;}
#about .fl .wen{font-size: 0.16rem;line-height: 0.3rem;text-align: justify;}
#about .fl a{font-size: 0.16rem;color: #333333;text-align: center;width: 1.55rem;line-height: 0.6rem;height: 0.6rem;display: block;margin-top: 1.7rem;border:1px solid #333333;} 
#about .fl a span{padding: 0 0.05rem;}
#about .fl a:hover{background: #0066ff;color: #fff;border:1px solid #0066ff;}

#about .fr{width: 10rem;height: 1.6rem;background: rgba(0,102,255,0.9);position: absolute;right: 0rem;bottom:2.2rem;}
#about .fr li{width: 33.3%;float: left;text-align: center;color: #fff;font-size: 0.16rem;}
#about .fr li p{font-size: 0.56rem;padding-top: 0.28rem;}
#about .fr li p span{font-size: 0.18rem;padding-left: 0.1rem;}




#hexin{width: 100%;height: 9.3rem;background:url(/statics/images/index/jishu.jpg)no-repeat center;background-size: cover;position: relative;}
#hexin .title,#hexin .title p{text-align: left;color: #fff;}
#hexin .title{padding-top: 1.3rem;margin-left: 1.6rem;}

#hexin .info_box_pic_box{overflow:hidden;position:relative;margin-left: 1.6rem;}
#hexin .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.64rem !important;height: 0.64rem !important;overflow: hidden;top:-0.6rem !important;right:3rem;left:auto;}
#hexin .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.64rem !important;height: 0.64rem !important;overflow: hidden;top:-0.6rem !important;right:1.6rem;left:auto;}

#hexin .swiper-button-next img,#hexin .swiper-button-prev img{width: 100%;display: block;}
#hexin .swiper-button-next:hover img,#hexin .swiper-button-prev:hover img{margin-top: -0.64rem;}



#hexin .info_box_pic_box .swiper-slide img{display: block;width: 100%;}
#hexin .info_box_pic_box .swiper-slide{text-align: center;font-size: 0.18rem;text-align: center;color: #333;line-height: 0.5rem;}


#hexin .swiper-pagination-bullets{text-align: center;margin-top: 0.8rem;}
#hexin .swiper-pagination-bullet{width: 7% !important;height: 3px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 3px;}
#hexin .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}


#hexin li{height: 3.8rem;background: #fff;padding: 0 0.3rem;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);border-radius: 0.3rem;float: left;}
#hexin li .shu{width: 0.5rem;height: 0.5rem;background: #0066ff;border-radius: 50%;color: #fff;line-height: 0.5rem;font-size: 0.24rem;margin: 0.3rem 0 0.25rem;text-align: center;font-style: italic;font-weight: bold;}
#hexin li .biao{font-size: 0.32rem;color: #333333;font-weight: bold;height: 1.1rem;text-align: left;line-height: 0.45rem;margin-top: 0.2rem;}
#hexin li .wen{font-size: 0.16rem;color: #666666;line-height: 0.25rem;text-align: justify;margin-top: 0.3rem;}
#hexin li hr{width: 0.4rem;height: 2px;border: none;background: #0066ff;margin-left: 0;}


.swiper-pagination-bullet-active{background: #0066ff !important;}


#anli{width: 100%;height: 9.37rem;background: url(/statics/images/index/case.jpg)no-repeat center;background-size: cover;}

#anli .title,#anli .title p{color: #333;text-align: left;}
#anli .title{padding-top: 0.8rem;}


.index_con03_left_btn{
  width: 0.64rem;
    height: 0.64rem;
    background: url(/statics/images/index/jian3.png) no-repeat center 0px;
    top:2.5rem;
    left:-1.2rem;
    position: absolute;
    background-size: cover;
}

.index_con03_left_btn:hover,.index_con03_right_btn:hover{background-position:0 -0.64rem;}

.index_con03_right_btn{
  width: 0.64rem;
    height: 0.64rem;
    background: url(/statics/images/index/jian4.png) no-repeat center 0px;
    top:2.5rem;
    right:-1.2rem;
    position: absolute;
    background-size: cover;
}


.index_con03_switch_box{width: 100%;position: relative;display: none;}

.index_con03_switch_box .wenzi{width: 15.5rem;height: 6.4rem;margin:0 auto;position: relative;overflow: hidden;margin-top:0.5rem;}
.index_con03_switch_box .wenzi .tu{width: 7.8rem;height: 5.2rem;float: right;overflow: hidden;}
.index_con03_switch_box .wenzi .tu img{width: 100%;display: block;transition:0.5s;}
.index_con03_switch_box .wenzi .tu img:hover{transform: scale(1.08);}


.index_con03_switch_box .wenzi .wen{height: 6.4rem;position: absolute;float: left;top:0;left:0;background-size: cover;}

.index_con03_switch_box .wenzi .wen img{width: 100%;display: block;}
.index_con03_switch_box .wenzi .wen p{font-size: 0.36rem;color: #333;font-weight: bold;margin-top: 1.2rem;margin-bottom: 0.4rem;border-bottom:1px solid #d7d7d7;padding-bottom: 0.35rem;}
.index_con03_switch_box .wenzi .wen span{font-size: 0.16rem;padding-top: 0.3em;line-height: 0.35rem;height: auto;}


.index_con03_switch_box .wenzi .more{font-size: 0.16rem;color: #333333;text-align: center;width: 1.55rem;line-height: 0.6rem;height: 0.6rem;display: block;margin-top: 0.8rem;border:1px solid #333333;} 
.index_con03_switch_box .wenzi .more span{padding: 0 0.05rem;}
.index_con03_switch_box .wenzi .more:hover{background: #0066ff;color: #fff;border:1px solid #0066ff;}



.index_con03_switch_box_wrap .index_con03_switch_box:first-child{display:block;}



#fenx .wrap{width:15.55rem !important;}
#fenx .title{text-align: center;padding-top: 1rem;}
#fenx .mySwiper{width:15.55rem;margin: 0 auto;margin-top: 0.7rem;height:2.7rem;overflow: hidden;}
#fenx .swiper-slide{text-align: center;line-height:0.5rem;}
#fenx .swiper-slide img{display: block;margin:0 auto;width:100%;border:1px solid #ccc;}



#ship{width: 100%;height: 7rem;background:url(/statics/images/index/ship.jpg)no-repeat center;background-size: cover;margin-top: 1rem;color:#fff;text-align: center;font-size: 0.2rem;}
#ship p{font-size: 0.4rem;padding-top: 2.4rem;padding-bottom: 0.2rem;}
#ship a{font-size: 0.16rem;color: #fff;text-align: center;width: 1.55rem;line-height: 0.6rem;height: 0.6rem;display: block;margin:0 auto;margin-top: 0.6rem;border:1px solid #fff;} 
#ship a span{padding: 0 0.05rem;}
#ship a:hover{background: #0066ff;color: #fff;border:1px solid #0066ff;}



#xinp{margin-top: 1rem;margin-bottom:1.5rem;width:100%;height:auto;} 
#xinp .xia a{float: left;width: 3.89rem;padding: 0.75rem 0.63rem;border-right: 1px solid #d9d9d9;margin-top: 1rem;display:block;} 
#xinp .xia a:last-child{border-right: none;}
#xinp .xia a .yin{font-size: 0.18rem;color:#00aa5c;}
#xinp .xia a p{font-size: 0.24rem;color:#333333;line-height: 0.8rem;} 
#xinp .xia .wen{font-size: 0.16rem;line-height: 0.25rem;}
#xinp .xia .tu{margin: 0.3rem 0;width: 100%;height: 2.06rem;overflow:hidden;}
#xinp .xia .tu img{width: 100%;display: block;transition:0.5s;}

#xinp .xia span{font-size: 0.16rem;color: #333333;letter-spacing:2px;}
#xinp .xia a.active{box-shadow:0px 0px 10px 10px rgba(0,0,0,0.05);border-right:none;}




/* 视频弹出 */


.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.customClass video{width:100%;}