/* CSS Document */
@media screen and (max-width: 1024px) and (min-width: 0px){
/*head顶部css 开始*/
#head{display:none}
#moblie_head{display:block;height:60px;position:fixed;top:0px;left:0px;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; top:61px;margin-bottom:60px;}
.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;
}



#iprod{ display:none;}
#iprod-m{ display:block; width:96%; margin:0 auto; padding-bottom:20px; padding-top:5px;}
.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;}
#iprod-m .iprodlist{ width:99%; overflow:hidden; height:108vw; margin:0 auto; margin-top:40px; margin-bottom:40px;}
#iprod-m .iprodlist li{ width:31%; float:left; padding:0px 1%; height:52vw; margin-bottom:15px;}
#iprod-m .iprodlist li .img{ width:100%; height:46.5vw;}
#iprod-m .iprodlist li .img img{ width:100%; height:46.5vw;}
#iprod-m .iprodlist li .ptit{ width:100%; height:7vw; line-height:7vw; text-align:center; overflow:hidden;}
#iprod-m .iprodlist li .ptit a{ font-size:12px; color:#333333; text-decoration:none;}
#iprod-m .iprodlist li .ptit a:hover{ font-size:12px; color:#0072AE; text-decoration:underline;}
.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;}
.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{ width:95%; margin:0 auto; margin-bottom:50px;}
.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;}
#inews .inewscon{ width:100%; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom:50px;}
#inews .inewscon .inewsf{ width:100%; float:left;}
#inews .inewscon .inewsf .img{ width:100%; height:auto;}
#inews .inewscon .inewsf .img img{ width:100%; height:auto;}
#inews .inewscon .inewsf .intitle{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #E6E6E6; margin-top:15px; overflow:hidden;}
#inews .inewscon .inewsf .intitle a{ font-size:15px; color:#2D2D2D; text-decoration:none;}
#inews .inewscon .inewsf .intitle a:hover{ color:#0072AE;}
#inews .inewscon .inewsf .intitle span{ float:right; margin-right:5px; font-size:14px; color:#808080;}
#inews .inewscon .inewsf .indesc{ width:100%; height:56px; line-height:28px; margin-top:4px; overflow:hidden; text-align:left; font-size:12px; text-indent:28px; color:#7F7F7F;}

#inews .inewscon .inewsr{ width:100%; float:right;}
#inews .inewscon .inewsr .intitle{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #E6E6E6; overflow:hidden;}
#inews .inewscon .inewsr .intitle a{ font-size:15px; color:#2D2D2D; text-decoration:none;}
#inews .inewscon .inewsr .intitle a:hover{ color:#0072AE;}
#inews .inewscon .inewsr .intitle span{ float:right; margin-right:5px; font-size:14px; color:#808080;}
#inews .inewscon .inewsr .indesc{ width:100%; height:56px; line-height:28px; margin-top:4px; overflow:hidden; text-align:left; font-size:12px; margin-bottom:15px; text-indent:28px; color:#7F7F7F;}

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