a{ color:#333; text-decoration:none;}
a:hover{ color:#999; -webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;
-o-transition:  0.2s ease-in 0s;}
img{ border:0px;margin:0px;}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
div{ height:auto;}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none
}
header,.m_top,.mb_show,.mbot,.m_case,.m_banner,.mbot,.mb_banner{ display:none;}
.fl{ float:left;}
.fr{ float:right;}

.header{width:100%; line-height:37px; font-size:12px; background:#F4F4F4; color:#666; border-bottom:1px solid #CCCCCC;}
.header a{ color:#666; padding-left:6px; padding-right:6px;}
.hd_txt{ float:left;}
.topbar_r_wx{ float:left; position:relative;z-index:2000;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer;}
.topbar_r_wx:hover div{ display:block; top:37px; right:-20px; z-index:2000; padding:8px; background:#fff;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.h_top{width:100%; padding-top:32px; padding-bottom:37px;}
.h_top .tel{ padding-top:24px;}
.h_top .tel .orange{ color:#FF9900; font-size:1.5625em; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}


.pagemenu{ width:100%; float:left; background:#3399FF; height:53px; border-bottom:3px solid #1D7BB9;}
.pagemenu .menu{ width:10.5%;line-height:53px; font-size:20px; float:left; color:#fff; margin-right:2%;}
.pagemenu .menu a{color:#fff; width:100%; float:left; text-align:center;}
.pagemenu .menu a:hover{ background:#1D7BB9;}
.pagemenu .menu a.on{background:#1D7BB9;}

.cp_banner{ width:100%; height:520px;float:left; text-align:center;}
.banner_m{ display:none;}
.fullSlide {width:100%;position:relative;height:520px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:520px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:520px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;line-height:999px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .hd ul .on {background:#3399FF;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	top:50%;margin-top:-30px;left:5%;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}

.pagemain{ width:100%; float:left; padding-top:45px; padding-bottom:45px;}
.left{ width:23.5%; float:left; padding-right:1%;}
.right{ width:75.5%; float:left;}
.l_title{ width:100%; height:50px; background:#3399FF; font-size:25px; line-height:50px;}
.l_title .fl{ text-align:center; width:70%;}
.l_title .fr{ padding-top:6px}
.l_title .fl a{ color:#fff;}
.l_class{ width:100%; float:left; margin-top:15px; }
.l_class a{ width:99.7%; float:left;border:1px solid #E5E5E5; background:#EEEEEE; text-align:center; line-height:47px; font-size:20px;}
.l_class a:hover{border:1px solid #FFDF1A; background:#FFDF1A; color:#fff;text-shadow:1px 1px 1px #000;}

.single-department {
	transition: all 0.3s ease-in-out 0s;
	width: 31.33%;
	padding-left:1%;
	padding-right:1%;
	float:left;
	text-align:center;
}
.single-department a {
	position: relative;
	display: block;
	transition: all 0.3s ease-in-out; 
}
.single-department img {
	width: 95%;
	padding:5px;
	height:200px;
	border:1px solid #DFDFDF
}
.single-department a:before {
	background: rgba(220, 220, 220, 0.2);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	visibility: hidden; 
}
.single-department h3 {
	padding:15px 0;
	transition: all 0.3s ease-in-out; 
	font-size:16px;
}
.single-department:hover {
	background: rgba(220, 220, 220, 1);
	transform: scale(0.9); 
}
.single-department:hover h3 {
	color: #0068B7; 
}
.single-department:hover a:before {
	visibility: visible;
	opacity: 1; 
}

.adv{ width:100%; float:left; background:url(../images/blue_lie.jpg); padding-top:32px; padding-bottom:24px; text-align:center;}
.about{ width:100%; float:left; background:#EFEFEF; padding-top:70px; padding-bottom:45px;}
.a_left{ width:64.5%; float:left;}
.a_right{ padding-top:15px;}
.a_left h1{ color:#3399FF; font-size:30px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.a_left h1 span{ color:#999999; font-size:16px;}
.a_left p{ border-top:1px solid #fff; padding-top:20px; line-height:200%;}
.a_left p .more{ width:200px; height:54px;text-align:center; float:left;line-height:54px; background:#FFDF1A; font-size:20px; margin-top:30px; margin-left:50px;}
.a_left p .more:hover{ background:#3399FF; color:#fff;}

.why{ width:100%; float:left; padding-top:45px;}
.why_tit{ width:100%; float:left; border-bottom:1px solid #e5e5e5; padding-bottom:25px;}
.why_list{ width:50%; float:left;  padding-top:30px; padding-bottom:30px;}
.why_list h1{ font-size:25px; padding-bottom:12px;}
.why_list p{ background:url(../images/zhu.jpg); padding-left:32px; background-repeat:no-repeat; line-height:30px; font-size:15px;}
.bd_line{border-bottom:1px solid #E5E5E5;}

.newss{ width:100%; float:left; background:#efefef; padding-top:38px; padding-bottom:50px;}

.n_list{ width:47%; float:left;}
.n_lists{width:47%; float:left; padding-left:6%;}
.n_tit{ width:100%; float:left; border-bottom:1px solid #ccc; padding-bottom:15px;}
.n_tit p{ color:#666; font-size:14px; margin-top:20px}
.n_tit p a{ color:#666;}
.n_con{ width:100%; float:left; padding-bottom:15px; padding-top:25px;}
.n_con .n_img{ width:30%; float:left; padding-right:3%}
.n_con .n_img img{ width:100%; height:110px;}
.n_con .n_txt{ width:67%;float:left;}
.n_con .n_txt .n_txt_tit{ width:100%; line-height:37px; float:left;}
.n_con .n_txt .n_txt_tit .fl{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.n_con .n_txt p{ font-size:14px; line-height:200%; color:#666;}
.news_con{ width:100%; float:left;line-height:200%;}
.frk{ width:100%; float:left; background:#3399FF; line-height:60px; color:#fff;}
.frk a{ color:#fff;}

.pagebot{ width:100%; float:left; background:#1D7BB9; padding-top:22px; padding-bottom:22px; color:#fff;}
.pagebot a{ color:#fff;}
.add{ float:left; padding-left:12%; line-height:200%; margin-top:26px; text-align:center;}
.pagebot .fr img{ background:#fff; padding:8px; margin-bottom:8px;}
.pagebot .fr div{ text-align:center;}

.fnt30{ font-size:30px;}
.fnt14{ font-size:14px;}
.blue{ color:#3399FF;}
.color_green{ color:#0F6540;}
@media(max-width:480px){
body{ font-size:14px;}
h1,h2{ font-size:16px;}
.header,.h_top,.cp_show,.b_menu,.m_left,.cp_banner,.pagemenu,.frk,.bot_logo,.l_title{ display:none;}
.m_top,.bot,.m_l_class,.mb_banner,.mb_show{ display:block;}
.mb_show{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px;}
.m_top_l{ float:left;}
.m_top_r{ float:right;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:25px;
  padding-right:20px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 15px;
  background-image: url('../images/hamburger.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../images/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 8px 8px;
  text-decoration: none;
  border-bottom:1px dotted #fff;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.mb_banner img{ width:100%;}
.pagemain,.about,.why,.newss,.pagebot{ width:96%; padding-top:25px; padding-bottom:25px; padding-left:2%; padding-right:2%;}
.left{ width:100%;padding-right:0%;}
.right{ width:100%; margin-top:20px}
.l_class{ width:46%; margin-top:12px; margin-left:2%; margin-right:2%;}
.l_class a{font-size:16px;}

.single-department {
	width: 50%;
	padding-left:0%;
	padding-right:0%;
}
.single-department img {
	height:150px;
}
.single-department h3 {
	font-size:14px;
}

.adv img{ max-width:90%;}
.a_left{ width:100%; float:left;}
.a_right{ padding-top:15px;}
.about .fr{ float:left; width:100%; text-align:center;}
.a_left h1{  font-size:16px;padding-bottom:10px;}
.a_left h1 span{font-size:14px; padding-top:10px;}
.a_left p .more{ width:150px; height:34px;text-align:center; float:left;line-height:34px; background:#FFDF1A; font-size:16px; margin-top:10px; margin-left:0px;}
.a_left p .more:hover{ background:#3399FF; color:#fff;}
.why_list{ width:100%; float:left;  padding-top:10px; padding-bottom:10px;}
.why_list h1{ font-size:16px;  font-weight:bold;}
.n_list{ width:100%; float:left;}
.n_lists{width:100%; float:left; padding-left:0%; padding-top:15px;}
.n_tit{ padding-bottom:10px;}
.n_tit p{ margin-top:5px}
.pagebot{ padding-bottom:50px;}
.pagebot .fr{ display:none;}
.pagebot a{ color:#fff;}
.add{ width:100%;float:left; padding-left:0%; line-height:200%; margin-top:6px; text-align:center;}

.mbot{ display:block;}
.mbot{position:fixed;bottom:0;width:100%;height:40px;line-height:40px;z-index:9999;_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:#999}
.mbot div{ width:24.7%; float:left; text-align:center; color:#fff; padding-bottom:6px; border-right:1px solid #fff;}
.mbot div.oranges{ background:#3399FF;}
.mbot div.no_line{border-right:1px solid #1064B2;}
.mbot div a{ color:#fff;}

.fnt30{ font-size:16px;}
}