@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ background:#e1e1e1; font:12px Microsoft YaHei; color:#666;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#888;}
img{ border:0;}
ul,ol{ list-style:none; list-style:none;}
li{ margin:0 auto; vertical-align:bottom;}

.header{ width:auto; overflow:hidden; position:relative; z-index:1000; background:url("../img/nav_bg.png") repeat-x;}
.header_l{ background:url("../img/nav_l.png") no-repeat; width:10px; height:78px; float:left;}
.header_r{ background:url("../img/nav_r.png") no-repeat; width:10px; height:78px; float:right;}
.header_bg{ width:1080px; height:78px; margin:0 auto;}
.logo{ float:left; margin-top:10px;}
.nav{ float:right; width:750px; position:relative;}
.nav ul{ overflow:hidden; position:relative; z-index:11; float:right;}
.nav ul li{ float:left; width:75px; text-align:center; line-height:72px;}
.nav ul li a{ color:#F0F0F0; display:block;}
.nav span{ display:block; position:absolute; top:0; left:0; width:75px; height:72px; z-index:10; background:url("../img/nav_hover.png") no-repeat center;}

.banner{ width:100%; height:480px; position:relative; margin-top:-78px; overflow:hidden;}

.main{ width:auto; background:url("../img/main_bg.jpg") repeat-x top; padding-top:50px;}
.main .main_bottom{ height:50px; background:url("../img/main_bottom.jpg") repeat-x;}

.main .main_div{ width:1080px; margin:0 auto; overflow:hidden;}
.main_div .box1{ background:url("../img/box1.png") no-repeat; width:505px; height:258px; padding:15px; margin-bottom:10px;}
.main_div .box1 .bar{ height:44px; background:url("../img/bar.png") repeat-x bottom; margin-bottom:14px;}
.main_div .box1 .bar .bar_span{ float:left; background:url("../img/bar_ge.png") no-repeat right center #f8f8f8; padding-right:42px;}
.main_div .box1 .bar .spanCn{ font-size:20px; display:block; line-height:24px; color:#000;}
.main_div .box1 .bar .spanCn font{ color:#cc0000;}
.main_div .box1 .bar .spanEn{ display:block; line-height:20px;}
.main_div .box1 .bar .more{ margin-top:20px;}
.main_div .box1 .cont{ overflow:hidden;}

.main_div .box2{ background:url("../img/box2.png") no-repeat; width:505px; height:208px; padding:15px; margin-bottom:10px;}
.main_div .box2 .bar{ height:38px; line-height:38px; background:url("../img/bar.png") repeat-x bottom; margin-bottom:14px;}
.main_div .box2 .bar .bar_span{ float:left; padding-right:42px;}
.main_div .box2 .bar .spanCn{ font-size:20px; color:#000;}
.main_div .box2 .bar .spanCn font{ color:#cc0000;}
.main_div .box2 .bar .spanEn{ margin-left:10px;}
.main_div .box2 .bar .more{ margin-top:15px;}

.main_div .boxF .bar{ height:38px; line-height:38px; background:url("../img/bar.png") repeat-x bottom; margin-bottom:14px;}
.main_div .boxF .bar .bar_span{ float:left; padding-right:42px;}
.main_div .boxF .bar .spanCn{ font-size:20px; color:#000;}
.main_div .boxF .bar .spanCn font{ color:#cc0000;}
.main_div .boxF .bar .spanEn{ margin-left:10px;}
.main_div .boxF .cont{ overflow:hidden;}
.main_div .boxF .cont a img{ height:50px; width:120px; float:left; margin:7px;}

.main_div .more{ float:right;}

.about{ line-height:25px; text-indent:2em;}
.about img{ float:left; margin-right:10px;}

.newsOne{ overflow:hidden; margin-bottom:10px;}
.newsOne img{ float:left; height:90px; margin-right:10px;}
.newsOne .NewsName{ font-weight:bold; line-height:30px;}
.newsOne .NewsName a{ color:#000;}
.newsOne .NewsCont{ line-height:20px; text-indent:2em;}
.newsOne .NewsTime{ line-height:20px;}
.newsOne .NewsTime a{ float:right;}

ul.news{ width:250px; float:right;}
ul.news li{ line-height:25px; overflow:hidden; background:url("../img/news_dot.gif") no-repeat 4px center; padding-left:10px;}
ul.news li a{ float:left;}
ul.news li span{ float:right}

ul.Flash{}

ul.photo{ overflow:hidden;}
ul.photo li{ float:left; margin:0 4px;}

ul.photo a img{ height:135px; display:block;}
ul.photo a p{ text-align:center; line-height:21px;}

ul.BLink{ overflow:hidden;}
ul.BLink li{ float:left; width:33.333333%; height:76px; transition:all 0.2s ease-in-out 0s}
ul.BLink li.BL01{ background:url("../img/BLink/01.png") 24px 0 no-repeat #1bd1c7;}
ul.BLink li.BL02{ background:url("../img/BLink/02.png") 24px 0 no-repeat #2caae4;}
ul.BLink li.BL03{ background:url("../img/BLink/03.png") 24px 0 no-repeat #8f3cc3;}
ul.BLink li.BL04{ background:url("../img/BLink/04.png") 24px 0 no-repeat #d94cb6;}
ul.BLink li.BL05{ background:url("../img/BLink/05.png") 24px 0 no-repeat #dabf62;}
ul.BLink li.BL06{ background:url("../img/BLink/06.png") 24px 0 no-repeat #48c256;}

ul.BLink li:hover{ background-position:24px -76px;}

ul.BLink li a{ color:#FFF; font-size:16px; line-height:76px; display:block; padding-left:80px;}

.footer{ background:#333; line-height:24px; padding:30px 0 20px;}
.footer .foot{ width:650px; margin:0 auto; overflow:hidden;}
.footer .foot .footl{ float:left; width:382px;}
.footer .foot .footr{ float:right; width:238px; border-left:2px solid #aaa; padding-left:15px; min-height:72px;}

.footer .foot .footl span{ padding-left:26px; font:12px/24px "Microsoft YaHei";}
.footer .foot .tell{ background:url("../img/footIco.png") no-repeat 0 0; float:left;}
.footer .foot .faxs{ background:url("../img/footIco.png") no-repeat 0 -24px; float:left;}
.footer .foot .mail{ background:url("../img/footIco.png") no-repeat 0 -48px; float:left; margin-left:22px;}
.footer .foot .addr{ background:url("../img/footIco.png") no-repeat 0 -72px; float:left;}

.clear{ clear:both;}