.banwp{text-align:center;padding-top:120px;box-sizing:border-box;}
.banwp .title{font-size:46px;line-height:60px;}
.banwp .text{margin-top:20px;font-size:24px;}

.navwp .wp{margin-top:-40px;}
.navwp .wp li{border-radius:5px;flex:0 0 20%;background-color:#fff;text-align:center;padding:20px 0 15px 0;font-size:16px;line-height: 20px;box-shadow:0px 2px 30px -1px rgba(102, 112, 128, 0.16);cursor:pointer;}
.navwp .wp li.curr,.navwp .wp li:hover{background-color:#E66A29;color:#fff;}
.navwp .wp .iconfont{font-size:44px;margin-bottom:15px;display:block;}

.protwp{margin:40px 0;}
.procwp{background-color:#FAFAFA;padding:80px 0 40px 0;}
.procwp .wrap{justify-content:flex-start;flex-wrap:wrap;}
.procwp .item{flex:0 0 23%;margin-right:2.5%;margin-bottom:40px;background-color:#fff;box-shadow:0px 2px 30px -1px rgba(102, 112, 128, 0.16);padding:20px 28px;box-sizing:border-box;text-align:center;overflow: hidden;}
.procwp .item:nth-child(4n){margin-right:0;}
.procwp .item .img{width:100%;max-width:160px;}
.procwp .item .title{font-size:17px;line-height:20px;max-height:40px;margin-top:22px;}
.procwp .item .title a:link{color:#131313;}
.procwp .item .text{height:100px;line-height:20px;margin-top:13px;font-size:14px;text-align:left;}
.procwp .item .gbtnwp{ text-align:center;border-top:1px solid #eee;padding-top:20px;margin:20px -30px 0 -30px;}
.procwp .item .gbtnwp .gbtn{width:180px;height:40px;line-height:42px;font-size:15px;}
.procwp .item .gbtnwp .gbtn .iconfont{font-size:22px;margin-right:8px;bottom:2px;}
.procwp .item .version{margin-top:10px;}
.procwp .item .version .curr{color:#147CE4;}
.procwp .item .version .gap{margin:0 5px;}

.diconwp{padding:100px 0;text-align:center;}
.diconwp .wp .iconfont{font-size:60px;margin-bottom:30px;display:block;color:#137CE4;}
.diconwp .wp li{line-height:30px;font-size:18px;flex:1 1 auto;padding:0 5px;}

.supwp{padding:80px 0;background-color:#FAFAFA; margin-bottom:-20px;}
.supwp .wp{align-items:center;}
.supwp .lwp{flex:1 1 auto;margin-right:70px; text-align:center;}
.supwp .lwp .img{width:100%;max-width:640px;}
.supwp .rwp{flex:0 0 50%;}
.supwp .rwp .title{font-size:30px;line-height:40px;font-weight:bold;font-weight:500;}
.supwp .rwp .text{line-height:30px;font-size:18px;margin-top:40px;margin-bottom:80px;}
.supwp .rwp .text a{text-decoration:underline;}
.supwp .rwp .seemore{color:#147CE4; font-size:16px;}


@media screen and (max-width:1000px) and (min-width:701px) {
	.protwp{margin:30px 0;}
	.procwp{padding:50px 0 20px 0;}
	.procwp .item{flex: 0 0 46%;margin-bottom:30px;}
	.procwp .item:nth-child(odd){margin-right:2%;}
	.procwp .item:nth-child(even){margin-left:2%;}
}

@media screen and (max-width:700px) {
	.banwp{height:auto!important;padding:80px 0;background-size:cover;}	
	.banwp .title{font-size:26px;line-height:32px;}
	.banwp .text{margin-top:20px;font-size:14px; line-height:24px;padding:0 25px 0;}
	
	.navwp .wp{margin-top:20px;}
	.navwp .wp li{font-size:14px;flex:0 1 24%;padding:20px 5px 10px 5px;line-height: 20px;}
	.navwp .wp .iconfont{font-size:34px;margin-bottom:16px;}
	
	.protwp{margin:20px 0;}
	.protwp .title{font-size:20px;}
	
	.procwp{padding:20px 0 0 0;}
	.procwp .wrap{display:block;}
	.procwp .item{flex:0 1 49%;margin:0 0 20px 0;padding:20px 15px;text-align:center;}
	.procwp .item .title{text-align:center;}
	.procwp .item .text{text-align:center;height:auto;}
	.procwp .item .price{font-size:20px;text-align:center;}
	.procwp .item .gbtnwp{margin:20px 0 0 0;}
	.procwp .item .gbtnwp .gbtn .iconfont{margin:0;}
	.procwp .item .version{text-align:center;}
	
	.iconwp{padding:50px 0;}
	.iconwp .wp li{line-height:22px;font-size:13px;}
	.iconwp .wp .iconfont{font-size:50px;margin-bottom:30px;}
	
	.supwp{padding:50px 0;}
	.supwp .wp{display:block;}
	.supwp .lwp{margin:0;}
	.supwp .rwp .title{font-size:24px;margin-top:20px;text-align:center;}
	.supwp .rwp .text{margin:30px 0 10px 0;line-height:25px;font-size:16px;}
	.supwp .rwp .seemore{font-size:14px;}
}