a{ color:#333; text-decoration:none;}
a:hover{ color:#E50112;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:Gautami;
	font-size:16px;
	font-family:"Microsoft Yahei";
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.m_top,.m_banner,.bot,.mb_class{ display:none;}
.fr{ float:right;}
.fl{ float:left;}
.header{width:100%; height:auto;float:left; background:#f5f5f7}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.containers{width:100%; max-width:1400px;height:auto; margin:0 auto; text-align:left;}
.logo{ padding-top:15px; padding-right:45px;}
.menu div{ float:left;}
.menu div a{ padding-left:15px; padding-right:15px; line-height:100px; float:left;}
.menu div a:hover{ background:#DD0713; color:#fff;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.menu div a.on{background:#DD0713; color:#fff;}
.tel{ padding-top:20px;}

.n_banner{ width:100%; float:left; height:295px; background:url(../images/n_bg.jpg) no-repeat top center;}
.p_banner{ width:100%; float:left; height:295px;}
.tit{ width:20%; height:134px; line-height:134px; text-align:center; background:#DD0713;margin-top:161px; font-size:2.125em; color:#fff;}
.class{ width:80%;padding-top:235px; line-height:60px; color:#fff; text-align:right;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.class a{color:#aaa;}
.class a:hover{ text-decoration:underline;}
.class span{ color:#999;}
.n_content{width:100%; float:left;}
.a_class{ width:20%; height:auto; float:left; padding-top:20px; margin-right:2.5%;}
.a_class ul{ width:100%; height:auto; float:left; padding-bottom:1px;}
.a_class ul a{ width:90%; height:45px; background:#e5e5e5; padding-left:10%; line-height:45px; float:left;}
.a_class ul a:hover{ background:#DD0713; color:#fff;}
.a_class ul a.on{background:#DD0713; color:#fff;}
.a_con{ width:75%; height:auto; float:left; padding-top:20px; padding-bottom:20px; line-height:180%; border-left:1px dotted #ccc;padding-left:2%;}
.why_tit{  width:95%; height:45px; background:#444; padding-left:5%; line-height:45px; float:left;color:#fff; margin-top:20px;}
.why_con{ width:100%; height:auto; float:left; line-height:200%; padding-top:15px; padding-bottom:30px;}

.pr_tit{ width:23%; height:134px; line-height:134px; text-align:center; background:#DD0713;margin-top:161px; font-size:2.125em; color:#fff;}
.ps_class{ width:77%;padding-top:235px; line-height:60px; color:#fff; text-align:right;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps_class a{color:#aaa;}
.class a:hover{ text-decoration:underline;}
.pr_class{ width:23%; height:auto; float:left;padding-top:20px;margin-right:2.5%;}
.pr_class ul{ width:100%; height:auto; float:left; padding-bottom:1px;}
.pr_class ul a{ width:90%; height:45px; background:#e5e5e5; padding-left:10%; line-height:45px; float:left;}
.pr_class ul a:hover{ background:#DD0713; color:#fff;}
.pr_class ul a.on{background:#DD0713; color:#fff;}
.pr_con{ width:72%; height:auto; float:left; padding-top:20px; padding-bottom:20px; line-height:180%; border-left:1px dotted #ccc; padding-left:2%;}

.m_news_con{ padding-bottom:20px; width:100%; float:left;}
.news_date{ width:10%; height:70px; float:left;text-align:center; background:#DC0000;color:#fff; padding-top:10px;}
.news_tit{ float:left; width:87%; padding-left:3%; }
.news_tit:hover{ height:80px; cursor:pointer;}
.news_tit p{ line-height:150%; color:#666;}
.n_pageno{ width:100%; height:auto; float:left; margin-top:10px; text-align:center; line-height:45px;}
.n_pageno span a{ padding-left:8px; padding-right:8px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px;}
.n_pageno span a:hover{ border:1px solid #ff0000;color:#ff0000;}
.n_pageno span a.on{ border:1px solid #ff0000;color:#ff0000;}

.news_page{ height:auto; width:100%;}
.news_page h1{ text-align:center; color:#000; background:#f2f2f2; line-height:60px;}
.news_page .date{ font-size:14px; text-align:center; line-height:65px; color:#999}
.news_page .cons{ padding-top:30px;line-height:200%;}
.page_n{float:left; width:100%; line-height:200%; padding-top:20px; border-top:1px dotted #ccc; margin-top:20px;}


.product{ width:100%; height:auto; float:left; padding-top:60px; background:url(../images/probg.jpg);background-position:top center; background-repeat:no-repeat;}
.p_title{ width:100%; line-height:55px; color:#000;}
.p_class{ width:100%; height:auto; padding-bottom:10px;}
.p_class ul{ width:18%; float:left; padding-right:2.5%; padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p_class ul.cc{width:18%; float:left; padding-right:0%;}
.p_class ul a{ width:99.5%; border:1px solid #d2d2d2; text-align:center; line-height:38px; float:left;}
.p_class ul a:hover{ background:#DD0713; color:#fff;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.p_class ul a.on{ background:#DD0713; color:#fff;}

.p_con{ width:100%; padding-bottom:35px; padding-top:15px;}
.p_item{ width:24%; margin-right:1.1%;border:1px solid #d2d2d2; margin-bottom:20px;}
.p_items{ width:24%; margin-right:0%;border:1px solid #d2d2d2; margin-bottom:20px;}
.p_img{ width:100%; text-align:center; float:left;}
.p_img img{ max-width:100%; height:270px}
.p_item:hover .p_txt{background:#000;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.p_items:hover .p_txt{background:#000;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.p_txt{ width:96%; float:left; background:#A60000;padding:2%;color:#fff; height:100px;}

.p_txt h2{  font-weight:bold; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left; width:100%;}
.p_txt p{ line-height:130%; padding-bottom:18px;background:url(../images/quan.png);background-position:bottom right;background-repeat:no-repeat;}

.p_con .left{ width:73%; height:auto; float:left; padding-top:30px; padding-right:2%; border-right:1px dotted #ccc;}
.p_con .right{ width:22.5%; height:auto; float:left; padding-left:2%;}
.p_con .ps_top{ width:100%; height:auto; float:left;}
.p_con .ps_top .ps_img{ width:47%; height:auto; float:left; text-align:center; padding-right:3%;}
.p_con .ps_top .ps_img img{ border:1px solid #e0e0e0; padding:3px; max-width:98%;}
.p_con .ps_top .ps_txt{ width:50%; height:auto; float:left; line-height:210%; color:#666;}
.p_con .ps_top .ps_txt img{ padding-top:10px;}
.p_con .ps_top .ps_txt h2{ color:#E50112; padding-bottom:5px;}
.p_con .ps_tit{ width:100%; float:left; background:#fafafa; line-height:50px; margin-top:20px;}
.p_con .ps_tit span{ padding:13px 50px; background:#ddd; color:#000;}
.p_con .ps_con{ width:100%; float:left; line-height:180%; color:#666; padding-top:15px;}

.r_tit{ width:95%; height:auto; float:left; line-height:50px; background:#fafafa; padding-left:5%; margin-bottom:20px;}
.other{ width:100%; height:auto; float:left; margin-bottom:15px; text-align:center;}
.other img{ width:95%; border:1px solid #e5e5e5; padding:2px; margin-bottom:10px;}


.bot_menu{ width:100%; height:auto; float:left; background:#2C3E50; color:#fff; text-align:center;}
.bot_menu a{ color:#fff; line-height:50px; padding-left:15px; padding-right:15px;}
footer{ width:100%; height:auto; float:left; line-height:85px; text-align:center;}

.fnt25{ font-size:1.5625em;}
.fnt16{ font-size:1em;}
.fnt14{ font-size:0.875em;}
.fnt20{ font-size:1.25em;}
.fnt35{ font-size:2.1875em;}
.color_666{ color:#666;}
.red{ color:#DD0713}
.fr170{ padding-left:170px;}
@media(max-width:480px){
.header,.banner,.mb,.bot_menu,.why_tit,.why_con,.cp_class{ display:none;}
.m_top,.m_banner,.mb_cp,.mb_class{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:15px; padding-bottom:15px;background:#f5f5f7}
.m_top_l{ float:left; padding-left:10px;}
.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;
  top: 2px;
  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;
}

.n_banner,.p_banner,.n_content,.product{ width:96%; padding-left:2%; padding-right:2%;}
.n_banner{  float:left; height:70px; line-height:70px; border-top:1px solid #e5e5e5; background:#fafafa;border-bottom:1px solid #e5e5e5;}
.tit{ width:auto; height:auto; line-height:70px; text-align:left; background:none;margin-top:0px; font-size:1.5em; color:#000;}
.class{ width:auto;padding-top:0px; line-height:70px; color:#333; text-align:right; font-size:0.8em;}
.class a{ color:#333;}
.ps_class{ width:100%;padding-top:0px; line-height:70px; color:#333; text-align:right; font-size:0.8em;}
.ps_class a{ color:#333;}
.a_class{ width:100%; height:auto; float:left;margin-right:0%;}
.a_class ul{ width:49%; height:auto; float:left; padding-bottom:1px; padding-right:1%;}
.a_con{ width:100%;padding-left:0%;border-left:none;}

.pr_tit{ width:100%; height:auto; line-height:70px; text-align:left; background:none;margin-top:0px; font-size:1.5em; color:#000;}
.pr_class{ width:100%; height:auto; float:left;margin-right:0%;}
.pr_class ul{ width:100%; height:auto; float:left; padding-bottom:1px; padding-right:0%;}
.pr_con{ width:100%;padding-left:0%;border-left:none;}
.pr_con img{ max-width:100%; height:auto;}
.pr_con table{ width:100%;}

.news_date{ width:15%; height:70px; float:left;text-align:center; background:#DC0000;color:#fff; padding-top:10px;}
.news_tit{ float:left; width:82%; padding-left:3%; }
.news_tit:hover{ height:80px; cursor:pointer;background-color:rgba(210,210,210,0.8);-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.col-xs-6{width:100%;text-align:center;padding-top:15px;}.col-xs-12{width:95%; padding-left:2.5%; padding-left:2.5%; padding-top:15px;}

.p_class ul{ width:48%; padding-right:2%;}
.p_class ul.cc{width:48%; padding-right:2%;}
.p_item{ width:99.5%; margin-right:0%;}
.p_items{ width:99.5%;}
.p_img img{ height:auto;}

.p_con .left{ width:100%; padding-right:0%; border-right:none;}
.p_con .right{ width:100%; padding-left:0%;}
.p_con img{ max-width:98%;}
.p_con .ps_top .ps_img{ width:98%;padding:1%;}
.p_con .ps_top .ps_img img{ border:1px solid #e0e0e0; padding:3px; width:98%;}
.p_con .ps_top .ps_txt{ width:100%; height:auto; float:left; line-height:210%; color:#666;}
	
footer{  line-height:30px;padding-top:15px; padding-bottom:15px; border-top:5px solid #2C3E50; margin-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;}
}