@charset "utf-8";html{font-size:625%}
body{font-size:.22rem}
header{width:100%;height:.7rem;padding:.1rem 0;background:#fff;position:relative}
header .logo{display:block;margin-left:.2rem}
header .logo img{display:block;height:.7rem;width:auto}
header .Menu .btn{display:block;float:right;width:.6rem;height:.52rem;background:#7f7f7f;border-radius:5px;margin:.1rem .2rem 0 0}
header .Menu .btn img{display:block;width:60%;height:auto;margin:.07rem auto}
header .Menu .side_nav{width:100%;height:auto;position:absolute;top:.5rem;left:0}
header .Menu .side_nav i.close{position:absolute;top:-.42rem;right:.05rem;display:block;width:.36rem;height:.36rem;text-align:center;font-size:.26rem;font-style:normal;background:#7f7f7f;color:#fff;border-radius:2px;z-index:20;cursor:pointer}
header .Menu .side_nav ul{position:relative;z-index:19;background:#7f7f7f}
header .Menu .side_nav li{width:100%;height:.36rem;padding:.1rem 0;border-bottom:1px solid #fff}
header .Menu .side_nav li:last-child{border-bottom:none}
header .Menu .side_nav li a{display:block;width:100%;height:.36rem;line-height:.36rem;font-size:.24rem;color:#eee;text-align:center;margin:auto}
header .Menu .side_nav .bg09{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:18}
.fixednav{position:fixed;top:0;left:0;z-index:9}
.Banner{width:100%}
.Banner img{width:100%;height:3rem}
.Banner .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#414243}
.Banner .swiper-pagination-bullet-active{background:#fff}
.Name h3{color:#5a5a5a;font-size:.32rem;font-weight:400;line-height:.42rem;text-align:center}
.Name span{display:block;width:15%;height:4px;background:#7f7f7f;margin:.15rem auto 0}
.art_t{font-size:.32rem;font-weight:400;color:#000;text-align:center;margin-bottom:.2rem}
.S_time{display:block;text-align:center;color:#666;margin-bottom:.3rem}
.classfy{width:90%;margin:.2rem auto 0}
.classfy a{float:left;width:30%;text-align:center;line-height:.38rem;border:1px solid #ddd;margin:0 2% .1rem 0}
.Prod{margin-top:.2rem}
.Prod li{float:left;width:50%;margin-bottom:.12rem}
.Prod li a{display:block;width:92%;margin:auto}
.Prod li .pic{width:100%;height:2.4rem;overflow:hidden}
.Prod li .pic img{display:block;width:100%;height:auto;margin:auto}
.Prod li .title{display:block;width:100%;height:.4rem;line-height:.4rem;font-size:.24rem;color:#676767;text-align:center}
.about{width:100%;background:url(../images/dse.jpg) no-repeat center;height:5rem;overflow:hidden}
.about .Name{padding-top:.3rem}
.about .Name h3{color:#fff}
.about .Name span{background:#fff}
.about .cont{width:92%;line-height:.4rem;color:#d9d9d9;margin:.2rem auto}
.about .more{display:block;width:25%;margin:.4rem auto 0;color:#fff;border:1px solid #fff;text-align:center;line-height:.4rem;height:.4rem;padding:.06rem 0}
.item{padding-bottom:.3rem;width:96%;margin:.3rem auto 0}
.item li{border-bottom:1px solid #ddd;padding:.2rem 0}
.item li .pic{width:30%;height:1.3rem;overflow:hidden}
.item li .pic img{width:100%;height:100%;}
.item li .wen{width:67%;margin-left:3%}
.item li .wen .tit{display:block;width:100%;height:.4rem;line-height:.4rem;margin-top:-.1rem}
.item li .wen .time{display:block;margin:.02rem 0;color:#666}
.item li .wen .na{width:100%;line-height:.3rem;height:.6rem;overflow:hidden}
footer{background:#434343;width:100%;padding:.4rem 0;color:grey}
footer .inner{text-align:center;line-height:.42rem;margin:auto}
footer .inner a{color:#fff}
footer .wei{width:70%;margin:auto}
footer .wei li{flex:1;margin-top:.2rem}
footer .wei li img{display:block;margin:auto;width:90%;height:auto}
footer .wei li p{text-align:center;line-height:.4rem}
.side{position:fixed;right:.2rem;bottom:10%;z-index:9}
.side .Go_top{display:block;width:.5rem;height:.5rem;border-radius:999px;background:#696969;color:#fff;font-size:.32rem;font-family:"宋体";transform:rotate(90deg);text-align:center;line-height:.5rem}
.page-bar{text-align:center}
.pages{position:relative;margin:.3rem 0 .5rem}
.pages a,.pages span{color:#666;background-color:#fff;background:-webkit-linear-gradient(#fff,#ddd);background:-o-linear-gradient(#fff,#ddd);background:linear-gradient(#fff,#ddd)}
.pages a,.pages span.current2{position:relative;display:inline-block;vertical-align:middle;border:1px solid #ddd;line-height:.36rem;min-width:.36rem;padding:.03rem;border-radius:3px;margin:0 0 0 .1rem}
.pages a.current,.pages a:hover{background:#000;border-color:#000;color:#fff}
.pages span.current2{vertical-align:middle}
.Fanye{margin-top:.3rem}
.Fanye .xu{height:.4rem;color:#666}
.Fanye .xu span{float:left;display:block;line-height:.4rem;width:18%}
.Fanye .xu a{float:left;display:block;color:#333;line-height:.4rem;height:.4rem;width:82%}
.Fanye .xu a:hover{color:#000;text-decoration:underline}
.fenye{text-align:center;margin:20px 0 40px}
.fenye a{padding:5px 12px;border:solid 1px #999;margin:0 5px;border-radius:3px;display:inline-block}
.fenye p{padding:5px 12px;border:solid 1px #999;margin:0 5px;border-radius:3px;display:inline-block}
.pagination{display:inline-block}
.pagination a{padding:5px 12px;border:solid 1px #999;margin:0 5px;border-radius:3px;display:inline-block}
.cur{background:#0363dd;color:#fff}
.wz_box{width:95%;margin:.3rem auto .5rem}
.wz_box .body{margin-top:.3rem}
.wz_box .body p{font-size:.25rem;line-height:.38rem;color:#666}
.wz_box .body .p_1{color:#333;margin-bottom:.2rem}
.source{margin-bottom:.2rem}
.source li{float:left;width:50%;text-align:left;color:#666}
.pro_det .c_j .pic{display:block;width:100%;overflow:hidden;}
.pro_det .c_j .pic>img{display:block;width:100%;height:auto}
.pro_det .c_j .shuo{width:100%;margin:0}
.pro_det .c_j .shuo li{color:#666;line-height:.35rem}
.mesform ul{width:100%}
.mesform ul li{width:80%;margin:0 auto .1rem}
.mesform li .T01{display:block;font-size:.24rem;color:#5a5a5a;padding:.1rem 0;line-height:.32rem;height:.32rem}
.mesform li .T01 i{display:inline-block;color:red;font-style:normal;vertical-align:-2px;padding-left:.08rem}
.mesform li .inpbox{width:100%;height:.6rem}
.mesform li .inpbox .inptext,.mesform li .inpbox .txtarea{border:1px solid #5a5a5a;text-indent:5px;height:.6rem;line-height:.6rem;width:100%}
.mesform .DiBu{width:100%;margin-bottom:.4rem}
.mesform .DiBu .btnsubmit{display:block;width:80%;font-size:.25rem;background-color:#5a5a5a;color:#fff;height:.4rem;line-height:.4rem;padding:.06rem 0;text-align:center;margin:.2rem auto;border-radius:6px}
@media (max-width:560px){html{font-size:500%}
}
@media (max-width:460px){html{font-size:400%}
}
@media (max-width:360px){html{font-size:350%}
}


.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
#tbody{float:left;width:100%}
#mainphoto{width:100%}
#goleft{float:left;clear:left;margin:6px 5px 0 3px}
#goright{float:right;clear:right;margin:6px 3px 0 5px}
#showArea img{display:block;float:left;margin:1px 0;cursor:pointer;border:1px solid #fff}
#photos{width:auto;height:54px;line-height:54px;margin:10px 0;overflow:hidden}

.pro_ms{width:100%;margin:30px auto}
.pro_ms_bt{ float:left; width:100%; font-size:16px; border-bottom:solid 2px #ddd; margin-bottom:10px;}
.pro_ms_bt span{float: left; padding:0 25px; background:#2ab1db; color:#FFF; line-height:40px; }
.pro_ms_txt{width:100%; line-height:26px; color:#666; }