﻿#Casebox { position:absolute; margin:0; padding:0; height:550px; overflow:hidden; width:978px; }
#Casebox ul {  position:absolute; margin:0 auto; padding-left:0;  top:0; left:0; height:550px; z-index:1; width:978px; overflow:hidden;}
#Casebox ul li { list-style:none; float:left; height:550px;}
#Casebox p { line-height:30px; position:absolute; bottom:20px; left:0; width:100%; z-index:2; text-align:center; margin:0; }
#Casebox p a { display:inline-block; height:30px; padding:0 10px; background:#000; font-size:14px; font-family:arial; line-height:30px; color:#fff; text-decoration:none; filter:alpha(opacity:80); opacity:0.8; margin-right:1px; }
#Casebox p .active { background:yellow; color:#000; font-weight:bold; }
#Casebox img { width:978px; height:550px; }
body{background: #fff;}
.nav_m{display:none;}
 #FocusBG{
	width:100%;
	height:500px;
	overflow:hidden;
	border-bottom:1px solid #ccc;}
.fullSlide {
	width:100%;
	position:relative;
	height:500px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:500px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:500px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:15px;
	height:5px;
	margin:5px;
	overflow:hidden;
	background:#FFF;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#375c81;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}

/* main block*/
#body .MainBlock{
	font-size:12px;
	}
#body .MainBlock .left{
	float:left;
	width:420px;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	height:285px;
	overflow:hidden;
	}
#body .topic{
	height:35px;
	background:url("img/box_bg1.jpg") repeat left top;
	line-height:35px;
	border-bottom:1px solid #dddddd;
}
#body   .topic .TopicTitle{
	background:url("img/nav_bg_title.jpg") no-repeat 0px 0px;
	float:left;
	font-weight:bold;
	padding-left:50px;
	font-size:14px;
	color:#ffffff;
	height:35px;}
	
#body .topic_i{
	height:35px;
	background:url("img/box_bg2.jpg") repeat left top;
	line-height:35px;
	border-bottom:1px solid #dddddd;
}
#body   .topic_i .TopicTitle_i{
	background:url("img/nav_bg_title_i.jpg") no-repeat 0px 0px;
	float:left;
	font-weight:bold;
	padding-left:50px;
	font-size:14px;
	color:#EA5E13;
	height:35px;}
	
#body   .topic_i .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:13px;}
	
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:13px;}
	
#body   .topic .TopicMore img{
	}				
	

#body .MainBlock .right{
	width:648px;
	float:left;
	height:285px;
	border-left:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	}
#body .MainBlock .right .img{
	padding:4px;
	float:left;
	border:1px solid #dddddd;
	margin:10px;
	 }

#body .MainBlock .right .txt{
	padding:10px 20px;
	}
#body .MainBlock .right .txt,#body .MainBlock .right .txt p{
	line-height:24px;
	}
	line-height:20px;
#body .MainBlock .right .txt a{
	margin-left:15px;
	}

#body .MainBlock .right2{
	width:318px;
	float:right;
	height:285px;
	border-left:1px solid #dddddd;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	}
#body .MainBlock .right2 .img{
	padding:14px;
	 }

#body .MainBlock .right2 .txt{
	padding:0px 14px 14px 14px;}

/*==================================================================*/
.i_news{
	width:100%;padding-bottom:10px;
}
#body   .tab{
	float:left;
	width:370px;
	margin-right:30px;
	margin-bottom:10px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background-color:#FFFFFF;
}
#body   .tab-hd { background:url("img/box_titlebg.png") no-repeat -100px top; border-top:1px solid #EA5E13; overflow:hidden; zoom:1;}
#body   .tab-hd li{ float:left; width:100px; color:#fff; text-align:center; cursor:pointer;height:28px;line-height:28px;border-right:1px solid #DDDDDD;background:url("img/box_titlebg.png") no-repeat left top}
#body   .tab-hd li.active{background:url("img/box_titlebg.png") no-repeat left top;
font-weight:bold;
padding:0px;
color:#fff;
margin:0px;
padding-left:0;
}
#body .tab-hd a{
font-weight:bold;
color:#fff;
}
#body .tab-hd li.active a{
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:28px;
	background:none;}
#body .tab-hd span{
	float:right;
	line-height:28px;
	height:28px;
	width:50px;
	padding-top:10px;
	text-align:center;
	}
#body .tab-bd li{height:160px; padding:10px; border-top:0 none;}

.MBlockTable td{
	line-height:30px;
	padding-left:4px;
	font-size:12px;
	border-bottom:1px dotted #dddddd;
}
.MBlockTable td a{
	display:block;
	width:240px;
	min-width:240px;
    white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.MBlockTable span{
	color:#999999;
	font-size:11px;}
/*==================================================================*/

/*==================================================================*/
.ItemBox{
	width:305px;
	float:left;
	padding:10px;
	height:100px;}
.ItemBox .ItemInner{
	border-bottom:1px dotted #dddddd;
	width:305px;
	padding-bottom:10px;}	
.ItemBox .ItemLeft{
	width:110px;
	float:left;}
.ItemBox .ItemLeft img{
	width:100px;
	height:80px;
	border:1px solid #ccc;}
.ItemBox .ItemLeft img:hover{
	border:1px solid #000;}		
.ItemBox .ItemRight{
	background:url("/images/SZAOW_CMS/item_icon.jpg") no-repeat 0px 2px;
	width:190px;
	float:right;}
.ItemBox .ItemRight h1{
	font-size:16px;
	padding-left:20px;
	}
.ItemBox .ItemRight h1 a{
	color:#47882A;}
.ItemBox .ItemRight p{
	font-size:12px;
	line-height:22px;
	color:#555555;
	}
.SeriBox{
	width:305px;
	float:left;
	padding:20px 10px 10px 10px;
	}
.SeriBox .SeriInner{
	background:url("/images/SZAOW_CMS/tc_5.jpg") no-repeat 0px 0px;
	width:305px;
	height:171px;
	overflow:hidden;
	padding-bottom:0px;}	

.SeriBox .SeriInner h1{
	font-size:20px;
	font-weight:normal;
	padding-left:40px;
	line-height:50px;
	color:#D64600;}
.SeriBox .SeriInner h1 a{
	color:#d64600;}
.SeriBox .SeriInner p{
	padding:0px 10px ;
	color:#C27A10;
	font-size:16px;
	}
.SeriBox .SeriInner .Time{
	color:#ccc;
	padding:0px 10px;}
	
#diypage{
	border-left:1px solid #47882A;
	border-right:1px solid #47882A;
	border-bottom:1px solid #47882A;
	}
/*==================================================================*/
/*=====================????????????==========================*/

#body .box {	margin-top:20px; padding-left:20px; FLOAT: left; WIDTH: 200px;margin-right:20px; TEXT-ALIGN: center;}
#body .box IMG {	BORDER: #dedede 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:200px;height:150px;}
#body .box A:hover IMG {	BORDER: #EA5E13 1px solid;}
#body .box P {	WIDTH: 196px; LINE-HEIGHT: 30px;text-align:center;font-size:12px;}
#body .box .BoxRight .ProTitle{
	WIDTH: 200px;
	line-height:30px;
	font-size:14px;
	white-space:nowrap;
	text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
	overflow:hidden;
}
#body .box .BoxRight .ProTxt{
	line-height:20px;
	color:#666666;
	margin-bottom:0px;
	height:48px;
	font-weight:normal;
}
#body .box .p_jg{
	margin-left:6px;
	width:80px;
	float:left;
	line-height:26px;
	height:26px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background:#E7F2AE;
	color:red;
	}
	
#body .box .p_xq{
	margin-right:0px;
	width:80px;
	float:right;
	line-height:26px;
	height:26px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background:#dedede;
	color:red;
	}

/*=======================================================*/
	
#body .ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 978px; 
	font-size:12px;
}
.hjc {
	
}
.hjnav {
	BACKGROUND-COLOR: #fff; 
	HEIGHT: 450px;
	overflow:hidden;
}
.hjnavleft {
	WIDTH: 228px; 
	FLOAT: left; 
	overflow:hidden;
	background:#FFFFFF;
	border-RIGHT:1px solid #EA5E13;
}
.hjnavleft UL {
	float:left;
}
.hjnavleft UL LI A{
	float:left;	
	LINE-HEIGHT:30px; 
	PADDING-LEFT:36px; 
	width:192px;
	background:#FFFFFF url("img/box_icon1.png") no-repeat 12px 10px;	
	border-bottom:1px solid #DDDDDD;
	color:#EA5E13;
	font-weight:bold;
}
.hjnavleft UL LI a{
	color:#EA5E13;
	font-size:14px;
}

.hjnavleft UL LI UL{
	background:#FFFFFF;
	WIDTH: 227px;
	overflow:hidden;
}

.hjnavleft UL LI UL LI A{
	LINE-HEIGHT: 30px; 
	HEIGHT: 30px; 
	PADDING-LEFT:50px; 
	background:#FFFFFF url("img/box_bg4.PNG") no-repeat 30px;
	border-bottom:1px solid #DDDDDD;
	color:#333333;
	font-weight:normal;
}

.hjnavleft UL LI A:hover{
	color:#FFFFFF;
	BACKGROUND:#EA5E13;
	text-decoration:none;
	font-weight:bold;}

.hjnavcn {
	WIDTH: 720px; FLOAT: left; OVERFLOW: hidden;
	border-left:1px solid #dddddd;
	padding:10px;
}

.hjnavcn li{
	float:left;
	margin:5px;
}

.hjnavcn img{
	width:210px;
	height:150px;
	padding:4px;
	border:1px solid #dddddd;
}

.hjnavcn p{
	width:220px;
	padding:4px;
	line-height:30px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.f {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.dcn {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.shengming {
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.cfr H5 IMG {
	DISPLAY: block
}
.cfr UL LI.tenlion IMG {
	DISPLAY: block
}
.jdcenter IMG {
	DISPLAY: block
}
.cfr UL LI IMG {
	DISPLAY: none
}
.cfr UL LI.tenlion P {
	DISPLAY: none
}
.hjone {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 22px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; HEIGHT: 158px; PADDING-TOP: 10px
}
.hjone P {
	PADDING-BOTTOM: 5px; TEXT-INDENT: 2em
}

#body #Links {
	font-size:12px;
	display: inline-block;
	width:990px;
	margin-bottom:10px;
	}
	
#body #Links span{
	font-weight:bold;
	}

#body #Links a{
	padding:0px 10px;
	border-left:1px solid #dddddd;
	display: inline-block;
	margin-top:10px;
	}
	
#body #Links img{
	width:145px;
	}

.news_con .title h3{text-align: center;font-size:22px;padding:30px 0 10px;}
.news_con .infos{font-size:14px;text-align: center;padding:0 0 8px;border-bottom:solid 1px #ccc;}
.news_con .maincontent{width:90%;margin:0 auto;padding:20px 0 20px;}
.news_con .maincontent p{font:14px/24px "????????????";color:#333;padding:0 0 13px;}


@media screen and (max-width: 960px){
	#wrapper #head .top{height:46px;}
	#wrapper #head .top .TopLogo{width:100%;padding-top: 0;}
	#wrapper #head .top .TopLogo .logo{height:46px;}
	#wrapper #head .top .logo img{width:200px;}
	#wrapper #head .top .TopLogo .tel{display:none;}
	#NavLink{display:none;}
	#wrapper #body{width:100% !important;}
	.pro_con{padding-top:0;}
	.pro_con .Position{display:none;}
	.pro_con .image{width:100%;}
	.pro_con .image .big_pic{height:auto;}
	.pro_con .image .sm_pic li{width:22%;height:55px;margin:15px 1%;}
	.pro_con .column{width:95%;margin:0 auto;float:none;}
	.pro_con .IntroTitle{padding-top:20px;}
	.pro_con .IntroTitle a{padding:5px 10px;}
	#footer{display:none;}

    #FocusBG{height: 150px;}
    .fullSlide{height: 150px;}
    .fullSlide .bd li{height: 150px;}
    .fullSlide .bd li a{height: 150px;}
    #body .ind_sort{padding:0px 0 10px;}
    #body .ind_sort dl{width: 48%;margin:2px 1%;}
    #body .ind_sort dt{height:auto;}
    #body .ind_sort dt span{line-height:100%;font-size:20px;display:none !important;}
    #body .tab{width:98%;margin:0 auto;float:none;}
    .Position{padding-left:10px;}
    .news_list .nav_news{padding:10px 0;}
    .news_list .nav_news a:first-of-type{margin-left:3px;}
    .news_list .nav_news a{width:30%;margin:0 1%;height:30px;line-height:30px;font-size:14px;}
    .news_list dl{padding:5px 5px;}
    .news_list dl dt{width:145px;height:100px;margin-right:7px;}
    .news_list dl dt img{width:100%;}
    .news_list dl dd{width:auto;float:none;margin-left:0;}
    .news_list dl dd h3{font-size:14px;padding-bottom: 2px;}
    .news_list dl dd h4{display:none;}
    .news_list dl dd p{font-size: 12px;line-height:20px;height: 40px;overflow: hidden;}
    .news_con .title h3{padding:10px 0 5px;font-size:16px;}
    .news_con .infos{font-size:12px;}
    .main .news_con .maincontent{width:96%;margin:20px auto !important;}
    .main .news_con .maincontent img{max-width:100%;}

    .nav_m{display:none;position: fixed;bottom:0;left:0;width:100%;height:40px;background:#333;}
    .nav_m li{width:25%;float:left; text-align: center;}
    .nav_m li a.a1{display:block;width:100%;height:40px;color:#fff;border-right:solid 1px #EA5E13;font:14px/40px "????????????";}
    .nav_m li:last-of-type a.a1{border-right:none;}
    .nav_m li .sub_nav_m{display:none;}

	.canshu .pc{display:none;}
	.canshu .ph{max-width:100% !important;height: auto !important;display: block;}
}