.banner{padding: 120px 0 50px;text-align: center;background: url("../../../public/picture/product/pdfconverterocr/banner.jpg") center top  no-repeat; background-size: cover; color: #fff;}
.banner-title{margin-bottom:30px;font-size: 60px;}
.banner-title span{display: block;}
.banner-list{display: inline-block; text-align: left;}
.banner-list li{line-height:30px; padding:3px 0 3px 22px;background: url("../../../public/picture/product/pdfconverterocr/star.png") left 10px no-repeat;font-size: 20px;}
.btn{display: inline-block;;width: 240px; height: 64px; border-radius: 10px; line-height: 60px; font-size: 24px; text-align: center;}
.banner-down-btn{margin-top:70px;color: #fff; background: #4f6ceb;}
.part-down-btn{color: #4f6ceb; border:solid 2px #4f6ceb;}
.part-down-btn:hover{background: #124fe7;color: #fff;}
.part{padding-top: 80px;}
.in-title{text-align:center;font-size: 36px; color: #000;}
.in-title.blue{/*color: #4f6ceb;*/ font-size: 36px; font-weight: 300;}
.in-subtitle{max-width:800px; margin:15px auto 0 auto;line-height:30px;font-size: 20px; text-align: center; color: #666;}
.cont-title{margin-bottom:10px;font-size: 28px;font-weight: bold; padding-left: 30px;}
.cont-title span{display:block;}
.flex-part{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content:space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-order1{ /*Firefox*/
	box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
 -moz-order: 1;
 -webkit-order: 1;
 -ms-flex-order: 1;
     order: 1;
}
.flex-part1{background: #f2f2f2; padding: 30px 0;}
.flex-part1 .part-text, .flex-part1 .part-img{max-width: 50%; padding: 0 2.5% ;}
.flex-part2,.flex-part3{margin-top: 90px;}
.flex-part2 .part-text{width: 60%; }
.flex-part2 h3{margin-left: 12%; padding-left: 0;}
.flex-part2 .part-img{max-width: 40%; position: relative; z-index: 1;}
.flex-part2 .part-img img{max-width: 110%; width: 110%;}
.part2-text{background: #f2f2f2; padding: 30px 30px 30px 12%;}
.flex-part3 .part-text,.flex-part3 .part-img{max-width: 50%;}
.flex-part3 .part2-text{width: 115%; padding: 30px 15% 30px 30px;}
.part-img img{max-width: 100%; margin-top: -100px;}
.part-text p{padding-bottom:30px;font-size: 18px; line-height: 30px; color: #666;}
.part2 {margin-top:60px;background:url("../../../public/picture/product/pdfconverterocr/part2-img.jpg") left center no-repeat #434343; background-size:50% 100%;}
.part2-cont{margin-top:40px;position:relative;width: 570px;max-width: 50%; float: right; background: #434343; padding: 100px 0 120px 30px; color: #fff;}
.part2-cont .in-title{background: #434343;padding:10px 0  10px 40px ;color: #fff; position: absolute;right: 0;top:0;font-size: 36px; width: 800px;}
.part2-cont p{font-size: 18px;color: #ccc;line-height:30px ;}


.fun-list div h3{margin-bottom:10px;font-size: 32px; font-weight: bold;}
.fun-list div{margin-bottom:40px;}
.total{height: 75%;margin: 20px 30px 0 0;}
.total-box{padding:0 5%;}
.total-box .in-title {margin-top: 30%;}




.other dl{padding: 10px 4%; width:33% ;text-align: center; }
.other dl dt{margin-bottom:10px;line-height:26px;font-size: 20px; color: #4f6ceb}
.other dl dt i{display: block; width: 102px; height: 102px;margin:0 auto 10px auto;}
.other dl dd{font-size: 16px; color: #666; margin-bottom: 10px;}
.other dl:nth-child(1) dt i{background: url("../../../public/picture/product/pdfconverterocr/1.png") no-repeat;}
.other dl:nth-child(2) dt i{background: url("../../../public/picture/product/pdfconverterocr/2.png") no-repeat;}
.other dl:nth-child(3) dt i{background: url("../../../public/picture/product/pdfconverterocr/3.png") no-repeat;}
.other dl:nth-child(4) dt i{background: url("../../../public/picture/product/pdfconverterocr/4.png") no-repeat;}
.other dl:nth-child(5) dt i{background: url("../../../public/picture/product/pdfconverterocr/5.png") no-repeat;}
.other dl:nth-child(6) dt i{background: url("../../../public/picture/product/pdfconverterocr/6.png") no-repeat;}

@media all and (max-width: 1023px) {
	.flex-part2, .flex-part3{margin-top: 0;}
	.part2{background-size: cover;}
	.part2-cont{max-width: 100%; width: 100%; margin-top: 0; background: rgba(0,0,0,0.6);}
	.part2-cont .in-title{position: static; background: none; width: 100%; padding-left: 0;}
	.total-box .in-title{margin-top: 0;}
	.total{display: none;}
	.total-box{padding: 0; margin-bottom: 40px;}
	.in-subtitle{max-width: 100%;}
	.banner-title{font-size: 50px;}
	.in-title.blue{font-size: 30px;}
}

@media all and (max-width: 959px) {
	.in-title{font-size: 30px;}
	.cont-title{font-size: 26px;}
	.in-subtitle,.part-text p{font-size: 16px;}
	.step-control2{display: none;}
	.part2-cont .in-title{font-size: 30px;}
	
}
@media all and (max-width: 750px) {
	.banner-title{font-size: 40px;}
	.in-title.blue{font-size: 30px;font-weight: 400;}
	.flex-part1 .part-text,.flex-part2 .part-text,.flex-part3 .part-text{max-width: 100%; width: 100%;}
	.part2-text,.flex-part3 .part2-text{padding: 0 2.5%; width: 100%;}
	.flex-part2 h3{padding-left: 0px; margin-left: 0;}
	.part-img{display: none;}
	.fun-list div h3{font-size: 22px;}
	.flex-part1{margin-top: 0;}
	.other dl{width: 50%;}
	.part2-cont .in-title{font-size: 26px;}
}
@media all and (max-width: 680px) {
	.in-title{font-size: 26px;}
	.cont-title{font-size: 20px; padding-left: 0px}
	.part-text, .part-img{max-width: 100%; width: 100%; padding: 0;}
	.part-img{text-align: center;}
	.flex-order1{ /*Firefox*/
		box-ordinal-group: 0;
		-webkit-box-ordinal-group: 0;
	 -moz-order: 0;
	 -webkit-order: 0;
	 -ms-flex-order: 0;
	     order: 0;
	}
}
@media all and (max-width: 480px) {
	.banner-title{font-size: 30px;}
	.in-title.blue{font-size: 26px;}
	.fun-list div h3{font-size: 20px;}

}