@charset "utf-8";
/* CSS Document */

/*公用样式*/
*{ margin:0; padding:0;}
ul li { list-style:none;}
body{ font-size:12px; font-family:"微软雅黑"; color:#272727;}
input, textarea{ font-family:"微软雅黑"; font-size:12px; color:#272727;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img{ border:0;}

.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.clear{ clear:both;}
.main{ width:1000px; margin:0 auto;}
.center{ text-align:center;}
.right{ text-align:right;}



/*头部*/
.header, .headerMain, .topnav ul{ width:100%; float:left;}
.header{ border-top:5px solid #faaf19;}
.logo{ width:465px; float:left;}
.headerRight{ width:500px; float:right;}
.topnav{ width:128px; float:right; background:url(../images/topnavbg.jpg) no-repeat; height:25px; line-height:25px;}
.topnav ul li{ float:left; color:#ffffff;}
.topnav ul li a{ padding-left:7px; padding-right:7px; color:#ffffff;}
.topnav ul li a:hover{ color:#da251c;}
/*nav导航盒子*/
.nav{ width:500px; height:40px; line-height:40px; text-align:center; position:relative; margin-top:40px;}
/*nav-main*/
.nav-main{ width:100%;}

/*导航条设置*/
.nav-main li{width:100px; float:left; display:block; text-align:center; font-size:14px; font-weight:bold;}
.nav-main .cur{ display:block; color:#faaf19;}
.nav-main a{color:#272727;}
.nav-main a:hover{ color:#faaf19;}

/*隐藏盒子设置*/
.hidden-box{ width:100px; background:#fff; position:absolute; display:none; top:30px; z-index:20000000;}
.hidden-box ul, .hidden-box ul li, .hidden-box ul div{ width:100%; float:left;}
.redline{ border-top:2px solid #da241b;}
.hidden-box>ul{ color:#272727;}
.hidden-box li{ height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.hidden-box li a, .hidden-box li a:hover{ color:#272727;}
/*隐藏盒子位置设置*/
.hidden-loc-1{left:0px; top:40px;}
.hidden-loc-2{left:100px; top:40px;}
.hidden-loc-3{left:200px; top:40px;}
.hidden-loc-4{left:300px; top:40px;}
.hidden-loc-5{left:400px; top:40px;}



/*banner*/
.banner{ width:100%; float:left; height:250px;}
.about{ background:url(../images/aboutbanner.jpg) no-repeat center; }
.news{ background:url(../images/newsbanner.jpg) no-repeat center; }




/*position*/
.position, .positionMain{ width:100%; float:left;}
.positionMain{ height:40px; line-height:40px; border-bottom:1px solid #faaf19;}
.positionMain a:last-child{ color:#faaf19;}
.positionMain a{ color:#272727;}


/*body*/
.body, .bodyMain, .channel, .channel div, .channel ul li, .pic, .channelName{ width:100%; float:left;}
.bodyLeft{ width:250px; float:left;}
.channel div{ background:#da241b; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.channel ul{ width:248px; float:left; border:1px solid #ccc; border-top:none; border-bottom:none;}
.channel ul li{ text-align:center; line-height:35px; border-bottom:1px solid #ccc; font-size:14px; font-weight:bold;}
.channel ul li a{ color:#000;}
.channel ul li a:hover, .channel ul li .cur{ color:#faaf19;}


.bodyRight{ width:720px; float:right;}
.channelName{ height:40px; line-height:40px; background:url(../images/channelbg1.jpg) no-repeat left bottom; font-size:16px; font-weight:bold; color:#da241b;}
.pages, .page{ width:100%; float:left; border-top:1px solid #da241b; padding-top:15px;}
.pagesContent{ width:338px; float:right;}
.pagesContent a{ padding:5px 10px; border:1px solid #ccc; margin-left:20px; color:#272727;}
.pagesContent a:hover{ padding:5px 10px; border:1px solid #da241b; margin-left:20px; color:#faaf19;}
.page div{ width:50%; float:left;}
.page div a{ color:#272727;}
.page div a:hover{ color:#faaf19;}

/*footer*/
.footer, .footerMain, .footerNav, .copy, .copyMain{ width:100%; float:left;}
.footer{ background:#faaf19; border-top:3px solid #da251c;}
.footerNav{ background:url(../images/footerbg.jpg) no-repeat; height:200px;}
.footerNav .lastUl{ padding-right:0px!important;}
.footerNav ul{ color:#272727; font-size:14px; font-weight:bold; float:left; padding-right:75px; padding-bottom:10px;}
.footerNav ul li{ line-height:30px; font-size:12px; font-weight:normal;}
.footerNav ul li a, .footerNav ul li a:hover{ color:#272727;}
.copy{ background:#3c3c3c; height:40px; line-height:40px; color:#fff;}
.copyright{ width:80%; float:left;}
.share{ width:140px; float:right; text-align:right; margin-top:5px;}