@charset "utf-8";
/*首页*/
*{margin:0px; padding:0px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link{color:#f5f5f5; text-decoration:none;}
a:visited{color:#f5f5f5; text-decoration:none;}
a:hover{color:#ccc; text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
body{width:980px;margin:0 auto;}
#header{width:980px; float:left;}
#header #logo{width:207px; height:54px;background:url(images/logo.jpg) no-repeat;float:left; clear:both;}
#header #topnav{width:980px; float:left;background-color:#000; height:25px;}
#header #topnav ul{}
#header #topnav ul li{float:left;margin:6px 20px 0px 10px!important; margin:7px 20px 0px 10px;}
#content{width:980px;float:left;background-color:#333; padding-bottom:20px; color:#f5f5f5;}
#content #cont_left{width:200px; float:left;}
#content #cont_left h2{background-color:#666;padding:5px 5px;margin:20px 0px 0px 10px;width:60px; text-align:center;}
#content #cont_left ul{margin:10px 10px 0px 10px; border-bottom:1px dotted #999;}
#content #cont_left ul li{margin:10px 0px;}
#content #cont_center{width:230px; float:left;border-left:1px dotted #999;border-right:1px dotted #999;}
#content #cont_center .ourproduct{background-color:#999;padding:10px 0px 10px 5px;}
#content #cont_center ul{text-align:center;}
#content #cont_center ul li{margin-top:10px;}
#content #cont_center ul li img{width:180px; height:107px; border:1px solid #fff;}
#content #cont_center ul li a:link img{border:1px solid #fff;}
#content #cont_center ul li a:hover img{border:1px solid #999;}
#content #cont_center ul li p{margin-top:3px;}
#content #cont_right{width:540px;float:left;}
#content #cont_right h2{float:left; clear:both;background-color:#666;padding:5px 5px;margin:20px 0px 0px 10px;width:80px; text-align:center;}
#content #cont_right ul{width:510px;float:left;margin:10px 0px 0px 10px;padding-bottom:5px; border-bottom:1px dotted #ccc; clear:both;}
#content #cont_right ul li{float:left;width:255px; font-weight:bold;margin-bottom:20px;}
#content #cont_right ul li img{float:left;margin-right:5px;}
#content #cont_right .aboutus{width:500px; line-height:20px;}
#content #cont_right #contact_us li{width:500px;margin-bottom:5px;}
#footer{width:980px; height:65px; background:url(images/footer_bg.gif) repeat;float:left; color:#333;}
#footer ul{padding:10px 25%;}
#footer ul li{float:left; line-height:20px;margin-right:20px;}
#footer a{ color:#333;}
#footer p{float:left; clear:both; color:#333; padding:10px 25%;}

/*产品展示*/
.lsproduct{width:980px;text-align:center;float:left;}
.lsproduct li{width:180px;float:left; height:130px;  margin:5px 20px 5px 35px!important;margin:10px 25px 10px 25px; }
.lsproduct li img{width:180px; height:107px;margin-bottom:5px; border:1px solid #fff;float:left; clear:both;}
.lsproduct li a:link img{border:1px solid #fff;}
.lsproduct li a:hover img{border:1px solid #999;}

/*教程列表*/
#list_left{width:200px;float:left;}
#list_right{float:left;}
#list_left h2{margin-top:20px;font-size:14px;width:180px; margin-left:10px; margin-bottom:5px; border-bottom:1px dotted #666;}
#list_left ul{margin-left:10px;}
#list_left ul li{}
#list_left ul li a{width:180px; display:block; padding:5px 0px;}
#list_left ul li a:hover{background-color:#ccc; color:#333; font-weight:bold;}
.art{width:380px; margin-top:20px;float:left; height:120px; min-height:120px;}
.artTitle{font-size:12px;padding:5px 8px; background-color:#999; width:350px; margin-left:10px; margin-bottom:10px;float:left; overflow:hidden; height:13px;}
.artContent{width:350px; margin-left:10px;padding:0px 8px 0px 8px; height:60px; overflow:hidden; line-height:20px;float:left;}
.viewall{width:350px; text-align:right; margin-left:10px;padding:5px 8px 2px 8px;  border-bottom:1px dotted #999; }

/*关于我们*/

#abus{background:url(images/aboutus.jpg) no-repeat;width:521px; height:72px;}
#aboutleft{float:left;background:url(images/abl.jpg) no-repeat;width:250px; min-height:400px;float:left;padding-left:300px;}
#aboutleft h2{float:left; clear:both;font-size:14px; margin:10px 0px; background-color:#000; width:600px; padding:8px 5px;}
#aboutleft p{float:left; clear:both;text-indent:25px;line-height:25px; width:600px;}

/*联系我们*/
#contact_top{background:url(images/contactus.jpg) no-repeat;width:521px; height:72px;}
#contact_left{background:url(images/cl.jpg) no-repeat;width:276px; height:451px;}
#contact_left dl{margin-left:280px;width:600px;}
#contact_left dl dt{margin:20px 0px 10px 0px;background-color:#000;padding:8px 5px; font-weight:bold; font-size:14px;}
#contact_left dl dd{padding-top:10px;}

/*我们的服务*/
#service_top{background:url(images/services.jpg) no-repeat;width:521px; height:72px;}
#service_main{}
#service_main ul{margin-left:10%;width:700px;}
#service_main ul li{padding:0px 0px 5px 70px; border-bottom:1px dotted #999; margin-bottom:10px; line-height:20px; text-indent:25px; font-weight:bold;width:700px; min-height:64px;}
#service_main ul li ol{}
#service_main ul li ol li{border:none; line-height:18px; margin:0px; padding:0px; text-indent:0px;}

html>body .s1{background: url(images/1.png) no-repeat;}
*html .s1{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/1.png");background:none;}
html>body .s2{background: url(images/2.png) no-repeat;}
*html .s2{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/2.png");background:none;}
html>body .s3{background: url(images/3.png) no-repeat;}
*html .s3{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/3.png");background:none;}
html>body .s4{background: url(images/4.png) no-repeat;}
*html .s4{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/4.png");background:none;}
html>body .s5{background: url(images/5.png) no-repeat;}
*html .s5{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/5.png");background:none;}
html>body .s6{background: url(images/6.png) no-repeat;}
*html .s6{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/6.png");background:none;}


/*文章显示页*/
#sLeft{float:left; width:200px; padding-left:10px;}
#sLeft ul{}
#sLeft ul li{line-height:20px;}
#sLeft ul li a{width:180px; display:block;padding:0px 5px;}
#sLeft ul li a:hover{background-color:#f5f5f5; color:#333;}
#show_art{float:left;width:750px;}
#artTitle{font-size:14px; margin:10px 0px;padding:4px 5px;background-color:#999;width:auto; color:#fff;}
#artInfo{text-align:left; border-bottom:1px dotted #f5f5f5;width:auto; margin:10px 0px;padding:5px 5px;}
#artContent{margin:0;padding:5px;width:700px; overflow:hidden;}
#artContent input{color:#000;}
.top20{background-color:#999; color:#fff;margin:10px 0px 10px 0px; width:180px;padding:5px;}

/*友情链接*/
#links{padding:20px 0px 0px 20px;}
#links h2{width:120px; padding:5px 10px; background-color:#ccc;color:#333; font-size:14px; margin-top:10px;float:left; clear:both;}
#links ul{padding:10px 0px 0px 0px; float:left; clear:both;}
#links ul li{float:left; margin-right:20px;}
#links ul li img{width:115px; height:50px;}

/*作品显示*/
#show_product{padding:20px 0px 0px 0px;}
#show_product h1{width:95%; background-color:#ccc; margin:0 auto; padding:5px 10px; color:#333;}
#show_product h2{width:95%; margin:0 auto; border-bottom:1px dotted #ccc;padding:10px 10px 2px 10px; font-weight:normal;}
#show_product #product_Main{width:95%; margin:0 auto; color:#f5f5f5; padding-top:20px; padding-bottom:20px;}