﻿/* CSS Document */
*{margin:0;padding:0;}
body{ font-size:12px; margin:0 auto;  padding:0;  width:100%; height:100%; font-family:"Microsoft Yahei",Arial, Helvetica,sans-serif;}
img{ border:none; }
li{ list-style:none;}
a{ color:#000000; text-decoration:none;cursor:pointer;}
a:hover{ color:#CB3301;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both;}
.w1100{width:1100px;margin:0 auto;}
.red{color:red;}

.top{overflow:hidden;width:980px;margin:0 auto;}
.top .gwyb{margin:30px 0 0 80px;}
.top .pho_in{margin-top:20px;}

.nav{ width:995px; height:32px; margin:0 auto; background:url(../images/nav_bg.jpg) no-repeat left top; line-height:32px; color:#ffffff; font-weight:bold; font-size:14px; text-align:center; 
overflow:hidden;}
.nav a.border_none{ background:none;}
.nav a{ color:#ffffff; padding:0 10px; background:url(../images/nav_line.jpg) no-repeat right center; margin:0; }
.nav a:hover{color:#fff100;}
.blank2{ clear:both; height:2px;  overflow:hidden;}
.blank5{clear:both; height:5px;  overflow:hidden;}
.blank10{clear:both; height:10px;  overflow:hidden;}
.red{ color:#ff6201;}

.banner { margin:0 auto;}

.dao_bei{ background:url(../images/daohang.jpg) repeat-x; width:100%px; height:45px; line-height:45px; overflow:hidden;}
.dao_bei ul { width:1000px; margin:0px auto; display:block; height:45px; line-height:45px;}
.dao_bei ul li{ float:left; font-size:15px;margin-right:20px;text-align:center; font-weight:bold; text-align:center; overflow:hidden;   }
.dao_bei ul li a{ color:#fff; padding:0 15px; height:45px; line-height:45px; display:block; float:left;   }
.dao_bei ul li a.yuyuegh {
    background: url(../images/target.jpg) no-repeat scroll 0 0 transparent;
    margin-left: 2px;
    margin-right: 0;
}
.dao_bei ul li a.yuyuegh:hover { color:#fff;}
.dao_bei ul li a:hover{ color:#077abe; background-color:#d4eaff; display:block; float:left;  height:45px; line-height:45px; }
.huandeng{ width:1600px; margin:0px auto; height:350px; overflow:hidden;}




/**分类**/
.icon{ background:url(../images/fei_box.jpg) repeat-x; width:980px; height:80px; overflow:hidden; margin:0px auto;}
.icon li:hover h2 a{ font-weight:bold;}
.icon_1{ background:url(../images/ltx_right.jpg) no-repeat right 3px;}
.icon_1 div{ background:url(../images/bdf_renwu1.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_1 div:hover{ background:url(../images/bdf_renwu1_1.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }
.icon_1 div h2,.icon_2 div h2,.icon_3 div h2,.icon_4 div h2,.icon_5 div h2,.icon_6 div h2,.icon_7 div h2{  font-size:14px;  }
.icon_1 div h2 a,.icon_2 div h2 a,.icon_3 div h2 a,.icon_4 div h2 a,.icon_5 div h2 a,.icon_6 div h2 a,.icon_7 div h2 a{ color:#1589cb; font-weight:normal; }
.icon_1 div h2 a:hover,.icon_2 div h2 a:hover,.icon_3 div h2 a:hover,.icon_4 div h2 a:hover,.icon_5 div h2 a:hover,.icon_6 div h2 a:hover,.icon_7 div h2 a:hover{ color:#1589cb; font-weight:bold; }
.icon_1 span,.icon_2 span,.icon_3 span,.icon_4 span,.icon_5 span,.icon_6 span,.icon_7 span{ color:#595a5e;}
.icon_1 a,.icon_2 a,.icon_3 a,.icon_3 a,.icon_4 a,.icon_5 a,.icon_6 a,.icon_7 a{ color:#f00900;}
.icon li{ padding-left:10px;  width:129px;  float:left;}
.icon_2{ background:url(../images/ltx_right.jpg) no-repeat right 3px; }
.icon_2 div{ background:url(../images/bdf_renwu2.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_2 div:hover{ background:url(../images/bdf_renwu2_2.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }

.icon_3{ background:url(../images/ltx_right.jpg) no-repeat right 3px; }
.icon_3 div{ background:url(../images/bdf_renwu4.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_3 div:hover{ background:url(../images/bdf_renwu4_4.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }

.icon_4{ background:url(../images/ltx_right.jpg) no-repeat right 3px;}
.icon_4 div{ background:url(../images/bdf_renwu9.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_4 div:hover{ background:url(../images/bdf_renwu9_9.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }

.icon_5{ background:url(../images/ltx_right.jpg) no-repeat right 3px; }
.icon_5 div{ background:url(../images/bdf_renwu5.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_5 div:hover{ background:url(../images/bdf_renwu5_5.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }

.icon_6{ background:url(../images/ltx_right.jpg) no-repeat right 3px; }
.icon_6 div{ background:url(../images/bdf_renwu8.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_6 div:hover{ background:url(../images/bdf_renwu8_8.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }

.icon_7{ background:url(../images/ltx_right.jpg) no-repeat right 3px; }
.icon_7 div{ background:url(../images/bdf_renwu7.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px;  }
.icon_7 div:hover{ background:url(../images/bdf_renwu7_7.jpg) no-repeat left 15px; display:block; padding-left:30px; line-height:20px; padding-top:15px; }



.margin{ width:1000px; margin:0 auto;}
#wNav{ height:50px; background:#1787c7;}
.wNav{ height:50px;}
.wNav a{ font-size:16px; color:#fff; height:50px; line-height:50px;
width:125px; float:left; text-align:center;}
.wNav a:hover{ font-size:16px; color:#fff; height:50px; line-height:50px;
width:125px; float:left; text-align:center;}
.wNav .active{ background:#0172b2;}


.footer_ztyy{ background:#006DB8; overflow:hidden; margin-bottom:-15px;}
.footer{ padding: 30px 0 60px; overflow:hidden;}
.footer .f_logo{width: 300px; border-right: 1px dashed #007bf9;  margin-right: 15px; text-align: center; padding:30px 30px 50px 0;}
.footer .f_center{overflow:hidden;width:340px;}
.f_center ul{overflow:hidden;margin-bottom:15px;}
.f_center ul li{float:left;margin-left:10px;}
.f_center ul li a{display: block; color: #94bae3; font-size: 14px;}
.f_center .f_text{margin-left:10px;}
.f_text h3{font-size:14px;font-weight:normal;color:#fff;margin-top:5px;}
.f_text span{font-size:30px;}
.f_text .dizhi{margin-top:20px;line-height:24px;}


/*banner*/
#banner { height: 480px; position: relative; overflow: hidden; margin-bottom:10px;}
#banner .banner-small-main { height: 84px; width: 100%; margin:0px auto; position: absolute; left: 0; bottom: 5px; }
#banner .banner-small-mask { height: 100%; width: 100%; background: #000; position: absolute; left: 0; top: 0; opacity: 0.4; filter: alpha(opacity=40); z-index: 7; }
#banner .banner-small-box { position: relative; z-index: 8;margin-top: 5px; width: 600px; clear: both;  *zoom: 1;}
#banner .banner-small-box:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; font-size: 0; }
#banner .banner-small-box div,
#banner .banner-small-box span { float: left; }
#banner .banner-small-box span.banner-prev,
#banner .banner-small-box span.banner-next { width: 20px; height:62px; border: 2px solid transparent; -moz-user-select: none; }
#banner .banner-small-box span.banner-prev { background: url(../images/arrowl.png) center no-repeat; margin-right: 10px;}
#banner .banner-small-box span.banner-next { background: url(../images/arrowr.png) center no-repeat;}
#banner .banner-small-box div.banner-small-move { position: relative; width: 300px; height: 68px; overflow: hidden; }
#banner .banner-small-box div.banner-small-text,
#banner .banner-small-box div.banner-small-tel { margin: 12px 0 0 4px;}
#banner .banner-small-box div.banner-small-text a {padding:0 5px; color: #ffffff; font-size: 20px; line-height: 38px; }
#banner .banner-small-box div.banner-small-text img{}
#banner ol { clear: both;  *zoom: 1;transition: 0.4s; width: 4000px; position: absolute; left: 0; top: 0; }
#banner ol:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; font-size: 0; }
#banner ol li { float: left;margin-right:10px; width: 134px; height: 68px; }
#banner ol li img {  opacity: 0.6; filter: alpha(opacity=60); transition: 0.4s; width: 134px; height: 68px; }
#banner ol li.banner-small-last-li { padding-right: 0; }
#banner ol li.active img { opacity: 1; filter: alpha(opacity=100); }
#banner ol li:hover img { opacity: 1; filter: alpha(opacity=100); }
#banner ul { height: 100%; position: relative; }
#banner ul li { transition: 0.4s; opacity: 0; filter: alpha(opacity=0); height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
#banner ul li a { height: 100%; width: 100%; background-position:center center; background-repeat:no-repeat; display: inline-block;}
#banner ul li .banner_b1 { background-image: url(../images/banner_b1.jpg)}
#banner ul li .banner_b2 { background-image: url(../images/banner_b2.jpg) }
#banner ul li .banner_b3 { background-image: url(../images/banner_b3.jpg) }
#banner ul li .banner_b4 { background-image: url(../images/banner_b4.jpg) }
#banner ul li .banner_b5 { background-image: url(../images/banner_b5.jpg) }
#banner ul li .banner_b6 { background-image: url(../images/banner_b6.jpg) }
#banner ul li .banner_b7 { background-image: url(../images/banner_b7.jpg) }
#banner ul li.active { z-index: 5; filter: alpha(opacity=100); opacity: 1; }


