@charset "gb2312";
/* CSS Document update 2017.3.5 */

*{margin:0px;padding:0px;}
html,body{background:#f5f5f5;margin:0;padding:0;font:.95em/1.6 "\5fae\8f6f\96c5\9ed1","Helvetica","tahoma";height:100%;}
a{text-decoration:none;color:#666;}
a:hover{color:#FF6600;}
a.a1{text-decoration:none;color:#333;text-decoration:underline;}
a.a1:hover{color:#ff0000;text-decoration:none;}
a.a2{text-decoration:none;color:#0099CC;text-decoration:underline;}
a.a2:hover{color:#ff0000;text-decoration:none;}
a.a3{text-decoration:none;color:#ff0000;text-decoration:underline;}
a.a3:hover{color:#ff0000;text-decoration:none;}
.clear{clear:both;}
.blank10{height:10px;}
.blank15{height:15px;}
ul,li{list-style:none;}
img{border:0;}
.fl{float:left;}
.rl{float:right;}



/*按钮定义*/
.subbig{padding:6px 30px;color:#fff;border-radius:4px;line-height:24px;height:36px;font-size:16px;border:0;background-color:#FF9900;background:linear-gradient(#FF9900,#FF9900);cursor:pointer;vertical-align:middle;margin-right:8px;}
.subbig:hover{background-color:#FF6600;background:linear-gradient(#FF6600,#FF6600);}
.subbiggray{padding:6px 30px;color:#666;border-radius:4px;line-height:24px;height:36px;font-size:16px;border:0;background-color:#ccc;background:linear-gradient(#cccccc,#cccccc);cursor:pointer;vertical-align:middle;margin-right:8px;}
.subbiggray:hover{background-color:#999;background:linear-gradient(#999,#999);}
.subbigblue{padding:6px 30px;color:#fff;border-radius:4px;line-height:24px;height:36px;font-size:16px;border:0;background-color:#0066CC;background:linear-gradient(#0066CC,#0066CC);cursor:pointer;vertical-align:middle;margin-right:8px;}
.subbigblue:hover{background-color:#003399;background:linear-gradient(#003399,#003399);}
.subbigred{padding:6px 30px;color:#fff;border-radius:4px;line-height:24px;height:36px;font-size:16px;border:0;background-color:#ff0000;background:linear-gradient(#ff0000,#ff0000);cursor:pointer;vertical-align:middle;margin-right:8px;}
.subbigred:hover{background-color:#cc0000;background:linear-gradient(#cc0000,#cc0000);}


/*表单定义*/
input,textarea,button{vertical-align:middle;}
.errClass{background:#FFF8EC url(../images/err.gif) 3px 5px no-repeat;color:red;line-height:18px;border:1px #FF9900 solid;padding:4px 2px 4px 22px;display:inline-block;margin-top:3px;}
.input-txt{border:1px #dfdfdf solid;border-radius:3px;font-size:16px;padding:8px 5px;color:#666;height:20px;line-height:20px;}
select{font-size:16px;padding:7px;color:#333;border-radius:3px;border:1px #dfdfdf solid;}
.displaynone{display:none;}


/*盒子定义*/
#box1{margin:0px auto;padding:0px;}
#box2{margin:0px auto;padding:20px 10px;}
.box{border-top:1px #EEEEEE solid;border-bottom:0px #dfdfdf solid;background:#fff;
	box-shadow:0 2px 2px rgba(100,100,100,.1);
	-webkit-box-shadow:0 2px 2px rgba(100,100,100,.1);
	-moz-box-shadow:0 2px 2px rgba(100,100,100,.1);
}


/*表格定义*/
table{border-collapse:collapse;}
/**********信息查看用********/
.table-view{width:100%;font-size:14px;}
.table-view tr
{
	line-height:36px;
}
.table-view tr:hover
{
	/*background:#ECFBFF;*/
}
.table-view td
{
	text-align:left;
	padding:5px;
	color:#666;
	 vertical-align:top;
	/*border-bottom:1px dotted #dfdfdf;*/
}
.table-view strong
{
	color:red;
	font-size:14px;
	font-weight:bold;
}



/******信息列表用*****/
.table-box,.table-box tr,.table-box td,.table-box th
{
	border:1px solid #dfdfdf;
}
.table-box th
{
	line-height:38px;font-size:14px;font-weight:normal;
	background:#f5f5f5;
	text-align:left;
	padding-left:7px;
}
.table-box tr,.table-box td
{
	line-height:22px;
}
.table-box tr:hover
{
	background:#ECFBFF;
}
.table-box td
{
	padding:2px 7px;
	text-align:left;
	color:#666;
	font-size:14px;
}
.table-box td.center
{
	text-align:center;
	padding:7px 0px;
}
.table-box th.center
{
	text-align:center;
	padding:2px 0px;
}
/* *************************************************** 公共样式定义  end ***********************************************/


/*切换图*/
.banner{margin:0px auto;font-size:0;mix-width:320px;width:100%;}
.picBox{width:100%;height:100%;position:relative;background:#e6e6e6;}
.piclist{position:relative;width:2232px;left:0;height:100%;}
.piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
.icon_num{ position:absolute;bottom:5px;left:0;font-size:12px;text-align:center;width:100%}
.icon_num a{background:#000;border-radius:14px;width:.9em;height:.9em;padding:0;font-size:12px;border:1px solid #fff;text-align:center;cursor:pointer;margin-right:.4em;display:inline-block;*display:inline;zoom:1;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.5);}
.icon_num a:hover,.icon_num .active{background:#f60;color:#f60;border-color:#f60;border:1px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.5);}
.swipe{visibility:hidden;position:relative;overflow:hidden}
/*切换图  end*/



/*头部样式定义*/
#header {
	width: 100%;
	min-width: 320px;
	height: 70px;
	background:#fff url("/4g/images/header_bg.jpg------") top left repeat-x;
	background:linear-gradient(#fff,#fff);  /****************************************修改颜色  颜色顺序为上->下 ** **************/
	position: relative;
	/*box-shadow:0 2px 4px rgba(0,0,0,.2);   阴影*/
	z-index:100;
	}
.logo{
		display: block;
		min-width: 320px;
		width:100%;
		height: 70px;
		background:url(/4g/images/logo.png?t=2022) center center no-repeat;
		background-size:100%;
}
.menulist{
	background:#0552AF;
	background:linear-gradient(#0552AF,#0552AF);
	color:#0173CB;
	width:100%;
}
.menulist ul {width:100%;border-bottom:1px solid #044088;}
.menulist ul li {width:100%;float:left;height:38px;overflow:hidden;line-height:38px;font-size:14px;text-align:center;border-top:1px solid #044088;}
.menulist ul li a{display:block;float:left;width:24.6%;height:38px;color:#FFFFCC;border-right:1px solid #044088;}
.menulist ul li a:nth-child(4n){border-right:none}
.menulist ul li a:hover{background:#0552AF;color:#fff;}
.menulist ul li a.on{background:#0552AF;}
/*头部样式定义  end */


/*首页 -- 通用栏目导航*/
h2.tit{background:#044088;background:linear-gradient(#044088,#0552AF);font-size:18px;font-weight:normal;color:#f1f1f1;height:28px;line-height:28px;padding:5px 0px;border-bottom:1px #dfdfdf solid; text-indent:8px;}
h2.tit a{float:right;font-size:12px;color:#0552AF;background:#fff;width:40px;height:22px;margin-top:3px;margin-right:5px;line-height:22px;border-radius:4px;text-align:left;}
h2.tit strong{color:#CC0000;font-size:1.6em;}
/*首页 -- 通用栏目导航 end*/

/*首页--公司简介*/
.index_aboutus{padding:10px;background:#fff url(/images/about_bg.jpg---) top center;}
.index_aboutus h3{font-size:20px;color:#FF8400;padding:10px 0px;line-height:40px;}
.index_aboutus h3 span{float:left;width:40px;height:40px;background:url(/4g/images/about_icon.png);background-size:contain;}
.index_aboutus .txt{font-size:14px;line-height:28px;color:#333;padding:0px;text-align:left;}
.index_aboutus a.more{color:#ff0000; display:block;padding:10px 0px; text-align:center;font-size:16px;}
/*首页--公司简介  end*/


/*首页底部 通用*/
.index_footer{width:100%;background:#fff;color:#999;background:linear-gradient(#fff,#fff);border-top:1px #dfdfdf solid;padding:10px 0px;font-size:12px;line-height:22px;text-align:center;}
.index_footer a{color:#999999;}
/*首页底部 通用  end*/


/*首页产品分类导航*/
.product_nav{width:100%;}
.product_nav a{float:left;width:32.3%;padding-top:8%;padding-bottom:8%;font-size:22px;text-align:center;background:red;margin-right:1.5%;margin-top:2%;margin-bottom:2%;color:#fff;}
.product_nav a:nth-child(3n){margin-right:0;}
/*首页产品分类导航 end */

/*首页小导航*/
.index_nav{width:100%;}
.index_nav a{float:left;width:32.3%;padding-top:6%;padding-bottom:6%;text-align:center;background:#fff;margin-right:1.5%;margin-top:2%;margin-bottom:2%;border-radius:3px;}
.index_nav a span{display:block;height:60px;line-height:120px;font-size:16px;color:#fff;}
.index_nav a:nth-child(3n){margin-right:0;}
/*首页小导航  end */




/*图片列定义*/
.news_pic_list{margin-bottom:10px;}
.news_pic_list ul{padding:3% 0;}
.news_pic_list ul li{width:99%;height:auto;}
.news_pic_list ul li dl{float:left;position:relative;width:47%;height:100%;margin:1%;border:1px #dfdfdf solid;background:#fff}
.news_pic_list ul li dl .best{width:40px;height:40px;background:url(/4g/images/best-ico.png) 50% 50% no-repeat;background-size:contain;position:absolute;top:0px;left:0px;z-index:1px;}
.news_pic_list ul li dl .cuxiao{width:40px;height:40px;background:url(/4g/images/cuxiao-ico.png) 50% 50% no-repeat;background-size:contain;position:absolute;top:0px;left:0px;z-index:1px;}
.news_pic_list ul li dl:nth-child(2n){margin-right:0%;}
.news_pic_list ul li dl:first-child{margin-left:2%;}
.news_pic_list ul li dl .n_pic{width:100%;position:relative;}
.news_pic_list ul li dl .n_pic img{width:100%;}
.news_pic_list ul li dl .n_tit{margin-left:5px;padding-bottom:14px;}
.news_pic_list ul li dl .n_tit a.t{font-size:1em;color:#666;}

/*通用图片列表  此方法主要是用于瀑布流使用*/
.brands{width:100%;margin:0px auto;}
.brand-list {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-width:0.5em;
	-webkit-column-width: 0.5em;
	column-width: 0.5em;
	-moz-column-gap: 0.5em;
	-webkit-column-gap: 0.5em;
	column-gap: 0.5em;
}
.brand-list .item {
	padding: 1em;
	margin: 0 0.125em 1em;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	border:1px #dfdfdf solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.brand-list .item h3 img{width:100%;}
.brand-list .item:hover {
	box-shadow: 0px 3px 12px rgba(160,160,160,.6);
	background-color: #fff;
	border-color: #FF9900;
}
.brand-list .item h3 {
	font-size: 42px;
	color: #666;
	font-family: arial;
	font-weight: bold;
	margin-bottom: 20px;
}
.brand-list .item h2{
	font-size: 18px;
	color: #666;
	font-weight: bold;
	margin-bottom: 8px;
}
.brand-list .item h2 span{font-size:16px;color:#FF9900;display:inline-block;margin-left:10px;font-weight:normal;}
.brand-list .item p {
	margin-bottom: 15px;line-height:26px;color:#999;
}
/*图片列定义 end */


/*图片列定义2  主要用首页滑动用的*/
.news_pic_list2 .bd ul{width:100%;  float:left;}
.news_pic_list2 .bd ul li{width:50%;float:left;}
.news_pic_list2 .bd ul li .imgs{width:80%;margin:0px auto;border:1px #dfdfdf solid;}
.news_pic_list2 .bd ul li .imgs a{border:0px #fff solid;display:block;border-radius:200px;}
.news_pic_list2 .bd ul li .imgs a img{width:100%;}
.news_pic_list2 .bd ul li .name{display:block;padding-top:10px;font-size:14px;line-height:24px;text-align:center;}
.news_pic_list2 .hd{height:50px;line-height:50px;border-top:1px solid #dfdfdf;overflow:hidden;text-align:center;padding:0 10px;}
.news_pic_list2 .hd ul{padding-top:16px;width:100%;}	
.news_pic_list2 .hd li{float:left;width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.news_pic_list2 .hd .on{background:#FF8400;}
/*图片列定义2 end */



/*图片列定义3  主要用首页滑动用的  圆型图片*/
.news_pic_list3 .bd ul{width:100%;  float:left;}
.news_pic_list3 .bd ul li{width:50%;float:left;}
.news_pic_list3 .bd ul li .imgs{width:80%;margin:0px auto;border:1px #dfdfdf solid;border-radius:200px;}
.news_pic_list3 .bd ul li .imgs a{border:2px #fff solid;display:block;border-radius:200px;}
.news_pic_list3 .bd ul li .imgs a img{width:100%;}
.news_pic_list3 .bd ul li .name{display:block;padding-top:10px;font-size:14px;line-height:24px;text-align:center;}
.news_pic_list3 .bd ul li .name span{color:#FF9900;}
.news_pic_list3 .hd{height:50px;line-height:50px;border-top:1px solid #dfdfdf;overflow:hidden;text-align:center;padding:0 10px;}
.news_pic_list3 .hd ul{padding-top:16px;width:100%;}	
.news_pic_list3 .hd li{float:left;width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.news_pic_list3 .hd .on{background:#FF8400;}
/*图片列定义3 end */


/*新闻动态定义*/
.news_txt_list{padding:0px 10px;margin:0px auto;}
.news_txt_list ul li{line-height:20px;padding:10px 0px;border-bottom:1px #dfdfdf dotted;background:url(/4g/images/news_li.png) 2px 16px no-repeat; text-indent:14px;}
.news_txt_list ul li span{float:right;color:#ccc;}
.news_txt_list ul li a{font-size:1em;color:#666;text-decoration:None;}
.news_txt_list ul li a:hover{font-size:1em;color:#FF6600;text-decoration:underline;}

/*新闻动态定义  end */


/*二级页面  单页文章定义*/
.news_txt_signer{padding:10px 5px;font-size:14px;color:#666;line-height:28px;text-align:left;}
.news_txt_signer img{padding:5px 0px;width:100%;}
/*二级页面 单页文章定义 end*/


/*二级页面  二级分类导航*/
.page_nav{background:#ffffff;border-top:1px #f1f1f1 solid;border-bottom:1px #f1f1f1 solid;padding:10px 0px;line-height:24px;margin-top:10px;margin-bottom:10px;}
.page_nav a{float:left;background:#f5f5f5;border:1px #dfdfdf solid;border-radius:6px;font-size:14px;line-height:22px;padding:2px 10px;margin:3px 3px;}
.page_nav a.cur{background:#0552AF;border:1px #0552AF solid;color:#fff;}
/*二级页面  二级分类导航  end*/



/*新闻信息详情页*/
.news_info_page{
	padding:20px 0px;
}
.news_info_page h2{font-size:1.2em;color:#000;font-weight:normal;text-align:center;padding:10px;}
.news_info_page .newstime{font-size:12px;color:#FF6600;line-height:30px;text-align:center;width:100%;border-bottom:1px #dfdfdf dotted;padding-bottom:10px;}
.news_info_page .content{padding:10px 5px;font-size:14px;color:#666;line-height:28px;text-align:left;min-height:200px;}
.news_info_page .content img{padding:10px 0px;width:100%;}
/*新闻信息详情页  end*/


/*产品详情页*/
.product_info_page{padding:20px 0px;}
.product_info_page .product_pic{width:100%;border:1px #dfdfdf solid;}
.product_info_page .product_param{font-size:14px;color:#666;padding:10px 5px;}
.product_info_page .product_param strong{font-weight:bold;color:#000;}
.product_info_page .product_param span{color:red;}
.product_info_page .product_param a{color:red; text-decoration:underline;}
.product_info_page h3{font-size:18px;text-align:center;background:#009900;color:#fff;padding:10px 0px;line-height:22px;}
.product_info_page .product_info{padding:10px 5px;font-size:14px;color:#666666;line-height:28px;text-align:left;min-height:40px;}
.product_info_page .product_info img{padding:10px 0px;width:100%;}
.product_info_page .product_car_btn{width:100%;height:40px;position:fixed;bottom:0;left:0;z-index:200;}
.product_info_page .product_car_btn ul li{width:50%;float:left;height:40px;background:#666;}
.product_info_page .product_car_btn ul li a.car{display:block;width:99.3%;background:#000;line-height:40px;font-size:18px;text-align:center;color:#FF6600;}
/*产品详情页 end*/ 




/*内页右侧翻页按钮样式*/
.fenye{margin:20px 0px 30px 0px;text-align:center;}
.fenye a{border:1px solid #e6e6e6; padding:5px 6px; margin:0 2px; height:16px; line-height:16px; display:inline-block;}
.fenye a:hover{background:#0552AF; color:#fff; text-decoration:none;}
.fenye a.currclass{background:#0552AF; color:#fff;}



@media screen and (min-width:410px) and (max-width:640px){
	#header {
	width: 100%;
	min-width: 320px;
	height: 90px;
	background:#fff url("/4g/images/header_bg.jpg------") top left repeat-x;
	background:linear-gradient(#fff,#fff);  /****************************************修改颜色  颜色顺序为上->下 ** **************/
	position: relative;
	/*box-shadow:0 2px 4px rgba(0,0,0,.2);   阴影*/
	z-index:100;
	}
	.logo{
			display: block;
			min-width: 320px;
			width:100%;
			height: 90px;
			background:url(/4g/images/logo.png) center center no-repeat;
			background-size:90%;
	}
	/*首页小导航*/
	.index_nav{width:100%;}
	.index_nav a{float:left;width:32.3%;padding-top:6%;padding-bottom:6%;text-align:center;background:#fff;margin-right:1.5%;margin-top:2%;margin-bottom:2%;border-radius:3px;}
	.index_nav a span{display:block;height:80px;line-height:150px;font-size:18px;color:#fff;}
	.index_nav a:nth-child(3n){margin-right:0;}
	/*首页小导航  end */
	/*图片列定义*/
	.news_pic_list{margin-bottom:10px;}
	.news_pic_list ul{padding:3% 0;}
	.news_pic_list ul li{width:99%;height:auto;}
	.news_pic_list ul li dl{float:left;position:relative;width:47%;height:100%;margin:1%;border:1px #dfdfdf solid;background:#fff}
	.news_pic_list ul li dl .best{width:50px;height:50px;background:url(/4g/images/best-ico.png) 50% 50% no-repeat;background-size:contain;position:absolute;top:0px;left:0px;z-index:1px;}
	.news_pic_list ul li dl .cuxiao{width:50px;height:50px;background:url(/4g/images/cuxiao-ico.png) 50% 50% no-repeat;background-size:contain;position:absolute;top:0px;left:0px;z-index:1px;}
	.news_pic_list ul li dl:nth-child(2n){margin-right:0%;}
	.news_pic_list ul li dl:first-child{margin-left:2%;}
	.news_pic_list ul li dl .n_pic{width:100%;position:relative;}
	.news_pic_list ul li dl .n_pic img{width:100%;}
	.news_pic_list ul li dl .n_tit{margin-left:5px;padding-bottom:14px;}
	.news_pic_list ul li dl .n_tit a.t{font-size:1.2em;color:#666;}
	/*图片列定义 end */
	
	/*首页产品分类导航*/
	.product_nav{width:100%;}
	.product_nav a{float:left;width:32.3%;padding-top:8%;padding-bottom:8%;font-size:22px;text-align:center;background:red;margin-right:1.5%;margin-top:2%;margin-bottom:2%;color:#fff;}
	.product_nav a:nth-child(3n){margin-right:0;}
	/*首页产品分类导航 end */
}
@media screen and (min-width:641px) and (max-width:1000px){
	#header {
	width: 100%;
	min-width: 320px;
	height: 110px;
	background:#fff url("/4g/images/header_bg.jpg------") top left repeat-x;
	background:linear-gradient(#fff,#fff);  /****************************************修改颜色  颜色顺序为上->下 ** **************/
	position: relative;
	/*box-shadow:0 2px 4px rgba(0,0,0,.2);   阴影*/
	z-index:100;
	}
	.logo{
			display: block;
			min-width: 320px;
			width:100%;
			height: 110px;
			background:url(/4g/images/logo.png) center center no-repeat;
			background-size:90%;
	}
	/*首页小导航*/
	.index_nav{width:100%;}
	.index_nav a{float:left;width:32.3%;padding-top:6%;padding-bottom:6%;text-align:center;background:#fff;margin-right:1.5%;margin-top:2%;margin-bottom:2%;border-radius:3px;}
	.index_nav a span{display:block;height:100px;line-height:190px;font-size:20px;color:#fff;}
	.index_nav a:nth-child(3n){margin-right:0;}
	/*首页小导航  end */
	/*图片列定义*/
	.news_pic_list{margin-bottom:10px;}
	.news_pic_list ul{padding:3% 0;}
	.news_pic_list ul li{width:99%;height:auto;}
	.news_pic_list ul li dl{float:left;position:relative;width:47%;height:100%;margin:1%;border:1px #dfdfdf solid;background:#fff}
	.news_pic_list ul li dl .best{width:80px;height:80px;background:url(/4g/images/best-ico.png) 50% 50% no-repeat;background-size:contain;position:absolute;top:0px;left:0px;z-index:1px;}
	.news_pic_list ul li dl .cuxiao{width:80px;height:80px;background:url(/4g/images/cuxiao-ico.png) 50% 50% no-repeat;background-size:contain;position:absolute;top:0px;left:0px;z-index:1px;}
	.news_pic_list ul li dl:nth-child(2n){margin-right:0%;}
	.news_pic_list ul li dl:first-child{margin-left:2%;}
	.news_pic_list ul li dl .n_pic{width:100%;position:relative;}
	.news_pic_list ul li dl .n_pic img{width:100%;}
	.news_pic_list ul li dl .n_tit{margin-left:5px;padding-bottom:14px;}
	.news_pic_list ul li dl .n_tit a.t{font-size:1.2em;color:#666;}
	/*图片列定义 end */
	
	/*首页产品分类导航*/
	.product_nav{width:100%;}
	.product_nav a{float:left;width:32.3%;padding-top:8%;padding-bottom:8%;font-size:22px;text-align:center;background:red;margin-right:1.5%;margin-top:2%;margin-bottom:2%;color:#fff;}
	.product_nav a:nth-child(3n){margin-right:0;}
	/*首页产品分类导航 end */
}


.loading_box{ position:absolute;top:35%;left:35%;
	position:fixed;
	width:160px;height:60px;font-size:16px;line-height:60px;text-align:center;background:#333;border-radius:4px;
	filter:alpha(opacity=90); /*IE滤镜，透明度50%*/
	-moz-opacity:0.90; /*Firefox私有，透明度50%*/
	opacity:0.90;/*其他，透明度50%*/
	color:#FFFFFF;
}




.footer_top{width:100%;height:45px;}

.footer{
	position:absolute;bottom:0px;left:0px;
	position:fixed;
	width:100%;height:30px;
	background:#000;
}
.footer ul li{height:30px;width:50%;float:left;}
.footer ul li a{width:100%; text-align:center;line-height:30px;font-size:14px; display:block;color:#ccc;border-right:1px #666 solid;}

.footer ul li a:nth-child(3n)){border-right:0;}