@charset "utf-8";
/* CSS Document */
.top_banner{ min-height:550px;}
.top_banner .bg_one{ background:#fafafa;min-height:550px;}
.top_banner h1{ font-size:48px; line-height:1.2em; color:#2c3db0; font-weight:800;}
.top_banner .bg_one .text{float:left;width:60%; text-align:left;padding-top:120px;}
.top_banner .bg_one .text .txt{ font-size:30px; line-height:1.2em; font-weight:600;margin-top:50px;}
.top_banner .bg_one .text .dd{margin-top:15px;}
.top_banner .bg_one .pic{float:right;width:34%; text-align:center;padding-top:45px;}
.top_banner .bg_two{ background:#fafafa;min-height:550px;}
.top_banner .bg_two .text{ text-align:center;padding-top:60px;width:60%;margin:0 auto;}
.top_banner .bg_two .text .txt{ font-size:30px; line-height:1.2em; font-weight:600;margin-top:50px;}
.top_banner .bg_two .text .dd{margin-top:15px;}
.top_banner .bg_two .pic{ text-align:center;margin-top:34px;}
.top_banner .bg_three{background: linear-gradient(90deg, #ecd6db 0,#cfebee 100%);min-height:550px;}
.top_banner .bg_three .text{ text-align:center;padding-top:60px;width:80%;margin:0 auto;}
.top_banner .bg_three .text .icon{margin-top:50px;}
.top_banner .bg_three .text .txt{ font-size:30px; line-height:1.2em; font-weight:600;margin-top:15px;}
.top_banner .bg_three .text .dd{margin-top:15px;}
.flex-control-paging{padding:0; position:absolute;left:50%;margin-left:-60px;bottom:30px; z-index:10;}
.flex-control-paging li{margin-left:0;}
@media (max-width: 479px) {
	.top_banner .bg_one .text{ float:none;width:auto; text-align:center;padding-top:60px;}
	.top_banner .bg_one .pic{display:none;}
	.top_banner .bg_two .text{width:auto;}
	.top_banner .bg_three .text{width:auto;}
}
@media (max-width: 375px) {
	.top_banner h1{ font-size:36px;}
}

.columnStyle {font-size:36px; line-height:1.2em; font-weight:bold; text-align:center;padding:0 0 20px 0;}

.infobox1{padding:90px 0;}
.infobox1 .list .item{float:left;width:25%; border:1px solid #e8e8e8;padding:30px 2%;margin:0 2%; text-align:center;margin-top:100px; min-height:350px;}
.infobox1 .list .item:nth-of-type(3n+1){clear:both;}
.infobox1 .list .item h4{ font-size:24px; line-height:1.2em; font-weight:bold;padding:20px 0;}
.infobox1 .list .item p{ font-size:14px;}
.infobox1 .list .item .icon{margin-top:-80px;}
@media (max-width: 768px) {
	.infobox1 .list .item{ float:none;width:auto;margin:0;margin-top:100px; min-height:auto;}
}
@media (max-width: 479px) {
	.infobox1{padding:60px 0;}
}

.infobox2{ background:#f6f6f6;padding:90px 0;}
.infobox2 .list .item{float:left;width:20%; background:#fff;padding:25px 1.5%;margin:0 1%; text-align:center; min-height:120px;margin-top:30px;}
.infobox2 .list .item:nth-of-type(4n+1){clear:both;}
.infobox2 .list .item h4{ font-size:18px; font-weight:600; line-height:1.2em;color:#2c3db0;padding-bottom:15px;}
.infobox2 .list .item p{ font-size:14px;}
.infobox2 .list .item:hover{box-shadow:0 0 20px #333;box-shadow:0 0 20px rgba(53,49,50,.2);}
@media (max-width: 768px) {
	.infobox2 .list .item{width:45%;}
}
@media (max-width: 479px) {
	.infobox2{padding:60px 0;}
	.infobox2 .list .item{float:none;width:auto;margin:0;margin-top:30px;}
}

.infobox3{padding:90px 0;}
.infobox3 .list .item{float:left;width:28.3%;margin:0 2.5%;margin-top:30px;}
.infobox3 .list .item .title{border-bottom:2px solid #cbcbcb; font-size:24px; font-weight:bold; line-height:1.2em;padding:15px 0;}
.infobox3 .list .item .pic{float:left;margin-top:20px;}
.infobox3 .list .item ul{margin-top:20px;}
.infobox3 .list .item .plone{padding-left:65px;}
.infobox3 .list .item .pltwo{padding-left:133px;}
@media (max-width: 768px) {
	.infobox3 .list .item{float:none;width:auto;}
}
@media (max-width: 479px) {
	.infobox3{padding:60px 0;}
}

.infobox4{background:url(https://pdfimages.wondershare.com/style2016/images/bg_repeat2.png) #5a5b64; color:#fff;padding-top:90px;}
.infobox4 .pic{float:left;width:32%;}
.infobox4 .text{float:right;width:62%;}
.infobox4 .text h2{ text-align:left;}
.infobox4 .text .dd{ font-size:14px;}
.infobox4 .text ul{padding-top:30px;}
.infobox4 .text li{display:inline-block;width:40%;color:#fff; font-size:14px;padding:8px 0;}
.infobox4 .text li i{ font-size:16px;margin-right:5px;}
.infobox4 .text .btn{margin-top:30px;}
@media (max-width: 768px) {
	.infobox4 .pic{float:none;width:auto; text-align:center;margin-top:30px;}
	.infobox4 .text{float:none;width:auto;}
}
@media (max-width: 479px) {
	.infobox4{padding-top:60px;}
}