@media screen and (max-width: 1460px) {
.content-txt h4 {
	font-size:32px;
}
}
@media screen and (max-width: 1200px) {
	.intro{
		display: flex!important;
	}
	.bg-video img {
		display: block !important;
		height:100vh;
		filter: blur(10px);
		transform: scale(1.2);
	}
	.bg-video video {
		display: none;
	}
}

@media screen and (max-width: 1025px) {
	#nav{
		padding:0;
	}
	.wrap{
		padding:0 30px;
	}
	.padding-lr {
		padding-left: 30px;
		padding-right: 30px;
	}
	.banner-text{
		left: 30px;
	}
	.factory-list{
		width:calc(100% + 20px);
	}
	.factory-list li{
		width: calc(25% - 20px);
		min-height: auto;
		margin-right:20px;
		padding:30px 20px;
	}
	.factory-list li h6{
		text-overflow: ellipsis;
		white-space:nowrap;
		overflow:hidden;
	}
	.factory-list li p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	
	.intro-content .content{
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.content-txt{
		width:100%;
		padding:0 0 20px;
		text-align:center;
	}
	.content-txt h4{
		text-align:center;
	}
	.content-video{
		width:100%;
		height:50vw;
		padding:0;
	}
	.video-poster{
		height:100%;
	}
	.product h3{
		display:none;
	}
	.product-list{
		height:100vh;
		margin:0;
	}
	.product-list li{
		width:100%;
		height:calc((100vh - 72px) / 3);
	}
	.advantage-data{
		background: none;
	}
	.advantage-data{
		height:auto;
	}
	.data-list{
		padding:0;
		background-color:rgba(167, 16, 18, 0.8);
	}
	.data-list li{
		width:50%;
		height:160px;
	}
}
@media screen and (max-width: 860px){
	.case-banner{
		margin:0;
	}
	.banner-img{
		width:40vw;
		height:auto;
		margin:20px 0 0;
	}
	.banner-img img{
		display:block;
		width:100%;
	}
}
@media screen and (max-width: 806px){
	.nav-call{
		display:none!important;
	}
	.banner-text{
		font-size:24px;
	}
	.factory-dsc, .bridge-dsc{
		padding:10px 0 40px;
	}
	.case-dsc,.case-rule{
		padding:20px 0;
	}
	.case-factory h4,.factory-dsc h4, .bridge-dsc h4,.case-value h4,.case-rule h4,.case-dsc h4{
		padding-top:40px;
		font-size:22px;
	}
	.factory-list{
		margin:20px 0;
	}
	.factory-list li{
		width:calc(50% - 20px);
		margin-bottom:20px;
	}
	.factory-list li p{
		-webkit-line-clamp: 2;
	}
	.case-value ul{
		width: calc(100% + 20px);
		margin:30px 0;
	}
	.case-value ul li{
		width: calc(50% - 20px);
		margin:0 20px 20px 0;
	}
	.case-rule-img{
		padding:0;
	}
	
	.case-rule-img li{
		width:100%;
		padding:20px;
	}
	.case-rule-img li img{
		display: block;
		width:100%;
	}
}
@media screen and (max-width: 769px) {
	.nav-box{
		height:48px;
		line-height:48px;
	}
	.nav-box .nav-logo{
		font-size:30px;
	}
	.nav-title{
		font-size:16px;
	}
	.nav-chat{
		padding:0 14px;
		font-size:12px;
	}
	.wrap{
		padding:0 14px;
	}
	.page-title{
		font-size:24px;
	}
	.nav-call{
		display:none;
	}
	.nav-chat{
		margin:0;
	}
	.bg-video{
		height:100%;
	}
	.banner-text{
		margin-top:-18px;
		font-size:16px;
	}
	.case .fp-tableCell{
		padding:0!important;
	}
	.case-list a .case-img{
		display: flex;
		justify-content: center;
		overflow:hidden;
	}
	.case-list a .case-img img{
		width:82%;
	}
	
	.fp-slidesContainer .slide:nth-child(2) .case-list .case-img img{
		width:100%;
		margin-top:-10%;
	}
	.contact .fp-tableCell{
		padding:30px!important;
	}
	.case-factory h4, .factory-dsc h4, .bridge-dsc h4, .case-value h4, .case-rule h4, .case-dsc h4{
		font-size:16px;
	}
	.case-rule p{
		font-size:13px;
		text-align:justify;
	}
	.product-list li{
		height:calc((100% - 42px) / 3);
	}
	.product a:last-child{
		display:none;
	}
	.factory-list{
		width:calc(100% + 14px);
	}
	.factory-list li{
		width: calc(50% - 14px);
		margin-right:14px;
		padding:14px;
	}
	.factory-list li h6{
		font-size:15px;
	}
	.factory-list li p{
		font-size:13px;
	}
	.case-value ul{
		width:calc(100% + 14px);
	}
	.case-value ul li{
		width:calc(50% - 14px);
		min-height:auto;
		margin:0 14px 14px 0;
		padding:20px 14px;
	}
	.case-value ul li h6{
		font-size:15px;
		padding:10px 0;
	}
	.case-value ul li p{
		font-size:13px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
	.case-dsc-img{
		margin-top:20px;
	}
	.dsc-img-text{
		margin-bottom:-26vw;
	}
	.section{
		padding-top:48px!important;
	}
	.case .page-title{
		display:none;
	}
	.case-list{
		flex-wrap: wrap;
		width:100%;
		margin:-80px 0 0;
		padding:0 20px;
	}
	.case-list a{
		width:100%;
		margin:14px 0;
	}
	.fp-controlArrow{
		top: auto;
		bottom:60px;
		border:none;
		padding:0 14px;
		background-color:#C7000B;
	}
	.fp-controlArrow.fp-prev{
		left:50%;
		color:#FFFFFF;
		width: auto;
		height:32px;
		line-height:32px;
		transform: translateX(-50%);
		border-radius:32px;
		font-size:12px;
	}
	.fp-controlArrow.fp-next{
		display:none;
	}
	.fp-controlArrow.fp-prev::before{
		content: '\e642';
		font-family: 'iconfont';
		padding-right:4px;
	}
	.fp-controlArrow.fp-prev::after{
		content: '左滑查看更多';
	}
}
@media screen and (max-width: 415px) {
	.wrap{
		padding:0 12px;
	}
	.case-value ul li p{
		font-size:12px;
	}
	.case-value ul li span{
		font-size:46px;
	}
	.case-rule p{
		margin:14px 0;
		font-size:12px;
	}
	.nav-consultation a {
		border-radius:4px;
	}
	.nav-consultation a::before{
		margin:0;
	}
	.nav-consultation a span{
		display:none;
	}
	#fp-nav.right{
		right: -14px!important;
	}
	#video-modal{
		top:auto;
		bottom:0;
		left:14px;
		width:calc(100vw - 28px);
		height:auto;
		margin:0;
		transform: translateY(-50%);
	}
	#chat-iframe{
		top:48px;
		left:0;
		width:100%;
		height:calc(100vh - 48px);
	}
	.contact .fp-tableCell{
		padding:0 14px!important;
	}
	.copy-right p,.copy-right a,.detail-copy-right p,.detail-copy-right a{
		display:none;
	}
	.case-list a .case-img img{
		width:100%!important;
		margin:0!important;
	}
	.mobile-right{
		display:block!important;
		width:100%;
		text-align:center;
		color:rgba(255,255,255,.4);
	}
	.detail-copy-right .mobile-right{
		color:#666;
	}
	.nav-chat{
		height:28px;
		line-height:28px;
		padding:0 12px;
	}
	.bg-video{
		height:100%;
	}
	.mouse-tip{
		display:none;
	}
	.mobile-tip{
		display: block;
		position: relative;
		width:100%;
		height:40px;
		margin-left:-20px;
	}
	.arrow {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	          transform-origin: 50% 50%;
	          transform: translate3d(-50%, -50%, 0);
	}
	
	.arrow-1 {
			
	          animation: arrow-movement 2s ease-in-out infinite;
	}
	
	.arrow-2 {
		top: calc(50% + 20px);
	          animation: arrow-movement 2s 1s ease-in-out infinite;
	}
	
	.arrow:before,
	.arrow:after {
	  background: #fff;
	  content: '';
	  display: block;
	  height: 2px;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 20px;
	}
	
	.arrow:before {
	          transform: rotate(45deg) translateX(-23%);
	          transform-origin: top left;
	}
	
	.arrow:after {
	          transform: rotate(-45deg) translateX(23%);
	          transform-origin: top right;
	}
	
	@keyframes arrow-movement {
	  0% {
	    opacity: 0;
	    top: 45%;
	  }
	  70% {
	    opacity: 1;
	  }
	  100% {
	    opacity: 0;
	  }
	}
	#fp-nav.right{
		right:0;
	}
	.padding-lr{
		padding-left:14px;
		padding-right:14px;
	}
	
	.content-video{
		margin-top:10px;
		padding:8px;
	}
	.content-video::before{
		width:100%;
		height: 100%;
		left:0;
		top:0;
	}
	.content-video::after{
		width:calc(100% - 8px);
		height:calc(100% - 8px);
		left:4px;
		top:4px;
		background-color:rgba(255,255,255,.4);
		
	}
	.intro-content{
		display: flex;
		flex-direction: column;
		justify-content: center; 
		align-content: center;
		padding:42px 30px 0;
	}
	.content-txt h4{
		font-size:18px;
		font-weight:600;
	}
	.content-txt p{
		font-size:13px;
		
	}
	.product-list li{
		height:calc((100vh - 48px) / 3);
	}
	.product-info{
		display: flex;
		justify-content: center;
		align-items: center;
		left:0;
		width:100%;
		height:100%;
		margin:0;
		padding:14px 34px;
		overflow:hidden;
	}
	.product-icon{
		font-size:38px;
	}
	.product-info h5{
		margin:10px 0 0;
		font-size:18px;
		line-height:1.4;
	}
	.product-info .line{
		width:1px;
		height:70px;
		margin:0 15px;
		transform: none!important;
	}
	.product-info p{
		font-size:13px;
		margin:0;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.product-info ~ a{
		display:none;
	}
	.advantage h3{
		display:none;
	}
	.advantage-data{
		display: flex;
		position: relative;
		align-items: center;
		padding-top:48px;
		height:100%;
	}
	.advantage-data::before{
		content: '';
		display:block;
		position: absolute;
		top:0;
		left:0;
		z-index: 2;
		width:100%;
		height:100%;
		background-color: rgba(167, 16, 18, 0.8);
	}
	.data-list{
		display: flex;
		position: relative;
		z-index:3;
		margin-top:-60px;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height:auto;
		background-color: transparent
	}
	.data-list li{
		height:auto;
		padding:30px 0;
	}
	.data-info span{
		font-size:28px;
	}
	.data-list li p{
		font-size:13px;
	}
	.contact{
		padding:0;
		background: url(../images/bg-contact-mobile.jpg) right top no-repeat;
		background-size: cover;
	}
	.contact .fp-tableCell{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.case .fp-tableCell{
		padding:0!important;
	}

	.page-title{
		font-size:18px;
	}
	.case-list a h6{
		font-size:14px;
		line-height:32px;
	}

	.case-list a .case-img{
		height:auto;
	}
	.contact .fp-tableCell{
		display: flex;
		align-items: center;
		height:100%;
		background-color:rgba(0,0,0,.4);
	}
	.contact-us{
		background: rgba(255,255,255,.4);
		width: calc(100% - 30px);
		margin:0 auto;
		padding:30px;
	}
	.contact-us h4{
		font-size:18px;
		color:#FFFFFF;
	}
	.contact-us h4::before{
		height:16px;
		
	}
	.contact-us a{
		margin-top:10px;
		color:#FFFFFF;
		font-size:13px;
		line-height:1.6;
		text-align:justify;
	}
	.contact-tel{
		position:relative;
		z-index:4;
		display: block;
		width:calc(100% - 30px);
		line-height:40px;
		margin-top:15px;
		font-size:16px;
		color:#FFFFFF;
		text-align:center;
		text-decoration:none;
		border:1px solid rgba(255,255,255,.45);
		background: rgba(255,255,255,.4);
	}
	.banner-text{
		left:14px;
		margin-top:-20px;
	}
	.banner-img{
		width: 50vw;
		margin:10vw 0 -8vw;
	}
	.factory-list{
		margin-top:0;
		width: 100%;
	}
	.factory-list li{
		width:100%;
		margin:14px 0 0;
		padding:30px 14px;
	}
	.factory-list li p{
		-webkit-line-clamp:10;
		font-size:12px;
	}
	.factory-list li span{
		right:20px;
		bottom:-10px;
	}
	.dsc-img img{
		margin-top:-12px;
	}
	.factory-dsc, .bridge-dsc{
		padding: 10px 0 20px;
	}
	.case-factory h4, .case-value h4{
		margin-bottom:14px;
		padding-top:40px;
	}
	.factory-dsc h4, .bridge-dsc h4, .case-rule h4, .case-dsc h4{
		margin-bottom:14px;
		padding-top:20px;
	}
	.factory-list li h6,.case-value ul li h6{
		font-size:14px;
	}
	.dsc-img-text{
		margin-bottom:-14vw;
	}
	.contact-us a.icon-site{
		display:none;
	}
}
