/* CSS Document */
@media screen and (max-width: 1024px) and (min-width: 0px){
/*head顶部css 开始*/
#head{display:none}
#moblie_head{display:block;height:60px;width:100%;z-index:9999;border-bottom:1px solid #ddd;background:rgba(255,255,255,0.8);}
#moblie_head .lf{padding-top:5px;padding-left:5%}
#moblie_head .lf img{height:50px}
#moblie_head .rg{padding-right:5%;padding-top:20px}
#moblie_head .rg a img{height:18px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
/*head顶部css 结束*/


/*banner   css开始*/
.c-banner{width: 100%;position: relative; margin-bottom:30px;}
.c-banner .nexImg,.c-banner .preImg{
	padding: 10px 8px 10px 8px;
	position: absolute;
	top: 60%;
	margin-top: -48px;
	background: #000000;
	opacity: 0.3;
	border-radius: 0px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 15px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 4px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}

#tit{ width:96%; height:40px; line-height:40px; margin:0 auto; background:url(../Images/titbg.png) center no-repeat; color:#006EB4; font-weight:700; text-align:center; font-size:30px;margin-top:20px;}
#titdesc{ width:96%; margin:0 auto; line-height:30px; font-size:14px; color:#8F8F8F; text-align:center;}

#prodclass{ width:96%; margin:0 auto; text-align:center; overflow:hidden; margin-bottom:20px;word-break:break-all;}
#prodclass a{ padding:5px 10px; margin:5px; background-color:#F8F8F8; border:1px solid #EAEAEA; line-height:30px; font-size:15px; color:#000000;display:inline-block}
#prodclass a:hover{ color:#039240;}

#iprod{ width:100%; overflow:hidden; margin:0 auto;}
#iprod li{ width:42vw; float:left; height:36vw; text-align:center; overflow:hidden; margin:2vw 3vw; background-color:#E2E2E2;}
#iprod li img{ width:42vw; height:28vw; margin-bottom:0px;}
#iprod li span{ width:42vw; line-height:8vw; float:left; margin-top:0px;}
#iprod li span a{font-size:14px; color:#000000; text-decoration:none; line-height:8vw;}
#iprod li span a:hover{ color:#006EB4;}

.more{ margin:0 auto; float:center; width:30%; height:35px; margin-right:35%; border:1px solid #D1D1D1; border-radius:35px; background-color:#F8F8F8; line-height:35px; text-align:center; margin-bottom:20px; margin-top:20px;}
.more a{ font-size:15px; color:#0072AE; text-decoration:none;}
.more a:hover{ font-size:15px; color:#383838; text-decoration:underline;}


#iabout{ width:95%; margin:0 auto; padding:10px 0px; margin-bottom:30px; overflow:hidden;background:none;}
.titbg{ width:100%; height:40px; background:url(../Images/titbg.png) center no-repeat; text-align:center; padding-top:10px;}
.titbg .titcn{ width:100%; height:25px; line-height:25px; text-align:center; font-size:18px; color:#0072AE;}
.titbg .titen{ width:100%; height:15px; line-height:15px; text-align:center; font-size:12px; color:#D6D6D6;}

#iabout .aboutcon{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
#iabout .aboutcon img{ width:100%; height:auto; float:inherit; margin-right:0px; margin-bottom:20px;}
#iabout .aboutcon .aboutconf{ width:100%; float:inherit; height:auto;}
#iabout .aboutcon .aboutconf .companyname{ width:100%; height:45px; line-height:45px; padding-bottom:10px; border-bottom:1px solid #E8E8E8; text-align:left; font-size:25px; color:#121212; font-family:"微软雅黑 Light"; margin-bottom:20px;}
#iabout .aboutcon .aboutconf .companyinfo{ width:96%;margin-bottom:20px; line-height:35px; text-indent:30px; font-size:15px; color:#626262; text-align:left;}

.more2{margin:0 auto; float:center; width:30%; height:35px; margin-right:35%; border:1px solid #D1D1D1; border-radius:35px; background-color:#F8F8F8; line-height:35px; text-align:center;}
.more2 a{ font-size:15px; color:#0072AE; text-decoration:none;}
.more2 a:hover{ font-size:15px; color:#383838; text-decoration:underline;}

#inews{ display:none;}
#inewsm{display:block; width:96%; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
#inewsm li{ width:100%; float:left; line-height:25px; margin:5px 0px; overflow:hidden; border-bottom:1px solid #EBEBEB;}
#inewsm li a{ font-size:14px; color:#000000; text-decoration:none;}
#inewsm li a:hover{ color:#006EB4;}

#foot{ width:100%; margin:0 auto; background-color:#191919; min-height:100px; overflow:hidden; padding-bottom:15px;}
#foot .footcon{ width:98%; margin:0 auto;}
#foot .footcon .fleft{ width:100%; float:inherit;}
#foot .footcon .fleft .fnav{ display:none;}

#foot .footcon .fleft .fcopy{ width:100%; line-height:28px; text-align:center; margin-top:10px; color:#B3B3B3; font-size:13px; padding-left:10px;}

#foot .footcon .ferweima{ width:100%; float:right; padding:30px 0px; text-align:center;}
#foot .footcon .ferweima img{ width:30vw;}


.yb_conct{ display:none;}
}