a{ color:#333333; text-decoration:none;}
a:hover{ color:#000;}
a.more { color:#999; text-decoration:none;}
a.more:hover{ color:#000;}
img{ border:0px;}
ul,li{ margin:0px; padding:0px; list-style:none;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:14px;
	color:#333333;
	text-align:center;
	font-family:"Î¢ÈíÑÅºÚ";
}
.bot,.m_top,.m_banner,#m_gonggao{ display:none;}
#a_main{ width:100%; height:30px;float:left;background:#f3f3f3; border-bottom:1px solid #e0e0e0; font-size:12px;}
#a_page{ width:1260px; height:30px; margin:0 auto; text-align:left;}
#a_top1{ width:600px; height:auto; float:left; line-height:30px; color:#999;}
#a_top2{ width:660px; height:auto; float:left; text-align:right;}
.topbar_r_wx{ float:left; position:relative; margin-right:10px; z-index:2000;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer;background:#FFFFFF;}
.topbar_r_wx:hover div{ display:block; top:30px; left:0px; z-index:2000}

#b_main{ width:100%; height:115px;float:left; background:url(../images/logobg.jpg); margin-top:1px;}
#b_page{ width:1260px; height:30px; margin:0 auto; text-align:left;}
#logo{ width:600px; height:auto; float:left; padding-top:25px;}
#search{ width:660px; height:auto; float:left; padding-top:45px;}

#c_main{ width:100%; height:43px;float:left; background:url(../images/menubg.jpg);}
#c_page{ width:1260px; height:43px; margin:0 auto; text-align:left;}
#c_page a{ color:#fff;}
.menu{ width:100%; height:43px; position:absolute; min-width:1260px; left:0px; z-index:30;}
.menu ul{ margin:0 auto; width:1260px;}
.menu ul li{ float:left; height:43px; line-height:43px; width:130px;position:relative;}
.menu ul li.none{ background:none; padding-left:0px; width:100px;}
.menu ul li.xian{ background:none; padding-left:0px; width:5px;}

.menu ul li a{ float:left; color:#FFFFFF; }
.menu ul li a span{ float:left; font-size:14px; width:130px;cursor:pointer; text-align:center;font-weight:bold;}
.menu ul li a:hover span{background:url(../images/onmenubg.jpg) right top no-repeat;}

.menu ul li.none a span{ float:left; font-size:14px; width:100px;cursor:pointer; text-align:center; font-weight:bold;}
.menu ul li.none a:hover span{background:url(../images/onmenubg1.jpg) right top no-repeat;}
.menu ul li ul{display:none;font-size:12px;}
.menu ul li:hover a{ background:url(../images/onmenubg.jpg) left top no-repeat;color:#294F84;}
.menu ul li:hover a span{background:url(../images/onmenubg.jpg) right top no-repeat;}

.menu ul li:hover ul.menu_show{float:left; width:389px; padding:3px; margin:0px; background:#076BC1; color:#fff;position:absolute;top:43px;display:block;border-top:1px solid #fff; left:0px}
.menu ul li:hover ul.menu_show .tit{ width:389px; float:left; line-height:27px; border-bottom:1px dotted #fff;}
.menu ul li:hover ul.menu_show .con{ width:389px; float:left;}
.menu ul li:hover ul.menu_show .conz{ width:346px; float:left;line-height:150%; padding:7px;}
.menu ul li:hover ul.menu_show .conz img{ width:346px; padding-bottom:8px;}

.menu ul li:hover ul.menu_showc{float:left; width:200px; padding:3px; margin:0px; background:#076BC1; color:#fff;position:absolute;display:block;top:43px;border-top:1px solid #fff;left:0px}
.menu ul li:hover ul.menu_showc .tit{ width:200px; float:left; line-height:27px; border-bottom:1px dotted #fff;}
.menu ul li:hover ul.menu_showc .con{ width:190px; float:left;line-height:150%; padding:5px;}
.menu ul li:hover ul.menu_showc .con img{ width:190px; padding-bottom:8px;}
.menu ul li:hover ul.menu_showc .con div a{ width:190px; float:left; line-height:25px;border-top:1px dotted #fff; margin-top:10px;background:#076BC1;}

.menu ul li:hover ul.menu_show .con .con_img{ width:200px; height:auto; float:left; border-right:1px dotted #fff; padding-right:9px; padding-top:10px; padding-bottom:10px; line-height:150%;  padding-left:6px;}
.menu ul li:hover ul.menu_show .con .con_img img{ width:200px; height:70px; padding-bottom:8px;}
.menu ul li:hover ul.menu_show .con .con_class{ width:165px; height:auto; padding-left:8px; padding-top:10px; float:left;}
.menu ul li:hover ul.menu_show .con .con_class{ width:165px; height:auto; padding-left:8px; padding-top:10px; float:left;}
.menu ul li:hover ul.menu_show .con .con_class div a{ width:165px; height:auto; float:left; line-height:30px; border-bottom:1px dotted #fff; background:#076BC1;}


#d_main{ width:100%; height:500px;float:left; margin-top:1px; background:#076BC1}
#banner{ width:100%; height:500px; margin:0 auto; text-align:left;}
.fullSlide {width:100%;position:relative;height:500px;}
.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:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:350px;}
.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:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#076BC1;}
.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;}

#e_main{ width:100%; height:auto;float:left; background:url(../images/mainbg.jpg); background-repeat:repeat-x; margin-top:1px; padding-top:20px; padding-bottom:15px;}
#e_page{ width:1260px; height:auto; margin:0 auto; text-align:left;}

#e_left{ width:656px; height:auto; float:left;overflow:hidden;}
#e_right{ width:580px; height:auto; float:left; padding-left:24px;overflow:hidden;}
#e_left_tit{ width:100%; height:auto; float:left;line-height:30px;}
#e_left_tit #tit1{ width:96px; height:auto; float:left; padding-left:10px;color:#fff; font-size:14px;  background:url(../images/titbg.png);}
#e_left_tit #tit2{ float:left; padding-left:20px; color:#EC830D;}
#e_left_tit #tit3{ float:right; text-align:right; color:#999;}

#e_left_con{ width:100%; height:auto; float:left; padding-top:10px;}
#e_left_con #video{ width:37%; height:auto; float:left; text-align:center; padding-top:8px;}
#e_left_con #intro{ width:63%; height:auto; float:left; line-height:180%;}

#e_right_tit{ width:100%; height:auto; float:left;line-height:30px;}
#e_right_tit #tit1{ width:91px; height:auto; float:left; padding-left:15px;color:#fff; font-size:14px;  background:url(../images/titbg.png);}
#e_right_tit #tit2{ width:auto; height:auto; float:left; padding-left:20px; color:#EC830D;}
#e_right_tit #tit3{ width:auto; height:auto; float:right; text-align:right; color:#999;}
#e_right_con{ width:100%; height:auto; float:left; padding-top:10px;}
#e_right_con #news_img{ width:185px; height:auto; float:left; padding-top:15px;}
#e_right_con #news_list{ width:395px; height:auto; float:left; line-height:180%;}

#e_right_con #news_list ul{width:395px; height:auto; float:left; line-height:180%; font-size:12px;}
#e_right_con #news_list ul li.li1{ width:20px; height:auto; float:left; font-size:20px; font-family:"ËÎÌå"}
#e_right_con #news_list ul li.li2{ width:290px; height:auto; float:left;}
#e_right_con #news_list ul li.li3{ width:85px; height:auto; float:left; text-align:right; color:#999;}

#f_main{ width:100%; height:auto;float:left; background:url(../images/probg.jpg); background-repeat:repeat-x; padding-top:18px;}
#f_page{ width:1260px; height:auto; margin:0 auto; text-align:left;}
#pro_tit{ width:1260px; height:auto; float:left; line-height:30px;}
#pro_tit #tit1{ width:91px; height:auto; float:left; padding-left:15px;color:#fff; font-size:14px;  background:url(../images/titbg.png);}
#pro_tit #tit2{ width:100px; height:auto; float:left; text-align:center;color:#EC830D;}
#pro_tit #tit3{ width:1054px; height:auto; float:left;}
#pro_tit #tit3 div{float:left; padding-right:9px;}
#pro_tit #tit3 #p_more{ float:left;color:#999;}
#pro_con{ width:1260px; height:auto; float:left;font-size:14px; color:#fff;}

#pro_con ul{width:1260px; margin:0px; margin-top:10px;}
#pro_con li{float:left;width:200px;margin-left:5px; margin-right:5px; margin-bottom:10px;color:#FFF;height:auto;position:relative;overflow:hidden; text-align:center;}
#pro_con li img{width:200px;height:160px; padding-bottom:5px;}

#g_main{ width:100%; height:auto;float:left; background:url(../images/casebg.jpg); background-repeat:repeat-x;padding-top:15px;}
#g_page{ width:1260px; height:70px; margin:0 auto; text-align:left;}
#case_img{ width:50px; height:auto; float:left; padding-top:7px;}
#case_txt{ width:130px; height:auto; float:left; color:#999;font-size:12px;padding-top:12px;}
#case_txt span{ color:#358ED8; font-size:16px; font-weight:bold;}
#case_con{ width:1080px; height:auto; float:left;}
#case_con #gongggao{width:1080px; height:auto; float:left;}
#case_con #gonggao div{ width:150px; height:auto; float:left; padding-right:4px;}

#h_main{ width:100%; height:auto;float:left; margin-top:1px; border-top:1px solid #ccc; padding-top:20px; padding-bottom:10px;}
#h_page{ width:1260px; height:auto; margin:0 auto; text-align:left;}
#bot_menu{ width:850px; height:auto; float:left; padding-top:10px;}
#bot_menu #menu{ float:left; padding-right:30px; color:#666; line-height:180%;}
#bot_menu #menu span{ color:#999}
#bot_menu #menu span a{ color:#999}
#bot_weixin{ width:410x; height:auto; float:left; text-align:right;}
#bot_weixin div{ width:205px; height:auto; float:left; text-align:center;}
#bot_weixin div img{ padding-bottom:8px;}

#i_main{ width:100%; height:auto;float:left; background:#eeeeef; line-height:40px; color:#999; font-size:12px; border-top:5px solid #fff;}
#i_page{ width:1260px; height:auto; margin:0 auto; text-align:left;}
#i_page a{color:#999;}

#j_main{ width:100%; height:auto;float:left; line-height:50px; color:#666;}
#j_page{ width:1260px; height:auto; margin:0 auto; text-align:left;}

#share{width:220px;position:fixed;_position:absolute;right:0;top:300px; z-index:1000}
#share div{ width:220px;float:left; margin-bottom:1px; text-align:right;}
.aa{position:relative;}
.bb{position:absolute;top:-10px;left:-60px;}
@media(max-width:480px){
	.m_top,.m_banner,#m_gonggao{ display:block;}
	.m_banner img{ max-width:100%;}
	.m_top{width:100%; height:auto;float:left; padding-top:15px; padding-bottom:15px;}
	.m_top_l{ float:left; padding-left:10px;}
	.m_top_r{ float:right;}
	#navbar {
	  max-width: 1000px;
	  margin: 0 auto;
	  padding-top:5px;
	  padding-right:20px;
	}
	
	.menubtn {
	 
	  position: relative; 
	  z-index: 101;
	  color: #274a61;
	  text-decoration: none;
	  font-size: 0em;
	  line-height: 0em;
	  top: 20px;
	  padding: 15px;
	  background-image: url('../img/hamburger.png');
	  background-position: 50% 50%;
	  background-size: 25px 25px;
	  background-repeat: no-repeat;
	}
	.menubtn:hover, .openmenu .menubtn {
	  color: #bdd43e;
	  background-image: url('../img/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;
	  font-size: 1.25em;
	  text-decoration: none;
	  border-bottom:1px dotted #fff;
	}
	#hamburgermenu li a:hover {
	  color: #fff;
	  background: #ccc;
	}
#a_main,#b_main,#c_main,#d_main,#e_right_con #news_img,#share,#gonggao{ display:none;}
#e_page,#f_page,#g_page,#i_page,#j_page{ width:96%; padding-left:2%; padding-right:2%; height:auto;}
.m_banner{ width:100%; height:auto; float:left;}
.m_banner img{ width:100%;}
.vr_banner_pages {
    line-height: 20px;
}

.vr_banner_pages .swiper-pagination-bullet {
    background: #fff;
    width: 20px;
    height: 20px;
    opacity: 1;
    border-radius: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.vr_banner_pages .swiper-pagination-bullet-active {
    width: 100px;
    height: 15px;
    margin-top: -12px;
}
#e_left{ width:100%; padding-bottom:20px;}
#e_right{ width:100%; padding-left:0px;}
#e_left_con #video{ width:100%; height:auto; float:left; text-align:center; padding-top:8px; padding-bottom:15px;}
#e_left_con #video iframe{ width:100%; height:230px;}
#e_left_con #intro{ width:100%; height:auto; float:left; line-height:180%;}

#e_right_con{ width:100%;}
#e_right_con #news_list{ width:100%;}

#e_right_con #news_list ul{width:100%; height:auto; float:left; line-height:180%; font-size:14px;}
#e_right_con #news_list ul li.li1{ width:5%;}
#e_right_con #news_list ul li.li2{ width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#e_right_con #news_list ul li.li3{ width:25%; float:right}

#pro_tit{ width:100%;}
#pro_tit #tit1{ width:91px; height:auto; float:left; padding-left:15px;color:#fff; font-size:14px;  background:url(../images/titbg.png);}
#pro_tit #tit2{ width:auto; height:auto; float:left; text-align:center;color:#EC830D;}
#pro_tit #tit3{ width:100%; height:auto; float:left; padding-top:10px;}
#pro_tit #tit3 div{float:left; padding-right:9px;}
#pro_tit #tit3 #p_more{ float:left;color:#999;}
#pro_con{ width:100%;}

#pro_con ul{width:100%;}
#pro_con li{width:46%;margin-left:2%; margin-right:2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#pro_con li img{width:100%;height:160px;}

#case_con{ width:100%; height:auto; float:left;}
#case_con #m_gonggao{ width:100%; float:left;}
#case_con #m_gonggao div{ width:50%; float:left;padding-right:0px; text-align:center; margin-bottom:10px;}
#case_con #m_gonggao div img{ width:90%;}

#i_page{ line-height:25px; padding-top:15px; padding-bottom:15px;}
#j_main{ line-height:25px; padding-bottom:80px;}

.bot{ display:block;}
.bot{position:fixed;bottom:0;width:100%;height:80px;line-height:23px;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:#383836}
.bot div{ width:25%; float:left; padding-top:5px; text-align:center; color:#fff; padding-bottom:6px;}
.bot div a{ color:#fff;}
}