.header{width: 100%;height: 100px;border: 1px solid rgb(201, 201, 201);box-shadow: 1px 1px 3px #adadad91;position: fixed;top:0;left: 0;z-index: 999;background: #fff;}
.wrap{width: 1100px;margin: auto;}
.header .wrap{height: 100%;}
.header .wrap{display: flex;align-items:center;justify-content: space-between;}
.logo img{width: 70%;}
.header .wrap ul{display: flex;}
.header .wrap ul li{padding: 5px;}
.header .wrap ul li a{display: flex;padding: 10px;color:black;font-weight: bold;}
.header .wrap ul li a.on{color:rgb(196, 196, 196)}
.box{width: 100%;height: 500px;margin-top: 100px;position: relative;z-index: 1;}

.swiper-container {
  width: 100%;
  height: 100%;

}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* 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;
}
.product_box{padding: 10px 0;}
.product{width: 1000px;margin: auto;padding: 50px 0;display: flex;height: 400px;}
.img_box{width: 400px;height: 100%;padding:0 20px;}
.text_box{width: 600px;padding:0 30px;}

.img_box img{height: 100%;}
.text_box h1{border-bottom: 1px solid #000;display: inline;}
.text_box p{padding:20px 10px;height: 200px;font-size: 14px;}
.text_box p i{font-weight: bold;font-size: 18px;}
a.more{padding:15px 25px;display: inline-block;background: #ff6262;margin: 10px 0;color:white;border-radius: 5px;font-size:13px;}


.ask{background: rgb(236, 236, 236);width:1000px;height: 250px;margin:10px auto ;padding: 30px 0;text-align: center;}

.ask h1{display: inline-block;border-bottom: 1px solid #000;padding: 10px 0;color:rgb(80, 80, 80)}
.ask p{padding: 10px 0;color:rgb(80, 80, 80)}

.footer{width: 100%;background: #555555;padding: 20px 0;}
.footer .wrap:nth-child(1){border-bottom: 1px solid rgb(136, 136, 136);display: flex;align-content: center;padding: 20px;}
.footer .footer_logo{width: 40%;}
.footer .footer_logo img{padding-top:15px}
.footer .wrap .info{padding: 10px 0;width: 60%;}
.footer .wrap .info li{font-size: 14px;color:rgb(177, 177, 177);}
.footer .gnb{display: flex;}
.footer .gnb li{padding: 10px 0;color:rgb(153, 153, 153)}
.footer .gnb li a{padding:10px;color:rgb(153, 153, 153);font-size: 16px;}
.footer p{font-size: 13px;color:rgb(153, 153, 153)}
.ncontent{width:1100px;margin:auto}
body, button, input, select, table, textarea{font-size:16px}
.banner{width:100%;height:130px;margin-top:78px;background-image: url("/img/sub11-1.jpg");background-position:center}
.skip{display:none}

.ncontent .content > h1{padding: 0.75em 0.75em 0.75em 1em;
    border-left: 0.5em solid #1e2022;font-size: 2em}
.article-tool{display:none}