
.main{ width:98%; margin:5px auto; margin-top:30px}


.fwlc{ width:85%; margin:0 auto; color:#999; overflow:hidden}



.lxfs{ width:85%; margin:0 auto; color:#999; overflow:hidden}
.new h3{ color:#000; line-height:60px; background:url(line.jpg) bottom center no-repeat; font-weight:normal; margin-bottom:30px; text-align:center; font-size:20px}



.cpt { width:100%; position:relative; margin-bottom:30px }
.cpt img { width:100%  }
.cpt img:hover { background:#000; filter: alpha(Opacity=80); opacity:.8;  }
.cpt p { position:absolute; font-size:21px; color:#fff; z-index:999; line-height:26px; width:100%; padding:20px; text-align:left; bottom:0; left:0 }
.cpt p:hover { position:absolute; text-align:left; width:100%; padding:20px; text-align:left; bottom:0; left:0; font-size:21px; color:#fff; z-index:999; line-height:26px; background:#333; filter: alpha(Opacity=50); opacity:.5; transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;  }



.new { width:100%; margin-bottom:30px; padding-top:30px }
.bto { width:26%; }
.bto img { width:100%; }
.mc { width:100%; }
.tp { width:30%;}
.tp img { width:100%; }
.jj { width:65%; color:#636262; line-height:21px }
.bt3 { font-size:14px; color:#000; font-weight:bold; line-height:36px }
.time { color:#999; line-height:21px }
.clear { clear:both; }
.list {
   margin:0;
   padding:0;
   padding-top:20px;
   border-top:1px dotted #ccc;
   margin-top:20px;
 
   }
.list li {
   margin:0;
  
   padding:0;
   list-style:none; 
  
  
   line-height:26px;
   height:26px;
   font-size:12px;
   width:100%;
   float:left;
   overflow:hidden;
 
   }

.donghua {
	
	position:relative;
	left:0;
	
}
@keyframes donghua {
0% {
	left:500px;

	
	filter: alpha(Opacity=0); opacity:.0
}
100% {
	left:0;
	
	filter: alpha(Opacity=100); opacity:1
}
}

.aaa{animation:donghua 2s;}
.bbb{animation:donghua2 2s;}

.donghua2 {
	position:relative;
	right:0;
	
}

@keyframes donghua2 {
0% {
	right:500px;
	
	filter: alpha(Opacity=0); opacity:.0
}
100% {
	right:0;

	filter: alpha(Opacity=100); opacity:1
}
}

.ditu{ width:98%; margin:0 auto}

.lxwm{ width:98%; text-align:left; font-size:14px}
.lxwm ul li{ margin:30px 0;background-position:0px 0;transition:all 0.2s; padding-left:45px}
.lxwm ul li a{ color:#999}
.lxwm ul li:hover{ background-position:10px 0; transition:all 0.2s;}
.lxwm  h1{ font-size:14px; font-weight:normal;}
.lxwm .tel{ background: url(tel.png)  no-repeat;}

.lxwm .mail{ background: url(mail.png)  no-repeat; }
.lxwm .dizhi{ background: url(dizhi.png) no-repeat; }
.lxwm .wb{ background: url(wb.png) no-repeat; }

.lxwm .wx{ background: url(wx.png) no-repeat; }

.fl { float:left; }
.fr { float:right; }f

/*µ×²¿*/


.h1 { text-align:center; margin-bottom:30px }
.h1 img { width:100% }
.h1 a {  }
.h1 p { width:100%; text-align:center; font-size:18px; padding:10px 0 }


.dibu{ width:100%; }
.foot1{ width:90%; margin:30px auto; overflow:hidden}

.ddh ul li{  text-align:left; float:left;}
.ddh ul li h1{ font-size:14px; color:#fff; line-height:40px}
.ddh ul li a{ color:#999; line-height:23px; font-size:12px; display:block}
.ddh ul li a:hover{ color:#fff; padding-left:10px; transition:all .8s;  }
#tb a { color:#fff; line-height:30px; filter: alpha(Opacity=80); opacity:.6; }
#tb a:hover { color:#fff; line-height:30px; filter: alpha(Opacity=100); opacity:1; }

#lx li a img { float:left; padding-right:3px }
#lx li { width:100%; }
#lx li span { padding-left:25px; }

.foot2{ padding-bottom:10px; padding-top:15px }
.foot2 p{ color:#3e3a39; font-size:14px;  text-align:center; line-height:30px}






/*¸¡¶¯±íµ¥*/
.box{width:100%; }
.center{overflow:hidden;text-align:center; line-height:42px}
#float_nav{ width:100%;  position:fixed; left:0px; top:0px;  color:#FFFFFF; z-index:9999999}
img{ border:none;}




.dh{ background:url(hui.jpg) center repeat-x }
.dh ul{list-style:none; margin:5px; overflow:hidden} 
.dh li{float:left;width:auto; margin:2px;line-height:30px;} 
.dh a{display:block;text-align:center;height:30px; padding-left:8px; padding-right:8px; font-family:"Î¢ÈíÑÅºÚ"; font-size:12px} 
.dh a:link{color:#333; text-decoration:none;} 
.dh a:visited{color:#333;text-decoration:none;} 
.dh a:hover{color:#FFF; text-decoration:none; background-color:#1a1953}  


.tuwen{ width:98%; margin:0 auto; font-size:12px; line-height:23px}



.biaoti{ text-align:left; padding-bottom:15px; margin-bottom:15px}
.biaoti h2{ font-size:20px; color:#32312f; line-height:40px }
.image img { width:100%; }
.zw { font-size:12px; line-height:26px; color:#777; padding-top:20px; padding-bottom:20px }



.lm { width:100%; height:60px; margin-top:15px }
.lm h2 { font-size:26px; color:#3e3a39; text-align:center; background:none; font-weight:100; margin:0; line-height:26px; font-weight:bold }
.lm h3 { font-size:14px; color:#3e3a39; text-align:center; font-weight:100; background:url(lm.jpg) no-repeat center; line-height:15px;margin-bottom:5px; margin-top:5px }

.content { padding:10px 10px 20px 10px; text-align:left; line-height:26px }
.more1 { text-align:center; font-size:14px; width:150px; margin:0 auto; margin-top:10px; margin-bottom:30px }
.more1 a { font-size:14px; line-height:34px; color:#fff; text-align:center; width:150px; display:block; background-color:#EB6E1A}
.more1 a:hover { color:#fff; font-size:14px; line-height:36px; background:#eb5a07; border:0; width:150px; text-decoration:none; display:block; }


.pic { width:46%; text-align:center; margin:2% 1% 3% 1%; padding:2px; border:1px solid #ccc } 
.pic img { display:block; width:100%; text-align:center; }
.pic h3 { font-size:12px; color:#fff; line-height:36px; font-weight:100; height:36px; overflow:hidden}
.pic h3 a  { color:#4c4c4c }
.pic h3 a:hover { color:#000 }

.pic0 { width:96%; text-align:center; margin:2% 2% 3% 2% } 
.pic0 img { display:block; width:100%; text-align:center; margin-bottom:15px }
.pic0 h3 { font-size:12px; color:#000; font-weight:100 }
.pic0 p { margin:0; width:100% ; text-align:center; line-height:26px; margin-bottom:20px }


.more { text-align:center; font-size:14px; margin-bottom:30px; width:150px; margin:0 auto; }
.more a { font-size:14px; color:#34b0b6; border:1px solid #34b0b6; width:150px; line-height:40px; display:block; text-align:center; 
border-radius:30px;  }
.more a:hover { font-size:14px; color:#fff; border:1px solid #34b0b6;  width:150px; line-height:40px; background:#34b0b6; display:block; border-radius:30px;  }

.xw { padding-bottom:5px; background:url(jt.png) no-repeat right}
.xw h3 { font-size:14px; margin:0; line-height:26px }
.xw p { font-size:12px; }
.xw1 { border-bottom:1px solid #222; padding-bottom:10px; }

.fixbar{
	background: url(fixbar.png) bottom left;
	height: 53px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
} 
.fixbar .cont{
	
} 
.fixbar .cont p{ 
	line-height: 53px;
} 
.fixbar .cont p a{
	height: 53px;
	line-height: 53px;
	background: url(fixbar_sp.png) no-repeat top right;
	width: 24.9%;
	display:block;
	float: left;
	text-align: center;
} 
.fixbar .cont p a:hover{
	opacity: 0.8;
}
.fixbar .cont p a.last{
	background-image: none;
	text-align: center;
}
.fixbar .cont p a span{
	background: none no-repeat top left;
	padding-left: 30px;
	padding-top:2px;
	padding-bottom:10px;
	
	font-size: 15px;
	
	
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.fixbar .cont p a.ico1 span{
	background-image: url(ico_4.png);
}
.fixbar .cont p a.ico2 span{
	background-image: url(ico_1.png);
}
.fixbar .cont p a.ico3 span{
	background-image: url(ico_3.png);
}

.fixbar .cont p a.ico4 span{
	background-image: url(ico_2.png);
}


.nav {
  padding: 0 10px 30px 10px;
  background: #ffffff;
 
}
.nav a {
  display: block;
  float: left;
  width: 33.3%;
  padding-top: 10px;
  text-align: center;
  
}
.nav a img { width:100px; }

.nav a .nav-color-1 {
  
}
.nav a .nav-color-1 .iconfont {
  font-size: 24px;
}
.nav a .nav-color-2 {
 
}
.nav a .nav-color-3 {
 
}
.nav a .nav-color-4 {
 
}
.nav a .nav-color-5 {
  
}
.nav a .nav-color-6 {

}
.nav a .nav-color-6 .iconfont {
  font-size: 24px;
}
.nav a .nav-color-7 {
 
}
.nav a .nav-color-8 {

}
.nav a span {
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
.ban { text-align:center }
.ban img { width:100%; }
.lx p { line-height:26px; }
.lx h3 { font-size:18px; }
.login input { border:1px solid #e1e1e1; width:100%; padding-left:15px; line-height:26px; margin-bottom:20px }

.btn a { width:40%; margin:0 5%; display:block; color:#fff; background:#d20c18; text-align:center; line-height:30px; float:left }
.btn a:hover { width:40%; margin:0 5%; display:block; color:#fff; background:#3e3a39; text-align:center; line-height:30px; float:left }

.wz { line-height:40px; border-bottom:1px solid #000; padding-left:10px; margin-bottom:30px }
.title { text-align:center; background:#f8f8f8 }
.home_yuyue_list,.kaigong_list{line-height:27px;font-size:14px;color:#000000;}
.home_yuyue_list li { width:100%; border-bottom:1px solid #e1e1e1 }
.txtMarquee-top{ width:100%;  overflow:hidden; position:relative;}
.txtMarquee-top .bd{ padding:0px;  }
.txtMarquee-top .infoList li{ line-height:24px;   }
.txtMarquee-top li span{display:inline-block;text-align:center;}


#demo0 img { margin:0 6px; }
.bt0 { background:url(blank.jpg) no-repeat top center; color:#fff }
.bt0:hover { background:url(blue.jpg) no-repeat top center; margin:0 15px; color:#fff }
.bt0 a { color:#fff; }
.bt0 a:hover { color:#fff; }
.sp { margin-bottom:15px; }
.sp img { width:100%; }

.tabTit{ font-size:0; text-align:center; transition:top linear .2s; margin-top:30px; margin-bottom:30px }
.tabTit a{ display:inline-block; zoom:1; *display:inline; border:2px solid #34b0b6; background:#fff; padding-left:23px; padding-right:23px; height:33px; margin:0 10px; overflow:hidden; white-space:nowrap; text-align:center; transition:all linear .2s; font:14px/33px microsoft yahei; color:#010101; }
.tabTit a:hover,.tabTit .on{ border-color:#ccc; background:#34b0b6; border:2px solid #34b0b6; color:#fff;}

.dianhua{ width:100%;position:fixed;z-index:900;bottom:41px;left:0;right:0;}

.top_bar{position:fixed;z-index:900;bottom:-1px;left:0;right:0; }
.top_menu{
	border-top:1px solid #fff;width:100%;height:40px;margin:0;padding:0; 
	background:#26B7ED;

}
.top_bar .top_menu>li{
	position:relative;text-align:center;display:inline-block;width:25%;float:left;
	
}
.top_bar .top_menu li a label{padding:3px 0 0 3px;font-size:12px;overflow:hidden;}
.top_menu>li:first-child{background:none;}
.top_bar .top_menu>li>a{height:40px;line-height:40px;display:block;text-align:center;color:#fff;text-shadow:0 1px rgba(255, 255, 255, 0.3);text-decoration:none;border-top:1px solid #f9f9f9;}
.top_bar .top_menu>li>a p{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block!important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:0;height:20px;width:20px;color:#fff;line-height:40px;vertical-align:middle;}
.top_bar .top_menu>li>a:hover,.top_bar .top_menu>li>a.active{background-color:#0E7CA7;}

.about { margin:0 2%; margin-bottom:10px }
.about img { width:100%; }
.about h3 { font-size:12px; color:#fff; line-height:36px; text-align:center; font-weight:100; background:#f5a500 }
.about h3 a { color:#fff; }
.about h3 a:hover { color:#000; }



 .you ul li { width:98%; padding:5px 0px; font-size:12px; color:#666; text-transform:uppercase; line-height:20px;border-bottom:1px dashed #cccccc;}
 .you ul li img { width:27%; float:left;}
.you ul li p { float:right; width:70%;}
 .you ul li p font { color:#999999; font-size:12px;}
.you ul li a {font-size:12px; color:#666; font-weight:bold;}
 .you ul li a:hover{ color:#ff7609;}
 
 
 
 
.erji2 li{ float:left; width:31%; margin:1%; margin-top:10px; font-size:12px; height:40px; background:#EB6E1A; line-height:40px; text-align:center}
.erji2 li a { font-size:12px; color:#FFFFFF}

.erji2 li:hover{ background:#F09355; font-size:12px;}

.erji2 li:hover a{ color:#fff; font-size:12px; font-weight:bold}

.xw { background:url(dian.jpg) no-repeat left center; padding-left:20px;} 
