/* CSS Document */

.top{ height:30px; line-height:30px; background:#16468e; color:#eee;}
.top a{color:#eee;}
.top a:hover{color:#eee; }
.logo{ height:103px;}
.nav{ background:#0f60b0; height:45px;}
.nav li{ float:left;}
.nav li a{ height:45px; line-height:45px; width:137px; text-align:center; display:block; color:#fff; font-size:14px;}
.nav li a:hover{ background:#123455;}
.nav li a.first{background:#123455;}
.lin{ height:1px; clear:both; background:#fff;}



.foot{ background:#336699; height:230px; padding-top:40px;}
.foot_bottom{ background:#214870; height:45px; line-height:45px; color:#fff; text-align:center;}
.foot h1{ font-size:16px; font-weight:bold; color:#fff; padding-bottom:20px;}

.foot p{ color:#fff; line-height:30px;}
.foot p a{ color:#fff; line-height:30px;}


.f1{ border-right:1px solid #80b3e6; width:120px; height:200px; float:left; margin-right:40px;}
.f2{ border-right:1px solid #80b3e6; width:120px; height:170px; float:left;margin-right:40px;}
.f3{ border-right:1px solid #80b3e6; width:190px; height:170px; float:left;margin-right:40px;}
.f4{ border-right:1px solid #80b3e6; width:220px; height:170px; float:left;}
.f5{ width:250px; height:150px; float:right; padding-top:25px;}
.f5 p{ width:115px; text-align:center;}






/* 单个图片幻灯片盒子 - 公用类 */
.slideBox{ width:300px; height:250px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:6px; height:6px;   text-align:center; background:url(../images/fousb.png) no-repeat center center;cursor:pointer; font-size:0; }
.slideBox .hd ul li.on{ background:url(../images/fousv.png) no-repeat center center; }
.slideBox .bd{ position:relative; height:100%; z-index:0; height:250px;   }
.slideBox .bd img{ width:300px; height:250px; border:none !important;}

.slideBox .bd ul li h1{ height:45px; line-height:45px; background:url(../images/menu.png) repeat; position:absolute; bottom:4px; width:300px;}
.slideBox .bd ul li h1 a{ color:#fff; padding-left:15px; font-size:14px; width:220px; overflow:hidden;}

.serch{ height:49px; border-bottom:1px solid #ccc; line-height:50px;}
.products_box ul{ width:110%;}
.products_box ul li{ width:204px; margin-right:20px; float:left; margin-bottom:20px;}
.products_box ul li .pic{ width:205px; height:155px; margin-bottom:5px; display:block;}
.products_box ul li .tit{ height:30px; line-height:30px; background:#2e94cc; color:#fff; width:155px; padding-left:10px;}
.products_box ul li .tit a{ color:#fff;}
.products_box ul li .mo{ width:35px; height:30px; background:#0e64b0; text-align:center;vertical-align: middle;display: table-cell;}
.products_box ul li .mo:hover{ background:#f6850c;}

.pro_tt1{ background:url(../images/tt1.jpg) no-repeat left bottom; height:26px;}
.pro_tt{ height:87px; background:#eee;}
.pro_tt .left{ background:url(../images/pro_tt.jpg) no-repeat center; width:253px; padding-top:17px; height:70px; text-align:center; color:#fff;}
.pro_tt .left .b1{ font-size:24px; font-weight:bold; padding-bottom:5px;}

.pro_tt .right{ text-align:center; width:847px; padding-top:15px;}
.pro_tt .right .b3{ font-size:22px; color:#666; padding-bottom:5px;}
.pro_tt .right .b3 span{ font-size:26px; font-weight:bold; color:#333;}
.pro_tt .right .b4{ text-transform:uppercase; color:#999; font-family:Arial;}


.around_box{ position:relative; width:1190px; height:245px; margin:0px auto;}
.use{  margin-top:15px; overflow:hidden;width:1190px;position: absolute; }
.use .h1{ padding:80px 0 0 0; display:block;}
.use ul{ display:block; float:left; margin-left:10px; margin-right:10px;}
.use ul li { display:inline; float:left;  width:257px; margin-right:20px;}
.use ul li img{  background:#fff; width:257px; height:185px; border:1px solid #ccc;}
.use ul li a span{ display:block; text-align:center; height:35px; line-height:35px; overflow:hidden; color:#333; font-size:14px;}
.use ul li a:hover span {color: #d71d23;}
.around_tit{ text-align:center;}
.around_tit .a1{ font-size:22px; color:#333; padding-bottom:10px;}
.around_tit .a1 span{  color:#1c5b93; font-weight:bold;}
.around_tit .a2{ font-size:15px; color:#666;}



.about{ background-color:#597bbd; padding-bottom:30px; padding-top:30px; background-image:url(../images/about_bg.jpg); background-position:center top; background-repeat:no-repeat; }
.about_bg_top{background:url(../images/about_bg_top.html) repeat-x bottom left; height:11px; display:block; width:100%;}
.about_bg_bot{background:url(../images/about_bg_bot.html) repeat-x bottom left; height:11px; display:block; width:100%;}
.about_tit{ background:url(../images/m_tit.html) no-repeat center center; height:105px;}
.about_box{ font-size:12px; line-height:25px; padding:0px 0px;}
.about_pic{ width:392px; height:270px; margin-right:23px;}
.about_con{ width:685px;}
.about_no{ width:562px;}
.about_no p{  color:#fff; }

.about_tt{ font-size:24px; font-weight:bold; color:#fff; background:url(../images/about_tit.jpg) no-repeat left bottom; height:40px; margin-bottom:15px; margin-top:8px;}
.about_nu a{ width:80px; height:35px; display:block; text-align:center; line-height:35px; float:left;}
.about_nu .mor{ background:#fff; color:#333; margin-right:5px;}
.about_nu .fed{ background:#f2c230; color:#fff;}

.about_nu .mor:hover{ background:#f2c230; color:#fff;  }
.about_nu .fed:hover{ background:#fff; color:#333;}

.about_txt{ line-height:22px;}

.about_meu{ width:100px; padding-top:30px;}
.about_meu a{ width:100px; height:57px; display:block; line-height:57px; background:#06c; color:#fff; text-align:center; margin-bottom:3px; font-size:14px;}
.about_meu a:hover{ background:#f2c230;}


.gg{ height:218px; background:url(../images/gg_bg.jpg) repeat-x;}


.news .right{ width:325px;}
.news .left{ width:725px;}


.news .right .new_con li{ margin-bottom:20px;}
.news .right .new_con li p a{ color:#e21f12; padding-left:30px;}

.news .right .new_con li p{ display:block; height:30px; line-height:30px; background:url(../images/w.jpg) no-repeat left center; margin-bottom:12px;}

.news .right .new_con li div a{ color:#006699; line-height:18px;  height:40px; float:left; width:295px;}
.news .right .new_con li div span{ width:30px; float:left;background:url(../images/d.jpg) no-repeat 0px 5px; height:40px;}



.news .new_tit{ border-bottom:1px solid #ccc; padding:10px 0px; background:url(../images/new_tit_bg.jpg) no-repeat left bottom;} 

.news .new_tit p{ font-size:18px; font-weight:bold; color:#333; float:left;}


.news .new_tit p span{ font-size:12px; color:#666; font-weight:normal; padding-left:5px;}
.news .new_tit a{ float:right; background:url(../images/new_mo.jpg) no-repeat right bottom; padding-right:20px;}


.news .new_con .new1 img{ float:left; margin-right:15px;}
.news .new_con .new1 .bt{ font-size:18px; font-weight:bold; color:#006699;}

.news .new_con .new1 p{ line-height:24px; font-size:12px; padding:5px 0px;}

.news .new_con .new2 .left{ width:47%;}

.news .new_con .new2 .right{ width:47%;}

.news .new_con .new2 li{ line-height:30px;}

.news .new_con .new2 li span{ float:right;}