ul,li{
	padding: 0;
}
		.banner {
			width: 100%;
		}

		.banner img {
			width: 100%;
		}

		.main-content .content {
			box-sizing: border-box;
			padding: 60px 10px;
		}

		.main-content .item1 {
			width: 70%;
			float: left;
			overflow: hidden;
		}

		.main-content .item2 {
			width: 30%;
			float: left;
		}
	
		
		.main-content .product4-item1{
			width: 60%;
		}
		.main-content .product4-item2{
			width: 40%;
		}

		.main-content .item.content {
			padding: 50px 100px;
		}

		.main-content .p1 {
			font-size: 26px;
			margin-bottom: 30px;
			color: #333333
		}

		
		.mobile-product2-p .mobile-product2-p-left{
			position: relative;
			width: 22%;
			z-index: 1;

		}
		.mobile-product2-p .mobile-product2-p-right{
			width: 78%;
			padding-left: 4%;
		}
		.mobile-product2-p .mobile-product2-p-bottom{
			position: relative;
			z-index: 0;

		}
		.mobile-product2-p .mobile-product2-p-right p{
			margin: 4rem 0;

		}
		.mobile-product2-p .mobile-product2-p-bottom::after{
			content: " ";
			display: block;
			position: absolute;
			width: 110%;
			height: 120%;
			top: -6%;
			left: -10%;
z-index: -1;
			background-color: #f6ebd5;
		}
		.main-content .p2 {
			font-size: 16px;
			line-height: 1.8;
			letter-spacing: 1px;
		}

		.line {
			height: 20px;
		}

		.yellow-theme {
			background-color: #fffcf0;
		}

		.blue-theme {
			background-color: #e2eeff;
		}

		.yellow-theme .p1 {
			color: #fdd435;
		}

		.blue-theme .p1 {
			color: #5c9eff;
		}

		/* --qq */
		.main-content .p1 span {

			color: #999999;
			margin-left: 10px;
		}

		.main-content .p2 .title {
			display: block;

			position: relative;
			padding-left: 30px;
			letter-spacing: 1px;
			line-height: 1.8;

		}

		.main-content .p2 .title::before {
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			background-color: #10C6A5;
			transform: rotate(45deg);
			position: absolute;
			top: 8px;
			left: 10px;


		}

		.main-content.f8f9fb-theme {
			background-color: #f8f9fb;
		}

		.main-content.ffffff-theme {
			background-color: #ffffff;
		}

		div.extra {

			border-left: 4px solid #10C6A5;

		}

		.container .head {
			padding: 30px 10px;
			font-size: 16px;
		}

		.clearfix::after {
			content: "";
			display: block;
			clear: both;
		}

		.content-row .box {
			padding: 0 30px;
		}
		.box {
			padding: 0 30px;
		}
		.product6-box-p .box{
			padding: 0 30px;
		}

		.product5-box .box{
			padding: 0 30px;
		}
		.box-title {
			font-size:24px;
			color: #999999;
			margin-top: 30px;
		}

		.box-title span {
			color: #333333;
			margin: 0 20px;


		}

		.text-c {
			text-align: center;
		}

		.img-box {
			padding: 30px 150px;
		}

		.img-box img {
			width: 100%;
			margin-bottom: 30px;
		}

		ul.content {
			display: flex;
		}

		ul.content li {
		
			padding: 0 10px;



		}

	

		ul.content li span {
			display: block;
			padding: 20px 0;
			font-size: 14px;
			font-weight: bold;
        }
        

        .img-extra{
            height: 20px;
            margin: 30px 0;
        }
        .img-extra img{
            height: 100%;
        } 
        .box-title1{
            font-size: 22px;
            color: #333333;
            font-weight: bold;
            letter-spacing: 3px;
        

        }
        .box-title1::after{
            content: "";
            display: block;
            width: 80px;
            height:2px;
            background-color: #10C6A5;
            margin: 10px 0;
        }

        .box-item-ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .box-item-ul .box-item-li{
            width: 500px;
            margin: 16px 0;
        }
        .box-item-ul .box-item-li:nth-of-type(2n){
            margin-left: 40px;
        }

        .left-box{
            float: left;
            width: 60px;
            

        }
        .left-box img{
            width: 26px;
        }
        .right-box{
            float:left;
            width: 440px;
            font-size: 16px;
            color:#333333;
        }
        .right-box-title{
            font-weight: bold;
            margin-bottom: 5px;
            
		}
		.product2-box-bg{
			position: relative;
			z-index: 2;
		}
		.product2-box-bg::after{
			background-color: #f6ebd5;
			width: 100%;
			height: 180px;
			position: absolute;
			bottom: -300px;
			z-index: -1;

		}


		.saas-content {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
		}

		.saas-box {
			width: 50%;
			box-sizing: border-box;
			padding: 20px;
			display: flex;

		}
		.saas-box:last-of-type{
			width: 50%;
		}
		.saas-box:nth-of-type(1) .saas-box-icon{
			
			background-image: url(/static/images/product/product7_icon1.png);
		}
		.saas-box:nth-of-type(2) .saas-box-icon{
			background-image: url(/static/images/product/product7_icon2.png);

		}
		.saas-box:nth-of-type(3) .saas-box-icon{
			background-image: url(/static/images/product/product7_icon3.png);

		}
		

		.saas-box-icon {
			width: 60px;
			height: 60px;
			flex:0 0 60px;
			background-color: #10C6A5;
			border-radius: 50%;
			display: inline-block;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 36px 36px;
		
		}
		.saas-box-t span{
			font-size: 18px;
			font-weight: bold;
			line-height: 2;
			

		}
		.saas-box-t p{
			font-size: 16px;
			line-height: 1.6;
		}
		.saas-box-t{
			padding: 0 20px;
		}
        
    .num-box-mobile{
			display: none;

		}
		ul.num-box {
			float: left;
			width: 100%;
			margin-top: 50px;
			margin-bottom: 30px;
		}

		ul.num-box li {
			float: left;
			width: 25%;
			padding: 10px;
			text-align: center;
		}

		ul.num-box li .card {
			width: 100%;
			border: 1px solid #ccc;
			box-shadow: 1px 1px 5px #ddd;
			height: 290px;
			transition-duration: 0.3s;
		}

		ul.num-box li.on .card {

			border: 1px solid #eee;

		}

		ul.num-box li .card:hover {
			transform: translate(0, 0px);
			box-shadow: 0;
		}

		ul.num-box li .card .name {
			font-size: 18px;
			padding: 0 10px;
			
		}

		ul.num-box li .card {
			color: #797979;
			padding: 50px 20px;
		}

		ul.num-box li.on .card {
			color: #ffffff;
		}

		ul.num-box li.on .card .name {
			color: #ffffff
		}

		ul.num-box li .card .name {
			color: #333333
		}

		ul.num-box li .card .text {
			font-size: 16px;
		}

		ul.num-box li .card img {
			height: 60px;
		}

		ul.num-box li.on .card {
			background-color: #10C6A5;
		}

		.underline {
			text-align: center;
			margin: 15px 0;
		}

		.line {
			background: #10C6A5;
			border: 1px;
			width: 30px;
			text-align: center;
			height: 2px;
			margin: 0 auto;
		}

		ul.num-box li.on .underline .line {
			background: #ffffff;
		}

		.p-title {
			position: absolute;
			left: 55px;
			top: 145px;
			max-width: 585px;
			font-size: 16px;
			color: #333333;
			line-height: 1.5;
		}

		ul.scene {
			display: flex;
			color: #333333;
			justify-content: space-between;

		}

		ul.scene li {
			width: 32.5%;
		}

		ul.scene .title {
			font-size: 18px;
			font-weight: bold;
			margin: 30px 0 10px;
			position: relative;
			padding: 0 46px;

		}

		ul.scene .title span {
			color: #10C6A5;
			vertical-align: -9px;
			margin-right: 40px;

		}

		ul.scene .title::before {
			content: "";
			display: block;
			width: 16px;
			height: 16px;
			background-color: #10C6A5;
			transform: rotate(45deg);
			position: absolute;
			top: 6px;
			left: 10px;


		}

		ul.scene .text {
			font-size: 15px;
			line-height: 2;



		}

		ul.scene li img {
			width: 100%;
		}

		ul.scene .scene-title-box {
			padding: 0 6px;

		}

		.product1-box1{
			justify-content: space-around;
			background-color:#10C6A5;
			position: relative;
			z-index:3;

		}
	
		.product1-box-extra{
			position: relative;
			border: 2px dashed #10C6A5;
			height: 40px;
			border-bottom: 0;
			width:66%;
			flex: 0 0 400px;

		}
		.product1-box-extra::after{
			content: "";
			display: block;
			position: absolute;
			top: 9%;
			left: 50%;
			width: 0;
			height: 80px;
			transform: translate(-50%,-50%);
			border: 2px dashed #10C6A5;
			border-top: 0;
			border-bottom: 0;
			border-right: 0;
		}
	
		.product1-box1 li{
			background-color: #fcce4d;
			padding: 10px 40px;
			flex: 0 0 164px;
			display: inline-block;
		}
		.product1-box1 li .product1-box1-icon{
			width: 35px;
	height: 38px;
	background-size: cover;
		}

	

		.product1-box1 li span{
			color: #777777;
			font-size: 14px;
			display: block;
			font-weight: bold;
		}


		.product1-box2-box{
			position: relative;
			z-index: 1;
		
			padding: 64px 0 0;
		}
		.product1-box2-flex{
			justify-content: space-between;
		}
		.product1-box2-flex .col-sm-6:nth-of-type(1)  .product1-box1 li .product1-box1-icon{
			background-image: url(/static/images/product/product1_l1_01.png);

		}
		.product1-box2-flex .col-sm-6:nth-of-type(2)  .product1-box1 li .product1-box1-icon{
			background-image: url(/static/images/product/product1_l1_02.png);

		}

	
		.product1-box2{
			justify-content: space-around;
		}
	
	
		.product1-box2 li{
			
			flex: 0 0 130px;
			box-sizing: border-box;
			
		}
		.product1-box2 li:first-child{
		}
		.product1-box2 li .product1-box2-icon{
			width: 130px;
	height: 50px;
	background-size: 30px 30px;
	background-color: #10C6A5;
	background-position: center center;
		}

		
		.product1-box2-flex .col-sm-6:nth-of-type(1) .product1-box2 li:nth-of-type(1) .product1-box2-icon{
			background-image: url(/static/images/product/product1_l2_01.png);

		}
		.product1-box2-flex .col-sm-6:nth-of-type(1) .product1-box2 li:nth-of-type(2) .product1-box2-icon{
			background-image: url(/static/images/product/product1_l2_02.png);

		}
		.product1-box2-flex .col-sm-6:nth-of-type(1) .product1-box2 li:nth-of-type(3) .product1-box2-icon{
			background-image: url(/static/images/product/product1_l2_03.png);

		}

		.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2 li:nth-of-type(1) .product1-box2-icon{
			background-image: url(/static/images/product/product1_l2_04.png);

		}
		.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2 li:nth-of-type(2) .product1-box2-icon{
			background-image: url(/static/images/product/product1_l2_05.png);

		}
		.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2 li:nth-of-type(3) .product1-box2-icon{
			background-image: url(/static/images/product/product1_l2_06.png);

		}

		.product1-box2 li span{
			color: #333333;
			font-size: 14px;
			display: block;
			font-weight: bold;
		}
		ul.product1-box2-wrap-box{
			flex-flow: wrap;
			padding: 10px 0;
		}
		ul.product1-box2-wrap-box li{
			color: #888888;
			position: relative;
			flex: 0 0 150px;
			line-height: 1.8;
			padding: 0 0 0 40px;

		}
		ul.product1-box2-wrap-box li::after{
			content: "";
			position: absolute;
			top: 8px;
			left: 23px;
			display: block;
			width: 10px;
			height: 10px;
			background-color: #888;

		}
		.product1-box2-box .product1-box-extra{
		    left: 96px;
		 top: -245px;
		 z-index: -1;
		}

		.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2-box .product1-box-extra{
			left: 96px;
			top: -221px;
		}
	



		.zs-img-bg{
			height: 340px;
			background-image: url(/static/images/product/product3_zs_q.png);
			background-size: 250px 272px;
			background-repeat: no-repeat;
			background-position: 40px 0;
		}
		.ca-bg{
			position: absolute;
			background-color: #10C6A5;
			width: 125px;
			height: 125px;
			line-height: 125px;
			border-radius: 50%;
			top: 50%;
			left: 50%;
			transform: translate(-33%,60%);
			
		}
		.ca-font{
			font-size: 40px;
			color: #fff;

		}
		.ca-box{
			position: relative;
		}
		.ca-box-title{
			padding: 40px 0;

		}
		.ca-box-title div{
			line-height: 1.8;

		}
		.ca-box-title div:nth-of-type(1){
			margin-left: -20px;
		}
		.ca-box-title div:nth-of-type(2){
			margin-left: 4px;
		}
		.ca-box-title div:nth-of-type(3){
			margin-left: 19px;
		}
		.ca-box-title div:nth-of-type(4){
			margin-left: 27px;
		}
		.ca-box-title div:nth-of-type(5){
			margin-left: 29px;
		}
		.ca-box-title div:nth-of-type(6){
			margin-left: 25px;
		}
		.ca-box-title div:nth-of-type(7){
			margin-left: 8px;
		}
		.ca-box-title div:nth-of-type(8){
			margin-left: -20px;
		}
		.ca-box-title div:nth-of-type(9){
			margin-left: -45px;
		}

		.product4-box-li-bg{
			background-color: #cfcfcf;
		}
		.product4-box-border{
			border:1px solid #10C6A5;
		}
		.product4-box-row div{
			height: 40px;
		}
		ul.product2-ul li{
			flex: 0 0 20%;

		}
		

		ul.product2-ul li img{
			width: 50px;
			height: 50px;

		}

		.product3_zs-box .product3_zs-box-li{
			margin:0;
			width: 50%;
			float: left;
		}


		.content .product6-box-p .col-sm-8{

			padding-left: 0;
			padding-right: 0;
		}
		
		.mobile-box-title{
			display: none;
		}

		.product2-block-p{
			padding: 6rem 0 0 0;

		}
		.main-content .product2-block{
			padding: 0 0 6rem 0;
		}



		@media screen and (max-width: 768px){
			.main-content .content.product2-block{
				padding: 0;
			}
			.product2-block .product2-block-p{
				padding: 0 15px ;
				margin: 0 0 3rem;
	
			}
			.main-content ul.content.product2-ul{
				padding-top: 20px;

			}
	
			.mobile-product2-p .mobile-product2-p-bottom::after{
				display: none;
			}
.product1-box1{
	margin-left: 5%;
	width: 90%;
}
.product1-box2-box .product1-box-extra{
	left: 17%;
    
}
.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2-box .product1-box-extra{
	left: 17%;
}

			ul.product2-ul.content li img{
				width: 40px;
				height: 40px;

			}

			.product3_zs-box .product3_zs-box-li {
				margin: 0 5%;
				width: 40%;
			}
			.box-item-ul .box-item-li:nth-of-type(2n){
				margin-left: 0;
			}
			.num-box-mobile{
				display: block;
				padding: 2rem 1rem;
				box-shadow: 1px 1px 18px #cdcdcd;
				border-radius: 10px;
			}
			.num-box{
				display: none;
			}
			.num-box-mobile{
				padding: 10px;
				margin-bottom: 2rem;
			}
			
			.num-box-mobile div.p{
				padding: 1rem 10px;
				font-size: 1.4rem;
				letter-spacing: 0.1rem;
			}
		
			.num-box-mobile li {
					width: 50%;
					padding: 5px;
			
				}
				.num-box-mobile li {
					float: left;
					width: 50%;
					padding: 10px;

				}
				.num-box-mobile li:nth-of-type(1) .card {
					background-color: #ff3861;
				
					
				}

				.num-box-mobile li:nth-of-type(2) .card {
				background-color: #4776ff;
				}
				.num-box-mobile li:nth-of-type(3) .card {
				background-color: #facb55;

				}
				.num-box-mobile li:nth-of-type(4) .card {
				background-color: #f6b66e;

				}
				.num-box-mobile li .card .iconfont{
					position: absolute;
					font-size: 10rem;
					color: rgba(255,255,255,.3);
					bottom: -26%;
					right: -4%;

				}
				.num-box-mobile li:nth-of-type(1) .card .iconfont{
					font-size: 10rem;
					transform: rotateY(180deg);
					bottom: -19%;
    right: 0%;
				}
				.num-box-mobile li:nth-of-type(2) .card .iconfont{
					font-size: 11rem;
				}
				.num-box-mobile li:nth-of-type(3) .card .iconfont{
					font-size: 10rem;
				}
				.num-box-mobile li:nth-of-type(4) .card .iconfont{
					font-size: 10rem;
				}
				.num-box-mobile li .card {
					position: relative;
					width: 100%;
					float: left;
					color: #fff;
					padding: 3rem;
					border-radius: 1rem;
					height:16rem;
					background-repeat: no-repeat;
					background-position: 106% 120%;
					background-size: 11rem 11rem;
					
				}

								.num-box-mobile li .card .name{
									font-size: 24px;
								}
								.num-box-mobile li .card .text{
									font-size: 14px;
								}


							


								.padding-100{
									padding: 4rem
								}

								.product6-box-p{
									position: relative;

								}
								.product6-box-p .item2 {
									display: none;
									position: absolute;
									right: 0;
									top: 60px;;
								}
								.product6-box-p img{
								display: none;

								}
								.product6-box-p .item1{
									width: 100%;
									

								}
								
								
								.saas-box {
									width: 100%;
								
								}
								.saas-box-icon{
									width: 5.6rem;
    height: 5.6rem;
	flex: 0 0 5.6rem;
	background-size: 3rem 3rem;
								}

								.box{
									margin: 3rem 0;

								}
								.main-content .content{
									padding: 5rem 10px 0 10px;
								}

								.main-content .item1{
									width: 100%;
								}
								.product4-item2{
									display: none;
								}
								.p-title{
									left: 10%;
									top: 33%;
									width: 80%;
								}


								.main-content .product4_img-box{
									padding: 2rem 1rem;
									box-shadow: 1px 1px 18px #cdcdcd;
									border-radius: 10px;
						
								}

								ul.num-box{
									padding: 2rem 1rem;
    box-shadow: 1px 1px 18px #cdcdcd;
    border-radius: 10px;
								}


								.main-content .product4-item1{
									display: none;
								}


								.mobile-product2-p{
									position: relative;
									margin: 0 0 37rem 0;
									background-color: transparent;
									z-index: 2;
								}
								.mobile-product2-p::after{
									content: "";
									display: block;
									position: absolute;
									width: 100%;
									height: 330%;
								
									z-index: -1;
									top: 132%;
								}
								.mobile-product2-p .mobile-product2-p-left{
									position: absolute;
									width: 30%;
									top: 70%;
									z-index: 1;
									font-size: 1.2rem;


								}
								.mobile-product2-p .mobile-product2-p-left img{
									display: none;
								
								}
								.mobile-product2-p .mobile-product2-p-right{
									float: right;
									width:100%;
									background-color: #eaeaea;
									
								}
								.mobile-product2-p .mobile-product2-p-right p{
									margin: 10px 0;

								}
								.mobile-product2-p .mobile-product2-p-bottom{
									/* position: absolute;
									bottom: -93%;
									left:-8% ;
									width: 100%; */

								}

								.saas-box:last-of-type{
									width: 100%;
								}

								.main-content .content:first-of-type{
									padding-top: 0;
								}
								.main-content .product-first-box {
									padding-top: 0;

								}
		}

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

/* product1 */
.product1-box1 li{
	padding: .5rem 2rem;
    flex: 0 0 12rem;
}
.product1-box1 li .product1-box1-icon{
	width: 2rem;
	height: 2.2rem;

}
.product1-box1 li span{
	font-size: 1.2rem;
}

.content-row{
	margin: 0 -15px;

}

.product1-box1{
    margin-left: 0; 
     width: 100%; 

}

.product1-box2-box .product1-box-extra{
	height: 3rem;
	top: -20rem;
	left:5rem;
	width: 72%;
}
.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2-box .product1-box-extra{
	height: 3rem;
	top: -22rem;
	left: 5rem;
}
.product1-box2 li .product1-box2-icon{
	width: 100%;
	height: 4rem;
	display: inline-block;
	text-align: center;
	margin-left:0;
}
.product1-box2-flex .col-sm-6:nth-of-type(1) .product1-box2 li .product1-box2-icon{
	background-size: 2.2rem 2.2rem;

}
.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2 li .product1-box2-icon{
	background-size: 2.2rem 2.2rem;

}
.product1-box2 li:first-of-type .product1-box2-icon{
	margin-left: 0
}
.product1-box2 li{
	flex : 0 0 30%
}
.product1-box2-box{
	padding: 4rem 0 0;
	width: 100%;
	
}

ul.product1-box2-wrap-box li{
	flex: 0 0 100%;
	padding: 0 0 0 3.8rem;
	font-size: 1.3rem;
}
ul.product1-box2 {
	overflow: hidden;
}
ul.product1-box2-wrap-box{
	padding: .6rem 0
}

.product1-box2 li span{
	font-size: 1.3rem;
}


/* product2 */


.product2-ul{
	margin:   1rem 0;
	flex-flow: wrap;
	text-align: left;
				
}
ul.content.product2-ul li{
flex: 0 0 50%;
padding: 1rem 0;
				
}
ul.content li:last-of-type{
	flex: 0 0 100%;
}
ul.product2-ul.content li img{
	flex:0 0 10%;
	width: 2.6rem;
	height: 2.6rem;

}
ul.content li span {
    display: inline-block;
    padding: 0;
	font-size: 1.4rem;
	flex:0 0 80%;
	padding-left: 1.6rem;
    }

/* product3 */
.box-item-ul .box-item-li .left-box{
	float: left;
	width: 16%;
	

}
.box-item-ul .box-item-li .right-box{
	float: right;
	width: 84%;
	

}
.box-title1{
	font-size:1.6rem;
	padding-top: 1rem;
}
.product6-box-p .col-sm-8{

    padding-left: 0;
    padding-right: 0;
}


.right-box-title{
	font-size: 1.4rem;
}
.right-box-contain{
	font-size: 1.2rem;
}

.product5-box{
	margin: 0 -15px;

}

.saas-box{
	padding: 0;
	margin: 1rem 0 0 0;
}

.saas-box-t span{
	font-size: 1.4rem;
}
.saas-box-t p{
	font-size: 1.2rem;
	

}
.saas-box:last-of-type{
	width: 100%;
}


.saas-box-icon {
    width: 3.6rem;
    height: 3.6rem;
    flex: 0 0 3.6rem;
	background-size: 2rem 2rem;
	margin-top: 1rem;
}
	
			.mobile-box-title{
				display: block;
				font-size: 2rem;
    color: #999999;
    margin-top: 3rem;
			}
			.box-title{
				display: none;
			}
			.num-box-mobile{
				box-shadow: 1px 1px 6px #cdcdcd;
			}
			.num-box-mobile li{
				width: 100%;
			}
			.main-content .content{
				padding:0;

			}

			ul.scene li{
				flex: 0 0 32.5%;
			}
			
			ul.scene li:last-of-type{
				width: 32.5%;
				flex: 0 0 32.5%;

			}
			.container .head{
				padding: 3rem 0
			}
			div.extra{
				border: 0;
				

			}
			.content-row .box{
				padding: 0 15px;
			}
			.box{
				padding: 0 0;
				margin: 0;
			}
			.main-content ul.content.product2-ul{
				padding-top: 0px;

			}
			.main-content .p1{
				position: relative;
				font-size: 1.8rem;
				border-left: none;
				padding-left: 2rem;
				margin-bottom: 1rem;

			}
			.main-content .p1::after{
				content: "";
				display: inline-block;
				position: absolute;
				top: 18%;
				left: 0;
				height: 2rem;
				width: .3rem;
				background-color: #10C6A5;
				

			}

			
			.main-content .p2{
				font-size: 1.4rem;
				}

				.main-content .product4-content{
					text-align: left;
				}
			.img-extra{
				height: 1.6rem;
	margin: 2rem 0;
	display: none;
			}
			.main-content .product4_img-box{
				box-shadow: 1px 1px 6px #cdcdcd;
			}
			ul.content li{
				padding: 0 
			}
			ul.scene .title::before{
			}
			ul.scene .title{
				padding: 0  0 0 3rem;
				font-size:1.4rem;
				margin: 1rem 0 ;
			}
			ul.scene .title::before{
				width: 1rem;
				height: 1rem;
				top: .5rem;
    left: 1rem;
			}

			ul.scene .text{
				font-size: 1.2rem;
			}
			.product5-box .box{
				padding: 0 15px;
			}
			.product7-box-p .box{
				padding: 0;

			}
			
		}

		
		@media screen and (max-width: 320px){
		.product1-box2-box .product1-box-extra{
			height: 3rem;
			top: -25rem;
			left:4rem;
			width: 72%;
		}
		.product1-box2-flex .col-sm-6:nth-of-type(2) .product1-box2-box .product1-box-extra{
			height: 3rem;
			top: -26.5rem;
			left: 4rem;
		}
	}