﻿@charset "utf-8";


.main{margin: 70px auto 50px; width: 1100px; overflow:hidden;}
.left{ float:left; width:224px;}
.column{width: 225px; overflow:hidden;}
.top{ width:172px; height:30px; line-height:30px; font-size:18px; color:#010101; border-bottom:1px solid #000; background:url(../images/class.png) 2px center no-repeat; padding-left:28px; }
.column>ul{ margin:10px 0 30px; overflow:hidden;}
.column>ul>li{ width:200px; margin:10px 0 0; }
.column>ul>li>a{color:#3b3b3b;height:32px;line-height:32px; display:block; text-indent:12px;}
.column>ul>li>a:hover,.column>ul>li>a.current{ color:#8b0304;  background:url(../images/li.png) 96% center no-repeat #e4e4e4;}
.column>ul>li:hover .two,.column>ul>li.current .two{ display:block;}
.two{ display:none; }
.two>li>a{color:#3b3b3b;height:32px;line-height:32px; margin:5px 0; text-indent:22px; background:url(../images/pro1.png) 12px center no-repeat; display:block;}
.two>li>a:hover,.two>li>a.current{color:#8b0304; background:url(../images/pro2.png) 12px center no-repeat;}
.contact{width: 225px; overflow:hidden; background:url(../images/cont.png) left bottom no-repeat;}
.add{color:#3b3b3b; background:url(../images/contic.png) 0 5px no-repeat; width:180px; padding-left:20px; line-height:24px;  font-size:12px; margin:16px 0;}

.right{ float:right; width:875px; border-left:1px solid #e3e3e3; min-height:480px;}
.content{ width:850px; float:right;  }
.position{ line-height:30px;  border-bottom:1px solid #000; overflow:hidden; height: 30px;}
.position em{font-size:18px; color:#000; border-bottom:1px solid #000; line-height:29px; float:left;}
.position span{ float:right; font-size:12px; color:#000; }
.position span a{ font-size:12px; color:#000; margin:4px;}
.content .info{ padding:20px 0 0; line-height:30px; min-height:300px}
.content .info img{ display:block; max-width:850px; }


/*翻篇*/
.flip{border-bottom:1px solid #e3e3e3;  border-top:1px solid #e3e3e3; overflow:hidden;}
.flipz{ float:left;}
.flip p{ line-height:20px;font-size:14px; clear: both; margin:10px 0; color:#7f7f7f;}
.flip p a{ font-size:14px; color:#7f7f7f;}
.flip p:hover a,.flip p:hover span{ color:#7f7f7f; }
.return{ float:right; margin:15px 0;}
.return a{ width:120px; height:32px; background:#8b0304; line-height:32px; text-align:center; color:#fff; display:block;}
/*分页样式*/
.pages { text-align:center; margin:20px auto 0; line-height:30px; color:#696969; clear:both;}
.pages a{ margin:0 4px; width:40px; height:30px; line-height:30px; text-align:center; border:1px solid #b9b9b9; background:#ebe9e9; display:inline-block; font-family:Arial; font-size:12px; }
.pages a:hover{ background:#8b0304; color:#fff;} 
.pages a.currentpage{ background:#8b0304; color:#fff;} 


/*联系我们*/
.address{color:#939393; background:url(../images/contic1.png) 0 5px no-repeat; width:850px; padding-left:20px; line-height:24px; margin:20px 0;  font-size:12px; }
.map{ width:850px; height:290px; margin:20px 0 0;}


/*留言反馈*/
.ly{ padding:20px 0 0; line-height:30px;}
.form_ly{ margin:20px 0 0; overflow:hidden;}
.form_ly input[type="text"]{ width:250px; height:40px; border:1px solid #e3e3e3; padding-left:12px; margin-right:29px;}
.form_ly textarea{ width:824px; max-width:824px;  padding:10px 12px; height:90px; border:1px solid #e3e3e3; margin:20px 0 10px;}
.form_ly input[type="submit"]{ float:right; width:130px; height:42px; background:#8b0304; border:none; text-align:center; line-height:42px; color:#fff;}
.form_ly input[type="text"]:hover,.form_ly textarea:hover{ border:1px solid #8b0304; }

/*新闻列表*/
.list{ min-height:460px;}
.list li{ width:850px; line-height:50px; border-bottom:1px dashed #aaa;}
.list li a{ background:url(../images/new2.png) left center  no-repeat; color:#666; padding-left:20px; display:block;}
.list li a span{ float:right;}
.list li:hover a{ background:url(../images/new1.png) left center no-repeat; color:#8b0304;}

/*新闻详细*/
.info_title{ text-align:center; font-size:20px; line-height:50px;}
.info_title span{ display:block; }
.info_title span a{display:inline-block; font-size:12px; color:#a1a1a1; padding-left:20px; margin:0 5px;}
a.tit1{ background:url(../images/ic1.png) left center no-repeat;}
a.tit2{ background:url(../images/ic2.png) left center no-repeat;}
a.tit3{ background:url(../images/ic3.png) left center no-repeat;}
.info_cont{ border-top:1px solid #e3e3e3; padding:20px 0;}

/*产品列表*/
.pro_list{ margin:10px 0; min-height:460px;}
.pro_list li{ float:left; width:242px; height:242px; margin:0 62px 30px 0;}
.pro_list li img{ width:242px; height:200px;} 
.pro_list li span{ text-indent:4px; background:url(../images/pro1.png) 98% center no-repeat; display:block; font-size:12px; color:#393939; height:42px; line-height:42px; border-bottom:1px solid #000;}
.pro_list li:hover span{ background:url(../images/pro2.png) 98% center no-repeat; color:#8b0304; border-bottom:1px solid #8b0304;}
.buy{  width:850px; padding:0 0 20px; border-bottom:1px solid #e3e3e3; overflow:hidden;}


/*招聘职位*/
.plate_list{min-height:480px}
.plate{ margin-bottom:20px; }
.plate_tit{ background:#f4f4f4; color:#666; line-height:40px; padding:0 20px; font-size:16px;}
.plate_tit span{ background:url(../images/more0.png) left bottom  no-repeat; width:22px; height:22px; float:right; margin-top:9px;}
.plate_tit.current{ color:#8b0304;}
.plate_tit span.current{ background-position:left top;}


.plate_info{ display:none; border:1px solid #f4f4f4; padding:20px;}
.plate_info dl{ overflow:hidden;}
.plate_info dl dd{ color:#6d6d6d; float:left; margin-right:40px;}
.plate_info .xuqiu{ color:#7f7f7f; overflow:hidden; position:relative;}
.plate_info .xuzuo{}
.plate_info .submit{ position:absolute; bottom:20px; right:20px; width:140px; height:40px; }
.plate_info .submit a{width: 110px; height:40px; line-height:40px; color:#fff; font-size:16px; border-radius:20px; text-align:center; background:url(../images/a.png) 15px center no-repeat #00aee9; padding-left:30px; display:block; }






































