.banner{padding:140px 0 50px 0;text-align: center;background: url("../../../public/picture/product/pdfPassword/banner.jpg") center top  no-repeat #000; background-size: cover; color: #fff;}
.banner-title{margin-bottom:30px;font-size: 60px;}
.banner-subtitle{font-size: 20px;}
.banner-subtitle span{display:inline-block;color: #fefa36;}
.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;}
.in-title{text-align:center;font-size: 36px; color: #000;}
.in-subtitle{max-width:800px; margin:10px auto 0 auto;line-height:30px;font-size: 20px; text-align: center;}
.part-down-btn{color: #4f6ceb; border:solid 2px #4f6ceb;}
.part-down-btn:hover{background: #124fe7;color: #fff;}
.part{padding-top: 80px ;}
.flex-order1{ /*Firefox*/
	box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
 -moz-order: 1;
 -webkit-order: 1;
 -ms-flex-order: 1;
     order: 0;
}
.flex-part1{margin:60px 0 80px 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.part1-left,.part1-right{padding: 40px 40px 40px 134px; margin-bottom: 20px; color: #fff; width: 50%; line-height: 24px;}
.part1-left{background:url("../../../public/picture/product/pdfPassword/part1-img1.png") 40px center  no-repeat #637ce9 ;}
.part1-right{background:url("../../../public/picture/product/pdfPassword/part1-img2.png") 40px center  no-repeat #7c95ff ;}
.part1-left dt,.part1-right dt{font-size: 22px; margin-bottom: 10px; font-weight: bold;}
.part1-left dd,.part1-right dd{font-size: 16px; }
.part2{padding:60px 0;background: url("../../../public/picture/product/pdfPassword/bg1.jpg") center top  no-repeat #000; background-size: cover;color: #fff;}
.part2 .main .in-title{color: #fff;}
.flex-part2{margin-top:60px;display: flex; justify-content: center; align-items: center; min-height: 480px;}
.part2-item dt{font-size: 22px; font-weight: bold;}
.part2-item dd{font-size: 16px; }
.part2-item dt i{display: block; margin: 0 auto 20px auto; width: 70px; height: 70px; background-image:url("../../../public/picture/product/pdfPassword/spiritImg.png");}
.part2-icon1{background-position: -8px -100px;}
.part2-icon2{background-position: -100px -100px;}
.index .part2-icon1{background-position: -8px -182px;}
.index .part2-icon2{background-position: -100px -182px;}
.part2-item dd{margin-top:20px;padding-left:20px;background:url("../../../public/picture/product/pdfPassword/spiritImg.png") -8px -260px no-repeat; line-height: 24px;}
.part2-item{padding:80px 30px;background: #fff; color: #333;width: 34%;}
.part2-item dd{display: none;}
.part2-item.index{padding:50px;background: #6f8aff; color: #fff; width: 54%;}
.part2-item.index dd{display: block;}
.flex-part3{margin-top:60px;display: flex;border-left:solid 1px #ccc}
.flex-part3 dl{padding:50px 10px 30px 10px ;border: solid 1px #ccc; border-left:none; text-align: center; width:15% ; min-height: 200px;}
.flex-part3 dl.index{padding-top:30px;width: 25%; background: #4f6ceb; border-color: #4f6ceb; color: #fff;}
.flex-part3 dl dt{margin-bottom:10px;font-size: 16px; font-weight: 700;}
.flex-part3 dl dd{display: none;}
.flex-part3 dl.index dd{display: block;font-weight:600 ; font-size: 16px;height: 50px}
.flex-part3 dl dt i{display:block;width:45px; height:45px;margin:0 auto 10px auto;background-image:url("../../../public/picture/product/pdfPassword/spiritImg.png");background-repeat:no-repeat}
.part3-icon2{background-position: -98px 0;}
.part3-icon3{background-position: -194px 0;}
.part3-icon4{background-position: -296px 0;}
.part3-icon5{background-position: -394px 0;}
.part3-icon6{background-position: -500px 0;}
.index .part3-icon1{background-position: 0px -50px;}
.index .part3-icon2{background-position: -98px -50px;}
.index .part3-icon3{background-position: -194px -50px;}
.index .part3-icon4{background-position: -296px -50px;}
.index .part3-icon5{background-position: -394px -50px;}
.index .part3-icon6{background-position: -500px -50px;}
.mt30{margin-top: 30px;}


@media all and (max-width: 1023px) {
	.banner-title{font-size: 50px;}
	.flex-part2{min-height: 520px;}
}
@media all and (max-width: 767px) {
.part1-left,.part1-right{padding: 120px 30px 30px 30px; background-position:  center 30px; text-align: center;}
.flex-part2{flex-wrap: wrap;}
.part2-item,.part2-item.index{width: 100%;}
.flex-part3{flex-wrap: wrap;}
.flex-part3 dl,.flex-part3 dl.index{width: 33.3%;height: 230px}
.flex-part3 dl dd{display: block; font-size: 16px;font-weight: normal}
.part2-item.index{padding: 30px;}
.banner{background-position-x: left;}
}
@media all and (max-width: 750px) {
	.banner-title{font-size: 40px;}
	.in-title{font-size: 30px;}
}
@media all and (max-width: 640px) {
	.flex-part1{flex-wrap: wrap;}
	.part1-left,.part1-right{width: 100%;}
	.flex-part3 dl,.flex-part3 dl.index{width: 50%;}
}
@media all and (max-width: 480px) {
	.banner-title{font-size: 30px;}
	.in-title{font-size: 26px;}
	.in-subtitle{font-size: 18px;}
	.banner{padding: 60px 0;}
}