@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; box-sizing:border-box; font-weight: normal}
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%;  margin:0 auto; overflow-x:hidden; font-size:12px; padding-bottom:1rem;}
a{text-decoration:none; color:#333}
.container{width:100%; padding: 0px 10px;}

html{font-size:100px}
.container{width: 100%; padding: 0px .2rem;}



/*导航*/

.index_header{width:100%; clear:both; height:1rem; position: fixed; top:0; left:0; z-index:999; background: #302f2f; padding: 0px .2rem; box-shadow: 0 0 5px rgba(0,0,0,0.2) }
.logo{float:left; width:3.53rem; height: 1rem; }
.logo a{width:100%; height:1rem;  display: flex; align-items: center;}
.logo img{align-items: center; margin: 0px auto; max-width: 100%}
.menu{float:right; height:100%; width:.5rem;  display: flex; align-items: center; }
.menu a{width:100%; height:100%; display: flex; align-items: center; }
.menu img{height:auto; max-width:100%; align-items: center; margin: 0px auto;}
.header_all{width:100%; height: 100%; position: fixed; top:-100%; left:0; background: rgba(0,0,0,0.85); z-index:999;     transition: top ease 0.35s; overflow-y: auto; padding-bottom: .6rem;}
.header_all ul{width:100%; height: auto; overflow: hidden; padding: 20px;}
.header_all ul li{width:100%; height: auto; float: left; margin-bottom: 20px;  text-align: center;  border-bottom: 1px solid #333; padding-bottom: 10px}
.header_all ul li h3{width:100%; height:.3rem; line-height:.3rem; color:#fff; font-size:.24rem;  font-weight: bold; margin-bottom: .1rem}
.header_all ul li h3 a{ color:#fff; font-size:.24rem;  font-weight: bold; }
.header_all ul li .header_sub{width:100%; height: auto; overflow: hidden}
.header_sub a{width:33.33%; float:left; height:.3rem; line-height: .3rem; font-size: .22rem; color:#aaa; display: block; }
.nav_show{top:1rem;}
.header_sub span{color:#fff}
.header_all ul li:last-child{width:100%; }
.header_all ul li:last-child .header_sub a{width:33.33%; float:left;}
.banner{width:100%;height:auto; margin-top:1rem}
.banner img{width:100%; height: auto; overflow: hidden}
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
 }
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-bullet-active{background: #FCCF0A}





/*分类*/
.index_lei{width:100%; height: auto; overflow: hidden; margin-top:.3rem; }
.index_lei ul{width:100%; height: auto; overflow: hidden; }
.index_lei ul li{width:50%; height: auto; float: left;   border-bottom: 2px solid #bbbbbb; padding-bottom: .2rem;margin-top: 10px;}
.index_lei ul li img{width:.97rem; height: auto; margin: 0px auto; display: block}
.index_lei ul li dl{ margin-top: 20px; width: 100%; height: auto; overflow: hidden; text-align: center}
.index_lei ul li dl dt{color:#191515; font-size: .3rem; font-weight: bold;}
.index_lei ul li dl dd{color:#191515; font-size: .2rem; line-height:.4rem }
.index_lei ul li:hover{border-bottom: 2px solid #172a88}



/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-top: .3rem}
.index_video{width:100%; height: auto; display: block}
.index_video video{width:100%; height: auto; display: block}
.index_about_right{width:100%; height: auto; margin-top: .3rem}
.index_about_right h3{font-size:.3rem; color: #0a0c0f; font-family: "Arial"}
.index_about_right h4{font-size:.3rem; color: #0a0c0f; background: url(../images/hh_bjs.png) no-repeat left top; padding-left: 10px; margin-top:.1em}
.in_ab_xx{width:100%; height: auto; overflow: hidden; line-height:.34rem; font-size:.18rem; color:#333; display: block; margin-top: .2rem;}
.in_ab_more{width:30%; height:.55rem; line-height:.55rem ; color:#000000; font-size: .22rem;   background:#FCCF0A; text-align: center; border-radius: 25px; display: block; margin-top: .4rem}




/*全部类型*/
.index_leixing{width:100%; height: auto; overflow: hidden; margin-top: .5rem; padding: 0 .2rem}
.index_leixing h4{font-size:.4rem; color: #000000; display: table; border-bottom: 2px solid #172a88; padding-bottom: 8px; margin: 0px auto;}
.index_leixing ul{width:100%; height: auto; overflow: hidden; margin:20px auto;}
.index_leixing ul li{width:49%; height: auto; float: left; margin-bottom: .1rem}
.index_leixing ul li:nth-child(2n){float: right}
.index_lx_pic{width:100%; height: auto; display: block; border: 1px solid #f1f1f1}
.index_lx_pic img{width:100%; height: auto; display: block}
.index_leixing ul li h3{width:100%; height: .5rem; line-height: .5rem; text-align: center; color:#333; font-size: .24rem;}



/*新品展示*/
.index_xcpzs{width:100%; height: auto; overflow: hidden; background: url(../images/product_bjs.jpg) no-repeat; background-size: cover; padding: .5rem 0}
.index_xcpzs_t{width:100%; height: auto; overflow: hidden; padding: 0 .2rem}
.index_xcpzs_t h3{color:#2a2929; font-size: .52rem; text-transform: uppercase}
.index_xcpzs_t h4{color:#2a2929; font-size:.3rem; position: relative; display: table}
.index_xcpzs_t h4:after{content: ""; width: .35rem;  height: .05rem; background: #FCCF0A; position: absolute; bottom:8px; right:-.4rem; }
.index_xcpzs .swiper-container{width:100%; height: auto; overflow: hidden; margin: .4rem 0}
.index_xcpzs .swiper-container .swiper-slide{width:70%;}
.index_xcpzs .swiper-container .swiper-slide a{width:100%; height: auto; display: block; border:4px solid #fff}
.index_xcpzs .swiper-slide a img{width:100%; height: auto; display: block}



/*心结*/
.index_xinjie{width:100%; height: auto; overflow: hidden;  position: relative}
.index_xinjie img{width:100%; height: auto; display: block}
.index_xinjie_left{width:auto; height: auto; position: absolute; top:0; left:0; z-index: 1; padding-top: .4rem; padding-left: .2rem}
.index_xinjie_left h4{font-size: .34rem;color: #fff; font-weight: bold;}
.index_xinjie_left h5{font-size:.16rem; color: #1d1916; background: #FCCF0A; width: 2.6rem; height: .55rem; line-height: .55rem; margin-top: .1rem; text-align: center; margin-top: .15rem}







/*产品展示*/
.index_product{width:100%; height: auto; overflow: hidden; margin-top: .4rem}
.in_pro_nav{width:100%; height: auto; overflow: hidden}
.in_pro_nav h4{color:#1a1a1e; font-weight: bold; font-family: "Arial"; font-size: .52rem; text-transform: uppercase; margin-top:.2rem;}
.pro_nav_top{width:100%; height: auto; overflow: hidden}
.pro_nav_top img{float: left;}
.pro_nav_top a{float: left; color:#191515; font-size: .24rem; line-height: 60px; margin-left:5%;}
.pro_nav_top a:hover{color:#FCCF0A}
.index_product ul{width:100%; height: auto; overflow: hidden; margin-top: .3rem; border-bottom: 2px solid #172a88; padding-bottom: .2rem}
.index_product ul li{width:49%; height: auto; float: left; margin-bottom: .2rem}
.index_product ul li:nth-child(2n){float: right}
.in_pro_pic{width:100%; height: auto; display: block; overflow: hidden; border: 1px solid #f1f1f1}
.in_pro_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  
	-webkit-transform: all 1s ease 0s;}
.in_pro_xx{width:100%; height: auto; overflow: hidden; margin-top:.1rem}
.in_pro_xx h3{width:100%; height:.4rem;line-height:.4rem; color:#333; font-family: "Arial"; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: .24rem;}
.in_pro_xx p{color:#666; font-size: .2rem; width: 100%; font-family: "Arial"; text-align: center; line-height:.3rem;}
.in_pro_xx dl{width:auto; height: .4rem; line-height: .4rem; display: table; margin: 0px auto;}
.in_pro_xx dl dt{float: left;}
.in_pro_xx dl dd{float: left;   margin-left:.1rem;}
.in_pro_xx dl a{color:#000; font-size: .2rem;}





/*服务*/
.index_service{width:100%; height: auto; overflow: hidden; margin-top:.6rem;}
.index_service a{width:32.6%; height: auto; float: left; margin-right:1%; position: relative; overflow: hidden; margin-bottom: 20px;}
.index_service_top{width:100%; height: auto; display: block; position: relative}
.index_service_top img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_ser_hover{width:100%; height: auto; position: absolute; top:50%; left:0;transform: translate(0,-50%); text-align: center; text-align:center; }
.in_ser_hover h3{font-size: .3rem; color: #FCCF0A; font-weight: bold;}
.in_ser_hover p{font-size:.18rem; color: #fff; line-height:.32rem; margin-top: 4px; height: auto;}
.index_service a:last-child{margin-right: 0}
.index_service a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_service span{width:2rem; height:.6rem; background: #FCCF0A; border-radius: 30px; text-align: center; color:#191515;  display: block; 
	line-height:.6rem; font-size:.22rem; margin:.15rem auto 0;}








/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 666; height:1.1rem;width: 100%; background:#333333;}
footer ul{width:100%; height: 100%;}
footer li{width: 25%;height: 100%;float: left; border-right:1px solid #fff; }
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:.2rem;color: #fff}
footer span{line-height:.3rem; font-size: .18rem; color: #fff; display: block; width: 100%;}
footer .n1{background: url(../images/f_1.png) no-repeat center;background-size:  100% 100%; width:.46rem;}
footer .n2{background: url(../images/f_2.png) no-repeat center;background-size:  100% 100%; width:.36rem;}
footer .n3{background: url(../images/f_3.png) no-repeat center;background-size:  100% 100%; width:.44rem;}
footer .n4{background: url(../images/f_4.png) no-repeat center;background-size:  100% 100%; width:.35rem;}
footer .n5{ width:.35rem; font-size: .3rem; font-weight: bold; font-family: "Arial"; font-style: normal}
footer a.active{background: #797979}
footer i{height:.35rem; display: block; margin: 2px auto .1rem;  }
footer li:last-child{border-right:0}
.copy {width: 100%; padding:.3rem 0; clear: both;  text-align: center; background: url(../images/contact_bjs.jpg) no-repeat center; margin-top: .3rem}
.copy h3{font-size: .24rem; color: #fff; text-align: center}
.copy h3 span{font-size: .3rem; color:#FCCF0A; font-weight: bold;}
.copy_hz{width:2.52rem; height: .44rem; line-height: .44rem; border-radius: 25px; background: #ffffff; text-align: center; margin:10px auto; display: block; color:#000000; font-size: .2rem;}
.copy .copy_zi{ font-size: .2rem; color: #959595;  line-height: .35rem;}
.copy p{width:100%; font-size: .2rem; color: #959595; line-height: .35rem;}
.copy a{color: #fff;}







/*内页面包屑导航*/
.pos{width:100%; height:auto; line-height:.55rem; padding:0px 2%; font-size:.2rem; clear:both;
   text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.38); color:#313131; font-size:.2rem}
.pos a{color:#313131; font-size:.2rem}
.pos span{color: #FCCF0A; font-size:.2rem}
.pos span.wei{background: url(../images/sy.png) no-repeat left center; padding-left:.2rem; color: #313131; background-size:.2rem}
.ny{width:100%; padding:.3rem .2rem; line-height:.4rem; clear:both; color:#333333; font-size:.22rem}
.ny img,.index_abou_xx img{max-width:100%; display:block; height:auto!important}
.ny_about_info{width:100%; height: auto; display: block; overflow: hidden; margin: 8px auto; padding: 0px 15px}
.ny_ban{width:100%; height:auto; overflow:hidden; margin-top:1rem }
.ny_ban img{width:100%; height:auto; display:block;}
.ny p,.ny span{color:#333333; font-size:.22rem!important; line-height:.4rem;}
 


 /*内页新闻*/
.news_x{width:100%;  margin-bottom:10px; clear:both;padding:0px 10px; margin-top: .2rem;}
.news_x ul{width:100%; height:auto; overflow:hidden; margin-bottom:.2rem}
.news_x li{width:100%; padding:12px 0px; border-bottom:#bebebe 1px solid; float:left;}
.news_x li h3{height:.4rem; line-height:.4rem; color:#313131;  font-weight:bold; font-size:.24rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_x li p{font-size:.2rem; color:#7d7d7d; height: .25rem; line-height: .25rem; margin:.1rem 0;}
.news_x li h4{font-weight:normal; color:#626262; height:.6rem; line-height:.3rem; overflow:hidden; margin-top: .1rem; font-size:.2rem;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}



/*内页荣誉资质*/
.honor_list{width:100%; padding:20px 10px; clear:both;}
.honor_list ul{width:100%; height:auto; overflow:hidden; margin-bottom:.2rem}
.honor_list li{width:48%;  float:left;height: auto; margin-bottom:.2rem; overflow:hidden}
.honor_list li img{width:100%;height: 100%; border:#ddd 1px solid; display:block;}
.honor_list li p{line-height:.4rem; height:.4rem; overflow:hidden; color:#333; font-size:.22rem; text-align:center; clear:both; text-overflow:ellipsis; white-space:nowrap}
.honor_list li:nth-child(2n){float:right}

/*内页导航*/
.index_clei{ width:100%; height:auto; background:#eeeeee; overflow: hidden}
.index_clei a{ color:#1b1b1b; font-size:.24rem; text-align:center; width:33.33%; height:.7rem; line-height:.7rem; display:block; overflow:hidden; float:left; }
.index_clei a:nth-child(4){ border-right:0px;}
.index_clei a.active{ background:#FCCF0A; color:#fff }
.pic{width:100%; clear:both; height: 221px; padding-top: 70px;}
.about_ban{ background: url(../images/about.jpg) no-repeat; background-size: 100% 100%; text-align: center }
.about_ban h3{ font-size: .3rem; font-weight: bold; color: #fff;}
.about_ban p{font-size: .16rem; color:#fff}
.index_plei{width:100%; height:auto; line-height:.7rem; background:#eee; overflow: hidden}
.index_plei a{ color:#333; font-size:.24rem; text-align:center; width:50%; height:.7rem; display:block; overflow:hidden; 
float:left; }
.index_plei a.active{ background:#FCCF0A;color:#fff }
.ny_biaoti{width: 100%; font-size:.35rem; color: #000; padding: .1rem 0px; text-align: center;  clear: both; line-height:.5rem}
.ny_time{width: 100%;  line-height: .6rem; color: #888; height: auto;   margin-bottom: .2rem; border-top: 1px solid #666; border-bottom: 1px solid #666;
           text-align: center; clear: both; font-size:.24rem;}
.keyword_light,.keyword_light p{font-size:.2rem; color:#333; line-height:.4rem}




/*联系我们*/
.ditu{width:100%;height:5rem;padding: 0px 15px}
.ny_contact{width:100%; height:auto; display:block; font-size:.14rem; color:#333; line-height:.28rem; padding:0px 10px; margin:20px 0 40px}
.table_xx{width:100%; overflow-y:auto;}
  
.index_news_title{width:100%; height: auto; position: relative;  margin:.2rem 0}
.index_news_title h4{font-size:.7rem; color: #eaeaea; text-align: center; font-weight: bold;}
.index_news_title h3{width:100%;  font-size:.5rem; color: #333333;  text-align: center; font-weight: bold;}
.index_contact{width:100%; height: auto; overflow: hidden; margin-bottom:.6rem}
.index_contact p{width:100%; height:.65rem; border: 1px solid #d0d0d0;  position: relative; margin-bottom: .15rem}
.index_contact p input[type="text"]{width:100%; height: 100%; font-size: .16rem; color: #3a3a3a; border: 0; background: none; padding: 0px 10px;opacity: 1}
.index_contact textarea{width:100%; height: 1.62rem; padding: 10px; font-size: .16rem; color: #3a3a3a; background: none;  border: 1px solid #d0d0d0; margin-bottom: .15rem}
.con_tijiao{width:100%; height:.6rem; color:#fff; font-size: .24rem; text-align: center; line-height: .6rem; border: 0; background: #FCCF0A}





@media screen and (max-width:500px){
	html{font-size: 66.6667px;}
}

@media screen and (max-width:425px){
	html{font-size: 56.6667px;}


}

@media screen and (max-width:414px){
	html{font-size: 55.2px;}

}



@media screen and (max-width:375px){
	html{font-size:50px;}

}


@media screen and (max-width:360px){
	html{font-size: 48px;}
	.index_news_title dl,.in_news_nav{width:100%; float: none;}
	.in_news_nav{overflow: hidden; margin-top: .2rem}

}


@media screen and (max-width:320px){
	html{font-size: 42.6667px;}
	.index_lei ul li{width:50%; margin-bottom:.3rem}

}