@charset "utf-8";
/* CSS Document */
body { 
  MARGIN: 0px; 
  PADDING: 0px;  
  FONT-FAMILY: 微软雅黑,宋体;
  COLOR: #000; 
  FONT-SIZE:12px; 
  LINE-HEIGHT:150%;
   width:100%;
  min-width:1200px;

 }
html{ height: 100%; margin-bottom: 1px; }/*去除火狐滚动条页面抖动*/

 /*链接样式*/
a{ font-size:14px; color:#444;} 
a:link{text-decoration : none ;color : #444;} 
a:visited {text-decoration : none ;color : #444;} 
a:hover {text-decoration : underline ;color: #FF0000;} 
a:active {text-decoration : none ;color : #444;}

/*去除链接虚线*/  
a{
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}


 /*定义层容器*/
#container {
  width: 1200px;
  margin:0 auto;
}
   
/*定义顶部*/
#head {
 width:100%;
 margin:0 auto;
 padding:0;
 overflow:hidden;

}




/*定义主内容*/
#PageBody {width:100%; float:left; display:inline; height:auto;}
#PageBodys{ float:left; width:100%; height:auto; display:inline;position:relative;}

#top{ width:100%; height:120px; margin:0 auto; float:left; overflow:hidden; background:url(images/logo.jpg) no-repeat left center; position:relative;}
#top_tel{ float:right; display: inline; width:250px; height:100px; background:url(images/top_tel.png) no-repeat left  center; margin-top:20px;}
#top_tit{ float:left; display:inline; width:100%; height:34px; background-color:#333; line-height:34px;}
#top_tit a{ float:right; display:inline; margin-left:20px; color:#999;}
#top_tit span{ float:left; display:inline; color:#999;}
#top b{ position:absolute; left:110px; top:35px; font-size:14px; color:#999; font-weight:normal;}
#top h1{ position:absolute; left:110px; top:50px; color:#333; font-size:24px;}

#top_tel h3{ float:left; display:inline; padding:0; margin:10px 0 0 80px; width:90%; font-size:24px; color:#EA5504;}
#top_tel h4{ float:left; display:inline; padding:0; margin:25px 0 0 80px; font-size:16px; color:#666;}

#lag{ float:right; display:inline; width:80px; height:19px; overflow:hidden; padding:3px 0; border:#006E6F solid 1px; border-radius:5px; margin-top:45px; background:url(images/jt.jpg) no-repeat 65px 10px;}
#lag a{ float:left; display:inline; width:100%; height:22px; color:#999; font-size:12px; margin-bottom:5px;}
#lag img{ border:0; float:left; margin:3px 5px 0 8px; }


#menu{ display:inline; float:left; overflow:hidden; margin:45px 0 0 330px;}
#menu ul{ padding:0; margin:0;}
#menu ul li{ float:left; display:inline; }
#menu ul li a{ float:left; display:inline; text-align:center; color:#333; font-size:14px; font-weight:bold; padding:5px 20px; }
#menu ul li a:hover{ color:#EA5504; text-decoration:none; }
.m_on{ }



#banner{ float:left; display:inline; width:100%; height:910px; overflow:hidden; position:relative;}

#banner2{ float:left; display:inline; width:100%; height:280px; overflow:hidden;  border-bottom:#ddd solid 1px;}


#ind_video{ float:left; display: inline; width:100%; height:570px; margin-top:20px;}
#js_video{ float:left; display:inline; width:100%; height:350px; overflow:hidden; margin-top:20px; position:relative;}

#js_video ul{ padding:0; margin:0;}
#js_video ul li{ float:left; display:inline; width:1200px; height:350px; overflow:hidden; position:relative; background:url(images/vd_bg.jpg) no-repeat left top;}
#js_video ul li a{ position:absolute; width:327px; height:175px;}
#js_video ul li img{ position:absolute; border:0;}
#js_video  span{ position:absolute; width:546px; height:350px; left:327px; top:0;}
.vd_play{ position:absolute; left:180px; top:70px; width:175px; height:175px; background:url(images/play.png) no-repeat center center; z-index:9; border:none; cursor:pointer; outline:none; }
.vd_show{ position:absolute; left:0; top:0; width:546px; height:350px; z-index:8;}
#vd_video{ position:absolute; left:327px; top:0; z-index:7; display:none;}
video{object-fit:fill;}


#show_vd{ float:left; display:inline; width:720px; height:460px; margin:20px 0 0 80px; background-color:#eee; position:relative;}
#show_vd_cot{ float:left; display:inline; border:#eee solid 1px; background-color:#fafafa; width:698px; padding:10px; margin:20px 0 20px 80px; line-height:180%; color:#999;}
#show_vd img{ position:absolute; left:0; top:0; width:720px; height:460px; z-index:8;}

#show_vd input{position:absolute; left:260px; top:140px; width:175px; height:175px; background:url(images/play.png) no-repeat center center; z-index:9; border:none; cursor:pointer; outline:none; }
#show_vd_video{object-fit:fill;}


#js_video ul li a:hover{ text-decoration:none;  color:#333;}

.vd_a1 h3, .vd_a2 h3{ font-size:15px; width:170px; float:right; padding:10px 0; margin:30px 5px 0 0; }
.vd_a1 b, .vd_a2 b{ font-size:12px; width:170px; float:right; margin:10px 5px 0 0; font-weight:normal;}

.vd_a3 h3, .vd_a4 h3{ font-size:15px; width:170px; float:left; padding:10px 0; margin:30px 0 0 10px; }
.vd_a3 b, .vd_a4 b{ font-size:12px; width:170px; float:left; margin:10px 0 0 10px; font-weight:normal; }


.vd_a1{ left:0; top:0; }
.vd_a2{ left:0; top:175px;}
.vd_a3{ right:0; top:0; }
.vd_a4{ right:0; top:175px;}

.vd_a1 img, .vd_a2 img{ left:10px; top:60px;}
.vd_a3 img, .vd_a4 img{ right:10px; top:60px;}

.a_no h3{ color:#333;}
.a_no b{ color:#666;}
.a_on h3,.a_on b{ color:#fff;}
.a_on{background:url(images/vd_a1.jpg) no-repeat left top;}

/*
.vd_a1.a_on img,.vd_a2.a_on img{
                	border-right: 100px solid transparent;
	                filter: drop-shadow(#ffffff 110px 0);
			   	   left:-100px;
	 }
	 
	 
.vd_a3.a_on img,.vd_a4.a_on img{
	                filter: drop-shadow(#fff -110px 0);
			   	    right:-100px;
	 }	 
	 
*/
	


 .hd{ float:left; display:inline; margin:30px 0 0 470px;}
 .hd ul{ position:0; margin:0;}
 .hd ul li{ float:left;  width:36px; height:10px; overflow:hidden; margin-right:32px; text-indent:-999px; cursor:pointer; background-color:#ccc; }
 .hd ul li.on{ background:#006E6F; }



#ind1{ float:left; display:inline;  width:586px; height:340px; padding:40px; background-color:#fff; font-size:14px; overflow:hidden; margin-top:20px; position:relative;}
#ind1 span{ float:left; display:inline;  }
#ind1 h2{ float:left; display:inline;   font-size:26px; color:#333; margin:10px 0 0px 0; background:url(images/abt_line.gif) no-repeat left bottom; padding:0 0 15px 0; font-weight:normal; }
#ind1 h3{ float:left; display:inline; width:100%; color:#006E6F; margin:0; padding:10px 0 0 0;}
#ind1 p{ float:left; display:inline; width:100%; font-size:14px;color:#999; font-weight:normal; line-height:200%;}
#ind1 li{ float:right; display:inline; background-color:#fff; padding:10px; margin:0; height:240px;}
#ind1 img{ border:0;  width:394px; height:240px;}
#ind1 a{ position:absolute; width:41px; height:41px; background:url(images/abt_m.png) no-repeat center center; left:40px; bottom:30px;}


#ind2{ float:right; display:inline; width:504px; height:420px; margin-top:20px; overflow:hidden; background:url(images/abt_img.jpg) no-repeat center center;}

#ind2 a{ float:left; display:inline; width:100%; height:139px; line-height:139px; color:#fff; font-size:20px;  background:url(images/abt_a.png) repeat; border-bottom:#eee solid 1px;}
#ind2 b{ float:left; display:inline; width:80px; height:80px; margin:30px 0 0 80px;}
.ind2_b1{ background:url(images/abt_ico_1.png) no-repeat center center;}
.ind2_b2{ background:url(images/abt_ico_2.png) no-repeat center center;}
.ind2_b3{ background:url(images/abt_ico_3.png) no-repeat center center;}
#ind2 span{ margin-left:40px;}
#ind2 a:hover{ text-decoration:none; background:none; }



#ind_tit{ float:left; display:inline; width:682px; margin-top:20px; margin-left:259px; }
#ind_tit h1{ color:#4F4F4F; font-size:28px; padding:20px 0 8px 0; margin:0; letter-spacing:3px; float:left; width:100%; text-align:center; font-weight:600; }
#ind_tit b{ float:left; display:inline; width:100%; text-align:center; margin:20px 0 20px 0; font-weight:normal; color:#999; font-size:16px; letter-spacing:2px;}


#ind_tit2{ float:left; display:inline; width:682px; margin-top:0px; margin-left:259px; background:url(images/a7.png) no-repeat center 28px;}
#ind_tit2 h1{ color:#4F4F4F; font-size:22px; padding:20px 0 8px 0; margin:0; letter-spacing:2px; float:left; width:100%; text-align:center;}
#ind_tit2 b{ float:left; display:inline; width:100%; text-align:center; margin:2px 0 20px 0; color:#999; font-size:14px;}




#ind{ float:left; display:inline; width:100%; height:auto; margin-top:-20px; padding:20px 0 80px 0;}





#ind3{ float:left; display:inline;  width:100%; height:auto; margin-top:30px;  color:#4F4F4F; font-size:14px; }
#ind3 a{ float:left; display:inline; width:220px; margin-left:20px; position:relative; margin-top:20px; border:#fff solid 1px;}
#ind3 a:hover{ text-decoration:none;}
#ind3 span{ position:absolute; left:0; bottom:0; width:100%; text-align:center; height:30px; line-height:30px; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5; z-index:90;}
#ind3 h1{ position:absolute; left:0; bottom:0; height:30px; line-height:30px; color:#ddd; font-weight:normal; text-align:center; z-index:99; font-size:12px; width:100%; padding:0; margin:0;}
#ind3 a:hover span{filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8;}
#ind3 a:hover h1{ color:#fff;}

#ind3 img{ float:left; display:inline; border:0; width:220px; height:165px;}

#ind4{ float:left; display:inline; width:100%; height:600px; background:url(images/ys.jpg) no-repeat center 3px; margin-top:20px; position:relative; line-height:180%; color:#666;}
#ind4 h1{ float:left; display:inline; width:100%; text-align:center; padding:0; margin:0; font-size:14px; color: #F30;}
#ind4 span{ float:left; display:inline; width:100%; margin-top:5px;}

#ind4_1{ position:absolute; width:215px; height:98px;  left:170px; top:75px;}
#ind4_2{ position:absolute; width:255px; height:98px;  right:55px; top:70px;}
#ind4_3{ position:absolute; width:215px; height:98px;  left:170px; top:280px;}
#ind4_4{ position:absolute; width:215px; height:98px;  right:20px; top:280px;}
#ind4_5{ position:absolute; width:200px; height:98px;  left:500px; top:472px;}
#line{ float:left; display:inline; width:100%; height:10px; overflow:hidden; background:url(images/line.jpg) repeat-x left center; margin-top:50px;}


#ind5{ float:left; display:inline; width:100%;  height:auto; }


#ww{ float:left; display:inline; width:100%; background-color:#fff; height:auto; margin-top:20px; padding-top:30px; padding-bottom:20px;}

.fl {float:left;}
.fr {float:right;}
.mw {width:100%;}



.more a{  background-color:#A00000; color:#fff; padding:3px 10px; float:right; margin-top:5px;}



#ind6{ float:left; display:inline; width:100%; height:auto;  padding:30px 0 30px 0;}
#ind6 a{ float: left; display:inline; width:30%; padding-bottom:10px; overflow:hidden;  margin-top:15px; margin-left:3.3%; text-align:center; font-size:14px; position:relative;}
#ind6 a:hover{ text-decoration:none; font-weight:bold; color:#fff;}
#ind6 a:hover span{ display:inline;}
#ind6  img{ float:left; display:inline; width:291px; height:218px;  border:#E3E3E3 solid 1px;   border-radius: 5px; }
#ind6 span{ position:absolute; left:3%; bottom:8%; width:90%;  height:32px; line-height:32px; text-align:center; background-color:#333;border-radius: 5px; filter: Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; display: none;}


#news{ float:left; display:inline; width:100%; height:auto; margin-top:0px; position:relative; min-height:430px;}

#news_1{ position:absolute;  left:0; top:20px; width:528px; height:410px;}
#news_1 img{ float:left; display:inline; width:100%; height:278px; border:0; }
#news_1 a{ float:left; display:inline; width:508px; height:112px; background-color:#F1F1F1; padding:10px;}
#news_1 h3{ float:left; display:inline; margin:0; padding:5px 0; font-size:16px;}
#news_1 span{ float:left; display:inline; width:100%; margin-top:4px; color:#999; font-size:12px;}
#news_1 h4{ position:absolute; left:10px; bottom:25px; padding:0; margin:0;}
#news_1 h5{ position:absolute; right:10px; bottom:25px; font-size:14px; color:#999; font-weight:normal; padding:0; margin:0;}


#news ul{ padding:0; margin:0;}
#news ul li{ float: left; display:inline;  height:82px; border:#ccc solid 1px; border-radius:5px; margin:20px 0 0 0;  overflow:hidden; position:relative;}
#news ul li a{ float:left; display:inline; margin-left:110px; margin-top:8px; font-size:14px; font-weight:bold; }
#news ul li span{ float:right; display:inline; color:#999; margin:5px 10px 0 100px; line-height:180%; height:60px; overflow:hidden; width:514px;} 
#news p{ position:absolute; width:96px; height:96px; background-color:#ccc; top:0; left:0; padding:0; margin:0;  text-align:center;  color:#fff; font-weight:bold; font-size:16px; font-weight:normal;}
#news b{ float:left; display:inline; width:100%; font-size:32px; margin-top:25px; padding-bottom:15px;}
#news ul li:hover{ border:#EA5504 solid 1px;}

#news_tit{ float:left; display:inline; width:100%; margin-top:10px;}
#news_tit span{ float:left; display:inline; margin-left:490px;}
#news_tit a{ float:left; display:inline; padding:5px 10px; border:#ddd solid 1px; margin-left:15px; font-size:16px;}
.news_tit_on{ border:#EA5504 solid 1px !important; color:#EA5504 !important;}
#news_tit a:hover{ text-decoration:none;}
#news_2{ float:right; display:inline; width:640px;}


#ind_my{ float:left; display:inline; width:100%; height:700px; overflow:hidden; background:#CD030A url(images/my_bg.jpg) no-repeat center top; text-align:center; color:#fff;}
#ind_my img{ border:0;}
#ind_my h2{ font-size:30px; padding:50px 0 0 0;}
#ind_my h1{ font-size:34px; font-weight:normal; padding:10px 0;}
#ind_my span{ width:100%; line-height:240%; font-size:14px; margin-top:30px; float:left; display:inline;}
#ind_my p{ float:left; display:inline; width:100%; margin: 20px 0;}



#bottom{ float:left; display:inline; width:100%; min-height:270px; background:#222;}

#btm_c{ float:left; display:inline; width:100%; padding:20px 0; background: url(images/a_3.png) repeat-x left top; margin:30px 0 0 0; color:#fff; position:relative;}
#btm_c span{ float:left; display:inline; width:770px; line-height:200%; font-size:14px;}
#btm_c a{ float:right; display:inline; margin:10px 0 0 25px;}
#btm_c img{ border:0;}
#btm_c b{ position:absolute;  width:100px; height:100px; right:120px; bottom:100px; display:none;}
#btm_c  span a{ float:none !important; color:#fff; }



#btm_l ul{ float:left ; display:inline; width:160px; height:auto; padding:0; margin: 0px 0 0 20px;}
#btm_l ul h3{ float:left ; display:inline; width:100%; margin:0 0 15px 0; padding:15px 0; background:url(images/line_3.gif) no-repeat left bottom; color:#fff; font-size:16px; font-weight:normal;}
#btm_l ul li{ float:left; display:inline; width:100%; height:26px; line-height:26px;}
#btm_l ul li a{ color:#fff;}


#btm_l{ float:left; display:inline; width:770px; height:auto; background:url(images/a_2.png) repeat-y right top;  margin-top:30px; }
#btm_r{ float:right; display:inline; width:380px; height:auto; margin-top:30px; color:#fff;}
#btm_r h3{ float:left ; display:inline; width:100%; margin:0 0 15px 0; padding:15px 0; font-size:18px; font-weight:normal;}
#btm_r span{ float:left; display:inline; width:100%; font-size:14px;}
#btm_r h4{ float:left; display:inline; margin:20px 0 0 0; padding:10px 0 0 50px; height:41px; line-height:32px; background:url(images/email.png) no-repeat left center; font-size:30px; font-weight:normal; }




#n_right{ float:right; display:inline; width:920px;  height:auto !important;  min-height:560px; padding:20px; background-color:#fff; margin-bottom:20px; border-radius:5px; overflow:hidden;}

#n_tit{ float:left; display:inline; width:100%; height:30px; border-bottom:#eee solid 1px; line-height:20px; font-family:Tahoma, 微软雅黑, 宋体;}
#n_tit b{ float:left; display:inline; height:22px; line-height:22px; background:url(images/dw.png) no-repeat left center; padding-left:28px; color:#E10808; font-size:14px;}

#cots{ float:left; width:100%; line-height:200%; height:auto; overflow:hidden;}


#n_pro{ float:left; display:inline; width:100%; height:auto; margin-top:20px; position:relative;}
#n_pro_tit{ float:left; display:inline; width:100%; height:auto; border-bottom:#eee solid 1px; padding-bottom:15px;}
#n_pro_tit a{ float:left; display:inline; background:#EBEBEB; padding:8px 20px; margin-right:10px;}
#n_pro_tit a:hover{ background-color:#C60019; color:#fff; text-decoration:none;}
.c_on{ background:#C60019 !important; color:#fff !important;}
#n_pro_tit span{ float:right; display:inline;}
#n_pro_tit span a{ padding:0; margin:0; margin-right:10px; margin-top:10px;}
#n_pro_tit span a:hover{ color:#C60019;}

#n_left2{ float:left; display:inline; width:230px; height:auto; position:relative; margin-bottom:10px; background:linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255, 255,255, 0));}
#n_left2 ul{ padding:0; margin:0; float:left; display:inline; width:100%; height:auto; overflow:hidden;}
#n_left2 ul li{ float:left; display:inline; width:100%; height:38px; line-height:38px;  margin-bottom:4px;position:relative;}

#n_left2 ul li a{ float:left; display:inline; width:100%; height:100%; font-size:12px; font-weight:bold; text-indent:30px;  color:#666;}
#n_left2 ul li a:hover{ background:url(images/l_bg.jpg) no-repeat left center; text-decoration:none;}
.abt_on{ color:#EA5504 !important; }


#n_left2 h1{ float:left; display:inline; width:100%; height:50px; line-height:50px; text-align:center;}


#pro_yp{ float:left; display:inline; width:100%; height:auto;}
#pro_yp ul{ padding:0; margin:0;}
#pro_yp ul li{ float:left; display:inline; width:380px; padding:10px; margin:20px 20px 10px 30px; height:400px; overflow:hidden; background-color:#fafafa; border:#eee solid 1px; position:relative;}
#pro_yp ul li  img{ float:left; display:inline; width:378px; border:0; height:243px;}
#pro_yp ul li span{ float:left; display:inline; width:100%; color:#999; line-height:180%; font-size:14px; height:74px; overflow:hidden;}
#pro_yp ul li b{ float:left; display:inline; width:100%; font-size:16px; color:#333; padding:15px 0 10px 0; text-align:center;}
#pro_yp ul li:hover{ border:#EA5504 solid 1px;}
#pro_yp ul li a{ position:absolute; left:170px; bottom:10px; padding:5px 10px; border:#ddd solid 1px; border-radius:5px; color:#999;}
#pro_yp ul li a:hover{ text-decoration:none; border:#EA5504 solid 1px; color:#EA5504;}







#lx_cot{ float:left; display:inline; width:510px; margin-left:150px; margin-top:100px;}



#r_cot{ float:left; display:inline; width:100%; height:auto; }
#ntit{ float:left; display:inline; width:100%; text-align:center; border-bottom:#ccc solid 1px; padding-bottom:20px; line-height:200%; margin-top:10px;}
#ntit h1{ font-size:18px;}
#cot{ padding:10px 0; line-height:200%; width:100%; float:left; height:auto;}


#ptit{ float:left; display:inline; width:100%; text-align:center; font: 30px "Microsoft YaHei", 黑体; font-weight:500; color:#F00;  padding-bottom:20px; line-height:200%;}
#stit{ float:left; display:inline; width:100%; text-align:center;}


#news_btm{ width:350px; margin:0 auto; padding-top:10px;}
#news_btm a{ float:left; display:inline; padding:8px 20px; background-color:#ddd; color:#666; margin-left:20px;}
#news_btm a:hover{ text-decoration:none; background-color:#EA5504; color:#fff;}

#tel{ float:left; display:inline; width:100%; height:auto; border-radius:2px;  margin-top:60px; background:url(images/cat.gif) no-repeat 5px top; }
#tel b{ color:#666;}
#tel ul li{ float:left; display:inline; width:100%; text-indent:10px;font-size:12px; text-indent:40px;}

#newslist{ float:left; display:inline; width:100%; height:auto; margin-top:5px; }
#newslist ul { padding:0; margin:0;}
#newslist ul li{ float:left; display:inline; width:100%; padding:20px 0; border-bottom:#eee dotted  1px;  }
#newslist ul li h2{ float:left; display:inline; padding:0; margin:0; width:700px;}
#newslist ul li a{ float:left; display:inline; font-size:14px;  }
#newslist ul li span{ float:left; display:inline; color:#999; margin:6px 0 0 0; width:700px; line-height:180%;}
#newslist ul li h3{ float:right; display:inline; font-size:42px; color:#eee; padding:0; font-weight:normal; margin:0;}
#newslist ul li h4{ float:right; display:inline; font-size:42px; color:#eee; padding:0; font-weight:normal; margin:0 10px 0 0;}



#n_lx{ float:left; display:inline; width:100%; height:500px; background-color:#EDEDED; background:url(images/lx_bg.jpg) no-repeat center top; margin-top:50px;}


#left_tit{ float:left; display:inline; width:100%; height:80px; margin-bottom:10px; background:#EA5504 url(images/left_top.jpg) no-repeat left top; text-align:center; font-size:22px; line-height:66px; color:#fff; font-family:黑体; letter-spacing:2px; position:relative;}
#left_tit b{ position:absolute; width:100%; text-align:center; left:0;  bottom:20px; font-size:12px; font-weight:normal; line-height:0; font-family:Verdana;}




#ind_news{ float:left; display:inline; width:100%; height:auto; overflow:hidden; }




/*分页*/
#pagelist{ float:left; width:100%; height:50px; margin-top:14px; text-align:center; padding-top:15px; }
#pages{ margin:0 auto; width:auto; }
#pages a{padding:6px 15px; border:#ccc solid 1px; margin:0 2px; background-color:#fafafa; }
#pages a:hover{ border:#666 solid 1px; text-decoration:none; background-color:#666; color:#fff;}
.page_on{ border:#EA5504 solid 1px !important; background-color:#EA5504 !important; color: #FFf !important;}
#rpage{ float:right; display:inline; }
#rpage a{ float:left; display:inline; padding:0 7px; height:23px; line-height:23px; border:#ccc solid 1px; margin:0 2px;}
#rpage a:hover{ border:#000 solid 1px; text-decoration:none; background-color:#333; color:#ccc;}
.page_no{ float: none; padding:8px 15px; margin:0 2px; border:#ccc solid 1px; background-color:#eee; color:#999;}


#pro{ float:left; display:inline; width:100%; height:auto;}
#pro ul{ padding:0; margin:0;}
#pro ul li{ float:left; display:inline; width:286px; margin:20px 10px 0 10px; height:auto;}
#pro ul li img{ float:left; display: inline; width:264px; height:176px; border:0; margin:10px 0 0 10px;}
#pro ul li a{ float:left; display:inline; border:#ddd solid 1px;  width:284px;}
#pro ul li a:hover{ border:#EA5504 solid 1px;}
#pro ul li a:hover b{ background-color:#EA5504; color:#fff;}
#pro ul li b{ float:left; display:inline; width:100%; height:36px; line-height:36px; background-color:#eee; text-align:center; margin-top:10px; overflow:hidden;}



#pro h1{ float:right; display:inline; width:520px; padding:0; margin:0;}
#pro h1 a{ color:#0066CC; font: 20px "Microsoft YaHei", 黑体; font-weight:500;}

#pro p{ float:right; display:inline; width:520px; padding:15px 0; margin:0;}
#pro p b{ float:left; display:inline; background-color:#eee; margin-right:5px; padding:5px 10px; font-weight:normal; color:#999;}
#pro span{ float:right; display:inline; width:520px; line-height:200%; color:#666; margin-top:10px;}
#pro_xq{ position:absolute; right:10px; bottom:40px;}
#pro_xq a{ float:left; display:inline;  padding:5px 20px;  background-color:#0054A8; color:#ddd;}
#pro_xq a:hover{ text-decoration:none; color:#fff; background-color: #EA5504;}

#yp{ float:left; display:inline; width:100%; height:auto; }
#yp a{ float: left; display:inline; border:#fff solid 4px; margin-left:16px; margin-top:16px; }
#yp a:hover{border:#D92524 solid 4px; }

#yp img{ float:left; display:inline; width:240px; border:0; }

#abt_lx{ float:left; display:inline; width:320px; height:auto; margin-top:10px;}
#abt_lx ul{ float:left; display:inline; width:300px; border:#ccc solid 1px; padding:0; border-right:none; border-bottom:none; margin-left:0px;}
#abt_lx ul li{ float:left; display:inline; border:#ccc solid 1px; border-top:none; border-left:none; width:299px; padding:10px 0; text-indent:20px;}
#abt_lx ul li b{ padding:0 10px; letter-spacing:5px;}
#lx_kf{ float:left; display:inline; width:150px; height:100px;  margin-top:30px; margin-left:70px;}
#lx_kf a{ float:left; display:inline; width:100px; height:100px;background:url(images/zxkf.jpg) no-repeat left top;}
#lx_kf a:hover{ background:url(images/zxkf.jpg) no-repeat -100px top;}
#lx_kf span{ float:left; display:inline; margin-left:0px; font-size:14px; line-height:200%; margin-top:20px; text-align:center; }
#lx_kf span b{ font-size:14px;}
#lx_kf span small{ font-size:18px; color:#F30; font-weight:bold; font-family:Tahoma}


#ind_ys{ float:left; display:inline; width:100%; height: 850px;}

#ys{ float:left; display:inline; width:100%; height:850px; position: relative; background:url(images/ys_bg.gif) no-repeat center center;}
#ys li{ position:absolute; display:inline;}
#ys b{  position:absolute; width:50px; height:50px; background-color:#EA5504; border-radius:50%; border:#EA5504 solid 1px; color:#fff; line-height:50px; text-align:center; font-size:28px; font-weight:normal; font-family: 黑体;}

.b1{ left:570px; top:100px;}
.b2{ left:300px; top:260px;}
.b3{ left:850px; top:260px;}
.b4{ left:350px; top:600px;}
.b5{ left:800px; top:600px;}

#ys li h3{ float:left; display:inline; width:100%; font-size:16px; margin:0; padding:10px 0;}
#ys li span{ float:left; display:inline; width:100%; font-size:14px; color:#999; list-style:200%; margin-top:5px;}

.ys1{ width:460px; left:640px; top:90px; text-align:left;}
.ys2{ width:340px; left:0px; top:330px; text-align:right;}
.ys3{ width:340px; right:0; top:330px; text-align:left;}
.ys4{ width:390px; left:0; top:670px; text-align:right;}
.ys5{ width:390px; right:0; top:670px; text-align:left;}

#ys h1{ position:absolute; margin:0; padding:20px 0; color:#EA5504; width:260px; left:470px; text-align:center; top:370px; font-size:28px; font-weight:normal;}
#ys h2{ position:absolute; margin:0; padding:20px 0; color:#666; width:260px; left:470px; text-align:center; top:420px; font-size:14px; font-weight:normal;}


.p_on{border:#0054A8 solid 1px !important; background-color:#0066CC !important; color:#fff !important;}
.p_on h3{color:#fff !important;}






#ind_pro{ float:left; display:inline; width:100%; height:620px; background:#EAEAEA url(images/pro_bg.jpg) no-repeat center top; margin-top:20px; overflow:hidden; }

#ind_pro_tit{ float:left; display:inline; width:100%; padding:5px 0; text-align:center;}
#ind_pro_tit a{ padding:3px 1px; margin:0 15px; color:#006E6F; border-bottom:#006E6F solid 3px; font-size:15px; font-weight:bold;}
#ind_pro_tit a:hover{ text-decoration:none;}
.pro_tit_on{ color:#DE2910 !important; border-bottom:#DE2910 solid 3px !important;}

.ind_pros{ float:left; display:inline; width:1228px; margin-left:-28px; display:none;}
.ind_pros a{ float:left; display:inline; width:280px; height:196px; overflow:hidden; margin-left:27px; margin-top:20px; position:relative;}
.ind_pros img{ float:left; display:inline; border:0; width:280px; height:196px;}
.ind_pros b{ position: absolute; left:0; bottom:0; width:100%; height:38px; line-height:38px; text-align:center; background:url(images/span_bg.png) repeat; z-index:8; color:#fff; font-size:14px; font-weight:normal; overflow:hidden;}
#ind_pro_1{ display:inline;}



#ind_yp_tb{ float:left; display:inline; width:100%; height:auto; position:relative; margin-top:20px;}
.yp_tit{ position:absolute; width:70px; height:70px; background: url(images/ico.png) no-repeat left top; border-radius:70px; left:530px; top:-40px; z-index:9;}

.abt_tit{ position:absolute; width:70px; height:70px; background: url(images/ico.png) no-repeat left -84px; border-radius:70px; left:530px; top:-36px; z-index:9;}

.news_tit{ position:absolute; width:70px; height:70px; background: url(images/ico.png) no-repeat left -167px; border-radius:70px; left:530px; top:-36px; z-index:9;}


.yp_tit b{ float:right; display:inline; margin-right:22px; line-height:42px; color:#fff; font-size:20px; font-weight:normal; letter-spacing:2px;}

#ind_yp_tb ul{ padding:0; margin:0; }
#ind_yp_tb ul li{ float:left; display:inline; width:264px; height: 246px; margin:35px 0 0 30px; overflow:hidden; position:relative; }
#ind_yp_tb ul li a{ float:left; display:inline; text-align:center; font-size:14px;  }

#ind_yp_tb ul li img{ border:0; float:left; display:inline;  width:264px; height:216px; margin-bottom:10px;}


#ind_yp_l{ float:left; display:inline; width:218px; height:auto; min-height:380px; border:#ddd solid 1px; border-radius:5px;}
#ind_yp_t{ float:left; display:inline; width:100%; height:100px; background:#006E6F;  position:relative; color:#fff;}
#ind_yp_t h1{ padding:0; margin:0; position:absolute; font-size:60px; left:15px; top:38px; font-weight:normal;}

#left2{ float:left; display:inline;  width:218px; background:#333 url(images/left_t1.jpg) no-repeat left top; margin-top:20px; padding:80px 0 20px 0;}
#left2 span{ float:left; display:inline; width:100%; background-color:#333; margin:10px 0 0 0; padding:0; font-size:12px; line-height:180%;}
#left2 span li{ float:left; display:inline; width:180px; margin-left:20px; color:#fff; border-bottom:#999 dotted 1px; padding:10px 0;}
#left2 h3{ float:left; display:inline; margin:0px 0 0 20px; color:#FF7F00; padding:5px 0; border-bottom:#FF7F00 solid 1px; font-size:14px;}


#ind_yp_t h2{ padding:0; margin:0; position:absolute; left:60px; top:30px; font-weight:normal; font-size:28px;}
#ind_yp_t h3{ padding:0; margin:0; position:absolute; left:60px; top:60px; font-weight:normal; font-size:12px;}
#ind_yp_l ul{ padding:0; margin:10px 0 0 0; float:left; display:inline; height:auto; width:100%;}
#ind_yp_l ul li{ float:left; display: inline; width:205px; margin-left:5px; height:38px; line-height:38px; background:url(images/a12.png) no-repeat 15px center; border-bottom:#eee solid 1px; text-align:
center;}
#ind_yp_l ul li a{ font-size:14px; font-weight:bold;}
.left_on{ background:url(images/a13.png) no-repeat 15px center !important; }
#ind_yp_r{ float:right; display:inline; width:974px; height:580px; }

#ind_yp_tit{ float:right; display:inline; width:960px; height:38px; line-height:38px; border-bottom:#EBEBEB solid 2px;}
#ind_yp_tit b{ float:left; display:inline;  color:#fff; background:url(images/tit_bg.jpg) no-repeat left bottom; width:102px; height:38px; text-indent:15px; line-height:38px; font-weight:normal; font-size:16px;}
#ind_yp_tit a{ float:right; display:inline; color:#666;}

#yp_gd{ float:left; display:inline; width:100%; height:auto; }
#yp_gd a{ float:left; display:inline; width:308px; height:252px; border:#eee solid 1px; position:relative; margin:15px 0 0 14px;}
#yp_gd b{ position:absolute; left: 0; bottom:0; background-color:#E9E9E9; width:100%; height:38px; line-height:38px; text-align:center;}
#yp_gd img{ float:left; display:inline; width:277px; height:185px; margin:15px 0 0 15px;}
#yp_gd a:hover{  border:#E95503 solid 1px;}
#yp_gd a:hover b{ background-color:#E95503; color:#fff;}

#ind_abt{ float: left; display:inline; width:100%; height:620px; background-color:#F8F8F8; margin-top:50px;}

#ind_contact{ float:left; display:inline; width:100%; height:auto; padding-bottom:50px;}
#ind_contact ul{ padding:60px 0; margin:0; float:left; display:inline; width:100%;}
#ind_contact ul li{ float:left; display:inline; width:33.3%; text-align:center; line-height:200%; font-size:14px; color:#666;}
#ind_contact span{ float:left; display:inline; width:730px; height:10px; border-bottom:#eee solid 1px; margin-left:230px;}

#ind_link{ float:left; display:inline; width:100%; height:auto; padding:0 0 60px 0;}
#ind_link span{ float:left; display:inline; width:1220px; height:auto; margin-top:10px; margin-left:-20px; overflow:hidden;}
#ind_link a{ float:left; display:inline; width:220px; margin:20px 0 0 20px; height:86px; overflow:hidden;}
#ind_link img{ float:left; display:inline; border:0; width:100%; height:86px;}


#pro_vd{ float:left; display:inline; width:100%; height:auto;}

#pro_vd a{ float:left; display:inline; width:380px; height:260px; overflow:hidden; padding:10px; border:#eee solid 1px; margin:20px 20px 0 30px; position:relative; color:#fff;}
#pro_vd img{ float:left; display:inline; border:0; width:100%; height:260px;}
#pro_vd b{ position:absolute; left:10px; bottom:10px; width:380px; height:40px; line-height:40px; text-align:center; background:url(images/span_bg.png) repeat;}
#pro_vd a:hover{ border:#EA5504 solid 1px;}