html{color:#000;background:#ffffff;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-color: #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; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.w1208{width:1208px;margin: 0 auto 0;padding-bottom: 80px;overflow:hidden;position: relative;}
.link {font-size: inherit;font-family: inherit;color: #d70551;display: inline;}
.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: #000000;
	border-bottom: 2px solid #d2d2d2;
}
.white{color: #ffffff;}
/* 背景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: #ffffff;
	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 #ffffff;
	border-radius: 40px;
}
.banner .brand-slogan {
	font-size: 36px;
}

/* 活动概况 */
.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: #333333;
}

.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-color: #ffffff;
}
.brand-advantage .brand-advantage-left .tit {
	font-size: 25px;
	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: #666666;
}
.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);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: transform 1.0s;
    -moz-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 #ffffff;
}
.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: #666666;
	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: #333333;
}
.support .support-right .support-item-right {
	color: #666666;
	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: #ffffff;
	background: url(https://zt.cdnjm.cn/response/company/demo05/join_bg_01.png) no-repeat;
}
.support .support-right .support-swiper li:hover h3 {
	color: #ffffff;
}
/* 加盟案例 */
.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: #ffffff;
}
.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 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-color: #d70652;
}
.project-case .scroll-box .project-case-item p {
	margin-top: 10px;
	line-height: 26px;
	font-size: 14px;
	color: #666666;
	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: #ffffff;
	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: #333333;
}
.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: #333333;
}
/* 重置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-color: #d70652;
	border-radius: 5px;
}

.swiper-button-next, .swiper-button-prev {
	outline: none;
}
.qr-code-tips {display: none;}
/* 前进后退按钮颜色更新 */
.activities .btn{
	background-color: 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: 0.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: 0.64rem;
	}
	.banner .brand-logo .line {
		display: inline-block;
		font-size: 15px;
		vertical-align: middle;
	}
	.banner .brand-name {
		font-size: .9rem;
		margin-top: .4rem;
	}
	.banner .sub-title {
		margin: .25rem 0 .27rem;
		padding: .12rem .24rem;
		font-size: 0.26rem;
	}

	.banner .brand-slogan {
		font-size: 0.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: 0.3rem;
		line-height: .8rem;
	}
	.activities-right .activities-desc {
		margin-top: 0;
		text-indent: .48rem;
		line-height: 0.4rem;
		font-size: 0.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: 0.32rem;
	}
	.brand-advantage .brand-advantage-left .content-info {
		margin-top: .17rem;
		font-size: 0.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 0.01rem #ffffff;
	}

	/*加盟支持 */
	.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: 0.27rem;
	}
	.support .support-right .support-swiper li p {
		line-height: 0.28rem;
		font-size: 0.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: 0.3rem;
	}
	.project-case .scroll-box .project-case-item p {
		font-size: 0.24rem;
		line-height: 0.4rem;
	}
	/* 精彩花絮 */
	.trivia .title{
		margin-bottom: .44rem;
	}
	.trivia .trivia-swiper{
		width: 95%;
		height: 3.27rem;
	}
	.trivia .trivia-swiper .swiper-slide p {
		font-size: 0.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: 0.63rem;
		border: 0.03rem solid transparent;
	}

	/* 策划团队 */
	.team {
		width: 100%;
	}
	.team li {
		line-height: 0.4rem;
		font-size: 0.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: 0.62rem;
		height: 0.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: 0.36rem;
		line-height: 0.36rem;
		text-align: center;
		font-size: 0.16rem;
		color: #ffffff;
		background: #333333;
	}
	.team-contain .disclaimer h4 {
		margin: .57rem 0 .29rem;
		font-size: 0.36rem;
	}
	.team-contain .disclaimer p {
		font-size: 0.24rem;
		line-height: 0.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%;
	}
}