/* CSS Document */
/* CSS Document */
.Mbd{display: none;}
.Ybox { width: 400px; padding-top:162px; margin:0 40px; color: #fff; }
.Ytitle { font-size: 28px; }
.Ycon { font-size: 18px; line-height: 30px; margin-top:39px; }

.Page1 { background:url(../img/page1.png) no-repeat center 29px #088ded; }
.Down { display:block; background:url(../img/down_bg.png); width: 210px; height: 70px; margin-top:375px; position:absolute; margin-left:124px; text-align:center; color:#FFFFFF; font-size: 28px; line-height: 70px; padding-left:20px; }
.Down:hover { opacity:.8; }
.Custom { display:inline-block; background:url(../img/down_bg.png); width: 150px; height: 70px; background-position: -60px 0px; margin-top:295px; position:absolute; margin-left:164px; text-align:center; color:#FFFFFF; font-size: 28px; line-height: 70px; padding-left:-20px; }
.Custom:hover { opacity:.8; }

#Banner { width:100%; position:absolute; }
#Banner .Item { height:500px; }
.Page1 .Item.B1 { background:url(../img/page1.png) no-repeat center 29px #088ded; }
.Page1 .Item.B2 { background:url(../img/page2.png) no-repeat center 29px #168805; }
.Page1 .Item.B3 { background:url(../img/banner3.png) no-repeat center 29px #d9931a; }
.Page1 .Item.B4 { background:url(../img/banner4.png) no-repeat center 29px #a943ff; }
.Page1 .Item.B5 { background:url(../img/banner5.png) no-repeat center 29px #020109; }
.owl-controls { text-align:center; height:6px; margin-top:-26px; position:relative; }
.owl-page { width:10px; height:10px; background:#ccc; border-radius:50%; display:inline-block; margin:0 5px; }
.owl-page.active { background:#fff; }


.Page2 {}
.Icolist { padding:60px 0; }
.Ist { width:25%; height:380px; float:left;}
.Ist i { display:block; height:178px; background: center top no-repeat; background-size:178px; }
.Ist.I1 i { background-image:url(../img/icon_1.png); }
.Ist.I2 i { background-image:url(../img/icon_2.png); }
.Ist.I3 i { background-image:url(../img/icon_3.png); }
.Ist.I4 i { background-image:url(../img/icon_4.png); }
.Ist tt { display:block; margin:48px 30px 10px 30px; font-size: 26px; color: #333333; }
.Ist em { display:block; font-style:normal; margin:10px 30px; color: #333333; font-size: 18px; line-height: 30px; width: 240px; }

.Page3 { background-color: #009944; }
.Page3 .Mdiv { background:url(../img/page3.png) no-repeat left center; }
.Page3 .Ybox { float:right; }

.Page4 { }
.Page4 .Mdiv { background:url(../img/page4.png) no-repeat right center; }
.Page4 .Ybox { float:left; color: #333333; }

.Page5 { background-color:#292a35; }
.Page5 .Mdiv { background:url(../img/page5.png) no-repeat left center; }
.Page5 .Ybox { float:right; }

.Page6 { }
.Page6 .Mdiv { background:url(../img/page6.png) no-repeat right center; }
.Page6 .Ybox { float:left; color: #333333; }

.Page7 { background-color:#ec6941; }
.Page7 .Mdiv { background:url(../img/page7.png) no-repeat left center; }
.Page7 .Ybox { float:right; }


@media screen and (max-width:414px){

	.Mh { height:200px; padding-top:1px; }
	.Page1 , .Page1 .Item { background-position:45px -20px !important; background-size:640px !important;}
	#Banner .Item { height:200px; }
	.Down { margin:120px auto 0; position:relative; width: 140px; height: 49px; background-size:160px; font-size:20px; line-height:49px; }
	
	.Page2 { margin:0; }
	.Page2 .Mh { height:520px; }
	.Icolist { padding:20px 0; }
	.Ist { width:50%; height:240px; float:left; border-right:1px solid #CCC; border-bottom:1px solid #CCCCCC; box-sizing:border-box;}
	.Ist:nth-child(2n) { border-right:0; }
	.Ist:nth-last-child(1) , .Ist:nth-last-child(2) { border-bottom:0; padding-top:20px; }
	.Ist i { display:block; height:88px; background: center top no-repeat; background-size:88px; }
	.Ist tt { display:block; margin:18px 10px 10px 10px; font-size: 16px; color: #333333; }
	.Ist em { display:block; font-style:normal; margin:10px 10px; color: #333333; font-size: 14px; line-height: 20px; width:auto; }
	
	.Ybox { width:auto; padding-top:20px; margin:0; color: #fff; }
	.Ytitle { font-size: 18px; }
	.Ycon { font-size: 14px; line-height: 22px; margin-top:10px; }
	.Page3 .Mdiv , .Page4 .Mdiv , .Page5 .Mdiv , .Page6 .Mdiv , .Page7 .Mdiv { background:none; }
	.BtL { font-size: 14px; height:130px; }
	.Btr { display:none; }
	.Btnbox a { margin-bottom:14px; }
	.Copy { font-size: 14px; line-height: 24px; padding:10px 0 0; }
	.Copy img { display:none; }
}