@charset "utf-8";
/* CSS Document */

.clearfix {
	clear: both;
	line-height:0px;
	height:0px;
}
.clearf {
	
	clear: both;
}
.clf:after{content:"";
	display:block;clear: both;}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height:100%;
}
a:link {
COLOR: #000;
	TEXT-DECORATION: none;
}
a:visited {
 COLOR: #000;
 TEXT-DECORATION: none;
}
a:hover{
	color:#00aeef;
	text-decoration:none
}
img {
	vertical-align: text-bottom;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}
body {
	font-family:"微软雅黑";
	margin: 0; padding:0;	font-size: 12px;
	line-height: 20px;
	color: #464646;
	height:100%;
	background-color:#f9fcff;
	min-width:1060px;
}

.red{ color:#fa2b2b}
 
/*公共*/
.w1000 {
	width:1000px;
	margin:0 auto
}
.w1020 {
	width:1320px;
	margin:0 auto
}
.w1050 {
	width:1000px;
	margin:0 auto
}
.w100{ width:100%}
.fl {
	float:left
}
.fr {
	float:right
}

.fff{ background:#fff;}
/*头部*/
.header {
	background:#00aeef;
	height:52px;
	border-bottom:#98d6ed 1px solid;
	color:#FFF;
	font-size:16px;
 }
.header .w1000 {
	line-height:52px;
}
.header .menu { margin: 0 5px 0 0; position:relative; z-index: 110
}
.header .menu > ul > li {
	float: left;
	position:relative;
	padding:0 17px
}
.header .menu > ul > li > a {
	color:#FFF
}
.header .menu > ul > li > a:hover {
	color:#ccedfa
}

.header .menu > ul > li .qr{ display:none; position:absolute; top:40px; left:-28px;  }
.header .menu > ul > li:hover .qr{ display:block}

.nav {
	background:#FFF;
	height:72px;
	font-size:17px;
	color:#242929
}
.nav img {
	margin:13px 0
}
.nav .menu{ position:relative; z-index: 100}
.nav .menu > ul > li{float: left; position:relative}
.nav .menu > ul > li > a{
	float: left;
	padding:0 22px;
	line-height:67px;
  }
.nav .menu > ul > li:hover{
	color:#00aeef;
	text-decoration:none;
	
	color:#00aeef
}
.nav .menu > ul > li:hover > a{color:#00aeef} 
.nav .menu .current a{color:#00aeef}
.nav .menu .current { float:left; border-bottom: 5px solid #00aeef; }

.nav .menu li .menu_sub{display:none}
.nav .menu li:hover .menu_sub{display:block }
.nav .menu .menu_sub > li > a{
	display:block;
	padding: 10px 0 10px 0;
	text-align:center;
	font-size:15px;
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #fff;
	
}
.nav .menu .menu_sub > li:hover > a{color:#00aeef}
.nav .menu .menu_sub > li:hover{background-image:url(../images/menu_sub_on.png);
	background-repeat: repeat-y;}
.nav .menu .menu_sub { position:absolute; border-top: 5px solid #00aeef; top:67px; left:0; width:110px; background:#f7f7f7; }
.nav .menu li .menu_sub li{ position:relative;}
.nav .menu li .menu_sub li .menu_sub_sub{ display:none}
.nav .menu li:hover .menu_sub_sub{ display:none}
.nav .menu li .menu_sub li:hover .menu_sub_sub{ display:block}
.nav .menu .menu_sub li .menu_sub_sub{ background:#fff; display:none; position: absolute; top:0; left:110px; width:120px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb}
.nav .menu .menu_sub li .menu_sub_sub li a{ display:block;
	padding: 11px 0 11px 22px;
	font-size:15px; 
	background:#fff; 
	}


/* main */
.home01 {
	background-color:#ffffff;
}
.home01 ul li {
	width:25%;
	float:left;
	margin:50px 0 0 0;
	padding:0 0 70px 0
}
.home01 ul li img {
	display:block;
	margin:0 auto;
}
.home01_01 {
	margin:50px 0 0 0;
	font-size:20px;
	text-align:center;
}
/*tab*/


.home02 {
	padding:0 0 10px 0
}
.ct-menu {
	height:60px;
	position:relative;
}
.ct-menu .more{ position:absolute; right:0; top:5px; font-size:20px; padding: 0 20px 0 0; margin: 0 10px 0 0; height:30px; line-height:30px; background-image:url(../images/more.png); background-repeat:no-repeat; background-position: right;}
.ct-menu .more a{ color:#949494}
.ct-menu .more a:hover{ color:#000}
.ct-menu div {
	float:left;
	padding: 17px 20px;
	text-decoration: none;
	font-size: 20px;
	cursor:pointer;
}
.ct-menu div.hover {
	color:#00aeef;
	border-bottom: solid #00aeef 6px;
}
.ct-menu {
	border-bottom:#d1d1d1 1px solid;
	margin:45px 0;
}
.tabimg a img {
	display: block;
	float: left;
	height:177px;
	width:210px
}
.tabimg {
	height:177px;
}
.tabimg li{ float:left}
.tabimg li a{
	float:left;
	height:177px;
	width:200px;
	background-position: center top;
}
.tabimg li a:hover{ background-position:bottom}
.home01 .img{  height:100px;
	width:100px;
	margin: 0 auto;	
	}
.home01 li:hover .img{ background-position:bottom}
.home01 li a{color:#5f5f5f}
.home01 li a:hover{ color:#000}
/*footer*/
.footer ul li {
	width:25%;
	text-align:center;
	height:126;
	line-height:126px;
	float:left;
	font-size:20px;
}
/*banner*/
.hb-img {
	width:100%;
	height:455px;
	background:center no-repeat;
}
.home-banner {
	position:relative;
	height:455px;
 	width:1000px;
	margin: 0 auto;
	overflow:hidden;
	
}  
.bottom-banner{ height:180px; margin: 100px 0 0 0;  line-height:30px;}
.bottom-banner01{background:#2bb6ea url(../images/bbs_home_footer.jpg) no-repeat center center; height:146px; margin:40px 0 0 0;}



.panel_title {
	background:#00aeef; color:#FFF; line-height:48px; font-size:18px; padding:0 20px;
}
.panel_title_center {
	background:#00aeef; color:#FFF; line-height:48px; font-size:18px; padding:0 20px; text-align:center;
}
.panel_title_center a{
	font-size:13px;color:white;
}
.panel_title_center a:hover{ text-decoration:underline;}
.panel_content{border:1px solid #d8d8d8; min-height:70px;}
a.blue_button{ display:inline-block; width:94px;  text-align:center; line-height:36px; background:#00afef; color:#fff; font-size:14px;border-radius:5px;}
a.blue_button img{
	display:inline-block; vertical-align:middle; margin-right:3px;
}
.grid_panel{
	width:100%;padding:0;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-collapse:collapse;border-spacing:0;font-size:14px;
}
.grid_panel .gray_bg{
	background:#eeeeee;
}
.grid_panel th{
	height:53px;
	text-align:center;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.grid_panel td{
	height:43px;
	text-align:center;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.grid_panel td img{ vertical-align:middle;}
.grid_panel td a:hover{ text-decoration:underline;}
.width_limit {
	display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

.pagination a:visited {

}

.pagination {
	width:100%;
	float:left;
	 PADDING-BOTTOM: 5px;  PADDING-TOP: 50px; TEXT-ALIGN: center; height:40px
        }

.pagination a, .pagination span {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.05);
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.05);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.05);
	background-color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7));
	background: -webkit-linear-gradient(top, #fff, #f7f7f7);
	background: -moz-linear-gradient(top, #fff, #f7f7f7);
    background: -ms-linear-gradient(top, #fff, #f7f7f7);
	padding: 6px 10px;
	margin: 0 4px;
 	COLOR: #767676;
	TEXT-DECORATION: none;
	border: 1px solid #c4c4c4;
}
.pagination a:hover {padding: 6px 10px;
	margin: 0 4px;display: inline;
	background-color: #e8e8e8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e8e8e8));
	background: -webkit-linear-gradient(top, #fff, #e8e8e8);
	background: -moz-linear-gradient(top, #fff, #e8e8e8);
    background: -ms-linear-gradient(top, #fff, #e8e8e8);
	border: 1px solid #9a9a9a;
}
.pagination  a:active { 
   box-shadow:1px 1px 7px #d7d7d7 inset;
   -moz-box-shadow:1px 1px 7px #d7d7d7 inset;
   -webkit-box-shadow:1px 1px 7px #d7d7d7 inset;
   }

.pagination .current {
 	background-color: #504574;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#069ed8), to(#069ed8));
	background: -webkit-linear-gradient(top, #069ed8, #069ed8);
	background: -moz-linear-gradient(top, #069ed8, #069ed8);
    background: -ms-linear-gradient(top, #069ed8, #069ed8);
 	border: 1px solid #0093cb;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;
	COLOR: #fff;
  	TEXT-DECORATION: none;
}

.pagination .current.prev, .pagination .current.next{
	background-color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7));
	background: -webkit-linear-gradient(top, #fff, #f7f7f7);
	background: -moz-linear-gradient(top, #fff, #f7f7f7);
    background: -ms-linear-gradient(top, #fff, #f7f7f7);
	padding: 4px 9px 4px 9px;
	MARGIN-RIGHT: 5px;
 	COLOR: #767676;
	TEXT-DECORATION: none;
	border: 1px solid #c4c4c4;
}

.layui-layer-title {
	background-color: #32afeb !important;
	text-align: center !important;
	color: #FFFFFF !important;
	padding: 0 !important;
	font-size: 16px !important;
}

a[disable]{ opacity:0.5; cursor:default; pointer-events:none}
.location_nav { font-size: 14px;line-height: 40px; background:url(../images/1_03.png) no-repeat; background-position:0 12px; padding-left:18px; }
.location_nav a.on{ color:#32afeb;}
.tabpanel1{ border-bottom:1px solid #dcdcdc; margin:30px auto 10px auto; }
.tabpanel1 li{float:left; padding:0 0 0 106px; }
.tabpanel1 li .all_width{float:left; padding:0 0 0 106px; }
.tabpanel1 li a{ display:block;  width:150px; text-align: center; font-size:18px; line-height:20px; color:#000;margin:0 0 6px 0}

.tabpanel1 li.on a,.tabpanel1 li a:hover{color:#00aeef; text-decoration:none;padding: 0 0 4px 0;border-bottom:6px solid #32afeb; margin:0;}
.tabpanel1 li.on a{ color:#00aeef;}

.tabpanel2{ height:50px; background:#fff; margin:0 auto 9px auto; border-bottom:1px solid #c3c3c3}
.tabpanel2 ul li{  float:left; width:188px; text-align:center; line-height:50px; font-size:20px;}
.tabpanel2 ul li a{color:#32afeb; display:block;}
.tabpanel2 ul li.on a,.tabpanel2 ul li:hover a{ background:#32afeb; color:#FFF}
.tabpanel2 ul li a i{ display:block; float:left;border-radius:25px; position:relative; left:40px; top:22px;width:10px; height:10px; background:#fff;}

a.gray_button{ display:inline-block; width:94px;  text-align:center; line-height:36px; background:#A3A0A0; color:#fff; font-size:14px;border-radius:5px;}