@media screen and (max-width:700px){

html,body { width:100%;overflow-x:hidden;}
body {overflow-x:hidden; padding:0px; margin:0px;}

/*正文图片列表*/
#all {float:left;margin: 0px; display:block; clear:both; padding-bottom:20px; width:100%; }
#all li { float:left;margin-left:2%; display:block; width:45%; margin-top:20px;border:1px solid #ccc;}
#all li a
{
background-image:none;
float:left;
text-align:center;
color:#333;
display:block;
width:100%;
}

#all li a:hover { color:#F00;}

#all li img 
{
float:left;
width:100%;
height:130px;
}

#all li span
{
width:100%;
float:left;
margin-top:0px;
overflow:hidden;
height:30px;
line-height:30px;
background-color:#efefef;
}



/*内页新闻内容部分*/
#all1 {float:left;margin-left:15px; margin-top:20px; padding-bottom:20px;width:100%;}
#all1 li{ background-image:url(/pic/dian.jpg); background-repeat:no-repeat; background-position:0px 5px; width:96%; height:35px; line-height:35px; border-bottom:1px dashed #ccc; margin-top:5px; margin-left:0px;}
#all1 li a{ width:80%; height:25px; line-height:25px; text-decoration:none; color:#666666; color:#333; float:left; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; text-indent:25px; font-size:14px;}
#all1 li span{ float:right; text-align:right; width:20%; height:20px; line-height:20px; overflow:hidden; font-size:12px;color:#666666;}
#all1 li a:hover{ color: #f00;}


/*type页翻页*/
#fanye{ width:680px; float:left; clear:both;height:33px;line-height:33px;margin-top:20px;text-align:center;}
#fanye a{background-color:#c8c8c8;color:#fff;margin-left:1px;padding:5px 10px;}
#fanye .fanyenow,#fanye a:hover{background-color:#c62229;}

/*订单、留言、会员*/
#qzdingdan, #qzliuyan {width:98%; height:628px;}
#qzhuiyuan {width:100%; height:500px;}




/*Top 部分*/
#top_main {
	width:100%; height:139px;margin-left:auto; margin-right:auto;  overflow:hidden;
}
#top {
	MARGIN: 0px auto; WIDTH: 100%; height:98px; overflow:hidden;
}
#top_logo {
	WIDTH: 100%; FLOAT: left; HEIGHT:108px; 
}
#top_logoC {
	WIDTH: 100%; FLOAT: left; HEIGHT:108px; ;
}

#top_logoC img { width:750px; max-width:750px; height:100px;}



.blank_mask {
	WIDTH: 100%; height:19px; background:url(bn_bg.png) no-repeat;margin-left:auto; margin-right:auto;
}

#navigation_main {
	HEIGHT: 40px; width:100%; margin-left:auto; margin-right:auto;background:url() center no-repeat; overflow:hidden;
}
#navigation {
	WIDTH: 100%; HEIGHT: 40px; PADDING-TOP: 0px;position:absolute; *position:relative; z-index:1000; float:left
}
#navigation UL{}



/*菜单*/
#suckertree1 { height:40px; overflow:hidden; width:100%}
		#suckertree1 li {
             cursor:pointer; height:40px;color:#fff; float:left; line-height:40px; width:35px; text-align:left; font-size:12px;position:relative; font-weight:bold; background:url() right center no-repeat;		margin-right:3px; overflow:hidden;}
		
		#suckertree1 li a {
             color:#fff;width:35px; height:40px; line-height:44px; display:block; text-align:center
		}

		#suckertree1 li a:hover {
			 color:#04448b; display:block;width:35px; height:40px; background:url() no-repeat center; text-decoration:none;
		}
		#suckertree1 li a.selected {
			 color:#04448b; display:block;width:35px; height:40px; background:url() no-repeat center;
		}
		#suckertree1 a.selected {
			color:#5b4a28;
		}
	
		



.blank_bn{width:100%; height:14px; background:url(blank1.png) no-repeat; overflow:hidden}
#content_main {
width:100%; clear:both;; 
}
.blank{width:100%; height:10px; clear:both; overflow:hidden}
.blank2{width:100%; height:12px; clear:both; overflow:hidden}
.blank4{width:100%; height:24px; clear:both; overflow:hidden}
#main1{width:100%; height:353px; margin-left:auto; margin-right:auto; display:none;}
#banner{width:100%; height:353px; margin-left:auto; margin-right:auto; }
#adfl { float:left; margin-top:160px; margin-left:96px; _margin-left:46px; width:100%; height:126px; overflow:hidden;}
#bn_blank{height:24px;width:100%; clear:both}



.cp { width:100%; height:auto; overflow:hidden; float:left;padding:0;}
.cp ul { margin:0px auto; width:420px;}
.cp li { width:163px; height:auto; display:block; float:left; margin:0 ; margin-right:20px;}
.cp img { width:163px; height:123px; border:1px solid #e2e2e2; display:block; margin:0;}

#foot_blank{height:16px;width:100%; clear:both; margin:auto;}

#main2{width:100%; height: auto; margin-left:auto; margin-right:auto; margin-top:15px;}

#main2n{width:100%; margin-left:auto; margin-right:auto; clear:both;}


#mainL{width:100%; float:left; background:url(main_lw.png) no-repeat;}
#mainL div.title_t{width:100%; height:11px;height:11px \9;*height:11px;_height:11px;background:url(mai_class_tt.png) no-repeat red; overflow:hidden; clear:both; display:none;}
#mainL div.title{width:100%; height:50px;color:white; line-height:40px; font-weight:bold; font-size:13px; background:url(mai_class_t.png) top no-repeat; clear:both; display:none; overflow:hidden}
.mask_blank .title { margin-left:20px; display:none;}
#mainL div.title span{ font-family:Arial; font-size:11px; padding-left:10px;}
#mainL ul{border:0px solid #dddddd; border-top:0px}
#mainL ul li{ background:url(class_li_t.png) no-repeat; width:100%; height:43px; line-height:43px; text-indent:45px;color:black; font-size:12px; text-align:left}
#mainL ul li A{color:#000; font-size:12px;}
#mainL ul li A:hover{color:#174f88; font-size:12px;}

#mainL div.mask_blank{width:100%;height:16px; background:url(mask_blank.png) no-repeat;display:none;}
#mainL div.mask_blank2{width:100%;height:13px; background:url(mask2.png) no-repeat; display:none;}
#mainL div.contact{width:100%; height:198px;; background:url() repeat-y; background-color:#efefef; text-align:center;}
#mainL div.cc{width:100%; height:auto; margin-left:auto; margin-right:auto;color:black; text-align:center;line-height:24px; background:url() center no-repeat;}

#main2n #mainL { display:none;}

#mainR{width:100%;  float:left; background:url(main_r.png) no-repeat;}
#main3{width:100%; height:118px; margin-left:auto; margin-right:auto; border:1px solid #d4dbe3;background:url(link_bg.png) repeat-x}

#main2n #mainR { width:100%;}

#foot{width:100%; height:97px; float:left; background:url(foot.png) repeat-x; overflow:hidden; clear:both;}
#foot_main{width:100%; height:137px; margin-left:auto; margin-right:auto;}
#foot_mt{width:100%; height:43px;color:#ffffff; }
#foot_mtc{width:100%; height:45px; line-height:45px; float:right; clear:both;}
#foot_mtc A{color:#ffffff; padding-left:20px; padding-right:20px;}
#foot_mc{width:100%; height:34px; background:url() 0px 1px no-repeat; padding-top:7px; text-align:center;}
#foot_mc a{ color:#000;}
#foot_mc p{ text-align:center; color:black; padding-top:16px;}
#main_news{width:100%; height:286px; margin-left:auto; margin-right:auto; overflow:hidden; clear:both }
#main_news1{width:100%; height:238px; float:right;}
#main_news2{width:100%; height:238px; float:left;}


/*盒子Box*/
#main_newsT{height:40px;background:url(box_t.png) repeat-x;color:#ffffff; text-align:left; position:relative}
#main_newsTL{width:211px;height:40px;background:url(box_t_l.png) no-repeat; float:left}
#main_newsTR{width:7px;height:40px;background:url(box_t_r.png) no-repeat; float:right}
#main_newsB{height:11px; background:url(box_bc.png) repeat-x}
#main_newsBL{width:6px;height:11px; background:url(box_bl.png) no-repeat; float:left}
#main_newsBR{width:6px;height:11px; background:url(box_br.png) no-repeat; float:right}
#main_newsC{ border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;background:#e8e8e8}
#box_T{color:#ffffff; line-height:44px; text-align:right; position:absolute; width:100%;left:34px; left:0px\9;*left:34px;_left:0px; }
#box_T .lll{ color:#ffffff; font-family:微软雅黑; font-size:14px; float:left; margin-left:10px;*margin-left:40px;_margin-left:10px;margin-left:10px\9;}
#box_T span.lll span.e{font-size:11px; font-family:Arial; padding-left:10px}
#box_T span.rrr{ float:right; font-family:Arial;color:#000;margin-right:46px;margin-right:10px \9;*margin-right:40px;_margin-right:10px }
#box_T span.rrr A{ font-family:Arial;color:#000}
/*End */



.NewsBox1{height:235px; width:735px; text-align:center; position:relative;}
.NewsBox_blank{height:10px; width:241px;clear:both}
.NewsBox1c {width:716px; height:218px;color:#59595b; margin-left:auto; margin-right:auto; position:absolute; margin-top:10px; left:10px; }
.NewsBox1c_L{width:303px; height:218px; float:left;}
.NewsBox1c_L IMG{width:302px; height:218px; border:0px}
.NewsBox1c_R{width:404px; height:218px; float:right;}
.NewsBox1c_RT{width:404px; height:29px; line-height:29px; position:relative;border-bottom:1px solid #dddddd; text-align:left }
.NewsBox1c_RT ul{background:red}
.NewsBox1c_RT ul li{ float:left;width:68px; margin-right:4px;}
.NewsBox1c_RT A{ display:inline-block; position:relative; width:68px; height:28px; background:url(n_m_bg.png) repeat-x;border:1px solid #dddddd;  font-weight:bold; text-align:center;}
.NewsBox1c_RT A:hover{ display:block; position:relative;width:68px; height:29px; margin-top:0px; background:url(n_m_bg.png) repeat-x white;border:1px solid #dddddd; border-bottom:0px;color:#ffffff; z-index:10;}
.NewsBox1c_RT A.selected{ display:block; position:relative;width:68px; height:29px; margin-top:0px; background:url(n_m_bg.png) repeat-x white;border:1px solid #dddddd; border-bottom:0px;color:#ffffff; z-index:10;}

.NewsBox1c_RC{width:402px; height:189px; line-height:29px; position:relative; border:1px solid #dddddd; border-top:0px; position:relative}
.NewsBox1c_RC ul{width:376px; height:160px; margin-left:auto; margin-right:auto; margin-top:10px; position:absolute; left:10px}
.NewsBox1c_RC ul li{ height:22px; line-height:22px; clear:both; background:url(point.png) center left no-repeat; text-indent:16px;}
.NewsBox1c_RC ul li A{color:#59595b}
.NewsBox1c_RC ul li A:hover{text-decoration:underline}

.NewsBox2{ width:241px;height:235px; text-align:center}
.NewsBox2 ul{width:210px; height:214px;color:#59595b; margin-left:auto; margin-right:auto; margin-top:10px; margin-top:10px \9; *margin-top:0px; _margin-top:10px}



.zj_blank{width:100%; height:12px; clear:both;}
.qyBox2{width:100%; height:275px; text-align:center; float:left; overflow:hidden; margin:0px;margin-left:0px;}

.qyBox3{width:100%; height:222px; text-align:center; float:right;}
.qyBox2c{width:100%; height:222px; text-align:center; border-bottom:0px solid #c2c2c2; overflow:hidden }
.whBox{width:95%; height:215px;position:relative; background:#e8e8e8}
.whlist{width:100%; height:215px; margin-left:auto; margin-right:auto }

.color71{color:#717171}

/*首页产品*/


.blank_about{height:8px; width:672px; clear:both}
.pro_about{height:4px; width:672px; clear:both}
.main_aboutC{width:672px; height:260px; margin-left:auto; margin-right:auto; }

.abBox{width:645px; height:214px; margin-left:auto; margin-right:auto; position:relative;}


.main_proC{width:672px; height:250px; margin-left:auto; margin-right:auto; }

.proBox{width:100%; height:210px; margin-left:auto; margin-right:auto; position:relative; background:url(pro_bg.png) repeat-x white }

/*公用*/
#NewsList{ position:relative; top:10px;}
#NewsList li{ height:27px; line-height:27px; background:url(point.png) center left no-repeat; text-indent:12px; color:black; font-size:12px; list-style:none; margin:0px; padding:0px; border-bottom:1px dotted #b6b6b6}
#NewsList li.gd{ height:22px; line-height:22px; background:url(point.png) center left no-repeat; text-indent:16px; font-size:12px; list-style:none; margin-left:15px;*margin-left:0px;_margin-left:0px}
#NewsList li A{color:#000}
#NewsList li A:hover{text-decoration:underline}

#NewsList li span.float_left { width:85%; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:left;}

/*关于*/
.yg_jj_pic{ float:left; width:190px; height:201px;}
.yg_jj_pic img{width:189px; height:120px; margin-top:30px;}
.yg_jj_txt{ float:right;width:422px; height:201px; overflow:hidden; line-height:24px; text-indent:24px; padding-top:8px; font-size:12px; text-align:left;}
.yglist{width:286px; height:116px; margin-top:20px;}




.spBox{width:220px; height:228px;margin-left:10px; margin-left:10px \9;*margin-left:0px; _margin-left:5px;  position:relative; }


.proBoxc{width:100%; height:196px;position:absolute; margin-top:10px; left:0;}
.proBoxc ul{width:100%;position:absolute; left:0}
.proBoxc ul li{ width:192px; height:186px; float:left; background:url(pic_bg.png) no-repeat; text-align:center; margin-right:5px; margin-left:5px;  font-size:12px; color:black;}
.proBoxc ul li img{width:164px; height:110px;border:0px solid #ebebeb; margin-top:16px;}
.proBoxc ul li A{color:black;}
.proBoxc ul li div.pro_pic{width:192px; height:129px; clear:both}
.proBoxc ul li div.pro_txt{width:192px; height:32px; line-height:34px; text-align:center; overflow:hidden;}
.proBoxc ul li div.pro_view{width:192px; height:129px; clear:both}



/*友情链接*/
.LinksBox{width:972px; height:60px; position:relative; margin-left:auto; margin-right:auto}
.Links_t{width:972px; height:35px; clear:both}
.Links_c{width:972px; height:auto; clear:both; text-align:left}
.Links_c li{ float:left;}
.Links_c A{ padding-left:4px; padding-right:4px; color:black}

.proBg{ background:url(pro_bg.png) repeat-x white }




.Links_B{width:163px; height:37px; background:url(Links.png) no-repeat; top:-19px; position:absolute; z-index:1000; left:0px}

/*type*/

#tding3 {
	margin:auto;
	width:980px;
	}
	
#tding3_1 {
	float:left;
	width:221px;
	overflow:hidden;
	background:#FFF;
	border:1px solid #CCC;
	}
#z1 {
	float:left;
	width:221px;
	height:45px;
	background-image:url(nyz1.jpg);
	font-size:16px;
	color:#FFF;
	line-height:45px;
	text-align:left;
	font-weight:bold;
	font-family:"黑体";
	text-indent:20px;
}

#z2 {
	float:left;
	width:221px;
	background-image:url(nyz2.jpg);
}

#z2 li {
	margin-left:5px;
	float:left;
	}
#z2 a {
	display:block;
	width:209px;
	height:41px;
	background-image:url(flbg.jpg);
	color:#3A587E;
	line-height:41px;
	text-indent:60px;
	margin-top:3px;
	text-align:left;
	}
#z2 a:hover {
	background-image:url(flbg1.jpg);
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
#z3 {
	float:left;
	margin-top:20px;
	clear:both;
	}
#tding3_2 {
	margin-left:0px;
	float:left;
	width:100%;
	}
#y1 {
	float:left;
	width:100%;
	height:40px;
	background-image:url(nyy1.jpg);
}
#tding3_2 #y1 strong {
	display: block;
	height:40px;
	width:190px;
	float:left;
	line-height:43px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-indent:15px;
	}
#tding3_2 #y1 span {
	display:block;
	height:40px;
	float:left;
	line-height:43px;
	margin-left:160px;
	}
#y2 {
	float:left;
	width:100%;
	min-height:720px;
	background-image:url(nyy2.jpg);
	background-repeat:repeat-x;
	background-color:#F6F6F6;
}


#y1 span a, #y1 span a:visited {
	color:#333;
	}
	
.nz3 {
	width:150px;
	margin-left:118px;
	}
.nz3 li {
	display:block;
	background-image:url(dian0.jpg);
	margin-top:6px;
	background-repeat:no-repeat;
	text-indent:19px;
	background-position:0px 3px;
	}
.nz3 li a, .nz3 li a:visited {
	color:#1D430F;
	}

#nei {
	float:left;
	width:95%;
	margin-left:2%;
	color:#333;
	text-align:left;
	}
/*page页*/

#wen {
	float:left;
	width:100%;
	}
	
#wen1 {
	float:left;
	width:100%;
	height:90px;
	text-align:center;
	font-family:"黑体";
	font-size:18px;
	font-weight:bold;
	line-height:90px;
	color:#666;
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	}
#wen2 {
	width:100%;
	margin:auto;
	text-align:center;
	}

#wen2 img {
	max-width:100%;
	}
#wen3 {
	width:100%;
	color:#666;
	font-size:12px;
	}
#sxpian {
margin-top:20px;
margin-bottom:20px;
}
/*flash*/
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:970;
}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png)}
.curimg{background-image:url(../images/01.png)}



/*type页翻页*/
#fanye{ width:680px; float:left; clear:both;height:33px;line-height:33px;margin-top:20px;text-align:center;}
#fanye a{background-color:#c8c8c8;color:#fff;margin-left:1px;padding:5px 10px;}
#fanye .fanyenow,#fanye a:hover{background-color:#c62229;}

/*订单、留言、会员*/
#qzdingdan, #qzliuyan {width:98%; height:628px;}
#qzhuiyuan {width:100%; height:500px;}


/*page页*/
.bzt img { display:block; margin:auto; width:90%; margin-bottom:15px;}


#sxpian {
	float:left;
	width:600px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	font-size:12px;
	}

#sxpian li { float:left; width:600px; margin-top:6px;}

#sxpian li span {
	float:left;
	display:block;
	width:55px;
	height:22px;
	line-height:22px;
	background-color:#EFEFEF;
	border:1px solid #DCDCDC;
	text-align:center;
	}
	
#sxpian a, #sxpian a:visited{
	float:left;
	margin-left:10px;
	color:#809806;
	}


#sxpian a:hover{
	text-decoration:underline;
	}





.contrainer{
	width:100%;
	margin:0 auto;
	background:#ffffff;
	overflow:hidden;
}

.contrainer h3{
	clear:left;
	background:url(icon.jpg) no-repeat left center;
	border-bottom:1px solid #cccccc;
	height:30px;
	line-height:30px;
}

.contrainer h3 span{
	padding-left:10px;
	border-bottom:1px solid #0470c8;
	display:inline-block;
	float:left;
}
.contrainer h3 a{
	float:right;
	font-weight:lighter;
	color:#1958a2;
}
.in_pro_ul li{
	float:left;
	padding:0px;
	border:1px solid #eeeeee;
	margin:2%;
	width:45%;
	text-align:center;
}
.in_pro_ul li img { width:100%; height:130px; margin:0px; padding:0px;}
.in_pro_ul li:hover{
	border: 1px solid #3d72be;
}
.in_case_ul li:hover{
	border:1px solid #eeeeee;
}
.in_pro_ul li .text{
	color:#676767;
	line-height:22px;
	text-align:left;
	padding-left:8px;
	height:22px;
	display:block;
	overflow:hidden;
}
.in_pro_ul li .title{
	text-align:left;
	line-height:22px;
	padding-left:8px;
	font-weight:bold;
	height:22px;
	display:block;
	overflow:hidden;
}
.in_pro_ul li a{
	color:blue;
	font-size:14px;
}





}