html,body,.swiper-container{ width: 100%; min-width: 1200px; height: 100%;font-family:"\5FAE\8F6F\96C5\9ED1";overflow: hidden; position: relative; cursor: url('../images/sb1.png'), default !important}
.gzby_main{ width: 1200px; margin: 0 auto;}
area{outline: none;}
.swiper-slide{ width: 100%; height: 100%; overflow: hidden;}
.gzby_bg{ background: url(../images/ylj_1.jpg) center center no-repeat;}
.ylj_logo{ position: absolute;left: 10%; top: 2%;}

/* 第一屏开始 */
.ylj_left{position: absolute;left: 0; top:0; height: 100%; width: 50%; overflow: hidden;}
.ylj_left img{position: absolute;left:50%; top: 50%; margin-top: -132px; margin-left: -332px;}
.ylj_right{position: absolute;right: 0; top:0; height: 100%; width: 50%; overflow: hidden;}
.ylj_right .img1{ background-image: url(../images/ylj_1_8.png); width: 861px; height: 634px;position: absolute;right:50%; top: 50%; text-align: center; margin-top: -317px; margin-right: -430px; overflow: hidden; background-size: 100% 600%;    animation-duration: 7s;    animation-iteration-count: infinite;    -webkit-animation-iteration-count: infinite;}
.ylj__name .ylj_right .img1{animation-name: cover_pc}
.ylj_right img{}
.ylj_right img:first-child{}
/* 第一屏结束 */


/* 第二屏开始 */
.p2_img{ width: 1000px; height: 700px; position: absolute;left: 50%; top:50%; margin-left: -500px;margin-top: -350px; text-align: center;}
.p2_img_3{ margin-bottom: 100px;}
/* 第二屏结束 */

/* 第三屏开始 */
.p3_img{ width: 1200px; height: 700px; position: absolute;left: 50%; top:50%; margin-left: -600px;margin-top: -350px; text-align: center; z-index: 999;}
.p3_img_left img,.p3_img_right img{ position: absolute;opacity: 0; transform: scale(2);-webkit-transition:all 1s; transition:all 1s ;}
.p3_img_left{ width: 530px; margin-left: 30px; float: left; position: relative;}
.p3_img_right{width: 560px;  float: right; position: relative;}
.p3_img_1{left: 0; top: 40px;z-index: 2;}
.p3_img_2{left: 225px; top: 0px; z-index: 3;}
.p3_img_3{left: 125px; top: 155px;z-index: 4;}
.p3_img_4{left: 0; top: 30px;z-index: 3;}
.p3_img_5{right: 30px; top:40px;z-index: 2;}
.swiper-slide-active .p3_img_1{transition-delay: 0.25s;-webkit-transition-delay: 0.25s;}
.swiper-slide-active .p3_img_2{transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.swiper-slide-active .p3_img_3{transition-delay: 0.75s;-webkit-transition-delay: 0.75s;}
.swiper-slide-active .p3_img_4{transition-delay: 1s;-webkit-transition-delay: 1s;}
.swiper-slide-active .p3_img_5{transition-delay: 1.25s;-webkit-transition-delay: 1.25s;}
.swiper-slide-active .p3_img_left img,.swiper-slide-active .p3_img_right img{opacity: 1; transform: scale(1);}
/* 第三屏结束 */


/* 第四屏开始 */
.p4_img_1{ width: 728px; height: 72px; position: absolute;left: 50%; top:50%; margin-left: -364px;margin-top: -350px; z-index: 99;}
.p4_img_2{ width: 100%; height: 100%;opacity: 0; background: url(../images/ylj_2.jpg) center bottom no-repeat;transform: scale(2);}
.swiper-slide-active .p4_img_2{opacity: 1;transform: scale(1);-webkit-transition:all 1s; transition:all 1s ;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
/* 第四屏结束 */

/* 第五屏开始 */
.p5_img_1{background: url(../images/ylj_3.jpg) center bottom no-repeat;}
/* 第五屏结束 */

/* 第六屏开始 */
.ylj_ny{ width: 1200px; margin: 0 auto; height: auto; position: relative;}
.ylj_dy{width: 920px; margin: 50px auto; padding: 20px 20px 30px 30px; background: rgba(0,0,0,0.5); border-radius: 15px; color: #fff; font-size: 18px; text-align: center;}
.ylj_dy h2{ font-size: 30px; margin-bottom: 10px;}
.ylj_dy span{ text-align: left; line-height: 32px;display: inline-block;text-indent: 2em}

.ylj_ny p{ font-size: 20px; color: #303030; text-indent: 2em; line-height: 34px;}
.ylj_ny p.ylj_ny_xlg{ background: url(../images/x_1.png) 10px 8px no-repeat;}

.ylj_p1_b{ width: 815px; height: 660px; margin: 20px auto; position: relative;}
.ylj_p1_b img{ position: absolute;}
.ylj_p1_1{ left: 0; top: 20px;transition-delay: 1.5s;}
.ylj_p1_2{ left: 420px; top: 35px;transition-delay: 1.25s;}
.ylj_p1_3{ right: 0; top: 0;transition-delay: 1s;}
.ylj_p1_4{ right: 65px; top: 320px;transition-delay: 0.75s;}
.ylj_p1_5{ right: 45px; bottom: 10px;transition-delay: 0.5s;}
.ylj_p1_txt{ position: absolute; left: 25px; bottom: 35px; font-size: 16px;color: #6d6d6c; line-height: 28px;}
.ylj_pb b{ font-size: 25px;color: #f4373a; font-family: "Myriad Pro"; padding: 0 5px;}

.ylj_p2_b{ background: url(../images/x_2_1.png) no-repeat; margin: 160px auto 230px auto; position: relative; height: 686px; width: 1002px; font-size: 20px;color: #303030; line-height: 36px;}
.ylj_p2_0{ position: absolute;}
.ylj_p2_1{ background: url(../images/x_2_2.png) left top no-repeat; width:250px; height: 130px; left: 20px; top: -85px; padding: 20px 0 0 100px;}
.ylj_p2_2{ background: url(../images/x_2_3.png) left bottom no-repeat; width:265px; height: 160px; left: 370px; top: 30px; padding: 0 0 0 85px;}
.ylj_p2_3{ background: url(../images/x_2_4.png) right top no-repeat; width:360px; height: 110px; left: -115px; top: 305px; padding: 30px 95px 0 0;}
.ylj_p2_4{ background: url(../images/x_2_7.png) 265px top no-repeat; width:460px; height: 170px; left: 115px; top: 490px; padding: 30px 0 0 0;}
.ylj_p2_4 h2{ font-size: 23px;color: #1e363d;}
.ylj_p2_5{ background: url(../images/x_2_5.png) left bottom no-repeat; width:310px; height: 140px; left: 655px; top: 225px; padding: 0 0 0 100px;}
.ylj_p2_6{ background: url(../images/x_2_6.png) 320px top no-repeat; width:590px; height: 144px; right: -60px; bottom: -185px; padding: 210px 0 0 0;}

.ylj_p3_b{}
.ylj_p3_1{ font-weight: bold;font-size: 33px;color: #1e363d; width: 435px; height: 70px; margin: 50px auto; line-height: 70px; text-align: center; border-top:3px solid #0a0205; border-bottom:3px solid #0a0205}

.ylj_p3_0{border-left:5px solid #cf9763; border-top:5px solid #cf9763; float: left; overflow: hidden; position: relative;}
.ylj_p3_0 img{ position: absolute;left: 0;}
.ylj_p3_0 .img1{top:0}
.ylj_p3_2{ width: 339px; height: 277px; }
.ylj_p3_3{ width: 393px; height: 277px;}
.ylj_p3_4{ width: 433px; height: 277px;border-right:5px solid #cf9763;}
.ylj_p3_5{ width: 405px; height: 285px;border-bottom:5px solid #cf9763;}
.ylj_p3_6{ width: 412px; height: 285px;border-bottom:5px solid #cf9763;}
.ylj_p3_7{ width: 349px; height: 285px;border-bottom:5px solid #cf9763;border-right:5px solid #cf9763;}


.ylj_p4_b{ clear: both; margin: 50px 0;}
.ylj_p4_0{ position: relative; width: 1120px; margin: 0 auto; height: 620px;}
.ylj_p4_0 img{position: absolute;}
.ylj_p4_1{ left: 135px; top:145px}
.ylj_p4_2{ left: 10px; top:0}
.ylj_p4_3{ right: 35px; top:130px}
.ylj_p4_4{ right: -45px; top:0; transform: scale(1.5); opacity: 0; transition: all 0.85s; }
.ylj_p4_5{ font-size: 20px; color: #303030; line-height: 34px; position: absolute; width: 700px;height: 100px; overflow: hidden; left: 0; top: 440px;}
.ylj_p4_5 b{ font-size: 24px; color: #000;}

.scroll_here.ylj_p4_1{}
.scroll_here.ylj_p4_2{}
.scroll_here.ylj_p4_3{}
.scroll_here.ylj_p4_4{transform: scale(1); opacity: 1;transition-delay: 1s;}

.ylj_p5_0{ width: 1120px; height: 710px; position: relative; margin: 0 auto; background: url(../images/x_5_1.png) center center no-repeat;}
.ylj_p5_0 span{font-size: 20px;color: #303030; line-height: 35px;display: inline-block;  text-indent: 2em; text-align: left;}
.ylj_p5_1{ width: 490px; height: 266px; position: absolute; left: 23px; top:216px;}
.ylj_p5_1 span{ width: 345px; height: 210px; padding-top: 30px; }
.ylj_p5_1 img{vertical-align: -40px;}

.ylj_p5_2{ width: 550px; height: 320px; position: absolute; left: 281px; top:420px; text-align: center;}
.ylj_p5_2 span{ width: 550px; height: 144px; padding-top: 30px; }

.ylj_p5_3{width: 490px;height: 266px;position: absolute;right: 8px;top: 222px;}
.ylj_p5_3 span{ width: 345px; height: 144px; padding-top: 30px; }
.ylj_p5_3 img{vertical-align: -40px;}

.ylj_p5_4{width: 550px;height: 320px;position: absolute;left: 281px;top: 30px;text-align: center;}
.ylj_p5_4 span{width: 550px;height: 108px;padding-bottom: 30px;}

.ylj_p6_b{ width: 1130px; margin: 0 auto;}
.ylj_p6_b img{ float: left;}
.ylj_p6_b ul{ float: right; width: 590px;}
.ylj_p6_b ul h2{ font-size: 24px; color: #3797df;}
.ylj_p6_b ul h2 img{ padding-right: 5px;}
.ylj_p6_b ul span{ font-size: 20px; line-height: 32px; color: #303030; display: inline-block;text-indent: 2em; padding-left: 15px;}
.ylj_p6_b ul li{ height: 110px; margin-bottom: 5px;}

.ylj_p7_b{clear: both; margin: 70px 0;}
.ylj_p7_0{ width: 1200px; height: 734px; position: relative; background: url(../images/x_7_2.png) no-repeat;}
.ylj_p7_1{ opacity: 1;/* transform: scale(1.1); */}
.scroll_here .ylj_p7_1{transform: scale(1); opacity: 1;transition: all 1s;}
.ylj_p3_1{ position: relative;}
.ylj_p3_1 img{ position: absolute; right: -170px; top: -125px;}

.ylj_p8_0{ background: url(../images/x_8_2.png) no-repeat; height: 497px; position: relative; overflow: hidden;}
.ylj_p8_0 .hd ul li{ position: absolute;width: 165px; height: 145px; background: url(../images/x_8_3.png) no-repeat;}
.ylj_p8_0 .hd ul li.on{ background: none;}
.ylj_p8_0 .hd ul li:first-child{ left:136px; top: 79px;}
.ylj_p8_0 .hd ul li:nth-child(2){left: 287px;top: 0px;}
.ylj_p8_0 .hd ul li:nth-child(3){left: 426px;top: 81px;}
.ylj_p8_0 .hd ul li:nth-child(4){left: 479px;top: 273px;}
.ylj_p8_0 .hd ul li:nth-child(5){left: 580px;top: 8px;}
.ylj_p8_0 .hd ul li:nth-child(6){left: 635px;top: 209px;}
.ylj_p8_0 .hd ul li:nth-child(7){left: 753px;top: 43px;}
.ylj_p8_0 .hd ul li:nth-child(8){left: 789px;top: 274px;}
.ylj_p8_0 .hd ul li:nth-child(9){left: 924px;top: 88px;}
.ylj_p8_0 .bd ul li{display: none;position: absolute;left: 40px;top: 307px;font-size: 20px;color: #303030;line-height: 36px;}
.ylj_p8_0 .bd ul li span{display: block;text-indent: 2em;width: 380px;}


.ylj_p9_b{}
.ylj_p9_b .ylj_p3_1{ width: 885px;}
.ylj_p9_0{}
.ylj_p9_1{ margin-left: 150px; margin-bottom: 30px;}
.ylj_p9_2{ margin-left: 270px; margin-bottom: 30px;}
.ylj_p9_3{ margin-left: 360px; margin-bottom: 30px;}


.ylj_p10_b { margin: 0 auto; width: 1060px;}
.ylj_p10_b .ylj_p3_1{ width: 450px;}
.ylj_ny .ylj_p10_b p.ylj_ny_xlg{ font-size: 24px;color: #545454;text-indent: 0;padding-left: 44px;}

.ylj_p10_0{ padding-left: 44px;}
.ylj_p10_0 h2{ font-size: 24px; color: #545454; margin: 20px 0;}
.ylj_p10_0 span{font-size: 18px;color: #545454; line-height: 68px;padding: 20px 30px 20px 0;border-bottom: 1px dashed #a8a7a7;}
.ylj_p10_0 font{color: #f4373a;}
.ylj_p10_0 strong{color: #4e4d4d;}

.ylj_p10_1{ text-align: center; width: 1200;}
.ylj_p10_1 img{ padding: 0 15px; transform: scale(0.6);opacity: 0;}
.ylj_p10_1.scroll_here img{ transform: scale(1); opacity: 1; transition: all 0.5s;}
.ylj_p10_1.scroll_here img:nth-child(2){transition-delay: 0.25s;}
.ylj_p10_1.scroll_here img:nth-child(3){transition-delay: 0.5s;}
.ylj_p10_1.scroll_here img:nth-child(4){transition-delay: 0.75s;}
/* 第六屏结束 */

.ylj_fooder{}
.ylj_food{ width: 650px; margin: 20px auto;}
.ylj_food p{text-align: center; font-size: 24px; font-family: "\9ED1\4F53"; line-height: 54px; margin: 20px 0; text-indent: 0;}
.ylj_food dl dt{font-size: 24px;color: #929292; font-weight: bold; margin-bottom: 20px;}
.ylj_food dl dd{ line-height: 48px; font-size: 18px;color: #929292; height: 48px; overflow: hidden;}


.base {
	height: 9em;
	left: 50%;
	margin: -7.5em;
	padding: 3em;
	position: absolute;
	top: 50%;
	width: 9em;
	transform: rotateX(45deg) rotateZ(45deg);
	transform-style: preserve-3d;
}

.cube,
.cube:after,
.cube:before {
	content: '';
	float: left;
	height: 3em;
	position: absolute;
	width: 3em;
}

/* Top */
.cube {
	background-color: #05afd1;
	position: relative;
	transform: translateZ(3em);
	transform-style: preserve-3d;
	transition: .25s;
	box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);
	animation: anim 1s infinite;
}
.cube:after {
	background-color: #049dbc;
	transform: rotateX(-90deg) translateY(3em);
	transform-origin: 100% 100%;
}
.cube:before {
	background-color: #048ca7;
	transform: rotateY(90deg) translateX(3em);
	transform-origin: 100% 0;
}
.cube:nth-child(1) {animation-delay: 0.05s;}
.cube:nth-child(2) {animation-delay: 0.1s;}
.cube:nth-child(3) {animation-delay: 0.15s;}
.cube:nth-child(4) {animation-delay: 0.2s;}
.cube:nth-child(5) {animation-delay: 0.25s;}
.cube:nth-child(6) {
animation-delay: 0.3s;}
.cube:nth-child(7) {animation-delay: 0.35s;
}
.cube:nth-child(8) {animation-delay: 0.4s;}
.cube:nth-child(9) {animation-delay: 0.45s;}

@keyframes anim {
	50% {
		transform: translateZ(0.5em);
	}
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/ylj_1.jpg');
    background-size: 100% 100%;
    background-position: left top;
}

.item{background: url(../images/ylj_4.jpg);}
.scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    z-index: 1;
}

@media (max-height:750px) {
	.ylj_right .img1,.ylj_left img,.p2_img,.p3_img{ transform: scale(0.8);}
}



@keyframes cover_pc {
0% {
    background-positio 0n: -0%;
    animation-timing-function: steps(1);
}

16.66666666667% {
    background-position: 0 -100%;
    animation-timing-function: steps(1);
}

33.333333333334% {
    background-position: 0 -200%;
    animation-timing-function: steps(1);
}

50% {
    background-position: 0 -300%;
    animation-timing-function: steps(1);
}

66.666666666667% {
    background-position: 0 -400%;
    animation-timing-function: steps(1);
}

83.333333333334% {
    background-position: 0 -500%;
    animation-timing-function: steps(1);
}

100% {
    background-position: 0 -600%;
    animation-timing-function: steps(1);
}

}



.animate_hz1,.ylj_hz1,.ylj_p0_z{
	opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
	}
.swiper-slide-active .animate_hz1,.scroll_here .ylj_hz1{
	opacity:1;
	-webkit-transform: translateX(0);
    transform: translateX(0);
	-webkit-transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.animate_hz,.ylj_hz,.ylj_p0_z1{
	opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
	}
.swiper-slide-active .animate_hz,.scroll_here .ylj_hz,.scroll_here.ylj_p0_z1{
	opacity:1;
	-webkit-transform: translateX(0);
    transform: translateX(0);
	-webkit-transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.animate_wz1,.ylj_wz1,.ylj_p0{
	opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
	}
.swiper-slide-active .animate_wz1,.scroll_here .ylj_wz1,.scroll_here.ylj_p0_z{
	opacity:1;
	-webkit-transform: translateY(0);
    transform: translateY(0);
	-webkit-transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.animate_wz,.ylj_wz{
	opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
	}
.swiper-slide-active .animate_wz,.scroll_here .ylj_wz,.scroll_here .ylj_p0,.scroll_here.ylj_p0{
	opacity:1;
	-webkit-transform: translateY(0);
    transform: translateY(0);
	-webkit-transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: 1.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.scroll_here .ylj_p2_1{}
.scroll_here .ylj_p2_2{transition-delay: 0.5s;}
.scroll_here .ylj_p2_3{transition-delay: 0.75s;}
.scroll_here .ylj_p2_4{transition-delay: 1s;}
.scroll_here .ylj_p2_5{transition-delay: 1.25s;}
.scroll_here .ylj_p2_5{transition-delay: 1.5s;}
.scroll_here .ylj_p2_6{transition-delay: 1.75s;}

.scroll_here .ylj_p9_1{}
.scroll_here .ylj_p9_2{transition-delay: 0.5s;}
.scroll_here .ylj_p9_3{transition-delay: 1s;}



@media (max-height: 850px) {
    .gzby_zbg {
       transform: scale(0.9);
    }
	.gzby_ul,.gzby_rmzj,.big_pic,.gzby_fooder{ transform: scale(0.9);}
	.gzby_img1.animate_wz1 {
    margin-top: 130px;
}
}
@media (max-height: 780px) {
    .gzby_zbg {
       transform: scale(0.8);
    }
	.gzby_ul,.gzby_rmzj,.big_pic,.gzby_fooder{ transform: scale(0.8);
	}
	.gzby_img1.animate_wz1 {
    margin-top: 150px;
	}
}
@media (max-height: 700px) {
    .gzby_zbg {
       transform: scale(0.7);
    }
	.gzby_ul,.gzby_rmzj,.big_pic,.gzby_fooder{ transform: scale(0.7);}
	.gzby_img1.animate_wz1 {
    margin-top: 180px;
}
}