﻿#mainbanner{ height:163px; width:980px; margin:0px auto;}
#maincontent{width:980px; margin:0px auto; background:#121212; padding-top:10px;}
#leftcontent{ width:222px; float:left;background:url(../pic/t_23.gif) no-repeat 0px 0px; min-height:300px;}
#leftcontent dl{ padding:1px 0px 1px 2px;}
#leftcontent .dt{ height:5px; }
#leftcontent dt{ padding:0px 0px 0px 15px; height:27px; line-height:27px; overflow:hidden;}
#leftcontent dt a{ color:#21b8c5; text-decoration:none; font-size:16px; font-weight:600; line-height:27px;}
#leftcontent dt a:hover{ color:#21b8c5;}
#leftcontent dd{ padding:5px 15px;}
#leftcontent li{margin:0px 0px 10px 0px;}
#leftcontent li a{
	text-decoration: none;
	color:#21b8c5;
	display: block;
	line-height: 18px;
}
#leftcontent li a:hover{ text-decoration:underline;}
#leftcontent .list{ padding:0px 0px 20px 0px;}
#leftcontent .list li{ padding:5px 0px; height:auto; background-image:none;}
#leftcontent .list li a{ border:0px; background-image:none; padding:0px; height:auto;}
#leftcontent .list li a:hover{ }
#rightcontent{float:right; width:750px;}
#rightcontent .title{ height:38px; overflow:hidden; border-bottom:1px solid #222;}
#rightcontent .title .site{ height:38px; line-height:38px; padding:0px 0px 0px 15px; overflow:hidden; float:left;}
#rightcontent .title .site span{ font-family:MS Sans Serif; padding:0px 5px;}
.page{ text-align:center; padding:15px 0px 30px 0px; border-top:solid 1px #333;}
.page .a{ color:#fff; border:solid 1px #222; padding:5px 10px;}
.page .a:hover{ border-color:#21b8c5;}
.page a{ padding:5px;}
.current{ color:#21b8c5; margin:0px 0px; text-decoration:none;}
#productlist{ padding:0px 0px 10px 0px; display:inline-block;}
#productlist li{padding:8px; width:232px; text-align:center; float:left; height:330px;}
#productlist li dl{ text-align:left;}
#productlist li img{ height:145px; width:232px;}
#productlist li dt{line-height:14px; text-align:left;}
#productlist li h2{ text-align:left; font-weight:bold;line-height:24px;padding:0px; margin:0px; font-size:16px;color:#ccc;}
#productlist li dt a:link,#productlist li dt a:visited{ color:#fff; font-size:12px; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#productlist li dt a:hover{ color:#21b8c5; text-decoration:none;}
#productlist li dd,#productlist li dd span,#productlist li dd p{line-height:14px; color:#999999; font-size:11px;text-align:left; font-family:Arial, Helvetica, sans-serif;}


#Installation_list{ padding:0px 0px 10px 0px; display:inline-block;}
#Installation_list li{padding:8px; width:232px; text-align:center; float:left; height:180px;}
#Installation_list li dl{ text-align:center;}
#Installation_list li img{ height:145px; width:232px;}
#Installation_list li h2{ text-align:center; font-weight:bold;line-height:24px;padding:0px; margin:0px; font-size:16px;color:#ccc;}


.video_details{overflow:hidden;padding:20px 0px 50px 0px; width:950px; margin:0px 15px; min-height:300px;}
.detailtitle{
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align:center;
}
.video_detailscontent{ width:910px; line-height:20px; padding:0px 20px;}
.video_detailscontent p{padding:5px 0px;}
#aboutus{ padding:15px; line-height:170%;}
#aboutus .image{ padding:10px 0px;}
#aboutus .image img{}
#aboutus p{ color:White; padding:10px 0px;}
#aboutus h2{ color:White; font-size:18px; padding:10px 0px;}
#aboutus dt{ font-size:14px; font-weight:bold; color:White;}
#aboutus dd{ padding:0px 0px 10px 0px;}
#aboutus dd p{ padding:5px 0px;}
#aboutus .video{ padding:10px 0px; }
#aboutus h4{ font-size:14px; font-weight:normal; color:White;}
#aboutus .p_{ padding:3px 0px; font-size:14px; color:White;}

#video ul li{ display:inline-block; overflow:hidden; padding-bottom:15px; border-bottom:1px dotted #222; padding-top:15px;}
#video ul li a img{ display:block; float:left; width:240px; height:130px; border:2px solid #222; padding:2px;}
#video ul li a:hover img{border:2px solid #21b8c5;}
#video ul li .viedo_info{ float:left; width:440px; padding:0 0 0 10px;}
#video ul li .viedo_info b{ padding-bottom:10px;}
#video ul li .viedo_info b a{ color:#21b8c5;}

.video_list{overflow:hidden;border-bottom:1px dotted #222; padding:15px 5px; width:700px; margin:0px 15px;}
.video_title{
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
}
.video_body{ width:700px;}
.video_left{float: left;width: 440px;}
.video_description {
 color: #CCCCCC;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal; line-height:20px; height:160px; overflow:hidden;}
.video_more {
	margin: 10px 0px 0px;
	padding: 0px;
}
.video_right{ float:right; width:242px;}
.video_right img{
	width: 240px;
	height: 160px;
	border: 1px solid #666;
}

#joblist{}
#joblist li{ padding:10px 0px;}
#joblist li table{ background-color:#999999; width:100%;}
#joblist li table td{ color:White; padding:10px; background-color:Black; line-height:19px;}
#joblist li table .t1{ font-size:14px;  vertical-align:top; width:20%;}
#joblist li table .t2{ width:80%;}
#joblist dt{ font-size:14px; line-height:25px; color:White;}
#joblist dd{ padding:0px 0px 10px 0px; color:White;}
#joblist dd p{ color:White;}
#joblist p{ color:White;}
#joblist dl{ padding:20px 0px 0px 0px;}
#newslist{ padding:15px 20px 0px 20px;}
#newslist ul{ padding-bottom:20px;}
#newslist li{ padding:4px 0px 0px 5px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px dotted #222;}
#newslist li a{ color:White; margin:0px 0px 0px 5px;}
#newslist li span{ float:right; display:block; width:100px; text-align:center; color:#666666;}
#newslist .top span{ color:White;}
#newslist .top{ padding-top:0px; border-top:solid 1px #333; border-bottom-width:0px; background-color:#222;}
.image_list{ padding:20px 0px;}
.image_list img{ padding:0px 12px 12px 0px;}
#productdetail .lcontent{ padding:20px 0px 0px 10px; width:420px; float:left;}
#productdetail .inner .producttitle{opacity:0.60;filter:Alpha(Opacity=60);  height:25px; width:400px; background-color:Black; line-height:25px; position:relative; top:-35px; padding:5px 10px;}
#productdetail .inner .producttitle span{ position:relative; color:White; font-size:14px;}
#productdetail .inner{ width:420px; height:270px; overflow:hidden;}
#productdetail .inner .imagelist{ border:solid 2px #222; width:416px; height:266px; overflow:hidden; position:relative;}
#productdetail .inner .imagelist img{ width:420px; height:270px; }
#productdetail .info{ float:right; line-height:25px; padding:20px 0px 0px 0px; width:300px;}
#productdetail .info h3{ padding:0px 0px 5px 0px; font-size:16px; color:White;}
#productdetail .info label{ font-size:14px; color:White;}
#productdetail .info p{ color:White; padding:2px 0px;}
#productdetail .h4{ font-size:16px; color:White; padding:30px 0px 10px 10px; border-bottom:1px solid #333; margin-bottom:10px;}
#productdetail .dec{ padding:20px 30px 20px 10px; line-height:22px; padding:5px 0px;}
#productdetail p{ color:White;}
#smallimagelist{ width:370px; margin:0px 0px 0px 5px; position:relative; overflow:hidden; float:left; height:64px; padding:0px 0px 0px 0px;}
#smallimagelist ul{ position:absolute; left:0px; top:0px; padding:10px 0px 0px 0px;}
#smallimagelist li{ cursor:pointer; height:54px; overflow:hidden;  padding:10px 5px 0px 5px; float:left;}
#smallimagelist img{ width:60px; border:solid 2px #666; height:40px;}
#smallimagelist .select img{ border:solid 2px White;}
#smallimagelist .select{ background:url(../pic/pointer.gif) no-repeat center 0px;}
#productdetail .bottom{}
#prevbtn{ float:left; cursor:pointer; width:22px; margin:29px 0px 0px 0px; height:22px; background:url(../pic/prev.gif) no-repeat 0px 0px black;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/prev.gif',sizingMethod='image');}
#nextbtn{ float:right; cursor:pointer; width:22px;margin:29px 0px 0px 0px;  height:22px; background:url(../pic/next.gif) no-repeat 0px 0px black;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/next.gif',sizingMethod='image');}
#aboutus h2{ color:White; font-size:18px; padding:10px 0px;}
#productdetail dl{ padding:20px 0px;}
#productdetail dt{ font-size:14px; font-weight:bold; color:White;}
#productdetail dd{ padding:0px 0px 10px 0px;}
#productdetail dd p{ padding:5px 0px;}


#loaddowncontent{ padding:20px; overflow:hidden;}
#loaddowncontent ul{ width:100%;}
#loaddowncontent ul li{ width:100%; float:left; overflow:hidden; padding:10px 0 20px; border-bottom:1px dotted #222;}
#loaddowncontent ul li .down_left{ float:left; width:460px; margin-right:10px;}
#loaddowncontent ul li h5{ font-size:12px; color:#21b8c5; font-weight:600; line-height:30px;}
#loaddowncontent ul li i{ font-size:11px; line-height:14px; padding-bottom:10px; color:#444;}
#loaddowncontent ul li p{ padding-top:5px; font-size:11px; line-height:16px;}
#loaddowncontent ul li .down_img{ float:left; width:240px;}


#newsdetail{ padding:15px 41px 25px 20px;}
#newsdetail h2{ font-size:16px; color:#21b8c5; padding:0px 0px 0px 0px; text-align:center;}
#newsdetail .date{ color:#999; background-color:#333; padding:0px 10px; height:22px; text-align:right; line-height:22px; margin:5px auto 10px;}
#newsdetail .date span{ float:left; color:#999;}
#newsdetail p{ line-height:22px; padding:5px 0px;}

