.franchise {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
}

/* 首先定义一个动画，名为 fadeIn */
@keyframes fadeInCon {
	from {
		/* 动画开始时 */
		opacity: 0;
		/* 透明度为0 */
	}

	to {
		/* 动画结束时 */
		opacity: 1;
		/* 透明度为1 */
	}
}

/* 然后应用动画到目标元素 */
.delayed-content {
	animation: fadeInCon 1s ease-out forwards;
	/* 动画名称，持续时间，缓动函数，填充模式 */
	animation-delay: 0.2s;
	/* 动画开始前的延迟时间 */
	opacity: 0;
	/* 默认透明度为0，确保在动画开始前内容不可见 */
}


.fade-in {
	opacity: 0;
	animation: fadeIn 2s forwards;
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

.swiper .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper .swiper-slide {
	/* text-align: center;
	font-size: 18px;
	background: #fff; */

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 40px;
}

.swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
	height: 14px;
	width: 14px;
	transition: opacity 0.3s;
}

.swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
	background: #FC0949;
	opacity: 1;
}

.swiper .swiper-pagination-bullet-active {
	background: #FFFFFF;
}

.swiper .swiper-button-next {
	height: 64px;
	width: 64px;
	right: 80px;
	background-image: url("../images/hone_r_btn.png");
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	transition: opacity 0.3s;
}

.swiper .swiper-button-next:hover {
	opacity: 0.6;
}

.swiper .swiper-button-prev {
	height: 64px;
	width: 64px;
	left: 80px;
	background-image: url('../images/home_l_btn.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-color: none;
	opacity: 1;
	transition: opacity 0.3s;
}

.swiper .swiper-button-prev:hover {
	opacity: 0.6;
}

.con1box {
	position: relative;
}

.con1box .box {
	position: relative;

}

.con1box .title {
	width: 458px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 5.2%;
	margin-bottom: 1.2%;
}

.con1box .img1 {
	width: 665px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.con1box .line {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5%;
	margin-bottom: 2.3%;
}

.con1box .line img {
	width: 323px;
	height: auto;
	display: block;
	margin-left: 50px;
	cursor: pointer;
	transition: transform 0.3s;
}

.con1box .line img:hover {
	transform: scale(1.1);
}

.con1box .line img:nth-child(1) {
	margin-left: 0;
}

.con1box .img4 {
	width: 1069px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-bottom: 6%;
}

.bgwang {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.con2box {
	position: relative;
}

.con2box .box {
	position: relative;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, #FB396C 100%);
	opacity: 0.93;
}

.con2box .title {
	width: 458px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 5.1%;
	margin-bottom: 3.5%;
}

.con2box .img1 {
	width: 479px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.con2box .line {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.4%;
	margin-bottom: 2.4%;
}

.con2box .line img {
	width: 359px;
	height: auto;
	display: block;
	margin-left: 50px;
	cursor: pointer;
	transition: transform 0.3s;
}

.con2box .line img:hover {
	transform: scale(1.1);
}


.con2box .line img:nth-child(1) {
	margin-left: 0;
}

.con2box .img4 {
	width: 1069px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-bottom: 7%;
}

.con3box {
	position: relative;
}

.con3box .box {
	position: relative;
	background: #FAFAFA;
}

.con3box .title {
	width: 461px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 4.5%;
	padding-bottom: 5.6%;
}

.con3box .line {
	padding: 0 17%;
}

.con3box .line img {
	width: 279px;
	height: auto;
	display: block;

}

.con3box .line .text {
	margin-top: 21px;
	margin-bottom: 40px;
	padding: 18px 36px 18px 24px;
	background: #F1F1F1;
	font-size: 35px;
	color: #131415;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 47px;
}

.con3box .logo {
	width: 560px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 4%;
	padding-bottom: 4%;
}

.con4box {
	position: relative;
}

.con4box .box {
	position: relative;
	background: #FFFFFF;
	padding: 0 15.7%;
}

.con4box .title {
	width: 498px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 8.2%;
}

.con4box .mapbox {
	position: relative;
	/* border: 1px solid red; */
	margin-top: -4%;
}

.con4box .mapbg {
	width: 100%;
	height: 100%;
}

.con4box .leftimg {
	position: absolute;
	top: 49.4%;
	left: 10.98%;
	z-index: 2;
	width: 339px;
	height: auto;
}

.con4box .rightimg {
	position: absolute;
	top: 60.8%;
	right: 10%;
	z-index: 2;
	width: 575px;
	height: auto;
}

.con4box .tv {
	width: 960px;
	height: auto;
	margin: 0 auto;
	margin-top: 3.3%;
	margin-bottom: 2.2%;
}

.con4box .xin {
	width: 461px;
	height: auto;
	margin: 0 auto;

}

.con4box .text {
	width: 280px;
	height: auto;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 9%;
}

.con5box {
	position: relative;
}

.con5box .box {
	position: relative;
	background: #FFFFFF;
	padding: 5.6% 15.6%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.con5box .left img {
	width: 535px;
	height: auto;
	margin-top: 46px;
}

.con5box .left img:nth-child(1) {
	margin-top: 0px;
}

.con5box .right {
	/* margin-left: 11.4%;
	margin-top: 3.2%; */
}

.con5box .rightflex {
	display: flex;
}

.con5box .rightline {
	margin-left: 58px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.con5box .rightline:first-child {
	margin-left: 0;
}

.con5box .rightline img {
	width: 197px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 32px;

}

.con5box .rightline .title {
	font-weight: 800;
	font-size: 28px;
	color: #1E1C1B;
	text-align: center;
	margin-bottom: 9px;
}

.con5box .rightline .tip {
	text-align: center;
	font-weight: 400;
	font-size: 28px;
	color: #1E1C1B;
	margin-bottom: 11.5%;
}

.con6box {
	position: relative;
}

.con6box .bg {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.con6box .box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.con6box .title {
	width: 498px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 9.6%;
}

.con6box .flow {
	width: 1150px;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 4.5%;
}

@media screen and (max-width:1900px) {
	.con1box .title {
		width: 428px;
	}

	.con1box .img1 {
		width: 635px;
	}

	.con1box .line img {
		width: 293px;
	}

	.con1box .img4 {
		width: 1039px;
	}

	.con2box .title {
		width: 428px;
	}

	.con2box .img1 {
		width: 449px;
	}

	.con2box .line img {
		width: 329px;
	}

	.con2box .img4 {
		width: 1039px;
	}

	.con3box .title {
		width: 428px;
	}

	.con3box .line img {
		width: 249px;
	}

	.con3box .line .text {
		font-size: 30px;
	}

	.con3box .logo {
		width: 530px;
	}

	.con4box .title {
		width: 468px;
	}

	.con4box .leftimg {
		width: 309px;
	}

	.con4box .rightimg {
		width: 545px;
	}

	.con4box .tv {
		width: 930px;
	}

	.con4box .xin {
		width: 431px;
	}

	.con4box .text {
		width: 250px;
	}

	.con5box .left img {
		width: 505px;
	}

	.con5box .rightline img {
		width: 167px;
	}



	.con6box .title {
		width: 468px;
	}

	.con6box .flow {
		width: 1120px;
	}
}

@media screen and (max-width:1800px) {
	.con1box .title {
		width: 398px;
	}

	.con1box .img1 {
		width: 605px;
	}

	.con1box .line img {
		width: 263px;
	}

	.con1box .img4 {
		width: 1009px;
	}

	.con2box .title {
		width: 398px;
	}

	.con2box .img1 {
		width: 419px;
	}

	.con2box .line img {
		width: 299px;
	}

	.con2box .img4 {
		width: 1009px;
	}

	.con3box .title {
		width: 398px;
	}

	.con3box .line img {
		width: 219px;
	}

	.con3box .line .text {
		font-size: 30px;
	}

	.con3box .logo {
		width: 500px;
	}

	.con4box .title {
		width: 438px;
	}

	.con4box .leftimg {
		width: 279px;
	}

	.con4box .rightimg {
		width: 515px;
	}

	.con4box .tv {
		width: 900px;
	}

	.con4box .xin {
		width: 401px;
	}

	.con4box .text {
		width: 220px;
	}

	.con5box .left img {
		width: 475px;
	}

	.con5box .rightline img {
		width: 137px;
	}



	.con6box .title {
		width: 438px;
	}

	.con6box .flow {
		width: 1090px;
	}
}

@media screen and (max-width:1700px) {
	.con1box .title {
		width: 368px;
	}

	.con1box .img1 {
		width: 565px;
	}

	.con1box .line img {
		width: 233px;
	}

	.con1box .img4 {
		width: 979px;
	}

	.con2box .title {
		width: 368px;
	}

	.con2box .img1 {
		width: 389px;
	}

	.con2box .line img {
		width: 269px;
	}

	.con2box .img4 {
		width: 979px;
	}

	.con3box .title {
		width: 368px;
	}

	.con3box .line img {
		width: 189px;
	}

	.con3box .line .text {
		font-size: 28px;
	}

	.con3box .logo {
		width: 470px;
	}

	.con4box .title {
		width: 408px;
	}

	.con4box .leftimg {
		width: 249px;
	}

	.con4box .rightimg {
		width: 485px;
	}

	.con4box .tv {
		width: 870px;
	}

	.con4box .xin {
		width: 371px;
	}

	.con4box .text {
		width: 190px;
	}

	.con5box .left img {
		width: 425px;
	}

	.con5box .rightline img {
		width: 107px;
	}



	.con6box .title {
		width: 408px;
	}

	.con6box .flow {
		width: 1060px;
	}
}

@media screen and (max-width:1600px) {
	.con1box .title {
		width: 328px;
	}

	.con1box .img1 {
		width: 525px;
	}

	.con1box .line img {
		width: 193px;
	}

	.con1box .img4 {
		width: 939px;
	}

	.con2box .title {
		width: 328px;
	}

	.con2box .img1 {
		width: 349px;
	}

	.con2box .line img {
		width: 229px;
	}

	.con2box .img4 {
		width: 939px;
	}

	.con3box .title {
		width: 338px;
	}

	.con3box .line img {
		width: 149px;
	}

	.con3box .line .text {
		font-size: 25px;
	}

	.con3box .logo {
		width: 430px;
	}

	.con4box .title {
		width: 368px;
	}

	.con4box .leftimg {
		width: 209px;
	}

	.con4box .rightimg {
		width: 405px;
	}

	.con4box .tv {
		width: 830px;
	}

	.con4box .xin {
		width: 331px;
	}

	.con4box .text {
		width: 150px;
	}

	.con5box .left img {
		width: 385px;
	}



	.con6box .title {
		width: 368px;
	}

	.con6box .flow {
		width: 1020px;
	}
}

@media screen and (max-width:1500px) {

	.con4box .leftimg {
		width: 209px;
	}

	.con4box .rightimg {
		width: 355px;
	}

	.con4box .tv {
		width: 600px;
	}

	.con4box .xin {
		width: 301px;
	}

	.con4box .text {
		width: 150px;
	}

	.con5box .rightline .title {
		font-size: 24px;
	}

	.con5box .rightline .tip {
		font-size: 24px;
	}

	.con6box .title {
		width: 368px;
	}

	.con6box .flow {
		width: 880px;
	}
}

@media screen and (max-width:1400px) {
	.con1box .title {
		width: 288px;
	}

	.con1box .img1 {
		width: 485px;
	}

	.con1box .line img {
		width: 153px;
	}

	.con1box .img4 {
		width: 869px;
	}

	.con2box .title {
		width: 288px;
	}

	.con2box .img1 {
		width: 309px;
	}

	.con2box .line img {
		width: 229px;
	}

	.con2box .img4 {
		width: 869px;
	}

	.con3box .title {
		width: 288px;
	}

	.con3box .line img {
		width: 149px;
	}

	.con3box .line .text {
		font-size: 21px;
		line-height: 32px;
	}

	.con3box .logo {
		width: 390px;
	}

	.con4box .title {
		width: 308px;
	}

	.con4box .leftimg {
		width: 169px;
	}

	.con4box .rightimg {
		width: 345px;
	}

	.con4box .tv {
		width: 630px;
	}

	.con4box .xin {
		width: 291px;
	}

	.con4box .text {
		width: 150px;
	}

	.con5box .left img {
		width: 355px;
	}

	.con5box .rightline img {
		width: 75px;
	}

	.con5box .rightline .title {
		font-size: 20px;
	}

	.con5box .rightline .tip {
		font-size: 20px;
	}

	.con5box .rightline {
		margin-left: 30px;
	}


	.con6box .title {
		width: 308px;
	}

	.con6box .flow {
		width: 780px;
	}
}

@media screen and (max-width:1200px) {
	.con1box .title {
		width: 288px;
	}

	.con1box .img1 {
		width: 485px;
	}

	.con1box .line img {
		width: 153px;
	}

	.con1box .img4 {
		width: 869px;
	}

	.con2box .title {
		width: 288px;
	}

	.con2box .img1 {
		width: 309px;
	}

	.con2box .line img {
		width: 229px;
	}

	.con2box .img4 {
		width: 869px;
	}

	.con3box .title {
		width: 288px;
	}

	.con3box .line img {
		width: 149px;
	}

	.con3box .line .text {
		font-size: 21px;
		line-height: 32px;
	}

	.con3box .logo {
		width: 310px;
	}

	.con4box .title {
		width: 308px;
	}

	.con4box .leftimg {
		width: 149px;
	}

	.con4box .rightimg {
		width: 255px;
	}

	.con4box .tv {
		width: 430px;
	}

	.con4box .xin {
		width: 201px;
	}

	.con4box .text {
		width: 150px;
	}

	.con5box .left img {
		width: 315px;
	}

	.con5box .rightline img {
		width: 67px;
	}

	.con5box .rightline .title {
		font-size: 18px;
	}

	.con5box .rightline .tip {
		font-size: 18px;
	}

	.con5box .rightline {
		margin-left: 15px;
	}

	.con6box .title {
		width: 268px;
	}

	.con6box .flow {
		width: 680px;
	}
}

@media screen and (max-width:1000px) {
	.con1box .title {
		width: 238px;
	}

	.con1box .img1 {
		width: 435px;
	}

	.con1box .line img {
		width: 103px;
	}

	.con1box .img4 {
		width: 669px;
	}

	.con2box .title {
		width: 238px;
	}

	.con2box .img1 {
		width: 259px;
	}

	.con2box .line img {
		width: 179px;
	}

	.con2box .img4 {
		width: 609px;
	}

	.con3box .title {
		width: 238px;
	}

	.con3box .line img {
		width: 149px;
	}

	.con3box .line .text {
		font-size: 17px;
		line-height: 28px;
	}

	.con3box .logo {
		width: 240px;
	}

	.con4box .title {
		width: 258px;
	}

	.con4box .leftimg {
		width: 149px;
	}

	.con4box .rightimg {
		width: 255px;
	}

	.con4box .tv {
		width: 430px;
	}

	.con4box .xin {
		width: 201px;
	}

	.con4box .text {
		width: 150px;
	}

	.con5box .left img {
		width: 220px;
	}

	.con5box .rightline img {
		width: 67px;
	}

	.con5box .rightline .title {
		font-size: 18px;
	}

	.con5box .rightline .tip {
		font-size: 18px;
	}



	.con6box .title {
		width: 218px;
	}

	.con6box .flow {
		width: 600px;
	}
}

@media screen and (max-width:900px) {
	.con1box .title {
		width: 208px;
	}

	.con1box .img1 {
		width: 405px;
	}

	.con1box .line img {
		width: 93px;
	}

	.con1box .img4 {
		width: 509px;
	}

	.con2box .title {
		width: 208px;
	}

	.con2box .img1 {
		width: 229px;
	}

	.con2box .line img {
		width: 149px;
		margin-left: 15px
	}

	.con2box .img4 {
		width: 509px;
	}

	.con3box .title {
		width: 208px;
	}

	.con3box .line img {
		width: 129px;
	}

	.con3box .line .text {
		font-size: 17px;
		line-height: 28px;
	}

	.con3box .logo {
		width: 210px;
	}

	.con4box .title {
		width: 228px;
	}

	.con4box .leftimg {
		width: 129px;
	}

	.con4box .rightimg {
		width: 225px;
	}

	.con4box .tv {
		width: 400px;
	}

	.con4box .xin {
		width: 171px;
	}

	.con4box .text {
		width: 120px;
	}

	.con5box .box {
		padding: 5.6% 10.6%;
	}

	.con5box .left img {
		width: 205px;
	}

	.con5box .rightline img {
		width: 67px;
	}

	.con5box .rightline .title {
		font-size: 16px;
	}



	.con5box .rightline .tip {
		font-size: 16px;
	}



	.con6box .title {
		width: 188px;
	}

	.con6box .flow {
		width: 520px;
	}
}

@media screen and (max-width:800px) {
	.con1box .title {
		width: 168px;
	}

	.con1box .img1 {
		width: 365px;
	}

	.con1box .line img {
		width: 93px;
	}

	.con1box .img4 {
		width: 449px;
	}

	.con2box .title {
		width: 168px;
	}

	.con2box .img1 {
		width: 189px;
	}

	.con2box .line img {
		width: 109px;
		margin-left: 15px
	}

	.con2box .img4 {
		width: 449px;
	}

	.con3box .line {
		padding: 0 7%;
	}

	.con3box .title {
		width: 168px;
	}

	.con3box .line img {
		width: 109px;
	}

	.con3box .line .text {
		font-size: 14px;
		line-height: 22px;
	}

	.con3box .logo {
		width: 170px;
	}

	.con4box .box {
		padding: 0 5.7%;
	}

	.con4box .title {
		width: 178px;
	}

	.con4box .leftimg {
		width: 129px;
	}

	.con4box .rightimg {
		width: 225px;
	}

	.con4box .tv {
		width: 360px;
	}

	.con4box .xin {
		width: 131px;
	}

	.con4box .text {
		width: 120px;
	}

	.con5box .box {
		padding: 5.6% 7.6%;
	}

	.con5box .left img {
		width: 205px;
	}

	.con5box .rightline img {
		width: 67px;
	}

	.con5box .rightline .title {
		font-size: 16px;
	}


	.con5box .rightline .tip {
		font-size: 16px;
	}


	.con6box .title {
		width: 178px;
	}

	.con6box .flow {
		width: 470px;
	}
}

@media screen and (max-width:700px) {
	.con1box .title {
		width: 138px;
	}

	.con1box .img1 {
		width: 335px;
	}

	.con1box .line img {
		width: 63px;
	}

	.con1box .img4 {
		width: 359px;
	}

	.con2box .title {
		width: 138px;
	}

	.con2box .img1 {
		width: 159px;
	}

	.con2box .line img {
		width: 79px;
		margin-left: 15px
	}

	.con2box .img4 {
		width: 359px;
	}

	.con3box .line {
		padding: 0 5%;
	}

	.con3box .title {
		width: 138px;
	}

	.con3box .line img {
		width: 79px;
	}

	.con3box .line .text {
		font-size: 14px;
		line-height: 22px;
	}

	.con3box .logo {
		width: 140px;
	}

	.con4box .box {
		padding: 0 5.7%;
	}

	.con4box .title {
		width: 148px;
	}

	.con4box .leftimg {
		width: 109px;
	}

	.con4box .rightimg {
		width: 205px;
	}

	.con4box .tv {
		width: 330px;
	}

	.con4box .xin {
		width: 101px;
	}

	.con4box .text {
		width: 100px;
	}

	.con5box .box {
		padding: 5.6% 5.6%;
	}

	.con5box .left img {
		width: 175px;
	}

	.con5box .rightline img {
		width: 50px;
	}

	.con5box .rightline .title {
		font-size: 14px;
	}


	.con5box .rightline .tip {
		font-size: 14px;
	}



	.con6box .title {
		width: 148px;
	}

	.con6box .flow {
		width: 350px;
	}
}



@media screen and (max-width:520px) {

	.swiper .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 10px;
	}

	.swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 8px;
		height: 7px;
		width: 7px;
	}

	.swiper .swiper-button-next {
		height: 34px;
		width: 34px;
		right: 20px;

	}

	.swiper .swiper-button-prev {
		height: 34px;
		width: 34px;
		left: 20px;
	}

	.con1box .title {
		width: 108px;
	}

	.con1box .img1 {
		width: 235px;
	}

	.con1box .line img {
		width: 63px;
		margin-left: 20px;
	}

	.con1box .img4 {
		width: 259px;
	}

	.con2box .title {
		width: 108px;
	}

	.con2box .img1 {
		width: 139px;
	}

	.con2box .line img {
		width: 69px;
		margin-left: 15px
	}

	.con2box .img4 {
		width: 259px;
	}

	.con3box .line {
		padding: 0 5%;
	}

	.con3box .title {
		width: 108px;
	}

	.con3box .line img {
		width: 79px;
	}

	.con3box .line .text {
		font-size: 14px;
		line-height: 22px;
		margin-top: 15px;
		margin-bottom: 13px;
		padding: 8px 26px 8px 14px;
	}

	.con3box .logo {
		width: 140px;
	}

	.con4box .box {
		padding: 0 5.7%;
	}

	.con4box .title {
		width: 108px;
	}

	.con4box .leftimg {
		width: 79px;
	}

	.con4box .rightimg {
		width: 145px;
	}

	.con4box .tv {
		width: 190px;
	}

	.con4box .xin {
		width: 81px;
	}

	.con4box .text {
		width: 90px;
	}

	.con5box .box {
		padding: 5.6% 15.6%;
	}

	.con5box .left img {
		width: 105px;
		margin-top: 16px;
	}

	.con5box .rightline img {
		width: 50px;
		margin-bottom: 12px;
	}

	.con5box .rightline .title {
		font-size: 8px;
	}



	.con5box .rightline .tip {
		font-size: 8px;
	}



	.con6box .title {
		width: 118px;
	}

	.con6box .flow {
		width: 250px;
	}
}

@media screen and (max-width:440px) {
	.con5box .box {
		padding: 5.6% 10.6%;
	}



}

@media screen and (max-width:360px) {
	.con5box .box {
		padding: 5.6% 5.6%;
	}



}

@media screen and (max-width:330px) {
	.con5box .box {
		padding: 5.6% 3.6%;
	}

}