@charset "utf-8";
/* CSS Document */

html{font-size:625%} 
body{font-size:.22rem;}

/*header*/
header{width:100%; height:.7rem; padding:0.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{display:none; 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*/
.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:normal; 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:normal; 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:auto;}
.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*/
footer{background:#434343; width:100%; padding:.4rem 0; color:#808080;}
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*/
.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;
    *display: inline; *zoom: 1; 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;}


/*关于我们*/
.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:40%; height:2.2rem; overflow:hidden; margin-left:3%;}
.pro_det .c_j .pic img{display:block; width:100%; height:auto;}
.pro_det .c_j .shuo{width:45%; margin:0 0 0 5%;}
.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:#f00; 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%} }

@media (max-width:307px){ 
		
 }