﻿@charset "utf-8";
/* CSS Document */

body{ color:#f1f1f1 ; font-family:Arial, Helvetica, sans-serif; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td,div{margin:0;padding:0; list-style:none; line-height:22px; border:none}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#f1f1f1;text-decoration:none}
a:hover{ color:#c40000}
img{ border:none; display:block}
.C{ clear:both}

li{ list-style-type:none}
a{ text-decoration:none}
a img{ border:none}
h2 img{ border:none}

body{ margin:0; padding:0; background:url(images/body_bg.jpg) repeat top left}

.head_div{ width:100%; height:97px; background:url(images/head_bg.jpg) no-repeat top center;}
#header{width:1082px; height:97px; margin:auto;}
.logo{ float:left;}
.head_r{ width:719px; height:92px; float:right; text-align:right; padding-top:5px;}
.head_r a:hover{ color:#f1f1f1}
#nav{ width:719px; height:47px; padding-top:8px;}

#banner{ width:1082px; height:401px; margin:23px auto 0;}
#sub_banner{ width:1082px; height:300px; margin:23px auto 0;}

#container{ width:1070px; margin:auto; background:url(images/banner_bg.jpg) repeat-x left top #3f3f3f; padding-top:6px; border-left:1px solid #757575; border-right:1px solid #757575; padding:20px 0 5px 10px;}

.about{ width:300px; float:left;}
.about h2{ height:29px;}
.about_content{ width:297px; height:145px; padding:10px 3px 0 0px; text-align:left; text-indent:24px; line-height:20px;word-wrap:break-word}
.about_content img{ float:left; padding-right:6px; margin-top:-5px}


.case{ width:436px; float:left; padding-left:17px;}
.case h2{ height:30px;}
.case_content{ width:436px; height:136px; padding-top:18px;}
.case_content .td1{ width:130px; height:120px; text-align:center;}
.case_content .td1 div{ width:120px; height:100px; border:1px solid #aa0000; margin:0 auto 8px;}
.case_content .td1 div img{ width:120px; height:100px;}
.case_content .td2{ width:12px; height:26px; padding-top:40px;}


.news{ width:310px;float:left}
.news h2{ height:30px;}
.news_content{ width:284px; height:142px; padding-left:26px; padding-top:12px;}
.news_content li{ width:275px; height:70px;  text-align:left;}
.news_content li .title a{ width:100%; height:24px; line-height:24px; color:#c40000;}
.news_content li .txt{ width:100%; line-height:20px; text-indent:24px;}
.news_content li .txt a:hover{ color:#fff}


.links{ float:right;}
#footer{ width:1042px; height:42px; background:url(images/footer_bg.jpg) no-repeat top center; margin:auto; text-align:left; padding-top:20px; padding-left:10px; padding-right:30px;}

.sidebar{ width:193px; float:left; padding-right:27px;}
.subnav{ width:100%;}
.subnav h2{ height:44px;}
.subnav_content{ width:191px;height:auto; border:1px solid #656565; border-top:none; padding-bottom:15px; padding-top:5px;}
.subnav ul .sub1{ margin:auto; height:34px; line-height:34px; background:url(images/sub05.jpg) no-repeat top center; text-indent:38px; }
.subnav ul .sub1 a{ margin:auto;width:181px; display:block; color:#fff; font-size:13px; font-weight:bold;}
.subnav ul .sub1 a:hover{ background:url(images/sub05_hover.jpg) no-repeat top center; color:#fff;}
.subnav ul .sub2{ width:170px; height:25px; line-height:25px; text-indent:34px; margin:3px 5px 3px 10px;}
.subnav ul .sub2 a{color:#c8c8c8;}
.subnav ul .sub2 a:hover{ text-decoration:underline; color:#c40202}

.sub_contact{ width:184px; height:70px; margin:10px auto 5px;}

.main{ width:848px; float:left;}
.crumb{ width:100%; height:40px; background:url(images/sub07.jpg) no-repeat top center; text-align:left; font-size:15px; line-height:40px; text-indent:45px; color:#fff; font-weight:bold}
.crumb span{ float:right; padding-right:10px; font-size:12px; font-weight:normal; color:#c8c8c8}

.article{ width:828px;line-height:22px; padding:10px;}

.channel {height:47px;line-height:47px;position:relative; z-index:1000}
.channel .nav{position:relative;}
.channel li{float:left; list-style:none;margin:0;padding:0;border:0}
.channel a{ cursor:pointer; display:block;margin:0;padding:0;border:0 }
.channel a{float:left;height:47px;line-height:47px;}
/*---------------------------------*/
.channel .nav0 a{width:52px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/nav.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/nav.jpg) -0px -47px;}
/*---------------------------------*/
.channel .nav1 a{width:63px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/nav.jpg) -52px 0;}
.channel .nav1 a:hover{background:url(images/nav.jpg) -52px -47px;}
/*---------------------------------*/
.channel .nav2 a{width:66px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/nav.jpg) -115px 0;}
.channel .nav2 a:hover{background:url(images/nav.jpg) -115px -47px;}
/*---------------------------------*/
.channel .nav3 a{width:67px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/nav.jpg) -181px 0;}
.channel .nav3 a:hover{background:url(images/nav.jpg) -181px -47px;}
/*---------------------------------*/
.channel .nav4 a{width:68px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/nav.jpg) -248px 0;}
.channel .nav4 a:hover{background:url(images/nav.jpg) -248px -47px;}
/*---------------------------------*/
.channel .nav5 a{width:100px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/nav.jpg) -316px 0;}
.channel .nav5 a:hover{background:url(images/nav.jpg) -316px -47px;}
/*---------------------------------*/
.channel .nav6 a{width:103px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/nav.jpg) -416px 0;}
.channel .nav6 a:hover{background:url(images/nav.jpg) -416px -47px;}
/*---------------------------------*/
.channel .nav7 a{width:68px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/nav.jpg) -519px 0;}
.channel .nav7 a:hover{background:url(images/nav.jpg) -519px -47px;}
/*---------------------------------*/
.channel .nav8 a{width:58px;}
.channel .nav8,.channel .off8 a:visited {background:url(images/nav.jpg) -587px 0;}
.channel .nav8 a:hover{background:url(images/nav.jpg) -587px -47px;}
/*---------------------------------*/
.channel .nav9 a{width:74px;}
.channel .nav9,.channel .off9 a:visited {background:url(images/nav.jpg) -645px 0;}
.channel .nav9 a:hover{background:url(images/nav.jpg) -645px -47px;}
/*---------------------------------*/
