/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"Microsoft Yahei";}
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
.clear{ clear:both;}

#top{ width:100%; height:28px;}
.top{ width:1000px; height:28px; margin:0 auto;}
.top_nav{ line-height:28px; float:right; font-size:12px; color:#333333;}
.top_nav ul { width:220px; list-style:none;}
.top_nav ul li{ width:70px; text-align:center; float:right;}
.top_nav ul li a{ color:#333333; text-decoration:none;}
.top_nav ul li a:hover{ color:#CC3300;}
.welcome{ line-height:28px; padding:0 10px; float:right; font-size:12px; color:#333333;}
#nav{ width:100%; height:82px;}
.nav{ width:1200px; height:82px; margin:0 auto;}
.top_logo{ width:200px; height:82px; float:left; display:flex; justify-content: center; align-items: center;}
.top_logo img{max-width:100%; height: auto}
.menu{ width:978px; height:82px; float:left;}
.menu .on{color:#FF0000; font-weight:bold;}
.menu ul{ list-style:none; padding-top:40px;}
.menu ul li{ width:110px; line-height:40px; color: white;font-size: 15px; font-weight: normal; float:left; text-align:center;}
.menu ul li a{ color:#000000; text-decoration:none; }
.menu ul li a:hover{ color:#FF0000;}


#banner { width:100%; height:520px; float:left; position:relative;}
#slides { display:block; width:100%; height:520px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;text-indent:-9999px}
#slides li a { display:block; width:100%; height:100%;}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:480px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

#index_news{ width:100%; height:33px; background:#E5E5E5; margin-top:3px;}
.index_news{ width:1000px; height:33px; margin:0 auto;}
.index_news_ico{ width:50px; height:33px; float:left;}
.index_news ul{ width:940px; float:left; font-size:12px; color:#666666; list-style:inside;}
.index_news ul li{ width:230px;  height:33px; float:left; line-height:33px;}
.index_news ul li a{ color:#333333; text-decoration:none;}
.index_news ul li a:hover{ color:#00A2CA; text-decoration:underline;}
#index_case{ width:100%; height:150px; margin-top:8px; border-top:1px solid #E5E5E5; padding-top:10px;}
.index_case{ width:1000px; height:150px; margin:0 auto;}
.index_case_left{ width:240px; height:150px; float:left; line-height:24px; font-size:12px; color:#666666;}
.index_case_right{ width: 745px; height:150px; float:right;}

.rollBox01{width:705px;overflow:hidden;}
.Ccont01{width:705px;overflow:hidden; float:left;}
.Ccont01 .pic{width:165px;float:left;  height:120px; margin-left:10px; display:inline;}
.Ccont01 .pic img{ width:165pxpx; height:120px;}
*+html .rollBox01 .Cont01 .pic{width:165px;float:left;}
#List01,.rollBox01 #List02{float:left;}
.Czpp_Ce {
	width:15px; float:left; height:120px;
}


#inner_nav{ width:100%; height:50px; background:url(../images/case_bg.gif) repeat;}
.inner_nav{ width:1200px; height:50px; margin:0 auto;}
.inner_nav .on{ background: url(../images/underline.gif) repeat-x left bottom;}
.inner_nav ul{ list-style:none;}
.inner_nav ul li{ float:left; padding:0 15px; font-size:14px;  color:#FFFFFF; font-weight:bold; line-height:50px;}
.inner_nav ul li a{ color:#FFFFFF; text-decoration:none;padding-bottom: 4px;}
.inner_nav ul li a:hover{ background: url(../images/underline.gif) repeat-x left bottom;}



#inner_navs{ width:100%; background:url(../images/case_bg.gif) repeat;}
.inner_navs{ width:1200px; margin:0 auto; padding-bottom:10px;}
.inner_navs .on{ background: url(../images/underline.gif) repeat-x left bottom;}
.inner_navs ul{ list-style:none; padding-left:8px; }
.inner_navs ul li{ float:left; padding:0 8px; font-size:12px;  color:#FFFFFF; font-weight:bold; line-height:30px;}
.inner_navs ul li a{ color:#FFFFFF; text-decoration:none;padding-bottom: 4px;}
.inner_navs ul li a:hover{ background: url(../images/underline.gif) repeat-x left bottom;}



#wrap{ width:100%;}

#case_wrap{ width:100%; background:url(../images/case_bg.gif) repeat;}

.news{ width:1200px; margin:0 auto;}
.news h3{ height:30px; border-bottom:1px solid #CCCCCC; background:url(../images/location.jpg) left center no-repeat;}
.news h3 p{ line-height:30px; color:#666666; padding-left:30px; font-size:12px; font-weight:normal;}
.news h3 p a{ color:#666666; text-decoration:none;}
.news h3 p a:hover{ color:#999999;}
.news_content{ width:950px; float:left; border-right:1px solid #CCCCCC; margin-top:15px;}
.news_contenttext{ line-height:28px; font-size:12px; color:#666666;}

.news_text{padding-top:10px; margin-bottom:10px;  border-bottom:1px dotted #CCCCCC;}
.news_box dl{ margin-right:10px;}
.news_box dl dt{height:30px; line-height:30px; font-size:14px; color:#111111;}
.news_box dl dt a{ color:#111111; text-decoration:none; font-size:14px;}
.news_box dl dt a:hover{ color:#FF0000;}
.news_box dl dd{ line-height:22px; color:#999999; font-size:12px; text-indent:2em;}

/*case*/

.list {
overflow: hidden;
margin: 0 auto;
width: 1200px;
padding-top: 10px;
border-top:1px solid #222222;
}

.list ul{ list-style:none;}
.listcase {
float: left;
width: 380px;
margin-left: 10px;
height: 160px;
margin-bottom: 10px;
}

.listimg {
float: left;
position: relative;
padding-left: 0px;
cursor: pointer;
}


.hover_layer {
display: none;
position: absolute;
left: 0;
top: 0;
width: 180px;
height: 132px;
background: url(/m/5/img/hover_layer.png) no-repeat;
}

.listinfo {
width: 150px;
float: left;
margin-left: 15px;
color: #FFF;
font-size: 12px;
line-height: 15px;
white-space: nowrap;
overflow: hidden;
}

.listinfo .property_name {
font-size: 12px;
line-height: 28px;
color: #737373;
}

.listcase_name {
margin-bottom: 8px;
}

.listcase_name a {
color: #FFF;
font-size: 18px;
line-height: 30px;
}

.listcase_name a:hover {
background: url(../images/underline.gif) repeat-x left bottom;
}



.listinfo p {
margin-bottom: 4px;
}


.content_right{ width:240px; float:right;}
.sbar{}
.sbar .cur{color:#028AA0; font-weight:bold;}
.sbar h4,.contact_right h4{ font-size:15px; color:#666666; line-height:40px; padding-left:15px; border-bottom:2px solid #028AA0;}
.sbar ul{}
.sbar ul li{ line-height:35px; font-size:15px; color:#999999; background:url(../images/sabr_button.gif) left bottom repeat-x; padding-left:20px;}
.sbar ul li a{ color:#666666; text-decoration:none;}
.sbar ul li a:hover{ color:#028AA0; text-decoration:none;}


.pagelist{ line-height:30px; text-align:center; font-size:12px; color:#666666; margin:20px 10px; background:#F5F5F5;}
.pagelist a{ color:#666666; text-decoration:none;}
.pagelist a:hover{ color:#FF0000;}

.pagecase{ line-height:30px; text-align:center; font-size:12px; color:#FFFFFF; margin-bottom:10px;}
.pagecase a{ color:#FFFFFF; text-decoration:none;}
.pagecase a:hover{ color:#FF0000;}


.contact_right{ margin-top:15px;}
.contact_right h5 {
font-size: 14px;
line-height: 35px;
padding-left:10px;
font-weight: bold;
color:#666666;
}
.contact_right p {
line-height: 25px;
padding-left:10px;
font-size: 12px;
color: #666;
}
ul.social-media li {width:80px !important;width:90px;font-size:12px;height:35px;margin:0 0 12px 0;display:inline-block; float:left; margin-left:20px;}
ul.social-media li a{color: #999;font-weight:bold; font-size:12px; font-family:Arial;min-height:32px;display:inline-block;padding:0 0 0 40px;background:url(../images/jscontact.png) 0 0 no-repeat}.footer ul.social-media li a:hover{color:#00b3d4}
ul.social-media li a span{font-size:12px; font-family:Arial;lin-height:1.1rem;display:block; width:60px; }
ul.social-media li a.facebook:hover{background-position:-128px 0}
ul.social-media li a.twitter{background-position:0 -50px}
ul.social-media li a.twitter:hover{background-position:-128px -50px}
.links {position:absolute;width:1130px;margin-top:-20px;background:#cccccc;padding:5px 10px 5px 10px;display:none;filter:Alpha(opacity=80);opacity:0.8;}



.casetext_left{ width:640px; float:left; }
.inner_casetext{ padding:0 10px 10px; line-height:28px; font-size:12px; color:#666666;}

/*scroll*/
#preview {
	float: left;
	width: 600px;
	display:inline;
}
.jqzoom {
	width: 600px;
	height: 400px;
	position: relative;
}
.zoomdiv {
	left: 859px;
	height: 400px;
	width: 460px;
}
#spec-n5 {
	width: 600px;
	height: 53px;
	padding-top:6px;
	overflow: hidden;
}
#spec-left {
	width: 24px;
	height: 45px;
	float: left;
	cursor: pointer;
	margin-top: 3px;
}
#spec-right {
	width: 16px;
	height: 45px;
	float: left;
	cursor: pointer;
	margin-top: 3px;
}
#spec-list {
	width: 600px;
	float: left;
	overflow: hidden;
	display: inline;
}
#spec-list ul li {
	float: left;
	margin-right: 0px;
	display: inline;
	width: 61px;
}
#spec-list ul li img {
	padding: 0;
	float: left;
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
}
/*jqzoom*/

.pro_text {
	float: left;
	width: 430px;
	padding-top: 10px;
}
.pro_text h2 {
	font-size: 18px;
	color: #467b40;
	font-weight: normal;
	display: block;
	line-height: 35px;
}
.proDetailIntrod {
	width: 600px;
	float: left;
	color: #0C3;
	font-size: 16px;
	margin-top: 14px;
}


.product_smtext {
	float: left;
	margin: 15px auto;
	width: 350px;
	padding-left: 20px;
	display:inline;
}

.casetext_right{ width:280px; float:right; height:400px; margin-right:10px; display:inline;}
.casetext_title{ height:40px; color:#333333; font-size:15px; text-align:center; border-bottom:1px dotted #CCCCCC; line-height:40px; font-weight:bold;}
.casetext_detail{ padding-top:10px; padding-left:5px;}
.casetext_detail p{ line-height:30px; font-size:12px; color:#666666;}

.Related_case{ border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; height:32px; overflow:hidden; margin-top:15px;}
.Related_case ul{ list-style:none; font-size:12px;}
.Related_case ul span{ width:60px; color:#333333; float:left; text-align:center; line-height:32px; font-weight:bold;}
.Related_case ul li{ padding:0 5px; float:left; line-height:32px; color:#666666;}
.Related_case ul li a{ color:#666666; text-decoration:none;}
.Related_case ul li a:hover{ color:#FF0000;} 

.casetext_content{ padding:15px; line-height:25px; color:#666666; font-size:12px; text-indent:2em;}

.casetext_tj{ padding-top:15px;}
.casetext_tj dl {
float: left;
width: 228px;
margin: 0 5px 10px 5px;
_margin: 0 3px 10px 4px;
border: #E9E9E9 1px solid;
}

.casetext_tj dl dt {
line-height: 20px;
padding: 5px 5px 0px 5px;
width: 218px;
white-space: nowrap;
overflow: hidden;
font-size:14px;
}

.casetext_tj dl dd{ width:228px; height:200px;}
.casetext_tj dl dd img { width:228px; height:160px;}








#footer{ height:80px; width:100%; border-top:1px solid #E5E5E5; }
.footer{ width:1000px; height:100px; margin:0 auto; line-height:24px; padding-top:15px; font-size:12px; color:#666666; text-align:center;}
.footer a{ color:#666666; text-decoration:none;}
.footer a:hover{ color:#FF0000;}