@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.66666666%;
	height: 0.6rem;
	line-height: 0.63rem;
	float: left;
	text-align: center;
}
#nav ul li a:hover{
	background-color: #2d70f3; 
	color: #ffffff;
}
#nav ul li a{
	display: block;
	width: 100%;
	height: 0.6rem;
	background-color: #e70012; 
	color: #ffffff;
	font-size:0.18rem;
}
.navbg{
	color: #fff!important;
	
	background:#000000!important;	
		
}

.tit{height: .4rem; text-align: center; margin:.4rem auto ;}
.tit1{font-size: .28rem;color: #3571b0; letter-spacing: .03rem; font-weight: bold; }
.tit1 span{color: #1962cb;}
.titcx{ width: 2.5rem; height: .01rem; margin: 0 auto; background-color: #ededed; }
.titx{ width: .5rem; height: .02rem; background-color: #1962cb; margin: 0 auto; margin-top: .1rem;margin-bottom: .1rem;}
.tit2{width:90%; height:.20rem;margin:0 auto ;/* margin-top: .20rem; */color: #999696; font-size:.16rem; line-height:.20rem;}


.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:100%; margin: 0 auto; display: flex; justify-content: space-between;}
.fenlei ul li{border: .01rem solid #5A5B60; padding:.05rem .10rem; float: left; font-size: .15rem; margin: .05rem;}

.about_tit{
	margin:0.1rem auto;
}
.about_tit img{
	width: 100%;
}
.aboutn{
	   overflow: hidden;
	font-size:0.23rem;
}
.aboutn img{ width:100%; }
.aboutn p{
margin-bottom: 0.1rem;
font-size: 0.16rem;
line-height: .32rem;
padding-right: 0.2rem;
text-indent: 2em;
color: #000;
width: 95%;
padding-left: 0.2rem;

}
.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:96%; text-indent: 2em; margin: 0 auto;}



.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; }



.youshimain{ width:100%; margin-top: .2rem; background: url(../images/);}
.youshimain ul {}
.youshimain ul li{ width: 5.80rem; height: 1.1rem; background-color: #ffffff;  margin: 0 auto; margin-bottom: .2rem;}
.youshimain ul li img{ width: 1.00rem; height: 1.00rem; display: block; float: left; margin-right: .16rem;}
.youshimain ul li h4{ color: #292525; font-weight: bolder; font-size: .24rem; }
.youshimain ul li p{ width: 5.80rem; color: #424242; font-size: .18rem;}


/*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;}

/*product*/
.pro{
	width:100%;
	
}
.pro img{
	width:100%;
}
#dl-menu{
	margin-right: 0.1rem;
}
.pron{height:6.8rem;
}
.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;
}
.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:2.5rem;
    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%;
}

.youshic{ width: 100%; height:11.5rem;}

.adv1{ margin-top: .30rem; }
.adv1r{ width:6rem; margin: 0 auto;}
.adv1r img{ display: block; margin-bottom: .3rem; margin-top: .25rem;}
.adv1r ul li{ background: url(../images/li.jpg) center left no-repeat;line-height: .30rem; font-size: .18rem;}
.adv1r h2{font-size: .23rem;color: #1962cb;display: block;margin-top: .1rem;}
.adv1r h3{font-size: .16rem;display: block;margin-bottom: .1rem;color: #8f8f8f;}