@charset "gb2312";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { overflow-y: scroll; }
body {
  width: 100%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #353839;
  font-size: 62.5%;
  line-height: 1;
}

br { display: block; line-height: 1.6em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

h1 {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 3.6em;
  line-height: 1.3em;
  font-weight: 700;
  color: #484848;
  text-align: center;
  letter-spacing: -0.05em;
  margin-bottom: 15px;
}

p {
  font-size: 1.2rem;
  line-height: 2.0rem;
  margin-bottom: 20px;
  color: #616161;
}


/** page structure **/
#content {
  max-width: 1000px;
  background: #fff;

  margin: 0 auto;
  /*
  
  padding: 25px 65px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  
  */
}

header {
  position:fixed;z-index:99999;
  display: block;
  width: 100%;
  height: 55px;
  background: #ffffff;
  padding: 15px 10px;
  margin-bottom: 15px;
  /*border-bottom:solid 1px #cccccc;*/
}

#navbar {
  max-width: 1000px;
  margin: 0 auto;
  

}

.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/menu_l.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../images/menu_l_on.png');
}

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

#pgcontainer {
  padding: 0;
  margin: 0;
}

.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: #b0b0b0;
  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;
  border-bottom:#CCC solid 1px;
}
#hamburgermenu ul li i{
	position: absolute;
	left: 7px;
	padding:15px 5px 15px 20px ;
	vertical-align:middle;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 18px 8px;
  color: #000;
  font-size: 2em;
  text-decoration: none;
  padding-left:65px;
  /*font-weight: bold;
  text-align: center;*/
}
#hamburgermenu li a:hover {
  color: #000;
  background: #b0b0b0;
}
.MsgTitle{ width:96%;height:40px; line-height:40px; margin:0 auto;  background-color:#f4f4f4; border-bottom:2px solid #015293; }
.MsgTitle li{ float:left; width:50%; height:40px; line-height:40px;}
.MsgTitle li h1{ display:block; height:40px; line-height:40px; color:#c3000f; font-size:1.2rem; font-family:"΢ÈíÑźÚ",Arial,"ËÎÌå"; font-weight:bold; letter-spacing:0.2rem; padding-left:0.6rem; text-align:left;}
.MsgTitle li span a{ display:block;  height:35px; line-height:35px; padding-right:0.6rem; text-align:right; text-decoration:none; color:#333; font-size:1rem;}
/**=====================================================================================================**/
/**=====================================================================================================**/
/**=====================================================================================================**/
.asearch {  display:none;}
.seach-cnmo {
  position: relative;
  z-index: 500;
  background: #f5f5f5;
  background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#E7E8E8));
  background: -webkit-linear-gradient(#f5f5f5,#E7E8E8);
  background: -moz-linear-gradient(#f5f5f5,#E7E8E8);
  background: -o-linear-gradient(#f5f5f5,#E7E8E8);
  background: -ms-linear-gradient(#f5f5f5,#E7E8E8);
  background: linear-gradient(#f5f5f5,#E7E8E8);
  padding: 10px;
  height: 55px;
  border-bottom: 1px solid #c9cacc;
}

	.seach-bg {
	  border: 1px solid #d6d7d9;
	  -moz-border-radius: 15px;
	  -webkit-border-radius: 15px;
	  border-radius: 15px;
	  width: 100%;
	  height: 30px;
	  background: #fff;
	  -moz-box-shadow: 1px 1px 1px 0 #adabab inset;
	  -webkit-box-shadow: 1px 1px 1px 0 #adabab inset;
	  box-shadow: 1px 1px 1px 0 #adabab inset;
	}
	.seach-padding {
	  padding: 0 43px 0 10px;
	}
	.text {
	  background: none;
	  border: none;
	  height: 28px;
	  line-height: 28px;
	  color: #ccc;
	  font-size: 14px;
	  margin-top: 1px;
	  width: 100%;
	}
.seach-ico-lan {
  background: url("/{$_SC['sysTemplate']}/tpl173/wap/images/seach-ico-lan.png") no-repeat center center;
  background-size: 18px 18px;
  border-right: none;
}
.seach-ico, .seach-ico-lan {
  background: url("/{$_SC['sysTemplate']}/tpl173/wap/images/seach-ico.png") no-repeat center center;
  background-size: 18px 18px;
  border-left: 1px solid #D6D7D9;
  height: 28px;
  margin-top: 12px;
  position: absolute;
  right: 13px;
  top: 1px;
  width: 28px;
}


.zmenubtn {
  float:right;
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: -5px;
  padding: 15px;
  background-image: url('../images/menu_r.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.zmenubtn:hover, .zopenmenu .zmenubtn {
  color: #bdd43e;
  background-image: url('../images/menu_r_on.png');
}

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

#zpgcontainer {
  padding: 0;
  margin: 0;
}

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

.zopenmenu .zoverlay {
  float:right;
  top: 0;
}


#zhamburgermenu {
  float:right;
  height: 100%;
  width: 0;
  background: #b0b0b0;
  position: fixed;
  top: 0;
  right: 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);
}
#zhamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#zhamburgermenu ul li {
  display: block;
  border-bottom:#CCC solid 1px;
}
#zhamburgermenu ul li i{
	padding:15px 5px 15px 20px ;
	vertical-align:middle;
}
#zhamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 18px 8px;
  color: #000;
  font-size: 2em;
  /*font-weight: bold;*/
  text-decoration: none;
  padding-left:65px;
}
#zhamburgermenu li a:hover {
  color: #000;
  background: #b0b0b0;
}
#zhamburgermenu li i{ position:absolute;left:7px}
.head_title{ position:absolute;left:50%; width:320px;top:5px;margin-left:-165px;}