a{ color:#666; text-decoration:none;}
a:hover{ color:#000;}
img{ border:0px;mamaily:"Microsoft Yahei";}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
html,body{overflow-x:hidden;}

.f-l{ float:left;}
.f-r{ float:right;}
body{margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;color:#666;text-align:center;font-family:"Microsoft Yahei";font-size:100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: inherit | grayscale;-webkit-text-size-adjust: none}
header,.bot,.m_a_why{ display:none;}
.bignav{width:100%; height:50px;float:left; background:#A02925; color:#fff;}
.container{width:100%; max-width:1260px;height:auto; margin:0 auto; text-align:left;}
.container_900{width:100%; max-width:900px;height:auto; margin:0 auto; text-align:left;}
.container_1440{width:100%; max-width:1440px;height:auto; margin:0 auto; text-align:left;}


.h_top{width:100%; height:156px;float:left; background:url(../images/topbg.jpg); background-repeat:repeat-x; border-bottom:1px solid #fff;}
.h_top .h-logo{ padding-top:70px; padding-left:10px;}
.h_top .h-tel{ padding-top:78px;}
.bignav .main-nav{ width:100%;float:left;margin:0px;list-style:none;font-size:1.25em}
.bignav .main-nav li{ width:10.28%; float:left; text-align:center; padding-left:2%; padding-right:2%;}
.bignav .main-nav li a{ width:100%; line-height:50px; color:#fff; float:left;}
.bignav .main-nav li a:hover{ background:#CC3333;-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;}
.bignav .main-nav li a.on{ background:#CC3333;}


.banner{ width:100%; height:500px; float:left;z-index: 55;}
.m_banner{ display:none;}
.fullSlide {width:100%;position:relative;height:500px;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:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.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:#A02925;}

.pagemain{width:100%; height:auto;float:left; padding-top:40px; padding-bottom:40px;}
.a_tit{ width:100%; height:34px; float:left; background:url(../images/titbg.jpg) no-repeat center center; text-align:center; font-size:1.875em; color:#A02925;background-position:center center;}
.a_content{ width:84%; float:left; padding-top:30px; line-height:180%; padding-left:8%; padding-right:8%;}
.a_content .a_img{ padding-right:4%;}
a.more{ width:130px;height:40px; float:left; line-height:40px;text-align:center; color:#fff; background:#A02925;}
a:hover.more{background-color:rgba(70,91,95,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;}
.f27{ width:33%;}
.f69{ width:63%;}

.a_join{width:100%; height:370px; float:left; background:url(../images/bg.jpg) repeat center center;}
.a_join container_900 div{ width:50%;}

.a_why{width:100%; height:auto; float:left; padding-top:45px; padding-bottom:45px;}
.a_why img{ max-width:100%;}

.bot_menu{width:100%; height:auto;float:left; background:#A02925; line-height:50px; text-align:center;}
.bot_menu a{ padding-left:40px; padding-right:40px; color:#fff;}

footer{width:100%; height:auto; float:left; line-height:200%;font-size:0.875rem; padding-bottom:30px; padding-top:30px; background:url(../images/bg.jpg);}
.float-div{position:fixed; float:right;bottom:80px;width:100%;z-index:0; text-align:right; right:-30px;cursor:pointer;}


.t10{ padding-top:10px;}
.m30{ margin-left:30px;}
.m60{ margin-left:60px;}
.fnt14{ font-size:0.875em;}
.t105{ padding-top:105px;}
.t20{ padding-top:20px;}
.red{ color:#CC2624;}

/*about*/
.a_content_n{ width:84%; float:left; padding-top:30px; line-height:180%; padding-left:8%; padding-right:8%;}
/*message*/
.f-tit{ width:100%; float:left; font-size:14px; line-height:250%;}
.f-input{width:100%; float:left;}
.f-sub{ width:100%; float:left; padding-top:20px;}
.f-input .input{ width:97%; line-height:42px; border:1px solid #eee; background:#f9f9f9; height:42px; padding-left:3%}
.f-input .inputs{ width:99%; line-height:42px; border:1px solid #eee; background:#f9f9f9;}
.f-sub input{ width:200px; height:50px; background:#999999; text-align:center; line-height:50px; color:#fff; border:none; font-family:"΢ÈíÑźÚ"; cursor:pointer}

/*news*/
.vr_news{ width:100%; height:auto; float:left; padding-bottom:30px; margin-top:50px;}
.row{box-sizing:border-box;margin-left:-15px;margin-right:-15px;}
.mb-30{margin-bottom:30px}
.vr_news_item {
    background: #f7f7f7;
    padding: 15px 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.vr_news_item:hover {
    -webkit-box-shadow: 0 5px 15px #eee;
    box-shadow: 0 5px 15px #eee;
}

.vr_news_item a:hover h2 {
    color: #A02925;
}

.vr_news_item a .ver-more_circle:before {
    color: #666;
}

.vr_news_item a:hover .vr-more_circle:before {
    content: "\e691";
    color: #A02925;
}

.vr_news_item h2 {
    font-size: 16px;
    color: #333;
    padding: 20px 0;
}

.vr_news_item p {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	line-height:200%;
}

.vr_news_item h3 {
    text-align: right;
    font-size: 16px;
    padding: 20px 0;
    color: #a0a0a0;
}

.vr_news_item i {
    font-size: 26px;
    float: right;
}

.vr_news_tab {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    overflow: hidden;
}

.vr_news_tab button {
    padding: 10px 30px;
    background: #fff;
    border: 1px solid #A02925;
    color: #333;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
	font-family:"΢ÈíÑźÚ"
}

.vr_news_tab button:hover,
.vr_news_tab button.active {
    background: #A02925;
    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;
}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.col-sm-2,.col-sm-8,.col-xs-6,.col-sm-6{min-height:1px;position:relative;padding-left:15px;padding-right:15px;box-sizing:border-box;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.col-sm-2,.col-sm-8,.col-xs-6,.col-sm-6{float:left}
.col-sm-8{width:83.333333333333336%}
.col-xs-6{width:75%}
.col-sm-2{width:16.666666666666664%}
.col-xs-2{width:16.66666667%}
.col-sm-6{width:50%}
.mb-20{margin-bottom:20px}
.col-sm-6 img{ width:100%;}

.n_pageno{ width:100%; height:auto; float:left; margin-top:10px; text-align:center; line-height:45px;}
.n_pageno span a{ padding-left:5px; padding-right:5px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px; }
.n_pageno span a:hover{ padding-left:5px; padding-right:5px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px;  color:#ff6600;}
.n_pageno span a.on{ padding-left:5px; padding-right:5px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; color:#ff6600;}

/*news_page*/
.vr_news_page{ width:100%; height:auto; float:left; margin-top:40px;}
.news_page{ height:auto;}
.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 .content{ 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*/
.p_content_n{ width:84%; float:left; padding-top:60px; line-height:180%; padding-left:8%; padding-right:8%;}
.p_list{ padding-top:20px; padding-bottom:20px; float:left; width:100%;}
.p_img{ width:40%; float:left; padding-right:5%; text-align:center;}
.p_img img{ max-width:100%;}
.p_txt{ width:55%; float:left;}
.p_txt h1{ font-size:1.575em; color:#A02925; padding-bottom:20px;}
.p_content{ width:80%; float:left; line-height:200%; margin-top:30px; padding-left:10%; padding-right:10%;}
.p_content img{ max-width:100%;}

@media(max-width:800px){
footer{ width:95%; padding-left:2.5%; padding-right:2.5%;}
.bignav .logo{ width:20%; float:left;}

.bignav .logo img{ width:100%;}
.bignav .main-nav{ width:80%; float:left;}
.bignav .main-nav>li{float:left;margin-right:0px;height:45px;line-height:45px;position:relative}
.bignav .tel{ display:none}
}
@media(max-width:480px){
	.bignav,.bot_menu,.header,.banner,.h_top,.a_why{ display: none ; }
	header,.f851,.m_pro,.m_banner,.m_a_why{ display:block;}
	.main-menu{ display:none;}
	
	.mobile-menu-area {background: #000 none repeat scroll 0 0;}
	.mobile-menu .logo {
		left: 10px;
		position: absolute;
		top: 15px;
		z-index: 99999999 !important;
	}
	.mobile-menu .logo img {
		height: 41px;
		width: 288px;
	}
	.m_banner{ width:100%; float:left;}
	.m_banner img{ width:100%;}
	
	footer,.pagemain,.a_join,.vr_news{ width:95%; padding-left:2.5%; padding-right:2.5%; height:auto;}
	footer{ line-height:180%; margin-bottom:60px}
	.a_content,.a_content_n,.p_content_n{ width:100%; float:left; padding-top:30px; line-height:180%; padding-left:0%; padding-right:0%;}
	
	.f27{ width:100%; text-align:center; padding-bottom:15px;}
	.f69{ width:100%;}
	.a_img{ padding-right:0%;}
	.a_join container_900 div{ width:100%;}
	.a_join img{ max-width:100%;}
	.a_join .f-r{ float:left; padding-left:20%;}
	.m_a_why{ width:100%;height:auto; }
	.m_a_why div{ width:100%; margin-bottom:15px; margin-top:15px;}
	.m_a_why div img{ width:100%;}
	
	.p_img{ width:100%; padding-right:0%;}
	.p_txt{ width:100%; padding-top:20px;}
	.p_content{ width:100%; padding-left:0%; padding-right:0%;}

	.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;}
	.mt10{ margin-top:0px;}
	.m30{ margin-left:0px;}
	.m60{ margin-left:0px;}
	.col-sm-6{width:100%}
	.col-sm-8{width:80%}
	.col-sm-2{width:18%}
	.col-sm-2 h3{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100}
	.row{box-sizing:border-box;margin-left:0px;margin-right:0px;}
	.p_txt h1{ font-size:1.375em; }
	
}