/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden;}
.wrap{overflow:hidden;width:965px;margin-left:-5px;padding-left:5px}
/* Global properties */
body {background:url(../images/bg_bot.jpg) center 0 repeat #faf3ed;border:0;color:#200;line-height:24px;font-family: 'Microsoft YaHei',Verdana,Arial,'san serif';}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {	margin:0 auto;	width:960px}
.body1 {background:url(../images/bg_top_img.jpg) top center no-repeat}
.body2 {background:#faf3ed} 
.body3 {background:url(../images/bg_bot.jpg) top center repeat}
.body4 {background:url(../images/bg_bot_img.jpg) top center no-repeat}
.body5 {background:url(../images/slider_shadow.png) center 508px no-repeat}
.body6 {background:url(../images/bg_top.jpg) top repeat-x}
/* main layout */
a {color:#a80002;text-decoration:none;outline:none;}
a:hover {text-decoration:underline}
.logoh2 {float:left;padding:0px 0 0 36px}
h2 {font-size:30px;line-height:1.2em;color:#200000;padding:16px 0 12px 0;}
h2.letter_spacing {}
h3 {font-size:27px;color:#230000;line-height:1.2em;padding:20px 0 9px 0;}
h3 span {color:#a80002}
p {padding-bottom:0px}
/* header */
.header {height:121px;padding-top:31px;width:100%;overflow:hidden}
#logo {display:block;width:259px;height:94px;}
#top_nav {float:right;padding:4px 43px 30px 0}
#top_nav li {float:left;padding:3px 26px 5px 0;background:url(../images/top_line.gif) right 0 no-repeat;margin-right:25px}
#top_nav li a {display:block;line-height:0}
#top_nav .end {background:none;padding-right:0;margin-right:0}
#men {width:633px;float:right;padding:0 0 0 0; background:url(../images/m_bg.png) bottom  repeat-x;}
#men li {float:left;padding-left:3px}
#men li a {display:block;font-size:16px;color:#faf3ed;line-height:40px;padding:0 13px;height:44px; }
#men li a:hover, #men .active a {text-decoration:none;background:url(../images/menu_bg.png) repeat}
.slider_bg {width:100%;height:404px;background:url(../images/bg_slider.jpg) 0 0 no-repeat;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4);margin-bottom:35px}
.slider {top:5px;right:6px;position:absolute;z-index:1;width:948px}
.slider .items {display:none}
.slider .pic {float:right;position:relative}
.banner {left:0px;top:0;position:absolute;width:271px;z-index:2;text-align:center}
.banner strong {font-size:25px;color:#bf0f0a;display:block;line-height:18px;text-transform:uppercase;padding:55px 0 0 0;}
.banner strong span {display:block;}
.banner b {display:block;font-size:27px;color:#312826;text-transform:uppercase;padding:0 0 23px 0;line-height:1.2em;}
.banner p {background:url(../images/quot1.png) 0 0 no-repeat}
.banner p span {display:block;background:url(../images/quot2.png) right bottom no-repeat;padding:0 0 0 0;color:#6c5f5b;padding-bottom:2px}
.slider .pagination {position:absolute;z-index:2;bottom:10px;left:50%;}
.slider .pagination li {float:left;padding-right:3px}
.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* content */
#content {padding-bottom:40px}
#content2 {padding-bottom:10px}
.pad_left1 {padding-left:30px}
.pad_bot1 {padding-bottom:13px; font-size:14px; height:135px; overflow:hidden;}
.pad_bot2 {padding-bottom:24px}
.marg_right1 {margin-right:20px}
.box {background:url(../images/box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4); height:350px; overflow:height;}
.box > div {background:url(../images/box_top.png) 0 top no-repeat;padding:30px;padding-top:0;overflow:hidden}
.box h2 {color:#a80002;padding:15px 0 12px 0; font-size:25px;}
.box h2 span {color:#faf3ed}
.box .figure {padding-bottom:13px}
.list1 li a {font-style:italic;padding-left:12px;background:url(../images/marker_1.gif) 1px 8px no-repeat;color:#faf3ed}
.list_1 {color:#fff}
.list_1:hover {text-decoration:none}
.button1 {display:inline-block;font-size:20px;color:#faf3ed;line-height:34px;padding:0 15px;background:#a80002;}
.button1:hover {text-decoration:none;color:#1e0000;background:#faf3ed}
.testimonials li{ height:28px;overflow:hidden;}
.testimonials li span {float:left;width:20px;height:20px;font-size:12px;color:#faf3ed;line-height:20px;text-align:center;background:#a80002;margin-right:20px}
.testimonials li p {float:left;width:180px;padding-bottom:15px}
.testimonials li img {padding-top:2px}
.line1 {background:url(../images/line_vert1.gif) 310px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 615px 0 repeat-y}
.price {margin-top:-7px}
.price li {overflow:hidden;background:url(../images/price_bg.gif) 0 -6px repeat-x}
.price a {float:left;color:#220000;background:url(../images/marker_2.gif) 1px 11px no-repeat #faf3ed;padding-left:12px}
.price a:hover {text-decoration:none;color:#a80002}
.price span {float:right;background:#faf3ed}
.address {padding-bottom:0}
.address span {float:left;width:84px}
/* footer */
.footer {height:138px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:18px}
.footer a {color:#c53005;text-decoration:none;}
.footer .pad_left1 span a{ color:#696969;}
.footer a:hover {text-decoration:none}
#icons {padding:5px 0 0 0}
#icons li {float:left;padding-right:9px}
/* Tooltips */
.aToolTip {background:#a80002;color:#fff;	margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
/* forms */
#ContactForm {margin-top:-5px;width:910px}
#ContactForm span {float:left;width:111px;line-height:20px}
#ContactForm .wrapper {min-height:24px;}
#ContactForm .textarea_box {min-height:170px;width:100%;overflow:hidden;padding-bottom:9px}
#ContactForm {}
#ContactForm a {margin-left:20px;float:right}
#ContactForm .input {width:399px;height:18px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0;float:left}
#ContactForm textarea {overflow:auto;width:789px;height:163px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0}
.pad_bot1 li{ line-height:24px; height:24px; overflow:hidden;}
.colss{ width:630px;}
.wrappers{ float:left; width:300px; overflow:hidden; height:120px; margin-right:10px;margin-bottom: 40px;} 
/*product_list*/
.colls{ width:310px; float:left;margin-bottom:5px;}
.line3{ background: url("../images/line_vert1.gif") repeat-y  620px ;}
.pad_b{text-align:center;}
.pad_b a{font-size:12px;}
.pad_bo { font-size: 14px; padding-bottom: 5px;}
.caixi{ font-weight:normal; font-size:12px; color:#333; padding-bottom:10px; border-bottom:1px dashed #ccc; margin-bottom:15px; line-height:30px;}
.caixi a{ margin:0px 5px 0px 5px;}
.caixi span{float:right; background:#fafafa; padding:0px 10px 0px 10px;}


.zsleft{ width:200px; float:left; margin-right:10px; font-size:12px; background:#fff7f5;}
.zstitle{ font-size:14px;background:url(../images/tb.jpg) no-repeat; width:200px; height:30px; overflow:hidden;line-height:30px;}
.zstitle span{display:block;  text-align:center; color:#666; width:85px; margin-left:6px;}
.zsright{ width:690px; float:right;  padding:10px; font-size:14px; padding-top:10px;}
.zsfen{ margin-left:20px; line-height:35px;}
.zsright h1{ height:30px; width:100%; text-align:center; border-bottom:1px dashed #ccc; margin-bottom:20px; padding-top:10px; width: 654px; overflow:hidden;}
.zstui li{ text-align:center; margin-left:20px; list-style:none;}
.zstui{ margin-top:10px;}
.zs{background:url(../images/top_0222.jpg) 220px bottom no-repeat #ffedc4; border:1px solid #f2dfb4;}

.zsfena{ margin-left:20px; line-height:35px; min-height:300px;}

#plug1{ border:1px solid #ccc; margin:10px; font-size:12px; width:650px; overflow:hidden; }
#plug1 dt{width:100%; height:28px; line-height:28px; border-bottom:1px solid #ccc; color:#666; padding-left:15px;}
#plug1 dd{ width:100%; background:url(../images/job_ico.gif) no-repeat 5px 13px; padding-left:15px; height:30px; line-height:30px; border-bottom:1px solid #ccc; overflow:hidden; color:#666; font-weight:bold;}
#plug1 dt span,#job_list #plug1 dd span{ float:right; width:100px; font-weight:normal; text-align:center; overflow:hidden; border-left:1px solid #ccc;}
#plug1 dd a{ text-decoration:underline;}

/*----ShowJob文件----------------------------------------*/

.para ul{ list-style:none; padding:0px 5px; font-size:14px;  }
.para ul b{font-weight:normal;}
.hr{ font-size:100%; background:#eee; margin-top:5px; padding-left:5px; height:25px; line-height:25px;  padding:0xp;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-weight:bold;}
.para .info_cv{ display:block; padding:5px; }
.para .info_cv a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}



#plug2{ padding:10px;}
#plug2 li a{ color:#333;}
#plug2 li{ height:28px; padding:0px 8px 0px 20px; background:url(../images/ico.gif) no-repeat 3px 10px; line-height:28px; overflow:hidden; border-bottom:1px dotted #ccc;}
#plug2 li span{ float:right;}
#plug2 li span img{ padding-top:8px;}

.hiit{ text-align:center; padding-bottom:10px; font-size:12px;}


/* 前台通用分页 */
.pagecode {
    float: right;
    margin-top: 10px;
	margin-bottom:10px;
    text-align: right;
	padding-right:5px;
	font-size:12px;
}
.pagecode a {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #f2f2f2;
    line-height: 20px;
    margin-right: 5px;
    padding: 0px 10px 0px 10px;
	display:block;
	float:left;
	height:20px;
	overflow:hidden;
   
}
.pagecode a.end{}
.pagecode a:hover {
    background: none repeat scroll 0 0 #c10035;
    color: #FFF;
}

.pagecode .on {
    background: none repeat scroll 0 0 #c10035;
    color: #FFFFFF;
}

.pagecode p {
    clear: both;
    line-height: 20px;
    padding-right: 4px;
}

.page{ padding:10px; font-size:12px;}

/*留言*/

.input_w1 {
    background: url("../images/input_back.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #666666;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 200px;
}

.input_w2 {
    background: url("../images/yzm_back.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 30px;
    line-height: 30px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    width: 87px;
}
.guest{  margin: 0 auto;  width: 960px;	font-size:12px; padding-top:20px;}
.guest form{ padding-left:250px;}
.guest textarea { border:1px solid #ccc; width:400px; height:100px; margin-bottom:10px;}

.button_w1 {
    background: url("../images/cp_btn1.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 75px;
}

.button_w2 {
    background: url("../images/cp_btn2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 75px;
}


#focus {width:960px; height:394px; overflow:hidden; position:relative;}
#focus ul {height:394px; position:absolute;}
#focus ul li {float:left; width:960px; height:394px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:960px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:35%; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
.link{ width:958px; margin:0 auto; border:1px solid #fafafa; }
.link h4{ font-size:14px; border-bottom:1px solid #ccc;  padding:10px 10px 5px 10px; background:#fafafa;}
.linkcon{ font-size:12px;padding:0px 10px 0px 10px;}






