body{color: #4f4f4f;}
.container h3{font-size: 30px;}

.definition p{font-size: 15px;line-height: 28px;padding: 3% 10% 5%;background: url(images/bg1.png) no-repeat top center;background-size: 100% 100%;text-align: center;position: relative;}
.definition p:before,.definition p:after{position: absolute;content: '';top: 10%;width: 3.2%;height: 44px;max-width: 44px;}
.definition p:before{left: 15%;background: url(images/icon1.png) no-repeat center;background-size: contain;}
.definition p:after{right: 15%;background: url(images/icon2.png) no-repeat center;background-size: contain;}

.benefit li{display: inline-block;width: 22.75%;margin-right: 3%;vertical-align: top;}
.benefit li section{padding: 28% 10% 10%;border: 1px solid #a4a4a4;position: relative;}
.benefit li section:after{position: absolute;content: '...';top: 5%;right: 10%;width: 20%;line-height: 36px;font-size: 72px;letter-spacing: 8px;color: #fff;}
.benefit li:first-of-type section{background: url(images/icon3.png) no-repeat 10% 15%;background-size: 15%;}
.benefit li:nth-of-type(2) section{background: url(images/icon4.png) no-repeat 10% 15%;background-size: 15%;}
.benefit li:nth-of-type(3) section{background: url(images/icon5.png) no-repeat 10% 15%;background-size: 15%;}
.benefit li:last-of-type section{background: url(images/icon6.png) no-repeat 10% 15%;background-size: 15%;}
.benefit li section h4,.contain li h4{font-size: 20px;color: #e92b2d;}
.benefit li p,.contain li p{font-size: 14px;line-height: 22px;padding-top: 10px;}
.benefit li:hover section{border-color: #e92b2d;}
.benefit li:first-of-type:hover section{background: url(images/icon7.png) no-repeat 10% 15% #e92b2d;background-size: 15%;}
.benefit li:nth-of-type(2):hover section{background: url(images/icon8.png) no-repeat 10% 15% #e92b2d;background-size: 15%;}
.benefit li:nth-of-type(3):hover section{background: url(images/icon9.png) no-repeat 10% 15% #e92b2d;background-size: 15%;}
.benefit li:last-of-type:hover section{background: url(images/icon10.png) no-repeat 10% 15% #e92b2d;background-size: 15%;}
.benefit li:hover section h4,.benefit li:hover p,
.contain li:hover section h4,.contain li:hover p{color: #fff;}
.benefit a,.require a{display: block;width: 220px;line-height: 45px;font-size: 16px;color: #fff;margin: 3% auto 0;background-color: #e92b2d;text-align: center;border-radius: 25px;}

.require {background: url(images/bg3.jpg) no-repeat center top;background-size: cover;padding-bottom: 4%;margin-top: 4%;}
.require h3{color: #fff;}
.require .require-img,.require ul{display: inline-block;width: 50%;vertical-align: middle;background-color: #fff;}
.require .require-img{background: url(images/p1.jpg) no-repeat center top;background-size: cover;}
.require li{padding-left: 30%;margin-bottom: 3%;position: relative;}
.require li:before{position: absolute;content: '...............';left: 8%;top: 0;width: 12%;height: 40px;line-height: 30px;font-size: 20px;color: #E92B2D;padding-left: 8%;}
.require li:first-of-type{margin-top: 6%;}
.require li:first-of-type:before{background: url(images/icon11.png) no-repeat left center;background-size: 40px;}
.require li:nth-of-type(2):before{background: url(images/icon12.png) no-repeat left center;background-size: 40px;}
.require li:last-of-type:before{background: url(images/icon13.png) no-repeat left center;background-size: 40px;}
.require li:last-of-type{margin-bottom: 6%;}
.require li h4{font-size: 20px;color: #E92B2D;line-height: 40px;}
.require li p{font-size: 16px;}

.contain li{display: inline-block;width: 32%;margin-right: 2%;vertical-align: top;}
.contain li section{padding: 10%;border: 1px solid #a4a4a4;}
.contain li:first-of-type section{background: url(images/icon14.png) no-repeat 90% 15%;background-size: 12%;}
.contain li:nth-of-type(2) section{background: url(images/icon15.png) no-repeat 90% 15%;background-size: 12%;}
.contain li:last-of-type section{background: url(images/icon16.png) no-repeat 90% 15%;background-size: 12%;}
.contain li section h4 span{display: block;font-size: 16px;font-weight: normal;padding-top: 5px;}
.contain li:hover section{border-color: #e92b2d;}
.contain li:first-of-type:hover section{background: url(images/icon17.png) no-repeat 90% 15% #e92b2d;background-size: 12%;}
.contain li:nth-of-type(2):hover section{background: url(images/icon18.png) no-repeat 90% 15% #e92b2d;background-size: 12%;}
.contain li:last-of-type:hover section{background: url(images/icon19.png) no-repeat 90% 15% #e92b2d;background-size: 12%;}

.method{background-color: #f3f3f1;margin-top: 4%;padding-bottom: 4%;}
.method li{display: inline-block;width: 50%;vertical-align: top;background-color: #fff;}
.method li .method-img,.method li section{display: inline-block;vertical-align: middle;}
.method li .method-img{width: calc(50% - 8px);border: 4px solid #d3d3d3;position: relative;}
.method li .method-img:after{position: absolute;content: '';top: calc(50% - 12px);right: -16px;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #d3d3d3;}
.method li:nth-of-type(3) .method-img:after,.method li:nth-of-type(4) .method-img:after{left: -16px;right: auto;border-right: 12px solid #d3d3d3;border-left: none;}
.method li:hover .method-img:after{border-left-color: #E92B2D;}
.method li:nth-of-type(3):hover .method-img:after,.method li:nth-of-type(4):hover .method-img:after{border-right-color: #E92B2D;}
.method li .method-img p{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(233,43,45,.3);opacity: 0;}
.method li:hover .method-img{border-color: #E92B2D;}
.method li:hover .method-img p{opacity: 1;}
.method li:first-of-type .method-img{background: url(images/p2.jpg) no-repeat center top;background-size: cover;}
.method li:nth-of-type(2) .method-img{background: url(images/p3.jpg) no-repeat center top;background-size: cover;}
.method li:nth-of-type(3) .method-img{background: url(images/p4.jpg) no-repeat center top;background-size: cover;}
.method li:last-of-type .method-img{background: url(images/p5.jpg) no-repeat center top;background-size: cover;}
.method li section {width: 25%;padding-left: 25%;}
.method li section h4{font-size: 22px;padding-top: 30%;}
.method li section p{font-size: 18px;padding-bottom: 30%;padding-top: 5px;}
.method li:first-of-type section{background: url(images/icon20.png) no-repeat 18% center;background-size: 33%;}
.method li:nth-of-type(2) section{background: url(images/icon21.png) no-repeat 18% center;background-size: 33%;}
.method li:nth-of-type(3) section{background: url(images/icon22.png) no-repeat 18% center;background-size: 33%;}
.method li:last-of-type section{background: url(images/icon23.png) no-repeat 18% center;background-size: 33%;}

.reason li{display: inline-block;width: calc(24% - 2px);padding: 5% 4%;margin-right: 2%;border: 1px solid #a4a4a4;background: url(images/bg2.jpg) no-repeat top left;background-size: cover;vertical-align: top;}
.reason li h4{font-size: 22px;text-align: center;}
.reason li p{font-size: 14px;line-height: 24px;padding-top: 10%;}
.reason li:hover{color: #fff;background: #E92B2D;border-color: #E92B2D;}

.register{
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 4%;
	background: url(images/bg3.jpg) no-repeat bottom center;
	background-size: cover;
}
.register h2{font-size: 24px;font-weight: normal;color: #fff;display: inline-block;width: 20%;max-width: 296px;vertical-align: middle;}
.register p{display: inline-block;width: 18.75%;margin-left: 1%;height: 45px;font-size: 16px;line-height: 45px;text-indent: 15px;border-radius: 25px;background-color: #f2f2f2;text-align: left;}
.register p input{
	width: calc(100% - 110px);
	font-size: 16px;
	font-family: "微软雅黑";
	height: 45px;
	line-height: 45px;
	text-indent: 5px;
	vertical-align: top;
}
.register p.tj{
	text-indent: 0;
	text-align: center;
	background-color: #E92B2D;
	margin-left: 2%;
}
.register p.tj input{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
}