.ny_wrapper{background: #f5f5f5; overflow:hidden; width:100%; padding:50px 0;}
/*banner*/
.neibannar{height:250px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.neibannar h2{font-size:36px;color:#fff;margin-top:80px;font-weight:400;text-align:center; width:auto;}
.neibannar>div{width:50px;height:3px;background:#fff;margin:0 auto;margin-top:15px}
.neibannar h6{text-align:center;font-weight:400;color:#fff;font-size:14px; padding-top:15px;}
.neibannar1{height:250px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.neibannar1 p{ float:left;font-size:36px;color:#fff; margin:auto;margin-top:80px;font-weight:400;text-align:center;background:rgba(192,8,8,.7); padding:0px 15px; overflow:hidden; margin-left:40% }
/*about*/
.about{ width:100%; line-height:25px; font-size:15px; overflow:hidden;}
.abouts{ width:100%; background:#f4f4f4; overflow:hidden; margin:40px 0;}
.abouts li{ float:left; width:50%; height:350px;display: grid;place-items: center; /* 水平和垂直居中 */}
.abouts li img{display: inline-block;vertical-align: middle;}
.abouts-text{ width:100%; padding:15px; overflow:hidden; box-sizing:border-box; line-height:28px; font-size:15px; margin:auto;}
/*product list*/
/*nei kuang*/
.main-left{width: 260px;box-sizing: border-box;padding: 10px;background: #fff;float: left;}
.main-right{width: 970px;box-sizing: border-box;background: #fff;float: right;padding: 10px 10px 30px 10px; line-height:30px;}
/*left product class*/
.sidebar{width:100%;float: left;background: #fff;}
.sidebar .top{padding: 25px 0; background-image:linear-gradient(to right, #c00808 , #c00808);}
.sidebar .top .p1{font-size: 27px; color:#fff; text-align:center}
.sidebar .top .p2{font-size: 13px; color:#fff; text-align:center}
.typelist{padding: 10px 5px 20px 2px;box-sizing: border-box;}
.typelist li{ line-height:40px;}
.typelist li a{display: block;width: 100%;box-sizing: border-box;color: #000;font-size: 14px;
    background: url("../images/sj.png") left center no-repeat;padding-left: 12px;white-space: nowrap}
.typelist li a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}
.typelist li a[data=xz]{color: #008d57;font-weight: bold;background: url("../images/sj1.png") left center no-repeat;}
.typelist li.on a{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}

.typelist dl{ float:left; width:100%; line-height:20px; overflow:hidden; padding:10px 0 }
.typelist dl a{display:block;width:100%;box-sizing:border-box;color:#c00808;font-size:15px;background: url("/images/sj.png") left center no-repeat;padding-left:12px; }
.typelist dl a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}

.typelist dd{float:right; width:94%; line-height:28px;}
.typelist dd a{display: block;width: 92%;box-sizing: border-box;color: #434343;font-size: 13px;background: url("../images/sj.png") left center no-repeat;padding-left: 12px;white-space: nowrap; line-height:30px;}
.typelist dd a:hover{color: #f4001b;background: url("../images/sj1.png") left center no-repeat;}
.cplist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:10px;}
.cplist li {width:32%; margin-right:2%;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.cplist li:nth-child(3n) {margin-right:0px;}
.cplist li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:15px;}
.cplist li .img{ overflow:hidden; border:1px solid #eeeeee}
.cplist li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.cplist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*product show*/
.productinfo{ width:100%; overflow:hidden}
.productinfo h1{ width:100%; line-height:60px;font-size:30px; text-align:center}
.product-title{ width:100; margin-top:40px; overflow:hidden;font-size:28px; line-height:50px; border-bottom:1px solid #ddd}
.product-details{ width:100; margin-top:20px; line-height:28px;}
.product-details p{ width:100%; line-height:35px; font-size:16px; color:#c00808}
.swiper-container{ position:relative}
.swiper-pagination{ position:absolute; bottom:20px;}
/*page*/
.pages { width:100%; height: 30px; line-height: 30px; padding: 10px 0px 10px 0; text-align: left; font-size: 12px; }
.pages span{height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; }
.pages span.disabled{border: 1px solid #dcdcdc; }
.pages span.current{ background:#c00808;border: 1px solid #c00808; color:#fff;}
.pages  a {height: 28px;padding: 4px 8px; text-decoration: none; margin: 0 4px 0 0; border: 1px solid #dcdcdc;}
.pages  a:hover { background:#c00808;border: 1px solid #c00808; color:#fff;}
.pages a.now { background: #c00808; border: #0c5389 1px solid; color:#fff; }
/*faq*/
.faq{ float:left; width:100%; overflow:hidden;}
.faq .faqL{ width:50%; float:left; overflow:hidden}
.faq .faqR{ width:50%; float:right; overflow:hidden; line-height:40px; font-size:15px;}
.faq-details{ width:100; margin-top:20px; line-height:28px; padding-bottom:40px;}
.faq-details p{ width:100%; line-height:35px; font-size:18px; color:#c00808; font-weight:bold}
/*craft*/
.craft{ width:100%; overflow:hidden; line-height:35px; font-size:20px; margin-top:30px;}
.craft1{ width:100%; overflow:hidden; margin-top:40px;display: flex;}
.craft1 .craft1L{ width:68%; float:left; overflow:hidden;background-color: #c00808; padding:2%; margin-right:2%;box-sizing:border-box;}
.craft1 .craft1L p{ width:100%; font-size:28px; font-weight:600; line-height:60px; color:#fff}
.craft1 .craft1L span{ float:left; width:100%; line-height:28px; color:#fff}
.craft1 .craft1R{ float:right; width:30%; overflow:hidden; }
.craft2_wrapper{background: #f5f5f5; overflow:hidden; width:100%; padding:30px 0; margin-top:40px;}
.craft2{ width:100%; margin-top:40px; overflow:hidden}
.craft2 p{ width:100%; text-align:center; font-size:38px; line-height:40px; text-transform:uppercase; font-weight:700; padding-bottom:60px;}
.craft3{ width:100%; overflow:hidden}
.craft3 .craft3L{ float:left; width:48%; overflow: hidden; padding:2%;box-sizing:border-box; border:1px solid #ccc;border-radius:10px;}
.craft3 .craft3L p{ float:left; width:100%; overflow: hidden; font-size:27px; font-weight:300; line-height:50px; color:#c00808;}
.craft3 .craft3R{ float:right; width:48%; overflow:hidden; padding:2%;box-sizing:border-box; border:1px solid #ccc;border-radius:10px;}
.craft3 .craft3R p{ float:left; width:100%; overflow: hidden; font-size:27px; font-weight:300; line-height:50px; color:#c00808;}





/*honor*/
.honor1{ float:left; width:100%; overflow:hidden; background:#efefef}
.honor1 .honor1L{ float:left; width:340px;}
.honor1 .honor1R{ float:left; width:880px; height:296px; font-size:28px; line-height:40px;display: grid;place-items: center; /* 水平和垂直居中 */}
.honor{ width:100%; padding:30px 0; overflow:hidden;display: flex;justify-content: center;align-items: center;}
.section-title { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:30px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#000;text-transform:uppercase; font-weight:900}
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #c00808; }
.honor2{ float:left; width:100%; overflow:hidden; margin:30px 0 50px 0px;}
.honor2 .honor2L{ float:left; width:50%;}
.honor2 .honor2R{ float:left; width:50%;}
/*newslist*/
.news-block {margin-bottom: 30px;position: relative;}
.news-block .inner-box {position: relative;-webkit-transition: all 300ms ease;transition: all 300ms ease;-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.news-block .inner-box:hover .image-box .image a:after {left: 0;right: 0;opacity: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
.news-block .inner-box:hover .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.news-block .inner-box:hover .read-more {width: 100%;left: 0%;opacity: 1;}
.news-block .image-box {position: relative;}
.news-block .image-box .image {border-radius: 10px 10px 0 0;margin-bottom: 0;overflow: hidden;position: relative;}
.news-block .image-box .image img {border-radius: 10px 10px 0 0; display: block;width: 100%;-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.news-block .image-box .image a:after {background: rgba(255, 255, 255, 0.3);bottom:0;content: "";left: 50%;opacity: 1;pointer-events: none;position: absolute;
  right: 51%;top: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
.news-block .lower-content {border-radius: 0 0 10px 10px;padding:15px 15px 45px 15px;position: relative;overflow:hidden}
.news-block .post-info {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
  margin-bottom: 10px;}
.news-block .post-info li {color: #c00808;font-size: 14px;font-weight: 500;line-height: 25px; margin-right: 14px;position: relative;}
.news-block .post-info li i {color:#c52928;font-size: 14px;margin-right: 5px;}
.news-block .titles {margin-bottom: 0;display: block;position: relative;}
.news-block .titles a {-webkit-transition: all 300ms ease;transition: all 300ms ease;font-size:16px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-block .titles a:hover {color:#c00808;}
.news-block .read-more {-webkit-box-align: center; -ms-flex-align: center; align-items: center;background-color:#c00808;border-radius: 0 0 10px 10px;bottom: 0px;
  color:#fff;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 12px;font-weight: 700;-webkit-box-pack: justify;-ms-flex-pack: justify;
  justify-content: space-between;left: 50%;line-height: 20px;opacity: 0;padding: 10px 40px;position: absolute;text-transform: uppercase;width: 0%;white-space: nowrap;
  -webkit-transition: all 300ms ease;transition: all 300ms ease;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
/*悬浮时间<span class="date">17 <span class="month">APR</span></span>*/
.news-block .image-box .date {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background:#c00808;color:#fff;font-size: 16px;font-weight: 700;
  height: 60px;letter-spacing: 0.1em;line-height: 16px;position: absolute;right: 20px;top: -10px;text-transform: uppercase;display: -webkit-box;display: -ms-flexbox;
  display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 60px;z-index: 1;}
.news-block .image-box .date span.month {font-size: 12px;font-weight: 400;}
.news-block .image-box .date b {color: #fff;display: block;font-size: 16px;font-weight: 700;}
.news-block .image-box .date:before {border-top: 10px solid transparent; border-right: 10px solid #c00808;content: "";left: -10px;position: absolute; top: 0;}
.news-block .image-box .date:after {border-top: 10px solid transparent;border-left: 10px solid #c00808;content: "";position: absolute;right: -10px;top: 0;}
/*newsinfo*/
.news_show_l{width:75%;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show_l .new_show_l_text img{/*display: block;*/ max-width: 100%; margin-bottom:10px;}/*margin: 0 auto;*/

.news_show_r{width:23%;float: right; overflow:hidden;}
.news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;padding-left:30px; padding-right:30px;}

.news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show_rnews .ul li{ display:block;border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show_rnews .ul li h1{ font-weight:normal; font-size:16px; color:#000000; height:35px; line-height:35px; overflow:hidden}
.news_show_rnews .ul li h1 a{color:#000000;}
.news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show_rnews .ul li p{ color:#666666; font-size:14px; height:20px; line-height:20px; overflow:hidden;}
.news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}
.news_show_rnews .imgs li{ width:80%; overflow:hidden; margin:auto;}
.news_show_rnews .imgs li img{ width:100%; overflow:hidden; margin:auto; min-height:158px;}
.news_show_rnews .imgs li span{ float:left; width:100%; line-height:35px; text-align:center;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ background:none; padding:0;}
/* reLink */
.reLink{width: 100%; height: 25px; border-top: 1px solid #d7d6d6; padding: 15px 0 40px;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; line-height: 25px; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a:hover{color: #0179d8;}
/*contact*/
.cont-left{ float:left; width:820px; background:#fff; padding:20px; box-sizing:border-box; overflow:hidden }
.cont-right{ float:right; width:400px; background:#fff; padding:20px; overflow:hidden;box-sizing:border-box;border-top:4px solid #c00808;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);border-radius:5px;}
.nei-tit{ width:100%; overflow:hidden;}
.nei-tit p{ width:100%; line-height:60px;font-size:33px;}
.nei-tit span{ width:100%; line-height:30px; font-size:16px; float:left; font-weight:normal}
.nei-rtit{width:100%; line-height:60px;font-size:25px;}
.contact{ width:100%; overflow:hidden; margin-top:50px;}
.contact li{ float:left; width:100%; border-bottom:1px solid #e2e2e2; line-height:30px;background:url(../images/mail.png) no-repeat left ; box-sizing:border-box; padding:30px 0 30px 50px}
.contact li:nth-child(2){background:url(../images/add.png) no-repeat left ;}
.contact li:nth-child(3){background:url(../images/tel.png) no-repeat left ;}
.contact li:nth-child(4){background:url(../images/webchat.png) no-repeat left ;}
/*message*/
.message-tit{ width:100%; overflow:hidden;line-height:30px;}
.message{ float:left; width:100%; overflow:hidden; height:auto; margin-top:20px;}
.message li{ float:left; width:48%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:right;}
.message li:nth-child(4){ float:right;}
.message li:nth-child(5){ float:left; width:100%;}
.message li:nth-child(6){ float:left; width:100%; margin-top:30px;}
.ginput{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.btns{width:180px;height:50px;margin-right:10px; background-image:url(/images/submit.png);background-position:right 10px center;background-repeat: no-repeat;background-color:#c00808;color:#fff;border:none;font-size:16px;margin-bottom:0;cursor:pointer;border-radius:5px; padding-right:20px;}
.btns:hover{background:#333;transition:all 0.3s;background-image:url(/images/submit.png);background-position:right 10px center;background-repeat: no-repeat;}
.gtext1{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}



@media (max-width:768px) {
.neibannar{height:140px;}
.neibannar h2{font-size:20px;margin-top:30px;}
.neibannar>div{margin-top:10px}
.neibannar h6{padding-top:10px;}
.neibannar1{height:140px;}
.neibannar1 p{font-size:20px;margin-top:15%; margin-left:10% }
/*about*/
.about{line-height:23px;}
.abouts li{width:100%;height:auto;}
.abouts-text{line-height:23px; padding:5px}
/*product*/
.main-left{width:100%;box-sizing: border-box;padding: 10px;background: #fff;float: left;}
.main-right{width:100%;box-sizing: border-box;background: #fff;float: right;padding: 10px 10px 30px 10px; line-height:30px;}
.sidebar .top{ display:none;}

.typelist li{ float:left; width:45%; line-height:30px;}
.typelist li a{ float:left;display: block;width:45%;box-sizing: border-box;color: #717171;font-size: 14px;
    background: url("../images/sj.png") left center no-repeat;padding-left: 12px;white-space: nowrap}
.typelist dl{ float:left; width:45%; line-height:30px; overflow:hidden}

.typelist dd{ display:none}
/*product*/
.updowm li{ float:left; width:100%; line-height:30px;max-width:100%; font-size:14px;}
.cplist li {width:49%; margin-right:2%;cursor: pointer; padding:0px; margin-bottom:10px; background:#fff}
.cplist li span{ float:left; width:100%; line-height:22px; padding:5px 0; text-align:center; font-size:13px;}
.cplist li:nth-child(2n) {margin-right:0px;}
.cplist li:nth-child(3n) {margin-right:2%;}
.cplist li:nth-child(6) {margin-right:0;}
.cplist li:nth-child(12) {margin-right:0;}
.cplist li:nth-child(18) {margin-right:0;}
/*product show*/
.productinfo{ width:100%; overflow:hidden}
.product-title{ margin-top:20px;font-size:18px; line-height:50px;}
.product-details{ margin-top:20px; line-height:25px;}
.product-details p{line-height:28px; font-size:16px;}
/*faq*/
.faq{ float:left; width:100%; overflow:hidden;}
.faq .faqL{ width:100%;}
.faq .faqR{ width:100%;line-height:25px; font-size:15px;}
.faq-details{ width:100; margin-top:20px; line-height:25px; padding-bottom:40px;}
.faq-details p{ width:100%; line-height:25px; font-size:16px; color:#c00808; font-weight:500;}
/*craft*/
.craft{line-height:25px; font-size:15px; margin-top:20px;}

.craft1{ width:100%; overflow:hidden; margin-top:40px;display: block;}
.craft1 .craft1L{ width:100%; margin-right:0%;}

.craft1 .craft1L span{line-height:25px;}
.craft1 .craft1R{ float:left; width:100%;}
.craft2_wrapper{padding:30px 0; margin-top:40px;}
.craft2{ width:100%; margin-top:20px;}
.craft2 p{font-size:30px; line-height:40px;padding-bottom:30PX;}
.craft3 .craft3L{ float:left; width:100%;}
.craft3 .craft3L p{font-size:20px; font-weight:300; line-height:50px;}
.craft3 .craft3R{ float:left; width:100%; margin-top:2%;}
.craft3 .craft3R p{ float:left; width:100%; overflow: hidden; font-size:27px; font-weight:300; line-height:50px; color:#c00808;}

/*honor*/
.honor1{background:none}
.honor1 .honor1L{width:100%;display: flex;justify-content: center;align-items: center;}
.honor1 .honor1R{width:100%; height:auto; font-size:16px; line-height:30px;}
.section-title { margin-bottom:10px;margin-top:0; }
.section-title h2 { font-size:30px;}
.honor2{ float:left; width:100%; overflow:hidden; }
.honor2 .honor2L{ float:left; width:100%;}
.honor2 .honor2R{ display:none}
/*news info*/
.news_show_l{width:100%;float: left;overflow: hidden; color:#333; background:#fff; padding-left:10px; padding-right:10px; padding-bottom:20px;box-sizing: border-box;}
.news_show_l .new_show_l_top{ margin-top:20px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.news_show_l .new_show_l_text{ padding-top:15px;line-height:30px;}
.news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show_l .new_show_l_text img{/*display: block;*/ max-width: 100%; margin-bottom:10px;}/*margin: 0 auto;*/
.news_show_r{ display:none;}
.updowm li{ float:left; width:100%; line-height:30px;max-width:100%; font-size:14px;}
/*contact*/
.cont-left{ float:left; width:100%; padding:2%}
.cont-right{ float:right; width:100%;}
.nei-tit{ width:100%; overflow:hidden;}
.nei-tit p{line-height:30px;font-size:25px;}
.nei-tit span{line-height:25px; font-size:14px;}
.nei-rtit{line-height:30px;font-size:20px;}
.contact{margin-top:10px;}
.message-tit{line-height:20px; margin-top:15px;}
.message li{ float:left; width:100%; padding-bottom:10px; line-height:30px;}
.message li:nth-child(2){ float:left;}
.message li:nth-child(4){ float:left;}
.gtext1{width:97%;}
}