﻿body{padding:0px;margin:0 auto;font-size:12px;color:#464646;font-family:'宋体',Simsun; background:#FFF}
* { margin:0 auto; padding:0; border:none}
ul,li{padding:0px; margin:0 auto;list-style-type: none; }
a:link{ color:#333333;text-decoration:none;}
a:visited{ color:#333333;text-decoration:none;}
a:hover{ color: #CC3300; text-decoration:none}
p{ text-indent:2em;}
.red{ color:#F00;}
.green{ color:#06F}
.input{ color:#06F;BORDER: #868686 1px solid;}

.header{ margin:0 auto; padding:0;background:url(header_bg.jpg) no-repeat; width:950px; overflow:hidden}
.header .logo{ float:left; width:345px; height:106px; background:url(logo.jpg)}
.header #nav{ float:left; width:605px; height:106px; background:url(nav_bg.jpg) no-repeat center center; line-height:106px;}
.header .nav{position:absolute;top:0px;z-index:2;}
.header .nav li{ float:left; width:75px; margin:36px 0; text-align:center; height:33px; line-height:33px;}
.header .nav a{ display:block}
.header .nav a:hover{ background:url(nav_bg_hover.jpg) no-repeat center bottom;}
.header .nav li ul{list-style-type:none;margin:0px;padding:0px;display:none;}
.header .nav li ul li{ width:80px; overflow:hidden; margin:0 auto; padding:0;line-height:25px; height:25px; border-bottom:1px solid #CCC}
.header .nav li ul li a{background:#157dd2;color:#FFF;filter:alpha(opacity=100); font-size:12px}
.header .nav li ul li a:hover{background:#000;color:#F00;} 
.header .banner{ clear:both; margin:0 auto; padding:0; width:950px; height:230px;}

.main{ clear:both;margin-top:10px; padding:0; width:950px;background:url(main_bg.jpg) repeat-y; overflow:hidden}
.main #left{ overflow:hidden;}
.main .left{ float:left; margin:0 auto; padding:0; width:210px; background:url(left_footer.jpg) bottom no-repeat;}
.main .left .menu{ margin:0 auto; padding:0; width:210px;}
.main .left .menu .title{ margin:0 auto; padding:0; height:70px;width:210px; background:url(left_menu.jpg) no-repeat; border-bottom:none}
.main .left .menu .title img{ margin:30px 0 0 40px;}
.main .left .menu li{ margin:0 auto; padding-left:20px; height:23px; line-height:23px; border-bottom:1px solid #e1e1e1; width:140px;background:url(dot.jpg) no-repeat left center;}
.main .left .menu .active{ }
.main .left .contact{ margin:0 auto; padding:0; background:url(contact_bg.jpg) no-repeat}
.main .left .contact ul{ padding-top:70px;}
.main .left .contact li{ clear:both; margin:0 auto;line-height:20px; width:160px; color:#333333}
.main .left .footer{ margin:0 auto; padding:0;  height:70px}

.main .right{ float:left; margin:0 autop; padding:0; width:740px;background:url(right_footer.jpg) bottom no-repeat;}
.main .right .title{ margin:0 auto; padding:0; height:24px; background:url(right_header.jpg)}
.main .right .about{ margin:0 auto; padding:0; background:url(about_title.jpg) no-repeat;}
.main .right .about ul{}
.main .right .about .more{ float:right; width:80px; height:50px; line-height:50px; cursor:pointer}
.main .right .about li{ clear:both;line-height:22px; width:700px;}
.main .right .about img{ float:left; margin:15px;}
.main .right .line{ clear:both; margin-top:20px; padding:0; width:680px; height:200px; overflow:hidden;}
.main .right .line .case{ float:left; width:390px;}
.main .right .line .case .more{ background:none; padding:0; border-bottom:none; width:390px;}
.main .right .line .case li{ line-height:25px; border-bottom:1px dashed #a2a2a2; background:url(dot1.jpg) no-repeat center left; padding-left:20px;width:370px;}
.main .right .line .news{ float:right; width:270px; background:url(news_bg.jpg) no-repeat; height:200px}
.main .right .line .news .ico{ width:270px; height:60px;}
.main .right .line .news .ico li{ float:left; width:50%; cursor:pointer; height:60px;}
.main .right .line .news .news1{ margin:30px 0 0 50px;width:210px}
.main .right .line .news .news1 li{ line-height:25px; border-bottom:1px dashed #a2a2a2; background:url(dot1.jpg) no-repeat left center; padding-left:20px; overflow:hidden; width:210px;white-space: nowrap;text-overflow: ellipsis;word-break:break-all;  }

.main .right .product{clear:both; margin:0 auto; padding:0; width:680px; height:180px; overflow:hidden; }
.main .right .product ul{}
.main .right .product img{ width:120px; height:93px; padding:4px 6px;}
.main .right .product li{float:left;background:url(pro_bg.jpg) no-repeat; width:133px; height:101px; margin:20px 1px;}
.main .right .product .more{ clear:both; margin:0 auto; padding:0;background:url(product_title_bg.jpg) no-repeat; height:50px; width:680px; cursor:pointer; overflow:hidden;}

.main .right #content{ background:url(title_bg.jpg) no-repeat top center; width:670px;}
.main .right #content .nav{ height:60px; line-height:25px; margin:0 auto; padding:0; padding-left:20px;}
.main .right #content li{ margin:0 auto; padding:0; line-height:25px;}
.main .right #content .pic{ margin:0 auto; padding:0; width:670px;}
.main .right #content .pic li{ float:left; width:140px; height:130px; margin:10px; text-align:center}
.main .right #content .pic img{width:140px; height:110px;}
.main .right #content .news_list{ margin:0 auto; padding:0;width:670px;}
.main .right #content .news_list li{ margin:0 auto; padding:0; text-align:right; border-bottom:1px dashed}
.main .right #content .news_list a{ float:left; text-align:left; width:580px; display:block;}
.main .right #content .page{ clear:both; text-align:center; line-height:50px;}

.main .right #content .job{ margin:0 auto; padding:0; line-height:30px; width:650px; border:0;}
.main .right #content .job .tr{ color:#333333; font-size:14px; font-weight:bold;line-height:30px; border-bottom:1px solid #4e4643}
.main .right #content .job .co{border-bottom:1px solid #fff; width:200px; text-align:center}
.main .right #content .job .co a{ width:200px;}

#footer{ margin:0 auto; padding:0; width:950px; height:90px; text-align:center; line-height:25px;}
#footer li{ margin:20px auto}