@charset "utf-8";
/* CSS Document */

body {
	margin:auto;	
    padding:0;
    font-size:16px;
	/* text-align:center; */
	background-color:#ffffff;
    font-family:"微软雅黑","Arial","sans-serif";
}
body > div {/*margin-right:auto; margin-left:auto;width:auto;max-width:640px;*/} 
div,form,ul,ol,li,span,p,dt,dl,dd{margin: 0; padding: 0; border: 0;}
img,a img{border:0; margin:0; padding:0;width:100%;outline-width:0px;vertical-align:top;}
h1,h2,h3,h4,h5,h6,cite { margin:0; padding:0;font-size:14px;font-weight:normal;}
ul,ol,li,cite {list-style:none;}

a:link { color: #161616; text-decoration: none }
a:visited { color: #161616; text-decoration: none }
a:active { color: #161616; text-decoration: none }
a:hover { color: #161616; text-decoration: none }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }

.fl{float:left;}
.fr{float:right;}

.mt-03{margin-top:0.3rem;}
.mt-06{margin-top:0.6rem;}
.mt-10{margin-top:1rem;}
.mt-15{margin-top:1.5rem;}
.mt-20{margin-top:2rem;}

.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}

.header{
	width:100%;
	height:auto;
	left:50%;
	/* margin-left:-320px; */
	top:0px;
	position:fixed;
	z-index:999999;
	background:url(../img/bg.png);
}

.header-logo{width:30%;height:3rem;margin:0 auto;margin-top:1rem}
.header-logo img{width:100%;}

.menu{width:100%;height:auto;margin:0 auto;font-size:15px;}
.menu li{width:20%;height:2.5rem;float:left;text-align:center;line-height:2.3rem;}
.menu li.onnav{background:url(../img/menu-bg.png) no-repeat bottom center;}

.menu-hidden{width:100%;height:auto;display:none;}
.menu-hidden li{line-height:32px;border-bottom:1px solid #ffffff;}

.place_holder{margin-top:6.5rem;}

.footer-1{width:100%;height:7.5rem;background-color:#f2f2f2;}
.footer-1-menu{width:100%;padding-top:1rem;}
.footer-1-menu a{margin:0 0.5rem;}
.footer-1-tel{padding-top:0.8rem;}
.footer-1-icon{width:100%;padding-top:0.5rem;font-size:18px;}
.footer-1-icon i{font-size:25px;}
.footer-1-icon a{margin:0 0.5rem;}

.footer-2{width:100%;height:auto;background-color:#f2f2f2;border-top:1px solid #ffffff;font-size:14px;padding-top:0.5rem;padding-bottom:0.5rem;}
.footer-2 p{line-height:1.6rem;color:#656565}
/*-----banner start-----*/
.banner-box{width:100%;height:14rem;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;height:14rem;}
.banner-box .bd li .m-width {width:100%;height:14rem;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:14rem;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:100%;position:absolute;top:3.5rem;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:0px;background:url(../img/btn.png) no-repeat 0 0;} 
.banner-btn a.next{right:0px;background:url(../img/btn.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:9rem;left:50%;margin-left:-40px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin:0 8px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
/*-----banner end-----*/

.index-about,.index-brand{width:100%;height:auto;}
.index-info,.index-contact{width:49%;}

.index-pro{width:100%;height:1rem;border-bottom:1px solid #8c8c8c;text-align:center;}
.index-pro h2{text-align:center;margin: 0 auto; width:8rem;font-size:22px;line-height:2rem;background-color:#ffffff;}
.index-pro-txt{width:100%;height:24rem;overflow:hidden;}
.sp-slide{background:url(../img/pro-bg.png) no-repeat bottom;}
.sp-slide .sp-image-container img{opacity: 0.3;}
.sp-selected .sp-image-container img {opacity: 1;}

.inner-banner{width:100%;height:auto;}
.about-info{width:100%;height:auto;padding-bottom:1rem;}
.about-info h2{font-size:22px;padding-top:1.2rem;padding-bottom:0.6rem;}
.about-info p{width:90%;margin:0 auto;font-size:14px;line-height:30px;text-indent: 2em;text-align:left;color:#5f5f5f;}
.grey{background-color: #f1f2f4;}

.about-detail{width:100%;height:25rem;color:#ffffff;}
.about-detail h2{font-size:20px;margin-left:5%;padding-top:10%;}
.about-detail p{width:65%;margin:1rem auto 1rem 5%;font-size:14px;line-height:30px;}
.about-bg1{background:url(../img/about-bg1.jpg) no-repeat top center;}
.about-bg2{background:url(../img/about-bg2.jpg) no-repeat top center;}
.about-bg3{background:url(../img/about-bg3.jpg) no-repeat top center;}

.inner-nav{width:100%;text-align:center;border-bottom:1px #cdcdcd solid;padding:0.5rem 0 0.5rem 0;margin-bottom:1rem;}
.inner-nav li{display:inline-block;height:2rem;line-height:2rem;}
.inner-nav a{text-align:center;font-size:14px;margin:0 15px;}
.inner-nav a:hover,.n-nyhd a.currclass{color:#ff0000;}
.inner-nav a.currclass{color:#ff0000;}

.news{width:96%;height:7rem;padding:1.5rem 0 0 0;border-bottom:1px solid #cdcdcd;}
.news-left{width:30%;height:7rem;overflow:hidden;}
.news-right{width:65%;height:7rem;overflow:hidden;text-align:left;}
.news-right h2{font-size:18px;height:1.5rem;overflow:hidden;}
.news-right p{line-height:24px;height:3rem;margin-top:0.5rem;font-size:14px;overflow:hidden;}

.infoshow{
	padding-top: 108px;
    padding-bottom: 48px;
}

.news-title{text-align: center;width:100%;height:auto;border-bottom:1px solid #cdcdcd;padding-bottom:0.5rem;}
.news-title h2{font-size:20px;padding:2rem 0 0.5rem 0;text-align: center;}
.news-title span{font-size:14px;color:#595757;margin:0 0.3rem;display: none;}

.news-txt{height:auto;line-height:2rem;min-height:20rem;text-align:left;padding:1rem 1rem 1rem 1rem;}
.news-txt p{width:90%;margin:0 auto;}
.news-txt img{width:100%;text-align:center;}


.contact-txt{width:100%;margin-top:1rem;text-align:left;height:auto;min-height:20rem;background:url(../img/contact-bg.jpg) no-repeat right bottom;}
.contact-txt h2{
	margin-left:5%;
	line-height:3rem;
	font-size:22px;
	font-weight:lighter;
}
.contact-txt p{
	margin-left:5%;
	color:#7b7b7b;
	line-height:2rem;
	font-size:16px;
}
.contact-txt p.red{
	color:red;
}

.contact-map{width:90%;height:15rem;margin-bottom:1rem;}


.brand-title{
	border-top:3px solid #bf1a20;
	height:3rem;
	background-color:#ffffff;
}
.brand-title h2{
	line-height:3.5rem;
	font-size:22px;
	color:#bf1a20;
	padding-left:0.5rem;
}
.brand-title span{
	font-size:15px;
	color:#cccccc;
	padding-top:1.4rem;
	padding-left:0.8rem;
}
.brand-title-tel{
	font-size:15px;
	line-height:3.5rem;
	padding-right:0.5rem;
}

.inner-shop-txt{width:100%;height:17.5rem;overflow: hidden;}
.inner-sign-txt{width:100%;height:15.6rem;overflow: hidden;}
/*-----------------------------------*/
.page{height:40px;margin:30px auto;text-align:center;}
.page a{display:inline;width:38px;height:38px;padding:10px 15px;line-height:38px;border:1px solid #e7e7e7;font-size:13px;}
.page a:hover{background-color:#ececec;color:#333;}
.page a.on{background-color:#ececec;color:#333;}
/*-----------------------------------*/