/* 响应式 */



@media (max-width:1920px) {

	html {

		font-size: 16px;

	}

}



@media (min-width:1600px) and (max-width:1800px) {

	html {

		font-size: 16px;

	}

}



@media (min-width:1400px) and (max-width:1599px) {

	html {

		font-size: 15px;

	}

}



@media (min-width:1200px) and (max-width:1399px) {

	html {

		font-size: 14px;

	}

}



@media (min-width:640px) and (max-width:1199px) {

	html {

		font-size: 14px;

	}

}



@media (min-width:471px) and (max-width:639px) {

	html {

		font-size: 14px;

	}

}



@media (min-width:329px) and (max-width:470px) {

	html {

		font-size: 14px;

	}

}



@media (max-width:328px) {

	html {

		font-size: 14px;

	}

}














@media screen and (min-width:1200px) and (max-width:1460px) {

	.container {	max-width: 83%}

	/*.pain-spot dl.item3 {min-height: 14rem;}*/
	/*.product-title dl:last-child {height: 13.7rem;}*/
}



@media screen and (min-width:1200px) and (max-width:1431px) {

	.pain-spot dl .info h4{line-height: 1.3rem}
	.pain-spot dl .info {min-height: 10.4rem;}
}

@media screen and (min-width:1200px) and (max-width:1287px) {

	.product-title dl:nth-child(2){height: 13rem}
	.pain-spot dl .info {min-height: 12rem;}
}


@media screen and (min-width:200px) and (max-width:1265px) {



	.container {	max-width: 92%}

	.pain-spot dl.item1 .text {min-height: auto;}
	.pain-spot dl.item3 {min-height: auto;}

}









@media screen and (min-width:200px) and (max-width:1128px) {

	.pain-spot dl.item3{min-height: 14.375rem;}

	.pain-spot dl.item1 .text{min-height: auto;}

	.pain-spot dl .info{min-height: 16rem;}

	.pain-spot dl .info h4{width: 100%; margin-bottom: 0.5rem;}
	.product-title dl:nth-child(1){/* margin-bottom: 0; */}
	.product-title dl:nth-child(2){height: 16rem}

	.scene-box{width: 100%;}


	.product-title dl:last-child {
		height: 14.7rem;
	}


}



@media screen and (min-width:200px) and (max-width:1070px) {

	.mode-box .pic{width: 48%;}
	.mode-box .info{width: 47.58%;}

}



@media screen and (min-width:200px) and (max-width:1028px) {

	.banner{height: 44rem;}

	.banner-box .info h3{font-size: 3rem;}

	.contact-form{width: 100%;}

	.contact-title h3{font-size: 2.8rem;}

}



@media screen and (min-width:200px) and (max-width:976px) {

	.scene-bottom{flex-direction: column;}

	.scene-title{margin: 2rem 0;}

}





@media screen and (min-width:200px) and (max-width:960px) {



	.scene-list ul li .info{min-height: 13rem;}

	.scene-list ul li{background-image: -moz-linear-gradient( 0deg, rgb(154,108,188) 0%, rgb(120,59,165) 100%);
		background-image: -webkit-linear-gradient( 0deg, rgb(154,108,188) 0%, rgb(120,59,165) 100%);
		background-image: -ms-linear-gradient( 0deg, rgb(154,108,188) 0%, rgb(120,59,165) 100%);border-radius: 1.25rem;}



	.tool-list {      width: 100%;  }

	.tool-list ul li .pic img{margin: 0 auto;}

	.tool-box .info {  width: 100%;}

	.text-list ul{    justify-content: flex-start;}

	.texts-list dl{width: 100%;}

	.tool{background: #f4f4f9}

}




@media screen and (min-width:200px) and (max-width:893px) {
	.product-title dl:nth-child(1) {
		height: 17rem;
	}
	.pain-spot dl.item1 .text {
		min-height: 12rem;
	}
}


@media screen and (min-width:200px) and (max-width:818px) {

	.scene-list ul li{width: 45%!important; margin-bottom: 3rem;}

	.scene-list ul li em {   line-height: 4.8125rem;}

}





@media screen and (min-width:200px) and (max-width:768px) {

	.pc-nav{display: none;}

	.mobmenu {	    display: flex;	        align-items: center;}

	.banner{height: 36rem;}

	.banner-class ul li {   padding: 0 6%;}

	.banner-box .info h3{font-size: 2.5rem; line-height: 3.5rem;}



	.foot-wechat {
		width: 45%;
	}




}















@media screen and (min-width:200px) and (max-width:640px) {

	.mobnavBox{width: 80%;}



	.banner{background: #f3f2f9;}

	.banner .pic {    position: absolute;   width: 75%;   right: 4%;   top: auto;}

	.banner-box .info em{font-size: 1.2rem;}

	.banner-box .info img {width: 2.5rem;margin-right: 0.3rem;}

	.banner-box .info h3 {font-size: 1.8rem;line-height: 2.5rem;letter-spacing: 8px;}

	.banner-class{padding: 1.1875rem 0;}

	.banner-class ul li{padding: 0 5%;}

	.banner-class ul li a{font-size: 1.25rem; line-height: 1.25rem;}

	.product { padding: 4.375rem 0 5.75rem;}

	.product-title{width: 100%; margin-right: 0; justify-content: space-between; margin-bottom: 3rem;}

	.product-title dl{width: 31%; padding: 0; margin-bottom: 0; padding: 0.5rem 0 0.3rem!important; height: auto!important;}

	.product-title dl:last-child {	    margin-bottom: 0;	    padding: 0;	}

	.product-title dl strong {	    font-size: 1.25rem;	    color: #9769bb;	    position: relative;    writing-mode: horizontal-tb;	}

	.pain-spot {	    width: 82%;	 margin: 0 auto 2rem;}

	.pain-spot dl.item3{min-height: auto;}

	.pain-spot dl.item1 .text{min-height: auto;}

	.pain-spot dl .info{min-height: auto;}

	.pain-spot dl .info h4{width: 48%;}

	.pain-spot2 dl.item1, .pain-spot2 dl.item2{width: 100%;}

	.date-note{width: 100%;display: flex;flex-direction: column;margin: 2rem 0; display: none}



	.scene-list ul li{width: 96%!important; margin-bottom: 0rem;}

	.scene-list ul{justify-content: center;}

	.scene-list ul .scene-more{margin: 2rem 0;}

	.scene-bottom dl{justify-content: space-around; width: 94%;}

	.scene-bottom dl .info{width: 64%;}

	.scene-bottom dl .round{margin-left: 1rem;}

	.scene-bottom dl:last-child .round { margin-right: 1rem;}

	.scene-bottom dl {	    background: url(../images/scene-bg2.png) no-repeat right 55% top 0.3125rem;	}

	.scene-bottom dl:last-child {	    background: url(../images/scene-bg3.png) no-repeat left 70% top 0.3125rem;	}

	.index-title h2{font-size: 1.6rem;}

	.scene-list ul li { background: url(../images/scene-bg.png) no-repeat left top;}

	.scene-list ul li em {	        line-height: 2.8125rem;        font-size: 1.25rem;    }

	.scene-list ul li .info strong{font-size: 1.25rem;}

	.scene-list ul li .text h3{font-size: 1.1rem;}

	.tool{padding: 4.25rem 0 5.32rem;}

	.tool-list ul li {width: 48%;	}

	.index-title h3{font-size: 1.3rem;}

	.foot-left,.foot-wechat{width: 100%;}

	.foot-left{margin-bottom: 2rem;}





	.about-banner {	        height: 24rem;background: url(../images/about-banner.jpg) no-repeat right 50% top;	 background-size: cover;    }



	.mode-box .pic{width: auto; margin-bottom: 3rem;}

	.mode-box .info{width: 100%;}

	.mode-box .index-title h2{text-align: center;}

	.mode-box .index-title i { margin: 0 auto 0.4375rem;}



	.contact{padding: 4.25rem 0 5.625rem;}

	.contact-title h3 {font-size: 1.8rem;}

	.contact-title h4{font-size: 1.3rem;}

	.contact-form ul input{width: 100%;}

	.contact-form .layui-btn{font-size: 1.4rem;     padding: 0 1.5rem; height: 3.6rem;}

	.contact-form .layui-btn img {	    margin-left: 1.0625rem;	    width: 2rem;	}



	.product-title dl strong::after {
		left: -1rem;
		top: 0.5rem;
	}

	.scene-bottom dl:first-child{flex-direction: row-reverse;}
	.scene-bottom dl .round {
		margin-left: 0;
	}

	.scene-bottom dl .info h4{text-align: left; font-size: 1.1rem}
	.scene-bottom dl:first-child .round {
		margin-right: 1rem;
	}
	.scene-bottom dl {
		background: url(../images/scene-bg3.png) no-repeat right -56% top 0.3125rem!important;
	}
	.scene-bottom dl .round{ margin-right: 0.5rem!important;}

	.scene-bottom dl .info {
		width: 56%;
	}

	.scene-title {
		margin: 2rem 0;
		flex-direction: column;
	}
	.scene-title img {
		margin:  0.5625rem 0;
	}
	.scene-title img:first-child{transform: rotate(90deg);}
	.scene-title img:last-child{transform: rotate(90deg);}

	.fy {		padding: 1rem 0	}




	.banner-box .info {
		padding-top: 14%;
	}

	.banner-box .info span {padding: 0.3125rem 1.125rem 0.3125rem 0.3125rem; margin-bottom: 1.375rem;}


	.about-banner .banner-box .info h3 {letter-spacing: 0;}
	.contact-title h4 {
		margin: 0 auto;
		width: 94%;
	}
	.texts-list dl {
		width: auto;
		margin: 0 auto 1.875rem;
	}

	.banner-box .info h3{font-size: 1.6rem}
	.about-banner {
		height: 24rem;
		background: url(../images/wap-about-banner.jpg) no-repeat   center bottom 40% #f3f2f8;
		background-size: 110%;
	}

	.scene-bottom{padding: 2rem 0}
	.tool-box .info {margin-top: 1rem;}


}