@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{margin:0px; padding:0px;}
ul,li{list-style:none; border:0;}
img{border:0; vertical-align:bottom; width:100%;}
html{width:100%;}
body{font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; background-size:100%; text-align:justify; text-justify:inter-ideograph; height:100%;}
a,a:hover{cursor:pointer; text-decoration:none;}
input,textarea{font-family:MingLiu，Arial, Helvetica, sans-serif; font-weight: lighter;}
input:focus,textarea:focus{outline:none;}
.ff:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.DisplayNone{display:none;}
.LineNone{line-height:0; font-size:0;}
.FloatDiv{height:auto !important; height:1px; min-height:1px;}
	.FloatLeft{float:left;}
	.FloatRight{float:right;}
.Main{width: 80%; margin: 0 auto; font-size: 1.1vw;}

/*导航*/
.Header{padding: 1vw 0;}
	.HeadetLogo{width: 16%; display: block; float: left;}
	.PhoneNav{display: none; float: right;}
	.Nav{padding: 1vw 0 0;}
		.NavBox{}
			.NavBox a{display: block; float: left; margin: 0 1vw 0 0; font-size: 1.2vw; height: 2.5vw; line-height: 2.5vw; border: 1px solid #aaa; color: #555; padding: 0 1.5vw; border-radius: 2vw; overflow: hidden;}
				.NavBox a:hover,.NavBox a.NavBoxOn{color: #fff; background: #e60012; border: 1px solid #e60012;}
		.NavChange{display: block; float: right; font-size: 1vw; height: 2.5vw; line-height: 2.5vw; border: 1px solid #224ebe; color: #224ebe; width: 2.5em; overflow: hidden; text-align: center; border-radius: 2vw;}
			.NavChange:hover{border: 1px solid #224ebe; background: #224ebe; color: #fff;}

/*banner*/
.Banner{width: 100%;}

/*首页*/
.IndexPro{padding: 3vw 0;}
	.IndexTitlePro{width: 19%; margin: 0 auto;}
	.IndexProBox{margin: 2vw 0 0;}
		.IndexProTxt{width: 47.5%;}
			.IndexProTxt p{margin: 0 0 0.5vw; text-indent: 2em;}
			.BtnVideo{margin: 1vw 0 0; width: 11vw;}
				.BtnVideoIcon{display: block; float: left; width: 2.5vw; height: 2.5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
				.BtnVideoTxt{display: block; float: left; width: 8.5vw; border: 1px solid #ddd; border-left: none; height: 2.5vw; line-height: 2.5vw; text-align: center; color: #555;}
					.BtnVideoTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
		.IndexProMap{background: url(../img/img_map.jpg) center top no-repeat; background-size: cover; width: 47.5%; padding: 14vw 0 2vw;}
			.IndexProMapBox{margin: 0 4vw 0 2vw;}
				.IndexProLineRed{height: 0.4vw; width: 4vw; border-radius: 1vw; background: #e60012; line-height: 0;}
				.IndexProLine{height: 0.4vw; width: 4vw; border-radius: 1vw; background: #ccc; line-height: 0;}
				.IndexProMapNum{font-size: 3vw; line-height: 5vw;color: #000; font-weight: bold;}
				.IndexProMapTxt{font-size: 1vw; color: #888;}
.IndexBrand{padding: 3vw 0; background: url(../img/bg_brand.jpg) center top no-repeat #000; background-size: 100%;}
	.IndexTitleBrand{text-align: right;}
		.IndexTitleBrand img{width: 15.6%;}
	.IndexBrandBigBox{padding: 0 0 0 34%; margin: 2vw 0 0;}
		.IndexBrandBigBoxImg{width: 100%;}
		.IndexBrandBigBoxTxt{margin: 1vw 0 0;}
			.IndexBrandBigBoxTitle{float: left; color: #fff; font-size: 1.2vw; line-height: 2.5vw;}
			.IndexBrandBigBoxBtn{float: right;}
				.IndexBrandBigBoxBtnIcon{display: block; float: left; width: 2.5vw; height: 2.5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
				.IndexBrandBigBoxBtnTxt{display: block; float: left; width: 8.5vw; border: 1px solid #e60012; border-left: none; height: 2.5vw; line-height: 2.5vw; text-align: center; color: #888;}
					.IndexBrandBigBoxBtnTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
		.IndexBrandBigBoxTips{color: #888; margin: 1vw 0 0; font-size: 0.9vw; line-height: 1.5vw;}
	.IndexBrandBox{margin: 1.5vw 0 0;}
		.IndexBrandBox a{display: block; float: left; width: 32%; margin: 0 2% 0 0;}
			.IndexBrandBox a:last-child{margin: 0;}
			.IndexBrandBox a:hover .IndexBrandListTitle{color: #fff;}
			.IndexBrandListImg{width: 100%; overflow: hidden;}
			.IndexBrandListTitle{font-size: 1vw; color: #888; margin: 0.6vw 0 0;}
.IndexProduct{margin: 3vw 0 0;}
	.IndexProductTitle{width: 18%; margin: 0 auto;}
	.IndexProductNav{margin: 2vw 0 0; background:url(../img/index_pro_bg.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
		.IndexProductNavBox{width: 80%; margin: 0 auto;}
			.IndexProductNavBox a{display: block; width: 33.33%; float: left; height: 24.4vw;}
				.IndexProductNavBox a:nth-child(1){background: url(../img/index_pro_nav_1.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
					.IndexProductNavBox a:nth-child(1):hover,.IndexProductNavBox a:nth-child(1).IndexProductNavBoxOn{background: url(../img/index_pro_nav_1_on.jpg) center top no-repeat; background-size: 100%;}
				.IndexProductNavBox a:nth-child(2){background: url(../img/index_pro_nav_2.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
					.IndexProductNavBox a:nth-child(2):hover,.IndexProductNavBox a:nth-child(2).IndexProductNavBoxOn{background: url(../img/index_pro_nav_2_on.jpg) center top no-repeat; background-size: 100%;}
				.IndexProductNavBox a:nth-child(3){background: url(../img/index_pro_nav_3.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
					.IndexProductNavBox a:nth-child(3):hover,.IndexProductNavBox a:nth-child(3).IndexProductNavBoxOn{background: url(../img/index_pro_nav_3_on.jpg) center top no-repeat; background-size: 100%;}
	.IndexProductList{background: #e60012; padding: 3vw 0;}
		.IndexProductListBox{width: 80%; margin: 0 auto;}
			.IndexProductListBox a{display: block; float: left; width: 18%; margin: 0 1%; font-size: 1.2vw;}
			.IndexProductListBox a:last-child{display: none;}
				.IndexProductListBox a div:nth-child(2){margin: 0.5vw 0 0; text-align: center; color: #fff;}
		.IndexProductLink{display: block; margin: 1.5vw auto 0; width: 8vw; height: 3vw; line-height: 3vw; font-size: 1.2vw; text-align: center; color: #df8772; border: 1px solid #df8772;}
			.IndexProductLink:hover{color: #fff; border: 1px solid #ffff;}

.IndexNews{background: #333; padding: 3vw 0;}
	.IndexNewsTitle{width: 21%; float: left;}
	.IndexNewsTitleBtn{float: right; margin: 1vw 0 0;}
		.IndexNewsTitleBtnIcon{display: block; float: left; width: 2.5vw; height: 2.5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
		.IndexNewsTitleBtnTxt{display: block; float: left; width: 8.5vw; border: 1px solid #e60012; border-left: none; height: 2.5vw; line-height: 2.5vw; text-align: center; color: #ccc;}
			.IndexNewsTitleBtnTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
	.IndexNewsBox{margin: 1.5vw auto 0;}
		.IndexNewsBig{background: #fff; float: left; width: 45%;}
			.IndexNewsBigImg{display: block;}
			.IndexNewsTxt{padding: 1vw 1vw 1.5vw; display: block;}
				.IndexNewsTxtDate{font-size: 0.6vw; color: #888;}
				.IndexNewsTxtTitle{line-height: 2.5vw; font-size: 1.2vw; height: 2.5vw; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
				.IndexNewsTxtTips{color: #888;}
				.IndexNewsTxt:hover .IndexNewsTxtTitle{color: #e60012; font-weight: bold;}
		.IndexNewsList{width: 45%; float: right; color: #fff;}
			.IndexNewsList a{display: block; color: #fff; margin: 0 0 1.4vw;}
				.IndexNewsList a:last-child{margin: 0;}
				.IndexNewsListDate{border: 1px solid #fff; width: 3.5vw; text-align: center; padding: 0.5vw; color: #aaa; font-size: 0.6vw;}
					.IndexNewsListDate span{font-size: 2vw; color: #fff;}
				.IndexNewsListTitle{font-size:1.2vw; margin: 0.3vw 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 2.5vw; line-height: 2.5vw;}
				.IndexNewsListTxt{color: #888; font-size: 1vw;}
					.IndexNewsList a:hover .IndexNewsListTitle{color: #e60012;}
					.IndexNewsList a:hover .IndexNewsListTxt{color: #fff;}

.IndexJoin{background: url(../img/bg_join.jpg) center top no-repeat; background-size: 100%; padding: 3vw 0 4vw;}
	.IndexJoinTitle{width: 21.7%; margin: 0 auto;}
	.IndexJoinPhone{width: 27.3%; margin: 7vw auto 0;}
	.IndexJoinTxt{text-align: center; color: #333; margin: 2vw 0 0;}
	.IndexJoinMain{width: 40vw; margin: 1vw auto 0;}
		.IndexJoinMainInput{width: 18vw; border: 1px solid #999; background: #fff;}
			.IndexJoinMainInputTitle{width: 4vw; background: #999; float: left; font-size: 1vw; color: #fff; text-align: center; height: 2.5vw; line-height: 2.5vw;}
			.IndexJoinMainInputTxt{width: 14vw; float: right;}
				.IndexJoinMainInputTxt input{width: 12vw; padding: 0 1vw; height: 2.5vw; line-height: 2.5vw; color: #333; border: none; font-family: Microsoft Yahei; font-size: 1vw; font-weight: normal;}
	.IndexJoinBtn{display: block; font-size: 1.1vw; width: 15vw; margin: 1vw auto 0; height: 3vw; line-height: 3vw; background: #e60012; text-align: center; color: #fff; border-radius: 2vw;}

.Bottom{background: #222;}
	.BottomMain{width: 80%; margin: 0 auto; padding: 3vw 0 4vw;}
		.BottomLeft{float: left; color: #888; font-size: 1vw;}
			.BottomLeftTitle{font-size: 1.2vw; color: #fff;}
			.BottomLeftTxt{margin: 0.5vw 0 0;}
		.BottomRight{float: right;}
			.BottomCodeBox{float: left; width: 13vw; margin: 0;}
				.BottomCodeBoxImg{width: 8vw; margin: 0 auto;}
				.BottomCodeBoxTxt{color: #888; font-size: 0.8vw; text-align: center; margin: 0.5vw 0 0;}

/*品牌*/
.BannerBrand{background: url(../img/brand_bg.jpg) center top no-repeat #000; background-size: 100%; padding: 40vw 0 3vw;}
	.BrandLogo{width: 15.24%; margin: 0 auto 5vw;}
	.BrandTitleLeft{float: left; width: 47%;}
		.BrandTitleLeftImg{width: 13vw; margin: 0 auto;}
		.BrandTitleTxt{color: #888; text-align: center; font-size: 1vw; padding: 1vw 0;}
	.BrandTitleRight{float: right; width: 47%;}
		.BrandTitleRightImg{width: 10.4vw; margin: 0 auto;}
		.BtnBrand{margin: -2.5vw 0 0; width: 11vw; position: absolute;}
				.BtnBrandIcon{display: block; float: left; width: 2.5vw; height: 2.5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
				.BtnBrandTxt{display: block; float: left; width: 7.5vw; border: 1px solid #e60012; border-left: none; height: 2.5vw; line-height: 2.5vw; text-align: center; color: #888;}
					.BtnBrandTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
.BrandList{width: 80%; margin: 3vw auto 0; font-size: 1.1vw;}
	.BrandList a{display: block; float: left; width: 32%; margin: 0 2% 0 0;}
		.BrandList a:last-child{margin: 0;}
		.BrandList a:hover .IndexBrandListTitle{color: #fff;}
		.BrandListTitle{font-size: 1vw; color: #333; text-align: center; margin: 0.6vw 0 0;}
.BrandTxt{text-align: center; color: #888; margin: 2vw auto 0; font-size: 0.95vw; line-height: 1.5vw;}
.BrandLogoMini{margin: 2vw auto 0; width: 21.84%;}
.BrandShopList{width: 80%; margin: 3vw auto 0; font-size: 1.1vw; padding: 0 0 3vw;}
	.BrandShop{float: left; width: 48%; margin: 2% 2% 0 0; text-align: center;}
		.BrandShop:nth-child(2n){margin: 2% 0 0 0;}
		.BrandShopTxt{font-size: 1.1vw; color: #333; margin: 1vw 0 0;}

/*产品*/
.BannerProduct{width: 100%; padding: 0 0 6vw;}
	.ProductNav{position: absolute; left: 50%; margin: -10vw 0 0 -35%;}
		.ProductNav a{display: block; float: left; width: 8vw; border-radius: 10vw; overflow: hidden; background: #ddd; margin: 0 2vw 0 0;}
			.ProductNav a:hover,.ProductNav a.ProductNavOn{background: #d62129;}
.ProductMain{background: #dfdfdf; padding: 3vw 0;}
	.ProductBtn{width: 20vw; margin: 0 auto;}
		.ProductBtn a{display: block; width: 9vw; height: 3vw; line-height: 3vw; font-size: 1.2vw; text-align: center; border-radius: 4vw; color: #555; border: 1px solid #888; background: #fff;}
			.ProductBtn a:first-child{float: left;}
			.ProductBtn a:last-child{float: right;}
			.ProductBtn a:hover,.ProductBtn a.ProductBtnOn{border: 1px solid #d62129; color: #d62129;}
.ProductList{margin: 0 auto;}
	.ProductList a{display: block; float: left; width: 22%; margin: 3% 4% 0 0;}
		.ProductList a:nth-child(4n){margin: 3% 0 0;}
		.ProductListImg{background: #fff;}
		.ProductListTxt{text-align: center; margin: 0.5vw 0 0; color: #333;}
.PageNum{width: 80%; margin: 3vw auto 0; padding: 2vw 0; background: #fff; text-align: center;}
	.PageNum a{padding: 0.6vw 1vw; margin: 0 1vw; border: 1px solid #ddd; color: #888;}
		.PageNum a:hover,.PageNum a.PageNumOn{color: #d62129; border: 1px solid #d62129;}

.ProductInfoLink{position: absolute; left: 50%; margin: -10vw 0 0 -40%; font-size: 1vw; padding: 1vw 0 0; color: #888;}
	.ProductInfoLink a{margin: 0 1vw; color: #555;}
	.ProductInfoLink span{margin: 0 1vw;}
.ProductInfoMain{margin: -4vw auto 0; width: 80%; padding: 0 0 3vw;}

/*加盟*/
.BannerJoin{width: 100%;}
.JoinTitle{width: 21%; margin: 3vw auto 0;}
.JoinMainImg{width: 80%; margin: 3vw auto 0;}
.JoinMain{margin: 3vw auto 0; width: 100%; background: #d62129;}
	.JoinMainShop{float: left; width: 50%;}
	.JoinMainLc{width: 45%; float: left; width: 35%; padding: 3vw 0 0 5%;}
		.JoinMainLcTitle{width: 50%;}
		.JoinMainLcImg{margin: 2vw 0 0; width: 100%;}


/*新闻主体*/
.BannerNews{width: 100%;}
.NewsMain{background: #dfdfdf; padding:0 0 3vw;}
	.NewsList{width: 80%; margin: 0 auto;}
		.NewsList a{display: block; width: 37.9vw; margin: 3vw 3vw 0 0; float: left;}
			.NewsList a:nth-child(2n){margin: 3vw 0 0;}
			.NewsListMain{margin: 1vw 0 0; color: #555; height: 5vw; overflow:hidden;}
				.NewsListDate{height: 4vw; width: 5vw; border: 1px solid #aaa; color: #888; font-size: 0.8vw; text-align: center; padding: 0.5vw 0; float: left;}
					.NewsListDate span{font-size: 2.5vw; color: #333;}
				.NewsListTxt{width: 31.5vw; float: right;}
					.NewsListTitle{font-size: 1.2vw; color: #000;}
					.NewsListTips{margin: 0.5vw 0 0; font-size: 1vw; color: #888;}
			.NewsList a:hover .NewsListDate{background: #fff;}
			.NewsList a:hover .NewsListTitle{color: #d62129; font-weight: bold;}


/*新闻详情*/
.NewsInfoTitle{font-size: 1.5vw; color: #000; padding: 1.5vw 0 0;}
.NewsInfoTips{font-size: 0.9vw; color: #999; margin: 0.5vw 0 0;}
	.NewsInfoTips span{margin: 0 3vw 0 0;}
.NewsInfoMain{background: #dfdfdf;}
	.NewsInfoContent{margin: 1.5vw auto 0; width: 74%; padding: 3%; background: #fff; font-size: 1.2vw;}

/*服务*/
.ServiceBanner{width: 100%;}
.ServiceNav{position: absolute; z-index: 2; margin: -4vw; text-align: center; width: 100%;}
	.ServiceNav a{margin: 0 1vw; background: #df8772; padding: 0.8vw 1.5vw; color: #555; border-radius: 3vw;}
		.ServiceNav a:hover,.ServiceNav a.ServiceNavOn{background: #fff; color: #d62129;}
.ServiceMain{width: 80%; margin: 0 auto; padding: 3vw 0; font-size: 1.2vw;}


/*手机展示部分*/
@media only screen and (max-width: 750px) {

.Main{width: 90%; margin: 0 auto;}
	.HeadetLogo{width: 35%; padding: 1vw 0;}
	.PhoneNav{display: block; width: 8vw; height: 8vw; padding: 0; margin: 2vw 0 0; border-radius: 6vw; border: 2px solid #d62129; background: url(../img/phone_menu.png) center center no-repeat; background-size: 100%; overflow: hidden;}
	.Nav{position: absolute; display: none; width: 100%; left: 0; top: 0; background: #fff; border-bottom: 3px solid #ddd; padding: 0 0 2vw;}
		.NavBox{width: 100%;}
			.NavBox a{display: block; width: 100%; margin: 0; padding: 0; background: none; border: none; border-radius: 0; border-bottom: 1px solid #ddd; font-size: 4vw; height: 10vw; line-height: 10vw; text-align: center;}
				.NavBox a:hover,.NavBox a.NavBoxOn{border-bottom: 1px solid #d62129;}
		.NavChange{font-size: 4vw; height: 8vw; line-height: 8vw; width: 8vw; text-align: center; border-radius: 6vw; margin: 1.5vw 3vw 0 0;}
/*首页*/
.IndexPro{padding: 3vw 0;}
	.IndexTitlePro{width: 35%; margin: 0 auto;}
	.IndexProBox{margin: 2vw 0 0;}
		.IndexProTxt{width: 100%; font-size: 3vw;}
			.IndexProTxt p{margin: 0 0 1.5vw; text-indent: 2em;}
			.BtnVideo{margin: 3vw auto 0; width: 30vw;}
				.BtnVideoIcon{display: block; float: left; width: 7.5vw; height: 7.5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
				.BtnVideoTxt{display: block; float: left; width: 22.5vw; border: 1px solid #ddd; border-left: none; height: 7.5vw; line-height: 7.5vw; text-align: center; color: #555;}
					.BtnVideoTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
		.IndexProMap{background: url(../img/img_map.jpg) center top no-repeat; background-size: 100%; width: 100%; padding: 30vw 0 6vw; margin-top: 5vw;}
			.IndexProMapBox{margin: 0 4vw 0 2vw;}
				.IndexProLineRed{height: 1vw; width: 12vw; border-radius: 3vw; background: #e60012; line-height: 0;}
				.IndexProLine{height: 1vw; width: 12vw; border-radius: 3vw; background: #ccc; line-height: 0;}
				.IndexProMapNum{font-size: 9vw; line-height: 15vw;color: #000; font-weight: bold;}
				.IndexProMapTxt{font-size: 3vw; color: #888;}
.IndexBrand{padding: 3vw 0 4vw; background: #000; font-size: 3vw;}
	.IndexTitleBrand{text-align: right;}
		.IndexTitleBrand img{width: 30%;}
	.IndexBrandBigBox{margin: 2vw 0 0; padding: 0;}
		.IndexBrandBigBoxImg{width: 100%;}
		.IndexBrandBigBoxTxt{margin: 2vw 0 0; font-size: 3vw;}
			.IndexBrandBigBoxTitle{float: left; width: 100%; text-align: center; color: #fff; font-size: 3vw; line-height: 6vw;}
			.IndexBrandBigBoxBtn{float: right; display: none;}
				.IndexBrandBigBoxBtnIcon{display: none; float: left; width: 2.5vw; height: 2.5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
				.IndexBrandBigBoxBtnTxt{display: none; float: left; width: 8.5vw; border: 1px solid #e60012; border-left: none; height: 2.5vw; line-height: 2.5vw; text-align: center; color: #888;}
					.IndexBrandBigBoxBtnTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
		.IndexBrandBigBoxTips{color: #888; margin: 1vw 0 0; font-size: 0.9vw; line-height: 1.5vw; display: none;}
	.IndexBrandBox{margin: 2vw 0 0;}
		.IndexBrandBox a{display: block; float: left; width: 32%; margin: 0 2% 0 0;}
			.IndexBrandBox a:last-child{margin: 0;}
			.IndexBrandBox a:hover .IndexBrandListTitle{color: #fff;}
			.IndexBrandListImg{width: 100%; overflow: hidden;}
			.IndexBrandListTitle{font-size: 1vw; display: none; color: #888; margin: 0.6vw 0 0;}
.IndexProduct{margin: 3vw 0 0;}
	.IndexProductTitle{width: 35%; margin: 0 auto;}
	.IndexProductNav{margin: 2vw 0 0; display: none; background:url(../img/index_pro_bg.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
		.IndexProductNavBox{width: 80%; margin: 0 auto;}
			.IndexProductNavBox a{display: block; width: 33.33%; float: left; height: 24.4vw;}
				.IndexProductNavBox a:nth-child(1){background: url(../img/index_pro_nav_1.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
					.IndexProductNavBox a:nth-child(1):hover,.IndexProductNavBox a:nth-child(1).IndexProductNavBoxOn{background: url(../img/index_pro_nav_1_on.jpg) center top no-repeat; background-size: 100%;}
				.IndexProductNavBox a:nth-child(2){background: url(../img/index_pro_nav_2.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
					.IndexProductNavBox a:nth-child(2):hover,.IndexProductNavBox a:nth-child(2).IndexProductNavBoxOn{background: url(../img/index_pro_nav_2_on.jpg) center top no-repeat; background-size: 100%;}
				.IndexProductNavBox a:nth-child(3){background: url(../img/index_pro_nav_3.jpg) center top no-repeat #dfdfdf; background-size: 100%;}
					.IndexProductNavBox a:nth-child(3):hover,.IndexProductNavBox a:nth-child(3).IndexProductNavBoxOn{background: url(../img/index_pro_nav_3_on.jpg) center top no-repeat; background-size: 100%;}
	.IndexProductList{background: #e60012; padding: 3vw 0; margin: 3vw auto 0;}
		.IndexProductListBox{width: 96%; margin: 0 auto;}
			.IndexProductListBox a{display: block; float: left; width: 44%; margin: 2% 3%; font-size: 3vw;}
			.IndexProductListBox a:last-child{display: block;}
				.IndexProductListBox a div:nth-child(2){margin: 2vw 0 0; text-align: center; color: #fff;}
		.IndexProductLink{display: block; margin: 2vw auto 0; width: 30vw; height: 8vw; line-height: 8vw; font-size: 3vw; text-align: center; color: #df8772; border: 1px solid #df8772;}
			.IndexProductLink:hover{color: #fff; border: 1px solid #ffff;}

.IndexNews{background: #333; padding: 3vw 0;}
	.IndexNewsTitle{width: 35%; float: left;}
	.IndexNewsTitleBtn{float: right; margin: 1vw 0 0; font-size: 3vw;}
		.IndexNewsTitleBtnIcon{display: block; float: left; width: 5vw; height: 5vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
		.IndexNewsTitleBtnTxt{display: block; float: left; width: 20vw; border: 1px solid #e60012; border-left: none; height: 5vw; line-height: 5vw; text-align: center; color: #ccc;}
			.IndexNewsTitleBtnTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
	.IndexNewsBox{margin: 3vw auto 0;}
		.IndexNewsBig{background: #fff; float: left; width: 100%;}
			.IndexNewsBigImg{display: block;}
			.IndexNewsTxt{padding: 3vw 3vw 4.5vw; display: block;}
				.IndexNewsTxtDate{font-size: 1.5vw; color: #888;}
				.IndexNewsTxtTitle{line-height: 5vw; font-size: 3.5vw; height: 5vw; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
				.IndexNewsTxtTips{color: #888; font-size: 2.5vw;}
				.IndexNewsTxt:hover .IndexNewsTxtTitle{color: #e60012; font-weight: bold;}
		.IndexNewsList{width: 100%; float: right; color: #fff; margin: 5vw 0 0;}
			.IndexNewsList a{display: block; color: #fff; margin: 0 0 3vw;}
				.IndexNewsList a:last-child{margin: 0;}
				.IndexNewsListDate{border: 1px solid #fff; width: 8vw; text-align: center; padding: 0.5vw; color: #aaa; font-size: 2vw;;}
					.IndexNewsListDate span{font-size: 4vw; color: #fff;}
				.IndexNewsListTitle{font-size:3vw; margin: 1vw 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 6vw; line-height: 6vw;}
				.IndexNewsListTxt{color: #888; font-size: 3vw;}
					.IndexNewsList a:hover .IndexNewsListTitle{color: #e60012;}
					.IndexNewsList a:hover .IndexNewsListTxt{color: #fff;}

.IndexJoin{background: url(../img/bg_join.jpg) center top no-repeat; background-size: cover; padding: 3vw 0 4vw;}
	.IndexJoinTitle{width: 40%; margin: 0 auto;}
	.IndexJoinPhone{width: 35%; margin: 5vw auto 0;}
	.IndexJoinTxt{text-align: center; color: #333; margin: 2vw 0 0;}
	.IndexJoinMain{width: 92%; margin: 1vw auto 0;}
		.IndexJoinMainInput{width: 40vw; border: 1px solid #999; background: #fff;}
			.IndexJoinMainInputTitle{width: 8vw; background: #999; float: left; font-size: 3vw; color: #fff; text-align: center; height: 6vw; line-height: 6vw;}
			.IndexJoinMainInputTxt{width: 32vw; float: right;}
				.IndexJoinMainInputTxt input{width: 30vw; padding: 0 1vw; height: 6vw; line-height: 6vw; color: #333; border: none; font-family: Microsoft Yahei; font-size: 3vw; font-weight: normal;}
	.IndexJoinBtn{display: block; font-size: 3.5vw; width: 40vw; margin: 3vw auto 0; height: 8vw; line-height: 8vw; background: #e60012; text-align: center; color: #fff; border-radius: 5vw;}

.BottomMain{width: 90%; margin: 0 auto; padding: 3vw 0 4vw;}
	.BottomLeft{color: #888; font-size: 2vw; width: 100%; text-align: center;}
		.BottomLeftTitle{font-size: 3vw; color: #fff;}
		.BottomLeftTxt{margin: 1vw 0 0;}
	.BottomRight{display: none;}

/*品牌*/
.BannerBrand{background: url(../img/brand_bg.jpg) center top no-repeat #000; background-size: 100%; padding: 40vw 0 3vw;}
	.BrandLogo{width: 15.24%; margin: 0 auto 5vw;}
	.BrandTitleLeft{float: left; width: 100%;}
		.BrandTitleLeftImg{width: 30vw; margin: 0 auto;}
		.BrandTitleTxt{color: #888; text-align: center; font-size: 3vw; padding: 3vw 0;}
	.BrandTitleRight{float: right; width: 100%;}
		.BrandTitleRightImg{width: 24vw; margin: 4vw auto 0;}
		.BtnBrand{margin: -6vw 0 0; width: 26vw; position: absolute;}
				.BtnBrandIcon{display: block; float: left; width: 6vw; height: 6vw; background: url(../img/btn_more_bg.png) center center no-repeat #e60012; border: 1px solid #e60012; background-size: 40%;}
				.BtnBrandTxt{display: block; float: left; width: 19vw; font-size: 3vw; border: 1px solid #e60012; border-left: none; height: 6vw; line-height: 6vw; text-align: center; color: #888;}
					.BtnBrandTxt:hover{border: 1px solid #e60012; border-left: none; background: #e60012; color: #fff;}
.BrandList{width: 92%; margin: 3vw auto 0; font-size: 3vw;}
	.BrandList a{display: block; float: left; width: 100%; margin: 4vw 0 0 0;}
		.BrandList a:last-child{margin: 4vw 0 0 0;}
		.BrandList a:hover .IndexBrandListTitle{color: #fff;}
		.BrandListTitle{font-size: 4vw; color: #333; text-align: center; margin: 2vw 0 0;}
.BrandTxt{text-align: center; color: #888; width: 92%; margin: 2vw auto 0; font-size: 2.5vw; line-height: 5vw;}
.BrandLogoMini{margin: 2vw auto 0; width: 40%;}
.BrandShopList{width: 92%; margin: 3vw auto 0; font-size: 3vw; padding: 0 0 5vw;}
	.BrandShop{float: left; width: 48%; margin: 2% 2% 0 0; text-align: center;}
		.BrandShop:nth-child(2n){margin: 2% 0 0 0;}
		.BrandShopTxt{font-size: 3vw; color: #333; margin: 1vw 0 0;}

/*产品*/
.BannerProduct{width: 100%; padding: 0 0 10vw;}
	.ProductNav{position: absolute; left: 50%; margin: -14vw 0 0 -42%;}
		.ProductNav a{display: block; float: left; width: 12vw; border-radius: 10vw; overflow: hidden; background: #ddd; margin: 0 2vw 0 0;}
			.ProductNav a:hover,.ProductNav a.ProductNavOn{background: #d62129;}
.ProductMain{background: #dfdfdf; padding: 3vw 0;}
	.ProductBtn{width: 50vw; margin: 0 auto;}
		.ProductBtn a{display: block; width: 22vw; height: 7vw; line-height: 7vw; font-size: 3vw; text-align: center; border-radius: 10vw; color: #555; border: 1px solid #888; background: #fff;}
			.ProductBtn a:first-child{float: left;}
			.ProductBtn a:last-child{float: right;}
			.ProductBtn a:hover,.ProductBtn a.ProductBtnOn{border: 1px solid #d62129; color: #d62129;}
.ProductList{margin: 0 auto;}
	.ProductList a{display: block; float: left; width: 30%; margin: 3% 3% 0 0;}
		.ProductList a:nth-child(4n){margin: 3% 3% 0 0;}
		.ProductList a:nth-child(3n){margin: 3% 0 0;}
		.ProductListImg{background: #fff;}
		.ProductListTxt{text-align: center; margin: 1vw 0 0; color: #333; font-size: 3vw;}
.PageNum{width: 92%; margin: 3vw auto 0; padding: 2vw 0; background: #fff; text-align: center; font-size: 2.5vw;}
	.PageNum a{padding: 0.6vw 1vw; margin: 0 1vw; border: 1px solid #ddd; color: #888;}
		.PageNum a:hover,.PageNum a.PageNumOn{color: #d62129; border: 1px solid #d62129;}

.ProductInfoLink{position: absolute; left: 50%; margin: -10vw 0 0 -40%; font-size: 3vw; padding: 1vw 0 0; color: #888;}
	.ProductInfoLink a{margin: 0 1vw; color: #555;}
	.ProductInfoLink span{margin: 0 1vw;}
.ProductInfoMain{margin: -4vw auto 0; width: 80%; padding: 0 0 3vw;}

/*加盟*/
.BannerJoin{width: 100%;}
.JoinTitle{width: 40%; margin: 3vw auto 0;}
.JoinMainImg{width: 92%; margin: 3vw auto 0;}
.JoinMain{margin: 3vw auto 0; width: 100%; background: #d62129;}
	.JoinMainShop{float: left; width: 100%;}
	.JoinMainLc{width: 92%; float: left; padding: 3vw 4% 3vw 4%;}
		.JoinMainLcTitle{width: 36%;}
		.JoinMainLcImg{margin: 2vw 0 0; width: 100%;}


/*新闻主体*/
	.NewsList{width: 92%; margin: 0 auto;}
		.NewsList a{display: block; width: 48%; margin: 3% 3% 0 0; float: left;}
			.NewsList a:nth-child(2n){margin: 3% 0 0;}
				.NewsListDate{display: none;}
					.NewsListDate span{font-size: 2.5vw; color: #333;}
				.NewsListTxt{width: 100%;}
					.NewsListTitle{font-size: 3vw; color: #000;}
					.NewsListTips{margin: 0.5vw 0 0; font-size: 2.5vw; color: #888;}


/*新闻详情*/
.NewsInfoTitle{font-size: 4vw; text-align: center; color: #000; padding: 1.5vw 0 0;}
.NewsInfoTips{font-size: 3vw; color: #999; margin: 0.5vw 0 0; text-align: center;}
	.NewsInfoTips span{margin: 0 3vw 0 0;}
	.NewsInfoContent{margin: 1.5vw auto 0; width: 88%; padding: 3%; background: #fff; font-size: 3vw;}

/*服务*/
.ServiceNav{position: relative; margin: 0; z-index: 2; text-align: center; width: 94%; margin: 3vw auto 0;}
	.ServiceNav a{display: block; float: left; margin: 2vw 2vw 0 0; background: #fff; padding: 0.8vw 4vw; color: #555; border-radius: 6vw; border: 1px solid #ddd;}
		.ServiceNav a:hover,.ServiceNav a.ServiceNavOn{background: #d62129; color: #fff; border: 1px solid #d62129;}
.ServiceMain{width: 94%; margin: 0 auto; padding: 3vw 0; font-size: 1.2vw;}


}




/*弹出层背景*/
.LayerBody{background:#000; width:100%; height:100%; display:block; overflow:hidden; left:0; top:0; filter:alpha(opacity=80); opacity:0.8; z-index:4; position:fixed!important; position:absolute; _background:none; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}

.DivLayer{z-index:4; width:70%; top:20%; left:50%; margin-left:-35%; position:fixed!important; position:absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); color:#333;}