@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑";}
ul,ol{list-style: none}
li{vertical-align:middle}
img{border:none;}
body,button,input,select,textarea { font: 14px/1.5 "Microsoft YaHei","Helvetica Neue",Helvetica Neue,Helvetica,Hiragino Sans GB,tahoma,arial,sans-serif }
input,select,textarea { font-size:100%;}
table{border-collpase:collapse;}
a{ color:#333;cursor:pointer;text-decoration:none;}
a:visited{ color:#333;text-decoration:none;}
a:hover{ color:#4178be;text-decoration:none;}
.clearfix:before,.clearfix:after{ display: table;content: " ";  }
.clearfix:after{clear:both;}
button{cursor:pointer; border: none; appearance: none;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none;} 
.fl{float:left;}
.fr{float:right;}
.red{color:#ff0000;margin:0 3px;}
.blue{color:#007eff;}
.blue:hover,.blue:visited{color:#007eff;}
.hide{display:none}
/* 头部 */
 body{color: #666666;}
 .wrapper{ width: 100%; min-width: 1200px;}
.transition{transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;}
.top_dot{ width: 100%; background-color: #e8edee; padding: 15px 0px 0px 0px; box-sizing: border-box;}
.top_dot .dot_container{ width: 1200px; position: relative; min-height: 420px; margin:0px auto; background: url(../img/index/floor_bg.png) no-repeat right bottom;}
.top_dot .dot_title{ font-size: 18px; color: #717171;}
.top_dot .dot_title span{ cursor: pointer; display: inline-block; margin: 0px 5px;}
.top_dot .local_ico{ display: inline-block; vertical-align: middle; width:18px; height: 27px; margin-right: 5px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -381px -41px;}
/* 省市区选择 */
.pro_container{min-height: 460px; max-width: 860px; margin-top: 10px;}
.pro_container .pro_hubei{width: 97px; height: 45px; line-height: 45px; text-align:center;  display: inline-block; vertical-align: top; margin-top: 125px;  color: #fff; font-size: 18px; background-color: #0d5caa;}
.pro_container .inline-block{display: inline-block; vertical-align: top; margin-left: 15px;}
.pro_container .location{width:195px;min-height: 445px; padding: 10px 15px; box-sizing: border-box; border-radius: 5px;}
.pro_container .location a{ display:block; padding:2px 10px; max-width:120px; box-sizing: border-box; color: #333;}
.pro_container .location a.long_text{ max-width:100%;}
.pro_container .location a:hover,.pro_container .location a.active{ color: #fff;background-color: #0d5caa;}
.pro_container .street_content{ min-width:300px;}
.pro_container .city_content{ background:#fff url(../img/index/city_bg.png) no-repeat right top;}
.pro_container .area_content{ background:#fff url(../img/index/county_bg.png) no-repeat right top;}
.pro_container .street_content{ background:#fff url(../img/index/street_bg.png) no-repeat right top;}
.pro_container .street_content .street_inlineblock{ display: inline-block; vertical-align: top; max-width:120px;}
.pro_container .street_content a{ display: inline-block;max-width: 100%;}		
.dot_close{width:80px; text-align: center; color: #0d5caa; position: absolute; right:0px; top: 10px; cursor: pointer;}
.dot_close span{ display: block; width: 21px; height: 21px; margin: auto;}
.dot_close span:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.dot_close p{ margin-top: 10px; font-size: 16px}
/* 头部  */
.hb_header{width: 100%; box-shadow: 0px 0px 7px #e1e7e0;}
.hb_header .hb_header_wrap{ width: 1200px; margin: auto;}
.hb_header .top_left{ float: left; color: #0d5caa;}
.hb_header .top_left a{ display: inline-block; vertical-align: top;}
.hb_header .top_left a.logo_big{ margin:25px 0px 0px 15px;}
.hb_header .top_left .switch_web{ display: inline-block; vertical-align: middle; cursor: pointer; font-size: 15px; margin: 40px 0px 0px 25px; }
.hb_header .top_left .switch_web>i{display:inline-block; vertical-align: middle; width:19px; height:19px;background: url(../img/index/index_sprite.png) no-repeat; background-position: 0px 0px;}
.hb_header .top_right{ float: right; width: 480px; margin-top: 35px;position: relative;}
.hb_header .top_right .form{position: relative;}
.hb_header .top_right .form .show_default{position: absolute; left: 5px; top: 3px; z-index:1;}
.hb_header .show_default>a{ display: inline-block; padding:3px 10px; color: #717171; background-color: #f3f7fb;}
.hb_header .top_right .form>input{ display: inline-block; background-color:rgba(255,255,255,0.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2fffffff,endColorstr=#2fffffff);   z-index: 99; border: none; border-bottom: 1px solid #0d5caa; width: 305px; height:35px; line-height: 35px; outline: none; text-indent: 12px;}
.hb_header .top_right .form button[type=button]{ display: inline-block; width:25px; height: 22px; vertical-align: bottom; background: url(../img/index/index_sprite.png) no-repeat; background-position: -23px 0px; outline: none;}
.hb_header .top_right .form,.hb_header .top_right .partment_btn{ display: inline-block; vertical-align: middle;}
.hb_header .top_right .partment_btn{padding: 0px 15px; height: 35px; line-height: 35px; margin-left: 20px; cursor: pointer; color: #fff; text-align: center; border-radius: 5px; background-color: #4db681;}
.hb_header .top_right .partment_btn>i.ico_partment{background: url(../img/index/index_sprite.png) no-repeat; display: inline-block; width: 21px; height: 21px; vertical-align: middle; background-position: -57px 0px; margin: 0px 3px;}
/*搜索下拉列表*/
.search_list{width: 470px; z-index:10; position:absolute; left: 0px; top: 35px; border: 1px solid #e2e2e2; background-color: #fff; box-shadow: 2px 2px 7px #ddd;}
.search_list .list_part .part_left{ width: 95px; height: 110px; text-align: center; box-sizing: border-box; float: left; border-bottom: 1px solid #e2e2e2;}
.search_list .list_part .part_left>img{ display: block; margin:25px auto 5px auto;}
.search_list .list_part .part_right{ float: right; width: 375px;height: 110px; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; box-sizing: border-box;}
.search_list .part_right ul{margin-top: 10px; }
.search_list .part_right ul li a{ display: block; height: 30px; line-height: 30px; text-indent: 15px; color: #666666; width: 95%;border-left: 3px solid #fff; box-sizing: border-box; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.search_list .part_right ul li a:hover{ border-left: 3px solid #4ab37e; background-color: #f3fbf4;}
.search_list .part_right ul li a span{ color: #0d5caa;}
/*部门下拉列表*/
.partment_listss{ width: 600px; background-color: #fff; position: absolute; left: -128px; top: 50px; z-index: 999;}
.partment_listss>.ico_jt{ display: block; position: absolute; right: 50px; top: -20px;  width: 0px; height: 0px; border: 10px solid transparent; border-bottom:10px solid #eee;}
.partment_listss .list_txt{ border: 1px solid #E2E2E2; box-shadow: 2px 2px 7px #ddd; padding: 15px;box-sizing: border-box;}
.partment_listss .list_txt a{ display:inline-block; color: #333; padding:5px 10px;text-align: center;}
.partment_listss .list_txt a:hover{ background-color: #0d5caa; color: #fff;}
/*导航栏*/
.hb_header .hb_nav ul{width:800px; float: left;}
.hb_header .hb_nav ul li{display: inline-block; margin-right: 60px; font-size: 16px;}
.hb_header .hb_nav ul li a{ display: block; height: 50px; line-height: 50px;} 
.hb_header .hb_nav ul li.active a{ color: #0d5caa;}
.hb_header .hb_nav ul li a i.ico_more{ display: inline-block; vertical-align: middle; width: 20px; height: 11px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -80px -5px;}
.hb_header .hb_nav ul li a:hover{color: #0d5caa;}
.hb_header .hb_nav ul li:hover .ico_more{ background-position: -107px -5px;}
.no_login{ float: right; font-size: 14px; height: 50px; line-height: 50px;}
.no_login a.login_btn{ color: #0d5caa;}
.hb_header .hb_nav ul li.menu_more{ position: relative;}
.hb_header .more{ position: absolute; top: 50px; left: -55px; width: 190px; padding: 0px 10px; box-sizing: border-box; border: 1px solid #E2E2E2; box-shadow: 2px 2px 7px #ddd; background-color: #fff; z-index: 10;}
.hb_header .more ul{width: 100%; margin: 10px 0px;}
.hb_header .more ul li.borderNone{ border: none;}
.hb_header .more ul li{display: block; width: 100%; border-bottom: 1px solid #E2E2E2;}
.hb_header .more ul li a{ display: block; width: 100%; color: #666;padding: 8px 0px; height: 30px; line-height: 30px;}
.hb_header .more ul li a:hover{ background-color: #eee; color: #666;}
.hb_header .more ul li a>i{ background: url(../img/index/index_sprite.png) no-repeat; display:inline-block; vertical-align: middle; width: 27px; height: 25px; margin:0px 8px;}
.hb_header .more ul li a>.more_ico01{background-position: -143px -2px;}
.hb_header .more ul li a>.more_ico02{background-position: -183px -2px;}
.hb_header .more ul li a>.more_ico03{background-position: -221px -1px;}
.hb_header .more ul li a>.more_ico04{background-position: -258px -2px;}
.hb_header .more ul li a>.more_ico05{background-position: -141px -72px;}
.add_new{ text-align:center;}
.hb_header .more ul .add_new  a{ display: block; width: 100%; color: #666;padding: 8px 0px 0 0; height: 30px; line-height: 30px;}
.hb_header .more ul .add_new a:hover{ background-color:#fff;}
.hb_header .more ul .add_new a img:hover{ transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 
transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}

.login{float: right; width:180px; height: 55px; line-height: 55px; cursor: pointer; position: relative; z-index: 5;}
.login .login_content p{ display: inline-block; vertical-align: middle;max-width:90px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.login .ico_header{ display: inline-block; vertical-align: middle; width: 40px; height: 40px;border-radius:50%;overflow:hidden;}
.login .ico_header>img{display:block; width:40px; height:40px;}
.login .ico_more{display: inline-block; vertical-align: middle; width: 20px; height: 11px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -80px -5px;}
.login:hover .ico_more{ background-position: -107px -5px;}
.login .space_list{ position: absolute; top: 55px; left: -40px; width: 190px; padding: 0px 10px; box-sizing: border-box; border: 1px solid #E2E2E2; box-shadow: 2px 2px 7px #ddd; background-color: #fff; }
.login .space_list ul{ width: 100%; margin: 10px 0px;}
.login .space_list ul li.borderNone{ border: none;}
.login .space_list ul li{display: block; width: 100%;  border-bottom: 1px solid #E2E2E2;}
.login .space_list ul li a{ display: block; width: 100%; color: #666;padding: 8px 0px; height: 30px; line-height: 30px;}
.login .space_list ul li a:hover{ background-color: #eee; color: #666;}
.login .space_list ul li a>i{ background: url(../img/index/index_sprite.png) no-repeat; display:inline-block; vertical-align: middle; width: 27px; height: 25px; margin:0px 10px;}
.login .space_list ul li a>.more_ico05{background-position: -340px -2px;}
.login .space_list ul li a>.more_ico06{background-position: -378px -2px;}
.login .space_list ul li a>.more_ico07{background-position: -414px -1px;}
.login .space_list ul li a>.more_ico08{background-position: -450px -2px;}		
.login .space_list ul li a>.more_ico09{background-position: 0px -39px;}
.login .space_list ul li a>.more_ico10{background-position:-421px -41px;}

/* 底部 */
.footer{ width: 100%; background-color: #fff; padding: 40px 0px;}
.footer .footer_conatiner{ width:1200px; margin:0px auto;}
.footer .footer_conatiner .footer_left{float: left; width:700px; margin:25px 0px 0px 70px;}
.footer .footer_pic{ display: inline-block; vertical-align: top; margin-top: 10px;}
.footer .footer_txt{ display: inline-block; vertical-align: top; margin-left: 35px;}
.footer .footer_link { font-size: 16px; color: #6c8298;}
.footer .footer_link i{ font-style: normal; padding: 0px 5px;}
.footer .footer_detail{ max-width:580px; margin-top:5px;}
.footer .footer_detail span{ display: inline-block; margin:0px 20px 3px 0px;}
.footer .footer_detail .address,.footer .footer_detail .bei{ margin-right: 0px;}
.footer .footer_right{ float: right; text-align: center; margin-right: 70px;}
.footer .footer_right .inline-block{ display: inline-block; vertical-align: top; margin-left: 30px;}
.footer .footer_right p{ margin-top: 5px; color: #6c8298;}