@charset "gb2312";
/*reset*/
.cl{
	clear: both;
}


.content{ margin-left:0rem;margin-top: -0.3rem;}
.wrap_box {
	max-width: 640px;
	margin: 0 auto;
	height:auto;
	position:relative;
	overflow:hidden;
}
.logo{ 
	display:block;
    width:100%;
}
.logo img{ 
	display:block;
    width:100%;
}
#nav{
	height:0.6rem;
	}
#nav ul li{
	width:16.6666%;
	height: 0.6rem;
	line-height: 0.63rem;
	float: left;
	text-align: center;
	
	background-color: #0067d0;
}

#nav ul li a{
	display: block;
	width: 100%;
	height: 0.6rem;
	 
	color: #ffffff;
	font-size:0.18rem;
	background-color: #ca0000;
}
.navbg{
	color: #fff!important;
	background:#2a2a2a!important;	
		}

.tit{height: .8rem; text-align: center; margin:.2rem auto ;}
.tit1{font-size: .32rem;color: #1a1a1a; font-weight: bolder;}
.titcx{ width: 2.5rem; height: .01rem; margin: 0 auto; background-color: #ededed; }
.titx{ width: .5rem; height: .02rem; background-color: #1b7cff; margin: 0 auto; margin-top: .1rem;margin-bottom: .1rem;}
.tit2{width:90%; height:.20rem;margin:0 auto ;color: #111111; font-size:.19rem; line-height:.20rem; text-transform: uppercase; margin-top: .10rem;}

.guodu{ width: 100%; height: 2.78rem;}
.guodu img{width: 100%; height: 2.78rem;}


.abo{ width:100%; overflow:hidden;}

.abo img{ float:left; width:25%; height:0.5rem;margin-bottom: 0.1rem;}


.zt{ float:left; width:4.4rem;}


.ztt{ float:right; width:1.75rem; height:2.14rem; margin-top:0.2rem; margin-right:0.1rem;}
.ztt img{ width:100%;}
/*adv*/
.adv img{
	width: 100%;
}

/*about*/
.about_bj{ background-size: 100% ;}
.about_by{background: url(../images/bybg.jpg);height:1.5rem;width: 100%; background-size: 100%;}
.fenlei { width: 100%; margin-top: .2rem;}
.fenlei ul { width:5.2rem; margin: 0 auto;display: flex;justify-content: space-between;}
.fenlei ul li{border: .01rem solid #5A5B60; padding:.05rem .10rem; float: left; font-size: .18rem; margin: .05rem;}

.about_tit{
	margin:0.1rem auto;
}
.about_tit img{
	width: 100%;
}
.aboutn{
	overflow: hidden;
	font-size:0.23rem;
	background:#ca0000;
	padding-top: .2rem;
	 height:9.5rem; 
        display: block;
	float: left;

	
}
.cjtit{ width:5.78rem; height:3.15rem; margin: 0 auto;}
.aboutn img{ width:100%;}
.aboutn p{
	margin: 0 auto;
margin-bottom: 0.1rem;
font-size: 0.16rem;
line-height: .32rem;

text-indent: 2em;
color: #fff;
width: 95%;


}
.about h3{ padding-left:0.1rem;line-height: 0.6rem;}
.about_more{
	width: 20%;
	font-size: 0.14rem;
	height: 0.4rem;
	line-height: 0.4rem;
	margin: 0 auto;
	background-color: #c43435;
	text-align: center;
}
.aboutn a{
	color: #fc640a;
    line-height:.3rem;
}

.about_wz{ width:100%; margin-top: .3rem;}



.about_wz h3{ font-size:0.3rem; text-align:center; color:#0262d3;}

.cp_lm{background:url(../images/lm.jpg) no-repeat center;    background-size: 100% ; height:0.8rem;}


.hflm{ background:url(../images/hflm.jpg) no-repeat center;    background-size: 100% ; height:2.1rem; margin-top:0.5rem; margin-bottom:0.2rem;}
.hf { text-align:center; height:2.1rem; overflow:hidden; }
.hf h1{    color: #FFF;
    font-size: 0.16rem;
    line-height: 0.4rem;
    margin-top: 0.2rem;font-weight:bold;
    }
.hf p{ color:#FFF; font-size:0.14rem; line-height:0.3rem; }






/*advan*/
.advan img{
	width: 100%;
}













#classify{
	float: right;

}
#classify ul{
	padding-top0.1rem; overflow:hidden; text-align:center;
}
#classify li{
	position: relative;
	width: 1.1rem;
	height:0.4rem;
	line-height:0.4rem;
	text-align: center;
	margin-left:8px;
	margin-right:8px;
	background: #fff;
	display:inline-block;
	margin-top:0.12rem; border-radius:5px;
	
	left: 0;
	top: 0; border:.1rem #b9baba solid;
}
#classify li a{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1.1rem;
	height:0.4rem;
line-height: 0.4rem; font-size:0.14rem;
	color: #b9baba;
}
#classifybg{
	-webkit-transition: 0.5s;
   	 -moz-transition: 0.5s;
    	-ms-transition: 0.5s;
   	 -o-transition: 0.5s;
   	 transition: 0.5s;
	background: #0073f5!important;
	color:#FFF!important;border:0px #5b5b5b solid!important;
}
#classify li:first-child{ border:1px #0e62d2 solid;}
#classify li:first-child a{  color:#0e62d2}
#classify li a{ color:#b9baba}
#classifybg a{
	border:0px #5b5b5b solid!important;
	color:#FFF!important;
}
#classify li;hover{ border:0px; background-color:0073f5}



.n1{ width: 98%; margin-left: 1%; float: left; background-color: #ffffff;height:1.9rem;}
.newsboxleft{ width:100%;}
.newsboxtop{ height:2rem; margin-bottom:.2rem; background: #ffffff; padding: .1rem;}
.newsboxtop img{ float: left; width:10%; height: 1rem;}
.newsboxtop p,.newsboxtop span,.newsboxtop i{display: block; margin-left:.1rem; float: left;}
.newsboxtop p{ margin-top:.1rem; color: #292929; width:50%; height: .5rem;  overflow: hidden;}

.n1 p,.n1 i,.n1 span{display: block;margin-left: .2rem;float: left;width: 53%;overflow: hidden;}
.n1 img{float: left;padding: .1rem;}
.n1 p{ font-size:.18rem; margin-bottom: .1rem; margin-top: .1rem;}
.n1 span{font-size:.15rem; height: .9rem;}
.n1 i{font-size:.16rem;}


.newsbox{ width: 100%; padding-top: .1rem; margin-bottom:.08rem;}

/*product*/
.pro{
	width:100%;
	
}
.pro img{
	width:100%;
}
#dl-menu{
	margin-right: 0.1rem;
}
.pron{height: 8.2rem;
}
.pron ul{
	margin-top: 0.2rem;
}
.pron ul li{
	width: 46%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
.pron ul li:nth-child(odd){
	position: relative;
	left: 0;
	top: 0;
}
.pron ul li:nth-child(even){
	position: relative;
	right: 0;
	top: 0;
}
.pron ul li img{
	width: 100%;
	
}
.pron ul li dl{
	height: 0.5rem;
	font-size: 0.16rem;
	line-height: 0.5rem;
	text-align: center;
}



/*news*/
.news_tit{
	margin: 0.1rem auto;
	position: relative;
	right: 0;
	top: 0;
	height: 1rem;
}
.news_tit img{
	width: 100%;
}
.news ul li{
	margin: 0rem 0.2rem;
	height: 0.5rem;
	line-height: 0.5rem;

	font-size: 0.2rem;
	padding-top: 0.1rem;
	color: #706a6e;
}

.news ul li a {
    color: #ffffff;
    padding-left: 0.2rem;
}

.news ul li:nth-child(odd){
	position: relative;
	left: 0;
	top: 0;
}
.news ul li:nth-child(even){
	position: relative;
	right: 0;
	top: 0;
}
.news ul li a{
	color: #706a6e;
	display: block;
	width: 70%;
	height: .5rem;
	overflow: hidden;
	float: left;
}
.news ul li span{
	float: right; 
}

.news{ width: 100%;}


/*copyright*/
.copyright{
	
   
    height:3.0rem;
    text-align: center;
    overflow: hidden;
     margin-top: 0.1rem;
	 background: url(../images/dibu.jpg);
	 background-size: 100%;
}

.copyright ul{
	margin-top: 0.2rem;
	
}  
.copyright li{
	font-size: 0.17rem;
	color: #ffffff;
	}
.copyright li a{color: #ffffff;}
#footer{ 
	width:100%; 
	height:1rem;
	background:#090909; 
	max-width: 640px; 
	position:fixed; 
	bottom:0px;
	z-index: 999;
}
#footer li{
	 width:25%;
	text-align:center;
	float:left;
	background:url(../images/footbg.jpg) no-repeat right;
	padding-top:5px;
	}
#footer li img{
	display: inline-block;
}
#footer li a{ color:#fff;}

.top{
	width: 10%;
	opacity: 0.8;
	z-index: 998;
}
.top img{
	width: 100%;
}
.advan{
	width:100%;
	margin:0rem auto;
}
.adv img{
	width: 100%;
}

.xq{ width: 100%; height: auto;}
.xq img{ width: 100%;}
.dgnqsc{ width: 100%; height: 4.5rem;}
.dgnqsc h2{ text-align: center; font-weight: bolder; display: block; margin-top: .2rem; margin-bottom: .2rem;}
.dgnqsc img{ width: 100%;}
.hexin{ width:90%; height:5.5rem; margin: 0 auto;margin-top: .2rem; }
.hexin h2{ color: #010101; font-size: .32rem;}
.hexin h3{ font-weight: normal; font-size: .18rem; color: #666666;}
.hexinnr{ width: 5.8rem; margin: 0 auto; margin-top: .5rem; margin-bottom: .5rem;}
.hexinnr ul{ display: flex; justify-content: space-between; height: 2.3rem;}
.hexinnr ul li{ position: relative;}
.cpcanshu{ width:100%;} 
.canshu{ margin-top: .2rem;}
.canshu img { width: 100%;}
.cstit{ text-align: center;}
.cstit h2{ width: 1.72rem; height: .33rem; margin: 0 auto;}
.cstit h3{color: #040404; font-size: .40rem; font-weight: bolder;}
.cstit h4{ font-size: #101010; font-size: .16rem;}
.cstit h5{font-size: #101010; font-size: .14rem;text-transform: uppercase; }


.youshibox{ width: 100%; height:17.5rem;background:#3e3e46; background-size: 100% 18rem;}
.youshinr img{ width:100% ;}
.youshi1{ height:2.85rem;width:5.76rem;margin: 0 auto; margin-bottom: .31rem;}
.youshi2{ height:2.85rem;width:5.76rem;margin: 0 auto; margin-bottom: .31rem;}
.sycjbox{width: 100%; height:16rem;}
.cjmain{ width:6.18rem;margin: 0 auto; margin-top: .2rem; height: 10.5rem;}
.cjmain ul{}
.cjmain ul li{ width:2.79rem; height: 2.32rem;float: left;margin-left: .08rem;margin-right: .08rem; border:.07rem solid #ffa62b; margin-bottom: .08rem;}
.cjmain ul li img{ width:2.79rem; height: 1.87rem;}
.cjmain ul li p{ text-align: center; font-weight: bolder; font-size: .25rem; background-color: #ffa82d; height: .5rem; line-height: .5rem;}
 
 
 .changjingbox{ height: 21.2rem;}
.changjingzs{ width: 96%; margin:0 auto;}
.changjingzs ul{}
.changjingzs ul li{ width: 2.87rem; height: 3.56rem; float: left; margin: .1rem;}
.changjingzs ul li img{ width: 2.86rem; height: 2.86rem; margin: 0 auto;}
.changjingzs ul li p{ width: 2.24rem; height: .53rem; line-height: .53rem; text-align: center; color: #080808; background-color: #ffaa2f; margin: 0 auto; margin-top: .1rem; border-radius: 10px;}