a{ color:#000; text-decoration:none;}
a:hover{ color:#EF0021;}
a.more{ color:#fff; 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:#000;
	text-align:center;
	font-family:"΢ÈíÑźÚ";
}
header,.m_top,.mb_show,.mbot,.m_case,.m_banner,.mbot,.mb_banner,.n_right,.ts{ display:none;}
#a_main{ width:100%; height:40px;float:left; background:#e5e5e5;}
#a_page{ width:100%;max-width:1200px; height:40px; margin:0 auto; text-align:left;color:#666; font-size:12px; font-family:"ËÎÌå"}
#a_1{ width:50%; height:auto; float:left; line-height:40px;}
#a_2{ width:50%; height:auto; float:left; text-align:right; line-height:40px;}
.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;}
#b_page{ width:100%;max-width:1200px; height:115px; margin:0 auto; text-align:left;}
#b_1{ width:66.7%; height:auto; float:left; padding-top:20px;}
#b_1 img{ max-width:95%;}
#b_2{ width:30.3%; height:auto; float:left; text-align:right; padding-top:20px; padding-right:3%;}
#b_2 img{ max-width:95%;}

#c_main{ width:100%; height:50px;float:left; background:#333;}
#c_page{ width:100%;max-width:1200px; height:50px; margin:0 auto; text-align:left;}
.menu{ float:left; width:100%; height:50px;}
.menu ul{ float:left; width:100%; padding:0;}
.menu ul li{ width:12.285%; float:left; height:50px; padding:0px; position:relative;margin-left:1%; margin-right:1%;}
.menu ul li.line:hover{ background:none;}

.menu ul li ul{ display:none;}
.menu ul li a{ width:100%;float:left; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff;background:#333; }
.menu ul li.a{ padding-bottom:0px;}

.menu ul li:hover{background:url(../imgs/on_menu.jpg) 5px 6px no-repeat;}
.menu ul li:hover a{background:url(../imgs/on_menu.jpg);}
.menu ul li:hover ul{ display:block; position:absolute; width:100%; z-index:1000; top:50px; left:0px; text-align:left;}

.menu ul li:hover ul li{ width:100%; height:auto; text-align:left; font-size:16px;}

.menu ul li:hover ul li a{ width:80%; height:auto; float:left;color:#fff;background:none;line-height:38px; background:url(../imgs/on_menu1.jpg); font-size:16px; padding-left:20%; text-align:left}
.menu ul li:hover ul li a:hover{background:url(../imgs/on_menu2.jpg)}

#d_main{ width:100%; height:auto;float:left; text-align:center; padding-top:1px;}
#d_main img{ max-width:100%;}

#e_main{ width:100%; height:auto;float:left; padding-top:30px;}
#e_page{ width:100%; max-width:1202px; height:auto; margin:0 auto; text-align:left;}
#zx{ width:100%; height:47px; float:left; background:url(../imgs/zxbg.jpg);}
#zx_1{ width:760px; height:auto; float:left; line-height:47px; font-size:14px; padding-left:22px; color:#999;}
#zx_2{ width:410px; height:auto; float:left; color:#666;}
#zx_1 span{ font-family:System; font-size:12px;}

#main{ width:100%; height:auto; float:left; padding-top:25px;}
#left{ width:25%; height:auto; float:left;}
#middle{ width:2.5%; height:auto; float:left;}
#right{ width:72%; height:auto; float:left; border:1px solid #e1e1e1;}
#l_tit{ width:100%; height:40px; float:left; background:url(../imgs/xmbg.png);}
#l_tit1{ width:95%; height:auto; float:left; line-height:40px; padding-left:5%;font-size:20px; color:#fff;}

#l_class{ width:100%; height:auto; float:left;}
#l_class a{ width:90%; height:40px; float:left; background:url(../imgs/classbg.png); line-height:40px; margin-top:2px; margin-bottom:1px; padding-left:10%; font-size:16px;}
#l_class a:hover{ background:url(../imgs/on_classbg.png);color:#fff;}
#r_tit{ width:100%; height:40px; float:left; background:#fafafa; border-bottom:1px solid #e1e1e1;}
#r_tit #tu{ width:37px; height:auto; float:left; text-align:center; padding-top:14px; padding-left:8px;}
#r_tit #tit{ height:auto; float:left; color:#EF0021; font-size:16px; font-weight:bold; line-height:40px;}
#r_con{ width:96.5%; height:auto; float:left; padding:1.75%; line-height:180%;}

.pro{ width:840px; height:auto; float:left;}
.pro ul{ width:260px; height:auto; float:left; padding:10px; text-align:center;}
.pro ul img{ width:256px; height:200px; margin-bottom:8px; border:1px solid #e0e0e0; padding:1px;}
.pageno{ width:100%; height:35px; float:left; background:#edeeee; text-align:center; line-height:35px; margin-top:10px;}

.case{ width:100%; height:auto; float:left;}
.case .row{ width:100%; height:auto; float:left; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
.case .img{ width:25%; height:auto; float:left; padding-right:1.2%;}
.case .img img{ width:100%;max-width:202px; height:auto;border:1px solid #e0e0e0; padding:3px;}
.case .txt{ width:73.8%; height:auto; float:left;}
.case .txt ul{ width:100%; height:auto; float:left; line-height:25px;}
.case .txt ul li.li1{ width:67.75%; height:auto; float:left; font-size:14px;}
.case .txt ul li.li1 a{ color:#000;}
.case .txt ul li.li2{ width:32.25%; height:auto; float:left; text-align:right; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.case .txt p{ width:100%; height:auto; float:left; line-height:180%; font-size:12px; color:#666; margin:0px; padding:0px;}
.case .txt p span{ color:#EF0021}

.news{ width:100%; height:auto; float:left;}
.news ul{ width:100%; height:auto; float:left; line-height:25px; font-size:14px; padding-top:8px;}
.news ul li.li1{ width:70%; height:auto; float:left;}
.news ul li.li2{ width:30%; height:auto; float:right; font-family:"ËÎÌå"; color:#666; text-align:right;}
.news p{ width:100%; height:auto; float:left; margin:0px; padding:0px; padding-top:6px; line-height:180%;border-bottom:1px dotted #ccc; padding-bottom:8px; padding-top:8px; color:#666; font-size:12px;}

#art_1{ width:100%; height:auto; float:left; line-height:55px; text-align:center; font-size:16px;}
#art_2{ width:100%; height:auto; float:left; text-align:center; padding-top:10px; padding-bottom:10px;}
#art_3{ width:100%; height:auto; float:left;padding-top:15px; line-height:180%; font-size:14px;}
#art_3 img{ max-width:100%;}
#art_5{width:98%; height:auto; float:left; margin-top:6px; margin-bottom:6px; border:1px solid #e0e0e0; background:#fafafa; padding:6px; line-height:180%; font-size:12px; color:#666;}
#art_4{ width:100%; height:auto; float:left; padding-top:15px; border-top:1px dotted #e0e0e0;}
h1{ margin:0px; padding:0px;font-size:24px; font-weight:100;}

#p_tit{ width:100%; height:auto; float:left; line-height:55px; text-align:center; font-size:16px;}
#p_c{ width:100%; height:auto; float:left; border-top:1px solid #e1e1e1; padding-top:10px; padding-bottom:10px;}
#p_c #img{ width:30%; height:auto; float:left; text-align:center;}
#p_c #img img{ max-width:210px; border:1px solid #f1f1f1; padding:2px; width:95%;}
#p_c #txt{ width:70%; height:auto; float:left; line-height:200%; font-size:12px;}
#p_c #txt span{ color:#666; font-weight:bold;}
#p_t{ width:100%; height:auto; float:left; background:#f1f1f1; line-height:30px;}
#p_t div{ float:left;padding-left:20px; padding-right:20px; background:#ccc; color:#EF0021;}
#p_con{ width:100%; height:auto; float:left; line-height:180%; padding-bottom:10px;}
#p_con img{ max-width:100%;}
#p_other{ width:100%; height:auto; float:left; padding-top:10px;}
#p_other div{ width:210px; text-align:center; float:left;}
#p_other div img{ width:200px; height:128px; border:1px solid #e0e0e0; margin-bottom:6px;}

.td1{ width:20%;}
.td2{ width:80%;}

#k_main{ width:100%; height:auto;float:left; margin-top:20px; background:#333; padding-bottom:15px;}
#k_page{ width:802px; height:auto; margin:0 auto; text-align:left; padding-top:35px;}
#k_menu{ width:802px; height:47px; float:left; background:url(../imgs/zx_bg.png); text-align:center; }
#k_menu a{padding-left:22px; padding-right:22px; line-height:47px; color:#999;}

#k_bot{ width:100%; height:auto; float:left; padding-top:45px;}
#k_bot_l{ width:115px; height:auto; float:left;}
#k_bot_r{ width:687px; height:auto; float:left; line-height:150%; color:#999;}
@media(max-width:800px){
#zx_1{ width:98%; height:auto; float:left; line-height:47px; font-size:14px; padding-left:2%; color:#999;}
#zx_2{ display:none;}
#k_page{ width:96%;padding-left:2%; padding-right:2%;}
#k_menu{ width:100%; height:47px; float:left; background:url(../imgs/zx_bg.png); text-align:center; }
#k_menu a{padding-left:12px; padding-right:12px; line-height:47px; color:#999;}
#k_bot_l{ width:20%; height:auto; float:left;}
#k_bot_r{ width:80%; height:auto; float:left; line-height:150%; color:#999;}

.pro{ width:100%;}
.pro ul{ width:46%;padding-left:2%; padding-right:2%;;}
.pro ul img{ width:99%; height:180px; margin-bottom:8px; border:1px solid #e0e0e0; padding:1px;}
.pageno{ width:100%;}

#p_other div{ width:33.33333%;}
#p_other div img{ width:95%; height:120px; border:1px solid #e0e0e0; margin-bottom:6px;}
}

@media(max-width:480px){
body{ font-size:14px;background:#fff;;}
h1,h2{ font-size:16px;}
#a_main,#b_main,#c_main,#i_main,#j_main{ display:none;}
.m_top,.bot,.m_l_class,.mb_show,.n_right,.ts{ 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; padding-top:4px;}
.m_top_l img{ max-width:100%;}
.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;
  padding: 30px;
  padding-top:20px; padding-bottom:20px;
  background-image: url('../img/hamburger.png');
  background-position: 100% 100%;
  background-size: 52px 31px;
  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;
  text-decoration: none;
  border-bottom:1px dotted #fff;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.mb_banner img{ width:100%;}

#e_page,#k_page{ width:96%; padding-left:2%; padding-right:2%}
#zx{ width:100%; height:47px; float:left; background:url(../imgs/zxbg.jpg);}
#zx_1{ width:97%;padding-left:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#zx_2,#l_tit,#k_menu,#k_bot_l{ display:none;}
#main{ width:100%; height:auto; float:left; padding-top:25px;}
#left{ width:100%; height:auto; float:left;}
#middle{ display:none;}
#right{ width:100%; height:auto; float:left; border:none; padding-top:10px;}


#l_class{ width:100%; height:auto; float:left;}
#l_class div{ width:32.333333%; float:left; margin-right:0.5%; margin-left:0.5%;}
#l_class div a{ width:80%;padding-left:20%; font-size:14px;}
#l_class div a:hover{width:80%;padding-left:20%;padding-left:10%; font-size:14px;}
#r_tit{ width:100%; height:40px; float:left; background:#fafafa; border-bottom:1px solid #e1e1e1;}
#r_tit #tu{ width:37px; height:auto; float:left; text-align:center; padding-top:14px; padding-left:8px;}
#r_tit #tit{ width:auto;}
#r_con{ width:100%;padding:0px; padding-top:20px;}


.pro ul img{ width:99%; height:150px; margin-bottom:8px; border:1px solid #e0e0e0; padding:1px;}

.case{ width:100%;}
.case .row{ width:100%;}
.case .img{ width:100%;padding-right:0px; text-align:center; padding-bottom:20px; text-align:left;}
.case .img img{ width:95%; height:auto;border:1px solid #e0e0e0; padding:3px;}


.case .txt{ width:100%;}
.case .txt ul{ width:100%;}
.case .txt ul li.li1{ width:60%;}
.case .txt ul li.li2{ width:40%;float:right;}
.case .txt p{ width:100%;}

#p_tit{ width:100%;}
#p_c{ width:100%;}
#p_c #img{ width:100%;}
#p_c #img img{ max-width:96%; width:auto;}
#p_c #txt{ width:100%;}
#p_t{ width:100%;}
#p_con{ width:100%;}
#p_other{ width:100%;}


#art_1{line-height:35px;}
#art_2{ color:#999;}
#art_2 img{ max-width:100%;}
#art_5{width:95%; padding:5px 2%;}
h1{font-size:18px;}

#k_bot{ width:100%; height:auto; float:left; padding-top:15px; padding-bottom:40px;}
#k_bot_r{ width:100%; height:auto; float:left; line-height:150%; color:#999;}
iframe{ display:none;}
#p_other div img{height:90px;}
.td1{ width:40%;}
.td2{ width:60%;}
.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:#EF0021;}
.mbot div.no_line{border-right:1px solid #1064B2;}
.mbot div a{ color:#fff;}
}