/* CSS Document */

*{ margin:0; padding:0 ; word-break:break-all}
body{ font-size:12px; color:#333; font-family: "Microsoft YaHei", Tahoma, Arial;}
a{ text-decoration:none; color:#333}
a:hover{ text-decoration:none; }
a img{ border:0}
ul, li{ padding:0; margin:0; list-style:none}
.container{ width:1200px; margin:0 auto; clear:both; padding:0px; display:block; height:auto; overflow:hidden}

/*	Head	*/
#head{ width:100%; height:198px; display:table; background: url(../images/headbg.jpg) repeat-x;}
#head li{ width:150px; height:96px;  display:inline-block; float:left;}
#head li a{ width:150px; height:84px; line-height:84px; padding-bottom:12px; color:#FFF; font-size:14px; text-align:center; display:block}
#head li a:hover{ background:url(../images/hmenuhover.jpg) no-repeat}
.logo{ width:auto; float:left; overflow:hidden; padding-left:15px}
.headtel{ width:auto; float:right; overflow:hidden; padding-right:58px}
#banner{ width:100%; height:590px; display:table}

/*	Content	*/
#content_a{ width:100%; height:auto; dispaly:table; padding-bottom:60px}
.product_t{ width:1200px; height:93px; float:left; background: url(../images/index_07.gif) no-repeat}
.t_name{ font-size:27px; height:40px; line-height:40px; font-weight:600; color:#333; padding-top:30px}
.t_name span{ font-size:24px;  font-weight:500; color:#c6c6c6; text-transform:uppercase; margin:22px 0 0 12px  }
.t_name a{color:#333;}

.product_c{ width:1200px; height:390px;}
.pr_c1{ width:384px; height:277px; float:left}
.pr_img{ width:384px; height:150px; float:left; padding:4px 0 0 2px }
.pr_cn{ width:384px; height:140px; padding-top:10px; float:left; line-height:25px}
.moreo{ width:auto; height:28px; line-height:28px; color:#a40000; font-size:16px; text-transform:uppercase; display:block}
.moreo i{ width:0px; height:0px; border-width:5px; border-color:transparent transparent transparent #a40000; border-style:solid; line-height:0px ; font-size:0px;  display:inline-block}
.pr_img a{ border:2px solid transparent; float:left}
.pr_c1:hover .pr_img a{ border:2px solid #a40000}



/*产品列表*/
.proListIndexCo{height:390px;  position:relative; float:left}
.proRollBox{ width:1200px; height:390px; position:absolute; overflow:hidden;  top:0px; left:0px;}
.proListIndex{position:absolute; width:9999999px; left:0; top:0;}
.proListSubPage li{height:200px;}
.proList_1 li{ width:400px; float:left; text-align:left}
.proList_1 li a.pic{width:384px; padding:1px; height:256px; display:block; border:1px solid #dcdcdc;}
.proList_1 li a.title{ width:384px; text-align:left; height:70px; display:block; line-height:24px; padding-top:5px; overflow:hidden;}
/*产品列表End*/




/*	About	*/
.about{ width:794px; height:356px; float:left}
.w794{ width:794px}
.ititle{ height:51px; background:#b60811; float:left}
.itname{ width:auto; float:left; height:51px; line-height:51px; color:#FFF; font-size:27px; font-weight:500; padding-left:35px; background:url(../images/itname.jpg) no-repeat}
.itname span{ width:auto;  height:30px; line-height:30px; padding-top:10px; color: #d05158; padding-left:5px; font-size:24px; font-weight:400}
.itname a{ color: #fff; }
.about_c{ width:794px; height:305px; float:left; background:#e8ecef}
.abc_img{ width:372px; height:287px; float:left; padding:11px 19px 9px 0px}
.abc_c{ float:left; width:395px; padding:10px 0; line-height:24px; text-indent:25px}

/*	News	*/

.news{ width:402px; height:356px; float:RIGHT}
.w402{ width:402px}
.news_c{ width:402px; height:305px; float:left; background:#f1f5f8}
.news_c li{ width:402px; height:95px; float:left; background:#e8ecef; margin:3px 0}
.news_c li .tit{ width:402px; height:38px; line-height:38px; float:left; font-size:14px}
.news_c li .cic{ width:366px; height:57px; line-height:38px; float:left; line-height:28px; font-size:12px; padding:0 0 0 20px; overflow:hidden;}
.news_c li:hover{ background:#dadada}
/*	Foot	*/

#foot{ width:100%; height:648px; display:table; background:url(../images/footbg.jpg) repeat}
.foleft{ width:728px; height:434px; float:left; background: url(../images/foleft.jpg) left -1px no-repeat}
.foottel{ width:390px; height:66px; font-size:45px; float:left; color:#000; margin:197px 0 0 220px}
.footmenu{ width:380px; height:auto; float:left; margin:10px 0 0 40px; display:inline; color:#FFF; font-size:14px}
.m1{ width:auto; height:35px; line-height:35px; background: url(../images/m1.jpg) no-repeat left center; padding-left:30px}
.m2{ width:auto; height:35px; line-height:35px; background: url(../images/m2.jpg) no-repeat left center; padding-left:30px}
.m3{ width:auto; height:35px; line-height:35px; background: url(../images/m3.jpg) no-repeat left center; padding-left:30px}
.m4{ width:auto; height:35px; line-height:35px; background: url(../images/m4.jpg) no-repeat left center; padding-left:30px}
.igbook{ width:470px; height:434px; float:left; color:#666666; line-height:42px}
.input1{ width:200px; height:42px; float:left; border:0; background:url(../images/input1.jpg) no-repeat; margin:40px 0px 10px 0; display:inline; padding-left:20px; color:#666; cursor:pointer; line-height:42px}
.input2{ width:440px; height:42px; float:left; border:0; background:url(../images/input2.jpg) no-repeat; margin-bottom:10px; display:inline;padding-left:20px; color:#666; cursor:pointer;line-height:42px}
.input3{ width:438px; height:143px; float:left; border:0; background:url(../images/input3.jpg) no-repeat;padding-left:20px; line-height:30px; padding-top:10p; color:#666; cursor:pointer}
.input4{ width:200px; height:42px; float:left; border:0; background:url(../images/input1.jpg) no-repeat; margin:40px 20px 10px 0; display:inline;padding-left:20px; color:#666 ; cursor:pointer;line-height:42px}
.input5{ width:170px; height:57px; float:left; border:0; background:url(../images/input5.jpg) no-repeat; margin:20px 20px 10px 140px; display:inline; text-align:center; color:#fff ; cursor:pointer}
.plane{ width:77px; height:87px; position:absolute; background:url(../images/plane.jpg);  right:41px; top:-100px; z-index:99; zoom:1}
.copyright a{ color:#FFF}

/* Inside Page*/
#content_b{ width:100%; height:auto; display:table; padding-bottom:10px}
#content_b .container{ background:url(../images/insidecon.jpg) repeat-y;padding-top:10px; }
.left{width:243px; height:auto; float:left; padding-top:35px; padding-left:30px}
.left_t{ width:211px; height:40px; border-bottom:2px solid #717171; font-size:22px; text-align:left; line-height:40px}
.left_c{ width:211px; height:auto; padding-top:10px}
.left_c li{ width:201px; height:39px; float:left}
.left_c li a{ width:201px; height:38px; float:left;  border-bottom:1px solid #c1c1c1; line-height:38px; text-indent:30px}
.left_c li a:hover,.left_c li a.hover{ width:201px; height:39px; float:left; background:url(../images/leftli.jpg) no-repeat; line-height:39px; text-indent:30px; color:#FFF}
.r_content{ width:877px; height:auto!important; min-height:450px; height:450px; float:right; margin-right:18px}
.guide{ width:850px; float:left; height:22px; line-height:22px; background:url(../images/guidebg.jpg) no-repeat left center; padding-left:27px}
.r_title{ width:877px; height:63px; float:left; background:url(../images/r_title.jpg) no-repeat; line-height:63px; font-size:18px; font-weight:600} 
.content_r{ width:867px;  float:left; height:auto; padding:10px 5px 0 5px; font-size: 15px; line-height: 2;}

/*	News List	*/
.newslist{}
.newslist li{ width:860px; height:28px; line-height:28px; float:left; background:url(../images/nlb.jpg) no-repeat left center; text-indent:20px; border-bottom:1px solid #eaeaea}
.mr{ width:auto; height:28px; line-height:28px; float:left}
.newslist li em{ width:auto; height:28px; line-height:28px; float:right}
.pages{ height:32px; line-height:30px; float:right; text-align:center; margin-top:40px}
.pages li{ float: left; }
.pages a{ height:30px; line-height:30px; border:1px solid #eaeaea;  display:inline-block; padding:0 5px; margin:0px 3px 0 3px; font-size:16px}
.pages a:hover{ background-color: #b70712; color: #fff; }
.pages a.select{background-color: #b70712; color: #fff;}
/*	Product List	*/

.prolist{ padding-left:10px; margin-top:15px; overflow:hidden}
.prolist li{ width:273px; height:auto; float:left; margin-right:4px; margin-bottom:15px;}
.prolist li h1{ width:273px; height:194px; padding:3px; background:#eeeff2;}
.prolist li h1 a{ width:265px; height:186px; display:block; border:1px solid #c1c2c3;}
.prolist li h1 a:hover{border:1px solid #c71738;}
.prolist li h1 img{ width:265px; height:186px;}
.prolist li h2{ margin-top:0px; text-align:center; height:30px}
.prolist li h2 a{ color:#373737;}


/*	Show	*/
.showtit{ width:860px; height:auto; line-height:25px; border-bottom:1px solid #333333; text-align:center; font-size:14px; margin-top:10px; float:left display:inline}
.swpage{ width: auto; height: auto; float:right; margin-top:20px}
.swpage a{}
.nobor{ border:0px}

/* Guest Book */

.tablelist{ margin:20px;  line-height:30px; }
.tablelist tr th{ width:80px; font-size:13px; font-weight:normal; text-align:left; cursor:pointer}
.page{ padding-top:10px;line-height:25px;}
.page a{ color:#000; }
#ym{ width:380px; height:30px; text-align:center; margin:0 auto; padding:10px 0px; cursor:pointer}
.tablelist input{ cursor:pointer}
#ym a{ text-align:center;border:1px solid #cccccc; padding:5px 3px; color:#000; margin-left:5px; line-height:30px;}
#ym a:hover{ background:#36F; color:#fff;}
.inp3{ width:98px; height:28px; border:1px solid #bcbbbb; cursor:pointer}
.inp3:hover{border:1px solid #000}


/*Job List*/

.jobtit{ border-bottom:1px solid #333; font-size:14px}
.jobli{ border-bottom:1px solid #eaeaea; font-size:12px; height:28px; line-height:28px}
.joinbut:hover{ width:50px; height:25px; display:inline-block;  background:#b50810; color:#FFF}
.joinbut{ width:50px; height:25px; display:inline-block;  }
.jobshow_sub{ width:50px; height:25px; float:left; border:1px solid #b50810; line-height:25px; background:#FFF; margin-top:10px}