@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;	-webkit-text-size-adjust: none;}
img{ border:none;}
a{ text-decoration:none; color:#000;}
li{ list-style:none; display:block;}
body{ color:#000; font-size:14px;font-family: 微软雅黑, "Microsoft YaHei", Arial, Helvetica, sans-serif, 宋体;}
input,textarea{color:#000; font-size:12px;font-family: 微软雅黑, "Microsoft YaHei", Arial, Helvetica, sans-serif, 宋体;}}

.fontface{ font-size:2em;}
.top{ width:960px; height:80px; line-height:80px; margin:auto;}
.logo{ width:520px; height:80px; background:url(../images/logo.png); display:block; float:left;}
.topbar{ float:right; font-size:12px;}
.back{ margin-right:20px; color:#999; }
.navbg{ width:100%; height:38px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background:url(../images/navbg.png) repeat-x;}
.nav{ width:960px; height:38px;background:url(../images/nav.png) no-repeat; margin:auto;}
.nav-home{ width:60px; height:38px; float:left; background:url(../images/homebg.png) no-repeat;}
.nav ul{ width:900px; float:left;}
.nav li{ width:150px; height:38px; float:left; font-size:14px; text-align:center; line-height:38px; cursor:pointer;}
.nav li a{ display:block;width:150px; height:38px; color:#333;}
.nav li a:hover{ background:url(../images/navfocus.png) repeat-x; color:#fff;}
.banner{ width:960px; margin-left:auto; margin-right:auto; margin-top:20px;height:330px;}
.banner-slider{ width:800px; height:330px;  float:left;}
.bx-wrapper{ float:left;width:800px; height:180px;}
#bx-pager{ width:144px; height:330px; float:left; padding-left:16px;}
#bx-pager img{ width:144px; height:60px; margin-bottom:4px;border:none;}
.aboutus-pic{ width:144px; height:550px; background:url(../images/infopic.png) no-repeat; float:left; margin-top:20px;}
.aboutus{ width:212px; height:360px;margin-top:20px; float:left;margin-left:10px;}
.aboutus-title{ width:212px; height:30px;background:url(../images/autitle.png); text-indent:10px;line-height:28px;}
.aboutus-title a{ display:block; width:140px; height:30px;text-indent:20px;color:#fff; margin-left:20px; } 
.aboutus-content{ width:200px; padding:5px; height:320px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;word-break:break-all; word-wrap:break-word; text-indent:28px; line-height:200%;}
.news{ width:574px;height:360px;margin-top:20px; float:left;margin-left:20px;}
.news-title{ width:574px; height:30px;background:url(../images/newstitle.png); text-indent:10px; line-height:28px; }
.news-title a{ display:block; width:140px; height:30px;color:#333; text-indent:25px;color:#fff; margin-left:20px;} 
.news-content{ width:572px; height:330px;margin:auto; border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.news-content dl{width:550px; margin:auto;}
.news-content dt{font-size:12px; width:100px; text-align:center; border-bottom:1px dashed #ccc; float:left; color:#999; line-height:30px;}
.news-content dd{width:450px; text-align:left; text-indent:60px; border-bottom:1px dashed #ccc; float:left;line-height:30px;}
.product{ width:804px; height:220px;margin-top:20px; float:left;margin-left:10px;}
.product-title{ width:806px; height:30px; background:url(../images/producttitle.png); text-indent:10px; line-height:28px; }
.product-title a{ display:block; width:140px; height:28px;color:#333; text-indent:25px;color:#fff; margin-left:20px; }  
.product-list{ width:804px; height:183px; margin-top:10px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;} 
.product-list p{ text-align:center; font-size:12px; color:#333;}
.product-list li{ width:190px; height:183px;} 
.product-list img{ width:190px; height:143px;} 
.foot{ width:100%;height:30px; line-height:30px;clear:both; }
.foot-info{ width:960px; margin-left:auto; margin-right:auto; font-size:12px;}
.foot-left{ width:600px; float:left;}
.foot-right{ width:360px; float:left; text-align:right;}
.foot-right .beian{height:14px; width:14px; padding-right:2px; }
.content{width:900px;min-height:400px; margin-left:auto; margin-right:auto; margin-top:10px;  margin-bottom:10px; border:1px solid #ddd; padding:30px;}
.content-type{ width:200px; float:left;min-height:400px; }
.content-type-title{ width:200px;float:left; height:28px; font-size:20px; color:#ccc; border-bottom:1px solid #eee; font-weight:bold;}
.content-type ul{width:200px;float:left; }
.content-type li{width:200px;font-size:14px;line-height:30px; border-bottom:1px solid #eee; display:block; text-indent:20px;}
.content-type li a{width:200px; height:30px; font-size:14px; display:block; }
.content-type li a:hover{color:#fff; background: #DA251A url(../images/arrow-right.png) right center no-repeat; }
.content-type-selected{color:#fff; background: #DA251A url(../images/arrow-right.png) right center no-repeat; }
.content-aboutus{ width:900px; margin:auto;}
.content-news-banner{width:960px; height:200px; margin-left:auto; margin-right:auto; margin-top:10px;  margin-bottom:10px; background:url(../images/newsbanner.png) no-repeat;}
.content-product-banner{width:960px; height:200px; margin-left:auto; margin-right:auto; margin-top:10px;  margin-bottom:10px; background:url(../images/productbanner.png) no-repeat;}
.content-main{ width:690px;min-height:400px; height:auto; float:left;}
.content-main-art{ width:650px; padding-left:40px;min-height:400px; height:auto; float:left; overflow:hidden;}
.content-main-news{ width:650px; padding-left:40px;min-height:400px; height:auto; float:left; overflow:hidden;}
.content-main-news a:hover{ text-decoration: underline;}
.content-main-news dl{width:640px;height:auto;}
.content-main-news dt{width:100px; text-align:center; border-bottom:1px dashed #ccc; float:left; color:#999; line-height:40px; font-size:12px; background:url(../images/news_style.jpg) no-repeat center left;}
.content-main-news dd{width:540px; text-align:left; text-indent:100px; border-bottom:1px dashed #ccc; float:left;line-height:40px;}
.content-main-product{ width:665px; padding-left:25px;min-height:400px; height:auto; float:left; overflow:hidden; }
.content-main-product ul{width:665px;}
.content-main-product li{ width:200px; height:180px;margin-left:20px; margin-bottom:20px; float:left;display:inline;_margin-left:18px; }
.content-main-product a{ width:200px; height:180px; background:#eee; color:#333; border:1px solid #eee;display:block;}
.content-main-product a:hover{background: #09F;color:#fff; border:1px solid #09F;}
.content-main-product li img{ width:200px; height:150px;}
.content-main-product p{text-align:center;}
.content-main-job{ width:640px;float:right;clear:both;}
.content-main-job p{color:#999; line-height:30px;}
.job-table{ border-collapse:collapse; border:1px solid #eee; width:100%;}
.job-table td{border:1px solid #eee; height:30px; line-height:30px;}
.resume-table{ border-collapse:collapse;width:100%; }
.resume-table td{border:1px solid #eee; height:30px; line-height:30px;}
.resume-table textarea{height:30px; line-height:30px; text-indent:20px;margin:20px auto 0;}
.jobbtn{ width:100px; margin-left:260px;}
.resumebtn{ width:100px; margin:auto;}
.tdtitle{ font-weight:bold; width:120px; text-align:center;}
.content-job-banner{width:960px; height:200px; margin-left:auto; margin-right:auto; margin-top:10px;  margin-bottom:10px; background:url(../images/jobbanner.png) no-repeat;}
.content-feedback-banner{width:960px; height:200px; margin-left:auto; margin-right:auto; margin-top:10px;  margin-bottom:10px; background:url(../images/feedbackbanner.png) no-repeat;}
.content-main-feedback{ width:640px;float:right;clear:both;}
.feedback-table{ border-collapse:collapse;width:100%; }
.feedback-table td{border:1px solid #eee; height:30px; line-height:30px; text-indent:20px;}
.feedback-table textarea{height:30px; line-height:30px; text-indent:20px;margin:20px auto 0;}
.content-contactus{ width:900px; min-height:300px;margin:auto;}
.content-contactus-banner{width:960px; height:200px; margin-left:auto; margin-right:auto; margin-top:10px;  margin-bottom:10px; background:url(../images/contactusbanner.png) no-repeat;}
.art-title{ text-align:center; width:650px; font-size:16px; font-weight:bold; line-height:60px;}
.art-media img{max-width:650px; height:auto;width: expression(this.width > 650 && this.width > this.height ? 650 : true);}
.art-media {width:650px; line-height:30px;}
.art-detail{ width:650px;word-break:break-all; word-wrap:break-word; line-height:20px;}


.content p{ text-indent:28px; line-height:22px;}
.art-title{ font-size:16px; font-weight:bold;}