@font-face {
    font-family: 'Arial-Black';
    src: url('../fonts/Arial-Black.ttf');
}

.wp2{width: 100%;max-width: 1440px;margin: 0 auto;}
.row-xu1{height: 100vh;position: relative;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.row-xu1 .wp2{position: relative;height: 100%;}
.hd-tel-1{position: absolute;top: 20px;right: 15px;z-index: 8;color: #2FAD38;}
.hd-tel-1 i{background-image: url(../images/tel-1.png);}
.row-xu1 .txt{position: absolute;left: 0;top: 50%;right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.row-xu1 .txt h3{font-size: 60px;color: #333;margin-bottom: 18px;}
.row-xu1 .desc{font-size: 18px;line-height: 2;color: #666;width: 595px;
	text-align: justify;margin-bottom: 60px;
}
.row-xu1 .info{*zoom:1;}
.row-xu1 .info:after,.row-xu1 .info:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.row-xu1 .info li{float: left;margin-right: 50px;}
.row-xu1 .info h4{text-align: center;font-size: 18px;color: #333;}
.row-xu1 .ico{width: 120px;height: 120px;display: block;position: relative;
	font-size: 0;text-align: center;line-height: 120px;margin-bottom: 16px;
	background: rgba(255, 255, 255, 0.3);border-radius: 50%;
	box-shadow: 0px 0px 17px 0px rgba(23, 118, 199, 0.16);
}
.row-xu1 .ico:before{content: '';position: absolute;top: 9px;bottom: 9px;left: 9px;right: 9px;
	border-radius: 50%;border: 1px dashed rgba(58, 153, 235, .3);
}
.row-xu1 .m-btn-down{}
.row-xu1 .m-btn-down span{border-color: #2FAD38;}
.row-xu1 .m-btn-down span:after,.row-xu1 .m-btn-down span:before{border-color: rgba(47, 173, 56, .5);}
.row-xu1 .m-btn-down i{background-image: url(../images/icon-down.png);}

.row-xu2{padding: 100px 0 0;}
.x-t1{text-align: center;}
.x-t1 h2{font-size: 56px;font-weight: normal;color: #000;margin-bottom: 13px;}
.x-t1 .desc{font-size: 20px;color: #666;}
.x-list1{*zoom:1;margin: 0 -12px 51px;padding: 109px 0 0;}
.x-list1:after,.x-list1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.x-list1 li{float: left;width: 25%;}
.x-list1 .con{margin: 0 12px;height: 242px;text-align: center;
	border: 2px solid #DBEDDD;border-radius: 8px;position: relative;
	background: #FFFFFF;
}
.x-list1 .con:after,
.x-list1 .con:before{content: '';position: absolute;width: 0%;height: 0%;opacity: 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.x-list1 .con:after{right: -2px;bottom: -2px;
	border-right: 2px solid #2FAD38;
	border-bottom: 2px solid #2FAD38;
}
.x-list1 .con:before{left: -2px;top: -2px;
	border-left: 2px solid #2FAD38;
	border-top: 2px solid #2FAD38;
}
.x-list1 .con:hover:after,
.x-list1 .con:hover:before{width: 100%;height: 100%;border-radius: 8px;opacity: 1;}
.x-list1 h3{font-size: 26px;color: #333;margin-bottom: 20px;}
.x-list1 .desc{font-size: 18px;line-height: 30px;color: #666;}
.x-list1 .ico{display: block;margin: -54px auto 28px;width: 108px;height: 108px;
	border: 5px solid #FFFFFF;border-radius: 50%;position: relative;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	background: #F5F5F5;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.x-list1 .ico i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: 80px auto;
	-ms-background-size: 80px auto;
	-moz-background-size: 80px auto;
	-webkit-background-size: 80px auto;
	background-size: 80px auto;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.x-list1 .i-on{opacity: 0;}
.x-list1 .con:hover .i-ok{opacity: 0;}
.x-list1 .con:hover .i-on{opacity: 1;}
.x-list1 .con:hover .ico{background-color: #2FAD38;}
.row-xu3{position: relative;z-index: 2;}
.x-pic img{width: 100%;display: block;}

.row-xu4{margin-top: -170px;}
.x-en{font-size: 150px;color: #F4F7FB;font-weight: bold;
	text-transform: uppercase;line-height: 138px;
	font-family: 'Arial-Black';
}
.x-list2{overflow: hidden;font-size: 0;text-align: center;margin-top: 84px;}
.x-list2 li{width: 415px;display: inline-block;margin-bottom: 60px;}
.x-list2 h3{font-size: 30px;font-weight: normal;margin-bottom: 3px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.x-list2 .desc{font-size: 18px;color: #666;}
.x-list2 .pic{width: 180px;height: 180px;margin: 0 auto 20px;top: 0;position: relative;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.x-list2 .pic img{width: 100%;height: 100%;display: block;}
.x-list2 .con:hover .pic{top: -10px;}

.row-xu5{padding: 72px 0 1px;}
.row-item{padding-top: 126px;}
.x-item{height: 580px;border-radius: 30px;*zoom:1;margin-bottom: 133px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF;background-repeat: no-repeat;
	background-position: center top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.x-item:after,.x-item:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.x-item .pic{float: left;width: 532px;margin-left: 88px;margin-top: -102px;margin-right: 69px;}
.x-item .con{overflow: hidden;padding-top: 57px;padding-right: 50px;}
.x-item .tit{margin-bottom: 17px;}
.x-item .tit em{font-size: 56px;color: rgba(255,255,255,.2);
	font-family: Impact;text-transform: uppercase;
}
.x-item .tit h3{font-size: 46px;font-weight: normal;color: #fff;
	line-height: 1.4;
}
.x-item .desc{font-size: 18px;line-height: 34px;color: rgba(255,255,255,.8);
	max-width: 598px;text-align: justify;margin-bottom: 40px;
}
.x-item ul{float: left;}
.x-item li{float: left;width: 100px;margin-right: 15px;
	text-align: center;
}
.x-item .ico{height: 100px;display: block;border-radius: 10px;margin-bottom: 15px;
	border: 1px solid rgba(101, 123, 142, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	background-color: #fff;background-repeat: no-repeat;
	background-position: center;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.x-item li p{font-size: 18px;color: #666;}
.x-item .qr{float: right;width: 191px;height: 191px;border-radius: 50%;
	border: 9px solid rgba(255,255,255,.2);margin-top: -46px;
}
.x-item .qr img{border-radius: 50%;width: 100%;height: 100%;display: block;}



.x-item:nth-child(2n) .pic{float: right;margin-left: 0;}
.x-item:nth-child(2n) .con{padding-right: 24px;padding-left: 100px;}
.x-item-4 .ico{background-color: #77553C;border-color: #77553C;}

.row-xiao{
	background: #fff url(../images/x-bg.png) no-repeat center top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}



@media only screen and (min-width: 1199px) and (max-width: 1920px) {

.wp2{max-width: 75vw;}
.row-xu1 .txt h3{font-size: 3.125vw;margin-bottom: 0.937vw;}
.row-xu1 .desc{font-size: 0.937vw;width: 30.98vw;margin-bottom: 3.125vw;}
.row-xu1 .info li{margin-right: 2.604vw;}
/*.row-xu1 .info h4{font-size: 0.937vw;}*/
.row-xu1 .ico{width: 6.25vw;height: 6.25vw;line-height: 6.25vw;margin-bottom: 0.833vw;
	background: rgba(255, 255, 255, 0.3);
	box-shadow: 0vw 0vw 0.885vw 0vw rgba(23, 118, 199, 0.16);
}
.row-xu1 .ico:before{top: 0.468vw;bottom: 0.468vw;left: 0.468vw;right: 0.468vw;}

.row-xu2{padding: 5.208vw 0 0;}
.x-t1 h2{font-size: 2.916vw;margin-bottom: 0.677vw;}
.x-t1 .desc{font-size: 1.041vw;}
.x-list1{*zoom:1;margin: 0 -0.625vw 2.656vw;padding: 5.677vw 0 0;}
.x-list1 .con{margin: 0 0.625vw;height: 12.60vw;
	border: 0.104vw solid #DBEDDD;border-radius: 0.416vw;
}
.x-list1 .con:after{right: -0.104vw;bottom: -0.104vw;
	border-right: 0.104vw solid #2FAD38;
	border-bottom: 0.104vw solid #2FAD38;
}
.x-list1 .con:before{left: -0.104vw;top: -0.104vw;
	border-left: 0.104vw solid #2FAD38;
	border-top: 0.104vw solid #2FAD38;
}
.x-list1 .con:hover:after,
.x-list1 .con:hover:before{border-radius: 0.416vw;}
.x-list1 h3{font-size: 1.354vw;margin-bottom: 1.041vw;}
.x-list1 .desc{font-size: 0.937vw;line-height: 1.562vw;color: #666;}
.x-list1 .ico{margin: -2.812vw auto 1.458vw;width: 5.625vw;height: 5.625vw;
	border: 0.260vw solid #FFFFFF;
	box-shadow: 0vw 0vw 1.041vw 0vw rgba(0, 0, 0, 0.1);
}
.x-list1 .ico i{
	-o-background-size: 4.166vw auto;
	-ms-background-size: 4.166vw auto;
	-moz-background-size: 4.166vw auto;
	-webkit-background-size: 4.166vw auto;
	background-size: 4.166vw auto;
}

.row-xu4{margin-top: -8.854vw;}
.x-en{font-size: 7.812vw;line-height: 7.187vw;}
.x-list2{margin-top: 4.375vw;}
.x-list2 li{width: 21.61vw;margin-bottom: 3.125vw;}
.x-list2 h3{font-size: 1.562vw;margin-bottom: 0.156vw;}
.x-list2 .desc{font-size: 0.937vw;}
.x-list2 .pic{width: 9.375vw;height: 9.375vw;margin: 0 auto 1.041vw;}

.row-xu5{padding: 3.75vw 0 1px;}
.row-item{padding-top: 6.562vw;}
.x-item{height: 30.20vw;border-radius: 1.562vw;margin-bottom: 6.927vw;
	box-shadow: 0vw 0vw 2.083vw 0vw rgba(0, 0, 0, 0.1);
}
.x-item .pic{width: 27.70vw;margin-left: 4.583vw;margin-top: -5.312vw;margin-right: 3.593vw;}
.x-item .con{padding-top: 2.968vw;padding-right: 2.604vw;}
.x-item .tit{margin-bottom: 0.885vw;}
.x-item .tit em{font-size: 2.916vw;}
.x-item .tit h3{font-size: 2.395vw;}
.x-item .desc{font-size: 0.937vw;line-height: 1.770vw;
	max-width: 31.14vw;margin-bottom: 2.083vw;
}
.x-item li{width: 5.208vw;margin-right: 0.781vw;}
.x-item .ico{height: 5.208vw;border-radius: 0.520vw;margin-bottom: 0.781vw;
	box-shadow: 0vw 0vw 1.041vw 0vw rgba(0, 0, 0, 0.1);
}
.x-item li p{font-size: 0.937vw;}
.x-item .qr{width: 9.947vw;height: 9.947vw;
	border: 0.468vw solid rgba(255,255,255,.2);margin-top: -2.395vw;
}
.x-item:nth-child(2n) .con{padding-right: 1.25vw;padding-left: 5.208vw;}




}
@media only screen and (max-width: 1440px) {
	.row-xu1 .desc{font-size: 15px;}
	.x-list1 .desc{font-size: 14px;}
	.x-t1 .desc{font-size: 16px;}
	.x-list2 .desc{font-size: 14px;}
	.x-item .desc{font-size: 15px;}
	.x-item li p{font-size: 14px;}
}

@media only screen and (max-width: 1199px) {
	.wp2{width: auto;padding: 0 15px;}
	.row-xu1 .txt{left: 15px;right: 15px;top: 45%;}
	.row-xu1 .txt h3{font-size: 20px;margin-bottom: 10px;}
	.row-xu1 .desc{width: auto;font-size: 12px;margin-bottom: 15px;}
	.row-xu1 .ico{width: 80px;height: 80px;margin-bottom: 10px;}
	.row-xu1 .info h4{font-size: 14px;}
	.row-xu1 .info li{margin-right: 20px;}
	.row-xu1 .m-btn-down{bottom: 15px;}
	.row-xu1{height: 500px;}
	.x-t1 h2{font-size: 20px;font-weight: bold;margin-bottom: 8px;}
	.x-t1 .desc{font-size: 13px;}
	.row-xu2{padding: 40px 0 0;}
	.x-list1{margin: 0 0 30px;padding-top: 25px;}
	.x-list1 li{width: auto;float: none;margin-bottom: 15px;}
	.x-list1 .ico{width: 80px;height: 80px;margin: 0;position: absolute;left: -40px;top: 50px;margin-top: -40px;}
	.x-list1 .ico i{
		-o-background-size: 60px auto;
		-ms-background-size: 60px auto;
		-moz-background-size: 60px auto;
		-webkit-background-size: 60px auto;
		background-size: 60px auto;
	}
	.x-list1 .con{margin: 0 0 0 40px;padding: 20px 0;text-align: left;
		position: relative;height: 108px;
	}
	.x-list1 h3{font-size: 16px;padding-left: 60px;margin-bottom: 5px;}
	.x-list1 .desc{padding-left: 60px;font-size: 13px;line-height: 20px;height: 40px;}
	.x-en{font-size: 46px;line-height: 40px;margin-bottom: 10px;}
	.row-xu4{margin-top: -26px;}
	.x-list2{margin-top: 25px;}
	.x-list2 li{width: 50%;margin-bottom: 10px;vertical-align: top;}
	.x-list2 h3{font-size: 18px;font-weight: bold;}
	.x-list2 .desc{font-size: 13px;line-height: 1.5;height: 3em;}
	.x-list2 .pic{width: 130px;height: 130px;margin-bottom: 10px;}
	.row-xu5{padding-top: 30px;}
	.x-item{height: auto;border-radius: 10px;margin-bottom: 80px;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.x-item .pic{width: 60%;float: none;margin: -65px auto 0;}
	.x-item .con{padding: 0 15px;}
	.x-item .tit{margin-bottom: 10px;}
	.x-item .tit em{font-size: 26px;}
	.x-item .tit h3{font-size: 18px;font-weight: bold;}
	.x-item .desc{font-size: 13px;line-height: 22px;margin-bottom: 15px;}
	.x-item li p{font-size: 13px;color: #fff;}
	.x-item li{width: 60px;margin-right: 8px;}
	.x-item .ico{height: 60px;margin-bottom: 10px;}
	.x-item ul{float: none;overflow: hidden;}
	.x-item .qr{float: none;width: 150px;height: 150px;margin: 20px auto;}
	.x-item:nth-child(2n) .pic{float: none;margin: -65px auto 0;}
	.x-item:nth-child(2n) .con{padding: 0 15px;}
	.x-item:last-child{margin-bottom: 30px;}
	.row-item{padding-top: 90px;}
	.hd-tel-1{top: 15px;}
	.row-xu1{height: auto;padding: 30px 0 80px;}
	.row-xu1 .txt{position: static;padding-top: 25px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}


@-webkit-keyframes fadeInBottomRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInBottomRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}

.footer{padding: 0;}
.footer a,.fd-link dt{color: #000;}
.footer a:hover{color: #2fad38;}
.fd-copr a{color: #fff;}