html{color:#000;background:#fff;font-family:"microsoft yahei";}
body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,blockquote{margin:0;}   
ol,ul{margin:0;padding:0;}
li{list-style:none;}
img{display:block;width:100%;height:100%;}
a{display:inline-block;text-decoration:none;color:inherit;}
hr{width:64px;height:2px;background:#d70652;border:none;left:0;margin:0 auto;position:absolute;right:0;bottom:-2px;}
.fl{float:left;}
.fr{float:right;}
.cl{*zoom:1;}
.cl:after,.cl:before{content:"";visibility:hidden;height:0;display:block;clear:both;}
.pr{position:relative;}
.w1208{width:1208px;margin:0 auto;padding-bottom:80px;overflow:hidden;position:relative;}
.link{font-size:inherit;font-family:inherit;color:#d70551;}
.red{color:#d70652;}
.swiper-wrapper{display:flex;}
/* 标题公共样式 */
.title{
	margin-top:70px;
	margin-bottom:50px;
	position:relative;
	height:60px;
	font-size:36px;
	text-align:center;
	color:#000;
	border-bottom:2px solid #d2d2d2;
}
.white{color:#fff;}
/* 背景part */
.part-bg{
	background:url(https://zt.cdnjm.cn/response/company/demo05/part_bg.png) no-repeat;
	background-size:cover;
}
/* 左右箭头公共样式 */

/* banner */
.banner{
	box-sizing:border-box;
	padding:55px 0 95px;
	width:100%;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:url(https://zt.cdnjm.cn/response/company/demo05/banner_bg.png) no-repeat;
	background-size:cover;
}
.banner .brand-logo img{
	display:inline-block;
	width:192px;
	height:80px;
	margin:0 5px;
	vertical-align:middle;
}
.banner .brand-logo .line{
		display:inline-block;
		font-size:40px;
		vertical-align:middle;
	}
.banner .brand-name{
	font-size:138px;
	font-weight:bold;
}
.banner .sub-title{
	display:inline-block;
	margin:26px auto 35px;
	padding:5px 25px;
	font-size:32px;
	border:solid 2px #fff;
	border-radius:40px;
}
.banner .brand-slogan{
	font-size:36px;
}

.publicity-banner{
  position:relative;
  width:100%;
  height:auto;
}
.publicity-banner-img{
  width:100%;
  height:inherit;
  vertical-align:middle;
}

/* 活动概况 */
.activities .activities-swiper{
	width:590px;
	height:326px;
}
.activities .activities-prev{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d70652'%2F%3E%3C%2Fsvg%3E");
	left:0;
}
.activities .activities-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right:0;
}
.activities-right{
	width:590px;
	margin-left:20px;
}
.activities-right .activities-tit{
	font-size:24px;
	color:#1e2378;
	text-align:center;
	line-height:26px;
}
.activities-right .activities-desc{
	margin-top:17px;
	min-height:10px;
	text-indent:28px;
	font-size:14px;
	line-height:30px;
	text-align:justify;
	color:#333;
}

.activities-right .activities-desc p{
	font-size:14px;
}
/* 品牌优势 */
.brand-advantage .brand-advantage-left{
	box-sizing:border-box;
	padding:80px 28% 20px 59px;
	width:830px;
	height:462px;
	background:#fff;
}
.brand-advantage .brand-advantage-left .tit{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	color:#1e2378;
}
.brand-advantage .brand-advantage-left .content-info{
	min-height:10px;
	margin-top:33px;
	line-height:26px;
	font-size:14px;
	text-indent:28px;
	text-align:justify;
	color:#666;
}
.brand-advantage .brand-advantage-left .content-info p{
	font-size:14px;
}
.brand-advantage .brand-advantage-right{
	position:absolute;
	margin:auto 0;
	right:0;
	top:133px;
	bottom:0;
	width:685px;
	height:410px;
}
.brand-advantage .brand-advantage-right .brand-advantage-swiper{
	width:586px;
	height:378px;
}
.brand-advantage .brand-advantage-right .brand-advantage-swiper img{
	width:100%;
	height:100%;
	vertical-align:middle;
}
/* 产品风采 */
.product-swiper .swiper-slide{
	width:940px;
	height:456px;
	transform:scale(.8);
	opacity:.5;
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transition:transform 1.0s;
}
.product-swiper .swiper-slide-active,.swiper-slide-duplicate-active{
	transform:scale(1);
	opacity:1;
    z-index:10;
}
.product-swiper .swiper-slide.swiper-slide-prev{
	transform:scale(0.8) translateX(570px);
}
.product-swiper .swiper-slide.swiper-slide-next{
	transform:scale(0.8) translateX(-570px);
}

/* 荣誉证书 */
.honor{
	position:relative;
	width:100%;
}
.honor  .honor-swiper{
	width:1100px;
	padding-top:20px;
}
.honor .honor-swiper li{
	box-sizing:border-box;
	padding:10px;
	width:360px;
	height:266px;
	text-align:center;
	border:solid 1px #fff;
}
.honor .honor-swiper li img{
	margin:0 auto;
	width:auto;
	height:100%;
	vertical-align:middle;
}
.honor .btn{
	top:61%;
}
/*加盟支持 */
.support .support-left{
	width:508px;
	height:338px;
	margin-right:20px;
}
.support .support-left img{
	width:100%;
	vertical-align:middle;
}
.support .support-right{
	position:relative;
	width:679px;
}

.support .support-right .support-swiper{
	width:610px;
}
.support .support-right .support-swiper .line{
	display:block;
	margin:10px 0 20px;
	font-size:15px;
}
.support .support-right .support-swiper li{
	box-sizing:border-box;
	padding:57px 30px 50px;
	height:338px;
	text-align:center;
}

.support .support-right .support-swiper li h3{
	font-size:24px;
	font-weight:bold;
	color:#1e2378;
}
.support .support-right .support-swiper li p{
	line-height:26px;
	font-size:14px;
	text-align:justify;
}
.support .support-right li{
	color:#666;
	background:url(https://zt.cdnjm.cn/response/company/demo05/join_bg_02.png) no-repeat;
	background-size:cover;
	transition:background .2s;
}

.support .support-right .support-item-right h3{
	color:#333;
}
.support .support-right .support-item-right{
	color:#666;
	background:url(https://zt.cdnjm.cn/response/company/demo05/join_bg_02.png) no-repeat;
	background-size:cover;
}
.support .support-right .support-prev{
	left:0;
}
.support .support-right .support-next{
	right:0;
}
.project-case .scroll-box .project-case-item h4 .square{
	width:.14rem;
	height:.14rem;
	margin-right:.1rem;
}
.support .support-right .support-swiper li:hover{
	color:#fff;
	background:url(https://zt.cdnjm.cn/response/company/demo05/join_bg_01.png) no-repeat;
}
.support .support-right .support-swiper li:hover h3{
	color:#fff;
}
/* 加盟案例 */
.join-case{
	width:100%;
}
.join-case .btn{
	top:60%;
}
.join-case-swiper{
	width:1120px;
	margin-top:70px;
}
.join-case-swiper .swiper-slide{
	width:540px;
	height:366px;
}
.join-case-swiper .swiper-slide img{
	width:100%;
	height:100%;
	vertical-align:center;
}
.join-case .join-case-prev{
	left:0;
}

/* 工程案例 */
.project-case{
	background:#fff;
}
.project-case .project-case-left{
	width:690px;
	height:560px;
	vertical-align:middle;
}
.project-case .project-case-right{
	box-sizing:border-box;
	padding:6px 28px 28px 40px;
	width:510px;
	height:560px;
	background:#f8f8f8;
}
.project-case .project-case-right .scroll-box{
	overflow-y:auto;
	max-height:520px;
	padding-right:28px;
	margin-top:20px;
}

.project-case .scroll-box .project-case-item{
	padding:0 28px 28px;
	border-bottom:solid 1px #e3e3e3;
}
.project-case .scroll-box .project-case-item:nth-child(n+2){
	padding-top:28px;
}
.project-case .scroll-box .project-case-item h4{
	font-size:24px;
	color:#1e2378;
	vertical-align:middle;
}
.project-case .scroll-box .project-case-item h4 .square{
	display:inline-block;
	margin-right:10px;
	width:14px;
	height:14px;
	background:#d70652;
}
.project-case .scroll-box .project-case-item p{
	margin-top:10px;
	line-height:26px;
	font-size:14px;
	color:#666;
	text-align:justify;
}
/* 精彩花絮 */
.trivia .btn{
	top:85%;
}
.trivia .title{
	margin-bottom:30px;
}
.trivia .trivia-swiper{
	width:1200px;
	height:550px;
}
.trivia .trivia-swiper .swiper-slide{
	position:relative;
}
.trivia .trivia-swiper .swiper-slide p{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:22px;
	letter-spacing:5px;
}
.trivia .trivia-swiper .img{
	width:100%;
	height:100%;
}

.trivia .trivia-thumbs-swiper{
	width:1029px;
	margin-top:32px;
}
.trivia .trivia-thumbs-swiper .swiper-slide{
	width:231px;
	height:106px;
	box-sizing:border-box;
	border:3px solid transparent;
}

.trivia .trivia-thumbs-swiper .swiper-slide.slide-thumb-active{
	border-color:#d70652;
}
.trivia .trivia-thumbs-swiper .swiper-slide img{
	width:100%;
}

/* 策划团队 */
.team{
	width:58%;
}
.team li{
	line-height:30px;
	font-size:16px;
	color:#333;
}
.team span{
	display:inline-block;
}
.team .team-role{
	padding-right:5px;
	width:53%;
	text-align:right;
}
.team .team-member{
	width:30%;
	text-align:left;
}
.web-image-wrap{
	width:30%;
	margin:0;
}
.web-image-wrap .focus{
	margin-right:40px;
	width:124px;
}
.web-image-wrap .focus .web-logo{
	width:124px;
	height:104px;
}
.web-image-wrap .focus .focus-icon{
	width:62px;
	margin:15px auto 0;
	font-size:15px;
}
.web-image-wrap .qr-code{
	width:159px;
	display:inline-block;
}
.team-contain .disclaimer{
	text-align:center;
}
.team-contain .disclaimer h4{
	margin:34px 0 16px;
	font-size:24px;
	font-weight:bold;
} 
.team-contain .disclaimer p{
	font-size:16px;
	line-height:30px;
	color:#333;
}
/* 重置scrollbar */
::-webkit-scrollbar{
	width:6px;
	background:url(https://zt.cdnjm.cn/response/company/demo05/scroll_bg.png);
	background-size:contain;
}

::-webkit-scrollbar-thumb{
	width:4px;
	background:#d70652;
	border-radius:5px;
}

.swiper-button-next,.swiper-button-prev{
	outline:none;
}
.qr-code-tips{display:none;}
/* 前进后退按钮颜色更新 */
.activities .btn{
	background:rgba(255,255,255,.26);
	padding:5px;
}
.product-swiper .product-prev,
.honor .honor-prev,
.support .support-prev,
.join-case .join-case-prev,      
.trivia .trivia-prev{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d70652'%2F%3E%3C%2Fsvg%3E");
}
.product-swiper .product-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
}
.support .support-next,
.join-case .join-case-next,
.trivia .trivia-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
}      
.brand-advantage .brand-advantage-prev{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
}
.join-case .join-case-next{
	right:0;
}

/* 最大宽度为768 只做移动和pc响应 m rem*/
@media screen and (max-width:768px){
	.w1208{
		width:96%;
		padding:.5rem  0 1rem;
	}
	.title{
		font-size:.36rem;
		margin-top:0;
		margin-bottom:.46rem;
		height:.7rem;
	}      
	/* banner */
	.banner{
		width:100%;
		height:4.66rem;
		padding:.5rem 0 .77rem;
		line-height:1;
		font-size:inherit;
	}
	
	.banner .brand-logo img{
		width:1.54rem;
		height:.64rem;
	}
	.banner .brand-logo .line{
		display:inline-block;
		font-size:15px;
		vertical-align:middle;
	}
	.banner .brand-name{
		font-size:1.1rem;
		margin-top:.3rem;
	}
	.banner .sub-title{
		margin:.25rem 0 .27rem;
		padding:.12rem .24rem;
		font-size:.26rem;
	}

	.banner .brand-slogan{
		font-size:.29rem;
	}
	/* 活动概况 */
	.activities .activities-swiper{
		float:none;
		width:7.1rem;
		height:3.92rem;
	}
	.activities .activities-right{
		width:7.1rem;
		float:none;
		margin:auto;
	}
	.activities-right .activities-tit{
		font-size:.3rem;
		line-height:.8rem;
	}
	.activities-right .activities-desc{
		margin-top:0;
		text-indent:.48rem;
		line-height:.4rem;
		font-size:.24rem;
	}

	/* 品牌优势 */
	.brand-advantage .brand-advantage-left{
		margin:3.4rem auto 0;
		width:7.05rem;
		height:auto;
		padding:1.14rem .42rem .73rem;
	}
	.brand-advantage .brand-advantage-right .brand-advantage-swiper{
		width:5.98rem;
		height:3.86rem;
	}
	.brand-advantage .brand-advantage-left .tit{
		font-size:.32rem;
	}
	.brand-advantage .brand-advantage-left .content-info{
		margin-top:.17rem;
		font-size:.24rem;
	}
	.brand-advantage .brand-advantage-right{
		margin:0 auto;
		width:7.05rem;
		height:3.86rem;
		left:0;
		right:0;
		top:1.5rem;
	}
	/* 产品风采 */
	.product-swiper .swiper-slide{
		width:5.65rem;
		height:2.74rem;
	}
	.product-swiper .swiper-slide.swiper-slide-prev{
		transform:scale(0.8) translateX(2.82rem);
	}
	.product-swiper .swiper-slide.swiper-slide-next{
		transform:scale(0.8) translateX(-2.82rem);
	}
	/* 荣誉证书 */
	.honor  .honor-swiper{
		width:5.54rem;
	}
	.honor .honor-swiper li{
		width:5.54rem;
		height:4.1rem;
		padding:.16rem;
		border:solid .01rem #fff;
	}

	/*加盟支持 */
	.support .support-left,
	.support .support-right{
		float:none;
	}
	.support .support-left{
		width:7.09rem;
		height:4.72rem;
		margin:auto;
	}
	.support .support-right{
		width:100%;
	} 
	.support .support-right .support-swiper{
		margin-top:.3rem;
		width:6.4rem;
	}
	.support .support-right .support-swiper .line{
		margin:.13rem 0 .17rem;
	}
	.support .support-right .support-swiper li{
		height:3.85rem;
		padding:.29rem .5rem .31rem;
	}
	.support .support-right .support-swiper li h3{
		font-size:.27rem;
	}
	.support .support-right .support-swiper li p{
		line-height:.28rem;
		font-size:.2rem;
	}
	/* 加盟案例 */
	.join-case-swiper{
		margin-top:.4rem;
		width:5.6rem;
		height:2.06rem;
	}
	.join-case-swiper .swiper-slide{
		width:3.04rem;
		height:2.06rem;
	}
	/* 工程案例 */
	.project-case{
		background:#f8f8f8;
	}
	.project-case .project-case-left,
	.project-case .project-case-right{
		float:none;
		margin:auto;
	}
	.project-case .project-case-left{
		width:7.1rem;
		height:5.76rem;
	}
	.project-case .project-case-right{
		padding:.43rem  .18rem .39rem;
		width:7.1rem;
		height:8.04rem;
	}
	.project-case .project-case-right .scroll-box{
		margin-top:0;
		padding-right:0;
		max-height:7.3rem;
	}
	.project-case .scroll-box .project-case-item{
		padding:0 .32rem .41rem 0;
	}
	.project-case .scroll-box .project-case-item:nth-child(n+1){
		padding-top:.3rem;
	}
	.project-case .scroll-box .project-case-item h4{
		font-size:.3rem;
	}
	.project-case .scroll-box .project-case-item p{
		font-size:.24rem;
		line-height:.4rem;
	}
	/* 精彩花絮 */
	.trivia .title{
		margin-bottom:.44rem;
	}
	.trivia .trivia-swiper{
		width:95%;
		height:3.27rem;
	}
	.trivia .trivia-swiper .swiper-slide p{
		font-size:.24rem;
		line-height:.5rem;
		letter-spacing:0;
	}
	.trivia .trivia-thumbs-swiper{
		width:6.05rem;
		margin-top:.18rem;
	}
	.trivia .trivia-thumbs-swiper .swiper-slide{
		width:1.37rem;
		height:.63rem;
		border:.03rem solid transparent;
	}

	/* 策划团队 */
	.team{
		width:100%;
	}
	.team li{
		line-height:.4rem;
		font-size:.24rem;
	}
	.web-image-wrap{
		width:100%;
	}

	.web-image-wrap .focus{
		width:43%;
		text-align:right;
		margin-top:.2rem;
	}
	.web-image-wrap .focus .web-logo{
		display:inline-block;
		width:1.24rem;
		height:1.04rem;
	}
	.web-image-wrap .focus .focus-icon{
		width:.62rem;
		height:.22rem;
		margin:0 0 0 1.8rem;
	}
	.web-image-wrap .qr-code-wrap{
		display:inline-block;
		width:1.7rem;
		height:1rem;
		margin-top:.2rem;
	}
	.web-image-wrap .qr-code{
		width:1.5rem;
		height:1.5rem;
		display:block;
	}
	.web-image-wrap .qr-code-tips{
		width:1.5rem;
		height:.36rem;
		line-height:.36rem;
		text-align:center;
		font-size:.16rem;
		color:#fff;
		background:#333;
	}
	.team-contain .disclaimer h4{
		margin:.57rem 0 .29rem;
		font-size:.36rem;
	}
	.team-contain .disclaimer p{
		font-size:.24rem;
		line-height:.4rem;
		padding:0 .55rem;
		text-align:left;
		text-indent:.48rem;
	}
	.qr-code-tips{display:block;}
	/* 前进后退按钮重置 */
	.w1208 .btn{
		height:.5rem;
	}
     
	.brand-advantage .brand-advantage-prev{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
		left:0;
	}
	.brand-advantage .brand-advantage-next{
		right:0;
	}
	.trivia .btn{
		height:.4rem;
		top:84%;
	}
}
@media screen and (max-width:320px){
	.banner{
		padding:.3rem 0 .77rem;
	}
	.honor .honor-swiper{
		width:5.53rem;
	}
	.trivia .btn{
		height:.4rem;
		top:85%;
	}
}