@charset "utf-8";

body{ font:12px/1.5 "Microsoft YaHei"; color:#333;margin:0; padding:0; line-height:20px; background:#eeeeee;}
div,span,p{ margin:0; padding:0;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color: #00a0e9; text-decoration:none;}
img{ border:none; margin:0; padding:0;}
table,tr,th,td,form,input{ margin:0; padding:0;} 
.clear{ clear:both;}

#head{ width: 100%;}
.top{ width: 100%; background: #dddddd;}
.top_main{ width: 1020px; height: 40px; line-height: 40px; margin: 0 auto; overflow: hidden;}
.top_left{ float: left; padding-top: 5px; width: 50%;}
.top_right{ float: right; color: #666;}
.top_right img{ vertical-align: middle;}
.top_right a{ margin: 0 10px;}
.logo{ width: 1020px; height: 90px; margin: 0 auto;}
.logo_img{ display: block; width: 165px; height: 53px; float: left; position: relative; top: 18px; }
.search{ float: right;  width: 602px; height: 70px; background: url(../images/search.gif) no-repeat; position: relative; top: 27px;}
.search .search_l{ width: 220px;height:70px;float: left;}
.search .search_l .text{ width: 130px; padding: 0 10px; height: 35px; line-height: 35px; border:none; color: #FFF; background: none; float: left;}
.search .search_l .submit{ width: 35px; height: 35px; border:none; cursor: pointer; margin-left: 10px; background: none;}
.search .tel{width:350px;height:70px;float:right;padding-left:20px;line-height:25px;font-size:16px;margin-top:-20px;}
.nav{ width: 100%; height: 50px; background:#2B7BD5; line-height: 50px; overflow: hidden;}
.nav_main{ width: 1020px; margin: 0 auto; overflow: hidden;}
.nav_main li{ float: left;}
.nav_main li a{ display: block; padding:0 20px; font-size: 14px; color: #FFF;}
.nav_main li a:hover{background: #6C0; color: #FFF;}
.nav_main li.act{background: #6C0; color: #FFF;}
.nav_main img{ vertical-align: middle; padding: 0 5px;}
.nav_son{position:absolute; z-index: 99; top: 180px; height: 100px; display: none;}
.nav_left{ height: 160px; padding: 10px 0;background:#6C0;}
.nav_left li{float: none; padding: 0 15px; line-height: 40px; _line-height: 20px;}
.nav_mid_ul{height: 90px; padding: 20px 0; position: absolute; right: -100px; top: 0; background:#bfbfbf; display: none;}
.nav_mid_ul li a{width: 60px; padding: 0; overflow: hidden;  line-height: 40px; _line-height: 20px; text-align: center;}
.nav_mid_ul li a:hover{background: none;}



.nav_box{ width:450px; height: 200px; padding: 20px; position: absolute; top: 0; right: -490px; overflow: hidden; background: #FFF; display: none;}
.nav_box li{ float: left; width: 150px; height: 110px; margin: 0; padding: 0;}
.nav_box li a{ text-align: center; padding: 0; color: #666;margin: 0; padding: 0;}
.nav_mid_li .nav_son_img{ width: 130px; height: 70px; display: block; margin: 0 auto;}
.nav_son_img img{border:1px solid #d8d8d8; padding: 0;}
.nav_box li .nav_son_title{display: block; width: 130px; margin: 0 auto;height: 25px; line-height: 25px; background:#d8d8d8;}
.nav_box li a:hover{background: none;}
.nav_box li .nav_son_title:hover{background:#d8d8d8}
.nav_box img{ padding: none}

/*首页幻灯片*/
.moduletable-banner{width:100%;height:auto;margin:0 auto;position:relative;background:url(../images/banner_loading.png) center center no-repeat;}
ol,ul{list-style:none;}
.flexslider{width:100%;height:100%;overflow:hidden;}
.flexslider .slides > li{display:none;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides{display:block;}
* html .slides{height:1%;}
.no-js .slides > li:first-child{display:block;}
.flexslider{position:relative;zoom:1;}
.flexslider .slides{zoom:1;}
.flexslider .slides > li{position:relative;}
.flex-caption{background:none;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1;}
.flex-caption{width:96%;padding:2%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px;}
.flex-direction-nav{height:0;overflow:hidden;}
.flex-direction-nav li a{display:none;width:47px;height:80px;position:absolute;top:30%;cursor:pointer;text-indent:-9999px;}
.flex-direction-nav li a.next{right:0;background:url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next:hover{}.flex-direction-nav li a.next:active{background:url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left:0;background:url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev:hover{}
.flex-direction-nav li a.prev:active{background:url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;}
.flex-control-nav{position:absolute;bottom:0;right:0;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline;margin-right:10px;margin-bottom:6px;}
.flex-control-nav li a{display:block;width:10px;height:10px;background:url("../images/bg_control_nav-0.png") no-repeat scroll 0 0 transparent;cursor:pointer;text-indent:-9999px;}
.flex-control-nav li a:hover{background:url("../images/bg_control_nav-1.png") no-repeat scroll 0 0 transparent;}
.flex-control-nav li a.active{background:url("../images/bg_control_nav-1.png") no-repeat scroll 0 0 transparent;cursor:default;}

#foot{ margin: 50px auto 0; width: 100%; height: 220px; background:#333; position: relative;border-top:#36C 4px solid;}
.foot_main{ float:left;width:70%; margin: 0 auto;}
.nav_foot{width:400px;margin:0 auto; padding: 30px 0 10px 240px;}
.nav_foot li{ width: 80px; float: left;}
.nav_foot li a{ display: block; width: 70px; height: 25px; line-height: 25px; text-align: center; background:#555; color: #FFF; margin: 0 auto;}
.nav_foot li a:hover{ background:#36C;}
.foot_main p{ text-align: center; color: #888;padding-left:200px;font-size:14px;line-height:28px;}
.foot_main p a{ color: #888;}
.erweima{ float:right;width:30%; margin-top: 30px;}
.erweima div{ float: left; width: 120px; height: 130px; line-height: 30px; color: #FFF; text-align: center;}
.page{ width: 100%; padding: 10px 0 20px; text-align: center;}
.page  a{ padding: 5px 8px; margin:0 4px; color: #333;}
.page  a:hover{ background: #00a0e9; color: #FFF;}
.pre_next{  margin: 30px auto 0; color: #666;}
.pre_next a{ color: #666;}
.pre_next span{ padding:0 5px; }
.pre{ width: 250px; height: 25px; line-height: 25px; float: left; text-align: left; overflow: hidden;}
.next{ width: 250px; height: 25px; line-height: 25px; float:right; text-align: right; overflow: hidden;}
.gotop{position: fixed; width: 38px; height: 38px; bottom:50px; cursor: pointer; right: 50px; _position: absolute; _right: auto}