.main_100{clear:both;width:100%;margin:0px auto;}
.main_box{clear:both;width:1400px;margin:0px auto; }


#pagelist{ padding:10px 0}
#pagelist a{ font-size:14px}
#pagelist em{ padding:0px}


@media (min-width:992px){/*md*/

.h1{ font-size:36px; text-align:center}
#pdate{ color:#999; height:40px; line-height:40px; text-align:center}
#pdate a{ color:#999999}




/*about.asp*/
.cert2{ clear:both; margin-top:20px; width:1400px;}
.cert2 h3{ font-size:28px; text-align:center; padding:20px 0}

.cert2 li{ margin-right: 20px; width: 440px; float: left; margin-bottom: 25px;  position: relative; height:440px; text-align:center}
.cert2 li:nth-child(3n){ margin-right: 0px}
.cert2 li a{ display:block; width: 410px; text-align:center; padding:15px; color:#000000; text-align:center; margin:0 auto}
.cert2 li a img{ display:block; max-width:410px; max-height:410px; margin:0 auto}
.cert2 li a .cover{ display: none}
.cert2 li a h3{ display: none}
.cert2 li a:hover .cover{ display: block; position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=40); width: 100%; height: 440px; z-index: 99; top: 0px; left: 0px}
.cert2 li a:hover h3{ display: block;position: absolute;background-color: #000000; height: 50px; line-height: 50px; width: 100%; top: 170px; left: 0px; text-align: center; font-size: 16px;opacity:0.6;filter:Alpha(opacity=90);color: #ffffff; z-index: 100}

/*detail*/
.backlist{ float:right; padding-top:20PX}
.backlist li{ background-color:#0099E5; color:#FFFFFF; height:30PX; line-height:30PX; padding:5PX 10PX; border-radius:10px}
.backlist li a{ color:#ffffff; display:inline-block; height:30px}
.backlist li a i{ font-size:18px; line-height:30px}

#detail_bg{ background-color:#666666; clear:both; padding:0px}
#detail_bg .main_box{ font-size:24px; color:#ffffff; height:130px}


.p_title{ height:50px;  background-color:#CCCCCC;}
.p_title strong{ display:block; float:left; width:180px; height:50px; line-height:50px;background: url("../images/mbx-bg.jpg");; text-align:center; color:#ffffff; font-size:20px; font-weight:normal}
.p_cnt{ padding:20px; line-height:200%; font-size:16px}
.p_cnt table{ background-color:#555555; width:100%}
.p_cnt tr td{ background-color: #EEEEEE; font-size:16px; text-align:center;}
.p_cnt+.p_cnt tr td{ width:50%}


.p_cnt tr:nth-child(2n) td{ background-color:#DDDDDD}

#detail_bg .main_box li{ float:left; width:150px; font-size:18px; text-align:center; position:relative;  cursor:pointer; height:90px; padding:20px 0}
#detail_bg .main_box .on{ color:#FFF; background-color:#C8151D}
#detail_bg .main_box li span{ display:block; margin:0 auto; width:48px; height:48px; border:1px solid #FFF; border-radius:24px; line-height:48px; margin-bottom:10px}
#detail_bg .main_box li i{ font-size:24px}

.main_box .p_cnt{ display:none}
.main_box .p_cnt:first-child{ display:block}
.arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
	border-width: 12px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -12px;
	display:none
}
#detail_bg .main_box .on .arrow{ display:block}

.detail_title_bg{  padding:15px 0;  margin-top:20px}
.detail_title_bg h3{ padding-left:20px;   text-align:center; font-size:28px; }


.link_product { padding-top:30PX;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}

.link_product li { float:left; width:25%;; margin-bottom:4%; overflow: hidden;}

.link_product li>a{ display:block; padding:3%}
.link_product li a{ text-decoration: none}
.link_product li a>div{position:relative; overflow:hidden; z-index:11}
.link_product li a img{ display:block; width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.link_product li a h3{ font-size:18px; line-height:150%; padding:12px 0; text-align:center}
/*.plist li img{ width: 408px; height: 408px;border: 0px;z-index:70;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ position: absolute;height: 52px; line-height: 52px;text-align: center; color: #000000; font-size: 16px; left: 0px;  bottom:0px; width: 100%;background: rgba(0,0,0,.4); color:#ffffff; font-weight:normal}
.plist li:hover img{transform:scale(1.1);}*/
.link_product li:hover{ box-shadow:0px 0px 10px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.link_product li>a:hover img{ transform:scale(1.2);}
.link_product li>a:hover h3{ color:#86b802}


.slist { padding-top:20px}
.slist li{ float:left; width:300px; margin:0 10px; height:50px; text-align:center; background-color:#eee; margin-bottom:20px; line-height:50px; font-size:16px}

.pdf { padding:10px 0}
.pdf i{ font-size: 28px; color:#F00}

#zoomimg { padding:15px 0; text-align: center}
#zoomimg img{ width:800px; height:800px}
#desc_img_list{ width:800px;  padding:15px 0px; position:relative;  margin:0 auto; overflow:hidden; height:80PX}
#desc_img_list .swiper-slide{ float:left;}
#desc_img_list .swiper-slide:first-child{}
#desc_img_list .swiper-slide img{ width:80px; height:80px;border:1px solid #dddddd }
#desc_img_list .swiper-slide-active img{ width:80px; height:80px;border:1px solid #F03726}
 #desc_img_btn{ position:relative; width:860px; margin: 0 auto}
 #desc_img_btn .swiper-button-next, #desc_img_btn .swiper-button-prev{ width:30px; height:30px;margin-top:-65px;z-index:10; }
 #desc_img_btn .swiper-button-next { right:0px; }
 #desc_img_btn .swiper-button-prev { left:0px;}

}

@media (max-width:991px){/*md*/

.main_box{clear:both;width:100%;margin:0px auto;min-width:320px ; font-size: 0.14rem}
.banner-sub{ display:none}

#pdate{ color:#999; height:40px; line-height:40px; text-align:center; font-size:16px}
#pdate a{ color:#999999}


.cert2{ clear:both; margin-top:20px}
.cert2 h3{ font-size:24px; text-align:center; padding:10px 0}

.cert2 li{ float:left; width: 46%; text-align:center; padding:0 2%; margin-bottom:20px}
.cert2 li a{ display:block; width: 100%; text-align:center; color:#000000; text-align:center; margin:0 auto}
.cert2 li a img{ display:block; width:100%; margin:0 auto}
.cert2 li a .cover{ display: none}
.cert2 li a h3{ display: none}


/*detail*/
#detail_bg{ background-color:#C8151D; margin-top:20px}
#detail_bg .main_box{ font-size:18px; color:#ffffff; height:55px; line-height:55px; padding-left:2%; width:98%}

.p_cnt{ padding:10px; line-height:200%; font-size:16px;overflow-x: auto;}

.p_cnt table{ background-color:#555555; width:100%}
.p_cnt tr td{ background-color: #EEEEEE; font-size:16px; text-align:center;}
.p_cnt+.p_cnt tr td{ width:50%}
.p_cnt tr:nth-child(2n) td{ background-color:#DDDDDD}
.p_cnt img{ width:100%}


#zoomimg img{ width:100%}

.pre_next{ padding:0 2%}
.pre_next li{ clear:both; padding:5px; margin-bottom:5px; background-color:#eeeeee; font-size:16px}


#detail_bg .main_box li{ float:left; width:33%; font-size:18px; text-align:center; position:relative; color:#ffffff; cursor:pointer}
#detail_bg .main_box li i{ font-size:18px}
#detail_bg .main_box .on{ color:#FFF}

.main_box .p_cnt{ display:none}
.main_box .p_cnt:first-child{ display:block}
.arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
	border-width: 12px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -12px;
	display:none
}
#detail_bg .main_box .on .arrow{ display:block}

.detail_title_bg{  padding:15px 0;  margin-top:20px}
.detail_title_bg h3{ padding-left:20px;   text-align:center; font-size:28px; }


.link_product { padding-top:30PX;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}

.link_product li { float:left; width:50%;; margin-bottom:4%; overflow: hidden;}

.link_product li>a{ display:block; padding:3%}
.link_product li a{ text-decoration: none}
.link_product li a>div{position:relative; overflow:hidden; z-index:11}
.link_product li a img{ display:block; width:100%; z-index:10;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.link_product li a h3{ font-size:18px; line-height:150%; padding:12px 0; text-align:center}
/*.plist li img{ width: 408px; height: 408px;border: 0px;z-index:70;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s}
.plist li a h3{ position: absolute;height: 52px; line-height: 52px;text-align: center; color: #000000; font-size: 16px; left: 0px;  bottom:0px; width: 100%;background: rgba(0,0,0,.4); color:#ffffff; font-weight:normal}
.plist li:hover img{transform:scale(1.1);}*/
.link_product li:hover{ box-shadow:0px 0px 10px #666666;rgba(0,0,0,0.5);transition: box-shadow 0.3s ease-in-out}
.link_product li>a:hover img{ transform:scale(1.2);}
.link_product li>a:hover h3{ color:#86b802}


}