a{ color:#666; text-decoration:none;}
a:hover{ color:#000;-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;}
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:#666;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:14px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	background:#D6D6D6;
}
.fr{ float:right;}
.fl{ float:left;}
.m_top,.bot,.m_pagefoot,.mcp{ display:none;}
.container{width:1200px;height:auto; margin:0 auto; text-align:left; background:#fff; margin-top:36px;border-radius:15px 15px 15px 15px; padding-top:10px;}
.header{ width:100%; height:130px; float:left; background:url(../images/topbg.jpg);}
.logo{ padding-left:30px; padding-top:25px;}
.tel{ padding-top:20px; text-align:right; padding-right:10px;}
.tel img{ padding-bottom:15px;}
.search{}
.search .input{ width:177px; height:23px; background:url(../images/searchbg.png); border:none; padding-left:30px; color:#666; }
.search .btn{ background:#e1e1e1; color:#000; border:1px solid #a4a4a4; height:25px}
.menu{ width:100%; height:auto; float:left; background:#2481BC; line-height:50px; font-size:1.42857em;}
.navs{ float:left; padding-left:30px; padding-right:29px;}
.navs a{ float:left;width:100%; color:#fff;}
.navs a.current{ text-decoration:underline}
.navs a:hover{ text-decoration:underline}
.line{ float:left;}

.banner{ width:100%; height:400px; float:left;z-index: 55;}
.m_banner{ display:none;}
.fullSlide {width:100%;position:relative;height:400px;z-index:5;}
.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:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:400px;}
.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:55px;height:10px;margin:1px;overflow:hidden;background:#CCCCCC;line-height:999px;}
.fullSlide .hd ul .on {background:#2481BC;}

.pagemain{ width:96.7%; height:auto; float:left; padding-top:40px; padding-left:1.65%; padding-right:1.65%;background:#fff;}
.n_pagemain{ width:100%; height:auto; float:left; background:#fafafa;}

.left{ width:29%; float:left;}
.rights{ width:68.9%; float:left; margin-left:2%; border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.right{ width:69%; float:left; padding-left:2%;}
.l_tit{ width:94%; height:50px; float:left; background:url(../images/titlebg.jpg); padding-left:3%; padding-right:3%; line-height:50px; color:#fff; margin-bottom:12px;}
.l_class{ width:100%; height:40px; float:left; background:#EFEFEF;border-radius:7px; margin-bottom:9px;}
.l_class a{ width:90%; float:left; line-height:40px; background:url(../images/black_sj.png); background-repeat:no-repeat; padding-left:10%;}
.l_class a:hover{ width:90%; float:left; line-height:40px; background:url(../images/white_sj.png) #EF8335; background-repeat:no-repeat; padding-left:10%; color:#fff;-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;}
.l_class a.on{ width:90%; float:left; line-height:40px; background:url(../images/white_sj.png) #EF8335; background-repeat:no-repeat; padding-left:10%; color:#fff;}
.brand{ width:92%; float:left; margin-top:8px; background:#EFEFEF; padding:4%}
.brand_title{ width:100%; float:left; line-height:40px; margin-bottom:6px;}
.brand_con{ width:100%; float:left;}
.brand_con div{ width:50%; padding-bottom:10px;}
.brand_con div img{ border:1px solid #E4E4E4; width:148px; height:48px;}
.brand_con .fr{ text-align:right;}

.wrap{position:relative; float:left; width: 33.2%; height:288px; overflow:hidden; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.wrap img{position:absolute; top:0; left:0; max-width:255px; height:278px;padding:5px; }
.wrap h3{font-size:16px; color:#fff; font-weight:100; padding-left:5px;}
.cover{position:absolute; background:#2481BC; width:100%; padding:3px; top:288px; height:50px;}

.pagemains{ width:96.7%; height:auto; float:left; padding-top:20px; padding-left:1.65%; padding-right:1.65%;background:#fff; background:url(../images/botbg.jpg); padding-bottom:30px;}
.n_tit,.a_tit{ width:100%; float:left; border-bottom:1px solid #DBDBDB; padding-bottom:5px;}
.n_list{ width:100%; float:left; line-height:200%; padding-top:5px;}
.n_list div{ width:100%; float:left;}
.n_list div a:hover{ text-decoration:underline}

.a_con{ width:100%; float:left; padding-top:15px; line-height:150%;}
.a_con img{ padding-left:15px; padding-right:20px;}

.footer{width:100%; height:auto;float:left; padding-top:27px; padding-bottom:20px;}
.containers{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.f_left{ width:15%; float:left; text-align:center;}
.f_left img{ width:112px; height:112px; padding:5px; background:#fff; margin-bottom:10px;}
.f_right{ width:85%; float:left; line-height:200%; padding-top:15px;}

.index_news{ width:100%; height:auto; float:left; padding-top:20px; background:#fff; padding-bottom:20px;}
.news_list{ width:46.7%; float:left; padding-left:1.65%; padding-right:1.65%;}
.news_title{ width:100%; float:left; border-bottom:1px solid #DBDBDB; padding-bottom:5px; margin-bottom:10px;}
.news_list ul{ width:100%; float:left; line-height:200%;}

.fnt18{ font-size:1.2857em;}
.fnt16{ font-size:1.1428em;}
.fnt12{ font-size:0.8571em;}
a.more{ color:#999;}
.color_333{ color:#333;}
.orange{color:#EF8335}
/*about.asp*/
.parallux-bg {
	width:100%;
	float:left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 100px 0 170px 0;
    position: relative;
	border-top:1px solid #ccc;
    z-index: 1;
}
.parallux-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #828282;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}
.search-para {
    left: 0%;
    position: absolute;
    width: 100%;
    text-align: center;
}
.search-para > h1 {
    color: #fff;
    font-size: 40px;
    font-weight: Monda-Bold;
    text-transform: capitalize;
}

.m_title{ width:98%; height:auto; float:left; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; background:#fafafa;color:#ccc; padding-left:2%; line-height:35px;}
.m_title span{ float:left;}
.m_title a{ float:left;}
.m_title i{ float:left; width:20px; background:url(../images/new_png_6.png) center 50% no-repeat; height:35px;}
.content{ width:96%; float:left;line-height:180%; padding-bottom:20px; padding:2%; font-size:16px;}
.content img{ max-width:100%;}

.m_content{width:96%; float:left;line-height:180%; padding-bottom:20px; padding:2%;}
.news_all{ width:96.7%; height:auto; float:left; padding-top:40px; padding-left:1.65%; padding-right:1.65%;background:#fff; padding-bottom:40px;}
.p_left{ width:20%; float:left;}
.p_right{ width:78%; float:left; margin-left:2%; }
.p_left .l_tit{ background:#ED8234}

.news_all{ width:96.7%; height:auto; float:left; padding-top:40px; padding-left:1.65%; padding-right:1.65%;background:#fff; padding-bottom:40px;}
.news{width:78%; float:left; margin-left:2%;}

.n_item{ width:100%; float:left; border-bottom:1px dotted #ccc; line-height:45px; font-size:16px;}
.dates{ font-size:13px; color:#999; font-family:Verdana, Arial, Helvetica, sans-serif}
.pageno{ width:95%; float:left; line-height:40px; padding-left:5%;}
.pageno span a.on{ color:#E68405;}

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

/*product.asp*/
.product{ width:96.7%; height:auto; float:left; padding-top:40px; padding-left:1.65%; padding-right:1.65%;background:#fff; padding-bottom:40px;}
.p_left{ width:20%; float:left;}
.p_right{ width:78%; float:left; margin-left:2%; }
.p_left .l_tit{ background:#ED8234}
.pc_cp{ width:99%; float:left;border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}

.wraps{position:relative; float:left; width: 33.2%; height:288px; overflow:hidden; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.wraps img{position:absolute; top:0; left:0; max-width:255px; height:278px;padding:5px; }
.wraps h3{font-size:1.1428em; color:#fff; font-weight:100; padding-left:5px;}
.covers{position:absolute; background:#2481BC; width:100%; padding:3px; top:288px; height:50px;}

/*search.asp*/
.sear_con{ width:100%; float:left;}
.s_item{ padding-top:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.s_item h1{ line-height:35px; font-weight:100;}
.s_item h1 a{ text-decoration:underline;}
.s_item p{ line-height:180%;}
.s_url{ padding-top:6px; color:#2481BC; float:left;}
.s_url a{color:#aaa;}
.s_url a.cls{ padding:5px 10px; border:1px solid #ccc; background:#2481BC; color:#fff;}
@media(max-width:480px){
.header,.menu,.banner,.wraps,.wrap{ display:none;}
.m_top,.m_banner,.mcp{ display:block;}
.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: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;
}
.m_banner{ float:left;width:100%; height:200px; border-top:1px solid #fff;}
.container{width:100%; height:auto; margin:0 auto; text-align:left; background:none; margin-top:0px;border-radius:0px; padding-top:10px;}
.pagemains{background:#fff;}
.left{ width:100%; float:left;}
.rights{ width:100%; float:left; margin-left:0%; border-left:none; border-top:none;}
.right{ width:100%; float:left; padding-left:0%; padding-top:20px;}
.p_left{ width:100%; }
.pc_cp{ width:100%; float:left;border-left:none; border-top:none;}
.p_right{ width:100%; margin-left:0%; border-left:none; border-top:none;}
.mcp{ width:100%; text-align:center; float:left; padding-top:15px;}
.mcp img{ max-width:100%; margin-bottom:10px;}
.news_list{ width:96.7%; float:left; padding-left:1.65%; padding-right:1.65%;}
.news{width:96.7%; float:left; padding-left:1.65%; padding-right:1.65%; margin-left:0%;}

.footer{width:96.7%; height:auto; float:left;padding-left:1.65%; padding-right:1.65%;}
.containers{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.f_left{ display:none;}
.f_right{ width:100%; }

.parallux-bg {
    padding: 50px 0 100px 0;
}
.search-para > h1 {
    font-size: 30px;
}

.news_page h1{ font-size:30px;line-height:50px; padding-top:10px;}
}