@charset "utf-8";
html {
	-ms-touch-action: none
}
body, div, h1, h3, h4, p, ul, li {
	margin: 0;
	padding: 0
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	border: none;
	outline: none
}
img {
	display: block;
	border: none
}
body {
	width: 100%;
*cursor:default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial
}
#pageContain {
	overflow: hidden
}
.page {
	box-shadow: 1px 1px 4px 0 #000;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
	/* padding-top: 70px; */
}
.current .contain, .slide .contain {
	display: block
}
.current {
	display: block;
	z-index: 1
}
.slide {
	display: block;
	z-index: 2
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms!important;
	-webkit-transition-duration: 0ms!important
}
.page1 {
	background: #29948f
}
.page2 {
	background: #2f2f2f
}
.page3 {
	background: #fff
}
.page4 {
	background: #3c8847
}
.section1 {
	background: #fff
}
.section2 {
	background: #921
}
.section3 {
	background: #37c1e3
}
.section4 {
	background: #092
}
#navBar {
*padding-left:80px;
	z-index: 3;
	position: absolute;
	font-size: 0;
	line-height: 0;
	bottom: 80px;
	text-align: center;
	width: 200px;
	left: 50%;
	margin-left: -100px
}
#navBar .active {
	background: #ccc
}
#navBar li {
	background: 0 0;
	border: 1px solid #ccc;
	display: inline-block;
	font-size: 0;
	margin: 0 4px;
*float:left;
*zoom:1;
	cursor: pointer;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 10px;
	text-align: center;
	width: 10px;
	height: 10px
}
#prev, #next {
	z-index: 4;
	text-align: center;
	line-height: 40px;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	cursor: pointer;
	margin-top: -20px
}
#prev {
	left: 0
}
#next {
	right: 0
}
.nav {
	z-index: 5;
	position: fixed;
	_position: absolute;
	box-shadow: 0 2px 10px 0 #000;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	line-height: 70px
}
.logo {
	width: 51px;
	height: 51px;
	vertical-align: top;
	margin: 9px 0 0 20px;
	transition: all .4s ease
}
.logo:hover {
	transform: rotate(5deg) scale(1.05)
}
.nav a {
	line-height: 70px;
	transition: all .4s ease;
	color: #333
}
.nav a:hover {
	text-shadow: 1px 1px 3px #000
}
.nav h1 {
	line-height: 70px;
	float: left
}
.nav span {
	position: absolute;
	left: 80px;
	top: 0
}
.nav h1 p {
	display: none
}
.nav li {
	display: inline;
	float: right;
	margin: 0 22px
}
.title, .titleEng {
	-webkit-animation: dragTop .7s ease-in-out both;
	-moz-animation: dragTop .7s ease-in-out both;
	-ms-animation: dragTop .7s ease-in-out both;
	animation: dragTop .7s ease-in-out both;

}
.title {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
	
}
.titleEng {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;

}
.page3 .title, .page3 .titleEng {
	top: 25%;
	color: #333
}
.page1 p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 180px;
	width: 100%;
	-webkit-animation: scaleIn .6s ease 2s both;
	-moz-animation: scaleIn .6s ease 2s both;
	-ms-animation: scaleIn .6s ease 2s both;
	animation: scaleIn .6s ease 2s both
}
.page1-box, .page2-box, .page3-box, .page4-box {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation: scaleAll .7s ease-in-out 1.6s both;
	-moz-animation: scaleAll .7s ease-in-out 1.6s both;
	-ms-animation: scaleAll .7s ease-in-out 1.6s both;
	animation: scaleAll .7s ease-in-out 1.6s both
}
.page1-box {
	margin-left: -182px;
	margin-top: -150px;
	width: 365px;
	height: 347px
}
.page2-box {
	margin-left: -366px;
	margin-top: -151px;
	width: 733px;
	height: 302px
}
.page3-box {
	margin-left: -150px;
	width: 299px;
	height: 203px;
	margin-top: -40px
}
.page4-box {
	width: 398px;
	height: 322px;
	background-image: url(../images/a6.png);
	background-size: 100% 100%;
	margin-left: -199px;
	margin-top: -120px
}
.page4-box img {
	float: right;
	-webkit-animation: scaleIn .6s ease 2.4s both;
	-moz-animation: scaleIn .6s ease 2.4s both;
	-ms-animation: scaleIn .6s ease 2.4s both;
	animation: scaleIn .6s ease 2.4s both
}
.scTop, .scBottom {

}
.scTop {
	
	-webkit-animation: bgL 20s linear 0s infinite alternate both;
	-moz-animation: bgL 20s linear 0s infinite alternate both;
	-ms-animation: bgL 20s linear 0s infinite alternate both;
	animation: bgL 20s linear 0s infinite alternate both
}
.scBottom {
	
	-webkit-animation: bgR 20s linear 0s infinite alternate both;
	-moz-animation: bgR 20s linear 0s infinite alternate both;
	-ms-animation: bgR 20s linear 0s infinite alternate both;
	animation: bgR 20s linear 0s infinite alternate both
}
.section1 .contain {
	display: block!important
}

@media screen and (max-width:680px) {
.nav ul {
	display: none
}
.nav span {
	font-size: 22px
}
.page1 p {
	font-size: 14px
}
#next, #prev {
	display: none
}
.page1-box {
	margin-left: -91px;
	margin-top: -90px;
	width: 182px;
	height: 173px
}
.page2-box {
	margin-left: -160px;
	margin-top: -70px;
	width: 320px;
	height: 140px
}
.page3-box {
	margin-left: -60px;
	margin-top: -50px;
	width: 160px;
	height: 100px
}
.page4-box {
	margin-left: -91px;
	margin-top: -90px;
	width: 182px;
	height: 173px
}
.title {
	font-size: 30px;
	letter-spacing: 2px
}
.titleEng {
	font-size: 18px
}
}
@keyframes dragTop {
0% {
opacity:0;
transform:translateY(-70px)
}
60% {
opacity:1;
transform:translateY(20px)
}
90% {
transform:translateY(-5px)
}
97% {
transform:translateY(-1px)
}
100% {
transform:translateY(0px)
}
}
@-webkit-keyframes dragTop {
0% {
opacity:0;
-webkit-transform:translateY(-70px)
}
60% {
opacity:1;
-webkit-transform:translateY(20px)
}
90% {
-webkit-transform:translateY(-5px)
}
97% {
-webkit-transform:translateY(-1px)
}
100% {
-webkit-transform:translateY(0px)
}
}
@-moz-keyframes dragTop {
0% {
opacity:0;
-moz-transform:translateY(-70px)
}
60% {
opacity:1;
-moz-transform:translateY(20px)
}
90% {
-moz-transform:translateY(-5px)
}
97% {
-moz-transform:translateY(-1px)
}
100% {
-moz-transform:translateY(0px)
}
}
@-ms-keyframes dragTop {
0% {
opacity:0;
-ms-transform:translateY(-70px)
}
60% {
opacity:1;
-ms-transform:translateY(20px)
}
90% {
-ms-transform:translateY(-5px)
}
97% {
-ms-transform:translateY(-1px)
}
100% {
-ms-transform:translateY(0px)
}
}
@keyframes scaleAll {
0% {
opacity:0;
transform:scale(0) rotate(30deg)
}
30% {
opacity:1
}
100% {
transform:scale(1) rotate(0)
}
}
@-webkit-keyframes scaleAll {
0% {
opacity:0;
-webkit-transform:scale(0) rotate(30deg)
}
30% {
opacity:1
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes scaleAll {
0% {
opacity:0;
-moz-transform:scale(0) rotate(30deg)
}
30% {
opacity:1
}
100% {
-moz-transform:scale(1) rotate(0)
}
}
@-ms-keyframes scaleAll {
0% {
opacity:0;
-ms-transform:scale(0) rotate(30deg)
}
100% {
opacity:1;
-ms-transform:scale(1) rotate(0)
}
}
@keyframes scaleIn {
0% {
opacity:0;
transform:scale(3)
}
100% {
opacity:1;
transform:scale(1)
}
}
@-webkit-keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(3)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@-moz-keyframes scaleIn {
0% {
opacity:0;
transform:scale(3)
}
100% {
opacity:1;
transform:scale(1)
}
}
@-ms-keyframes scaleIn {
0% {
opacity:0;
-ms-transform:scale(3)
}
100% {
opacity:1;
-ms-transform:scale(1)
}
}
@keyframes bgL {
0% {
background-position:0 0
}
100% {
background-position:2000px 0
}
}
@-webkit-keyframes bgL {
0% {
background-position:0 0
}
100% {
background-position:2000px 0
}
}
@-moz-keyframes bgL {
0% {
background-position:0 0
}
100% {
background-position:2000px 0
}
}
@-ms-keyframes bgL {
0% {
background-position:0 0
}
100% {
background-position:2000px 0
}
}
@keyframes bgR {
0% {
background-position:2000px 0
}
100% {
background-position:0 0
}
}
@-webkit-keyframes bgR {
0% {
background-position:2000px 0
}
100% {
background-position:0 0
}
}
@-moz-keyframes bgR {
0% {
background-position:2000px 0
}
100% {
background-position:0 0
}
}
@-ms-keyframes bgR {
0% {
background-position:2000px 0
}
100% {
background-position:0 0
}
}


/*page1*/
.section1 {background: url(yy-dwjbanner-20200610.jpg) no-repeat center top;background-size:100% 100%; position: relative;}
.dwbt{display:block; width:45%;height: auto; margin-left: 20%;}
.dwlz{display:block;width:45%;height: auto;position: absolute;bottom:0px;right: 0px;animation:lzleft 15s;}
.langl,.langr{display:block;width:80%;height:35%;position: absolute;bottom: 5%;animation:lang 25s;}
.langr{right:0px;}
.langl{left:0px;}


@keyframes lzleft {
0% {right:0px;bottom: 0px;}
85% {right: 80%; opacity: 0; bottom: 0px; display: none;}	
100%{right:0px;bottom: -1000px;display: none;}
}
@-webkit-keyframes lzleft {
0% {right:0px;bottom: 0px;}
85% {right: 80%; opacity: 0; bottom: 0px; display: none;}	
100%{right:0px;bottom: -1000px;display: none;}
}
@-moz-keyframes lzleft {
0% {right:0px;bottom: 0px;}
85% {right: 80%; opacity: 0; bottom: 0px; display: none;}	
100%{right:0px;bottom: -1000px;display: none;}
}
@-ms-keyframes lzleft {
0% {right:0px;bottom: 0px;}
85% {right: 80%; opacity: 0; bottom: 0px; display: none;}	
100%{right:0px;bottom: -1000px;display: none;}	
}

.dwlz{
	
-webkit-animation: lzleft  25s linear 0s infinite;
-moz-animation: lzleft  25s linear 0s infinite ;
-ms-animation: lzleft  25s linear 0s infinite;
animation: lzleft  25s linear 0s infinite;
	
}


@keyframes lang {
0% {bottom:-5%;}
50% {bottom: 0%;}	
100%{bottom:-5%;}
}
@-webkit-keyframes lang  {
0% {bottom:-5%;}
50% {bottom: 0%;}	
100%{bottom:-5%;}
}
@-moz-keyframes lang  {
0% {bottom:-5%;}
50% {bottom: 0%;}	
100%{bottom:-5%;}
}


.lang {
-webkit-animation: lang 20s linear 0.2s infinite both;
-moz-animation: lang 20s linear 0.2s infinite both;
-ms-animation: lang 20s linear 0.2s infinite both;
animation: lang  20s linear 0.2s infinite both;
	
}

@keyframes lzleft1 {
0% {right:0px;bottom: 25%}
85% {right: 80%; opacity: 0; bottom: 25%; display: none;}	
100%{right:0px;bottom: -1000px;display: none;}
}

@keyframes lang1 {
0% {bottom:-3%;}
50% {bottom:11%;}	
100%{bottom:11%;}
}


.page1-ts{width:15%;height: auto; left:42.5%; bottom: 10%; z-index: 99; position: absolute;}	
.page1-ts img{width:100%;height: auto;}	

.w1015{width:1015px; height: auto; overflow: hidden; margin-left: auto;margin-right: auto;}
.w1100{width:1100px;height: auto;overflow: hidden;margin-left: auto;margin-right: auto;}

/*page2*/
.section2,.section4 {background: url(yy-dwbg2-20200610.jpg) no-repeat center top;background-size:100% 100%;}
.section3 {background: url(yy-dwbg3-20200610.jpg) no-repeat center top;background-size:100% 100%;}
.section5 {background: url(yy-dwbg4-20200610.jpg) no-repeat center top;background-size:100% 100%;}
/*02*/
.yybt{width:auto; height: 86px; background: url(yy-ztbt-20200611.png) no-repeat center right; margin-top: 90px;}
.yybt h2{font-size:46px;line-height: 88px;}
.yybt h2 a{color:#fff;}

.yybt1{width:auto; height: 86px; background: url(yy-ztbt-20200611.png) no-repeat center right; margin-top: 30px;}
.yybt1 h2{font-size:46px;line-height: 88px;}
.yybt1 h2 a{color:#fff;}



.page01 img{display:block; width: 477px; height: 677px; float: left;}
.page01 p{display:block; width: 497px; height: 677px; float: right; overflow-x:auto;}
.page01 p span{display:block; padding: 0px 10px; color: #fff; font-size: 18px;line-height: 28px; text-align: justify;}


/*03*/
.img-table .hd{width: 930px;height: 860px; position: relative;float: right;}
.img-table .hd ul li{width:220px; height: 220px; float: left; background: url(yy-bq-20200611.png) no-repeat center; background-size: 100%; cursor: pointer; position: absolute;}
.img-table .hd ul li.on{background: url(yy-lq-20200611.png) no-repeat center; background-size: 100%;}
.img-table .hd ul li img{width:190px; height: 190px; display: block; border-radius: 100%; float: right; margin-top: 5px; margin-right: 10px;}

.img-table .hd ul li.hd-li1{top: 0px;right: 245px;}
.img-table .hd ul li.hd-li2{top: 247px;right: 310px;width:250px;height: 250px;}
.img-table .hd ul li.hd-li2 img{width:220px; height: 220px;}

.img-table .hd ul li.hd-li3{top: 460px;right: 513px;}
.img-table .hd ul li.hd-li4{top: 214px;right: 38px;}
.img-table .hd ul li.hd-li5{top: 487px;right: 160px;}


.page03{position: relative;}
.img-table .bd{float:left;width: 430px;height: auto;overflow:hidden;position: absolute;left:0px;top: 110px;}
.img-table .bd ul li,.img-table .bd ul li a{color:#fff;}
.img-table .bd ul li b{display:block; font-size: 46px;}
.img-table .bd ul li span{display:block; font-size: 16px; margin-top: 10px; text-align: justify; text-indent: 32px; line-height: 23px; height: 390px; overflow: hidden;}


/*04*/
.page04{margin-top: 100px;}
.page04-l{width: 400px;float: left;}
.page04l-1{}
.page04l-1 p a{ color:#daac80;}
.page04l-1 p{color: #fff; display: block; border-bottom: 1px dotted #fff; padding-bottom: 15px; margin-bottom: 15px;}
.page04l-1 p b,.page04l-1 p span{display: block; width: auto;}
.page04l-1 p b{font-size:20px; line-height: 30px; height: 30px; overflow: hidden;}
.page04l-1 p span{font-size:16px;line-height: 28px; margin-top: 5px;}

/*ul*/
.page04 ul{width:auto;overflow: hidden;height: auto;margin: 15px 0px;display: block;}
.page04 ul li{width:auto; overflow: hidden;font-size: 18px; line-height: 28px; height: 28px; position: relative;text-indent: 20px;}
.page04 ul li i{background: #fff;width: 3px;height: 3px;border-radius: 100%;display: inline-block;position: absolute;left: 0px;top: 14px;}
.page04 ul li a{color:#fff; }

/*right*/
.page04-r{width: 640px;float: right; height: auto; overflow: hidden; margin-right: 30px;}
/****************图片轮播****************/
.part5{width: 640px;height:427px;overflow: hidden;float: right;position: relative;}
.part5-L{width: 640px;height:427px;overflow:hidden;position:relative;}
.part5-L .hd{height: 34px;overflow:hidden;z-index: 15;position: absolute;width: 100%;bottom: 9px;}
.part5-L .hd ul{ overflow:hidden; zoom:1; float:left;  }
.part5-L .hd ul li{ float:left; margin-right:8px;  width:8px; height:8px; background:#fff; cursor:pointer; border-radius: 50%;}
.part5-L .hd ul li.on{ background:#e60216;}

.part5-L .bd ul{width: 640px;height:427px; }
.part5-L .bd{position:relative;height:100%;z-index:0;}
.part5-L .bd li{ zoom:1; vertical-align:middle; position: relative; width: 640px;height:427px; }

.part5-L .bd img{width: 640px;height: 412px;display:block;object-fit: cover;transform: scale(1);animation: slowMotion 20s infinite ease-in-out;}
.part5-L .bd p{position: absolute;bottom: 15px;left: 0;z-index: 1;width: 100%;padding-left: 20px;height: 40px;font-size: 18px;line-height: 40px;background: url(yanyan_yldsbtgj_2018-01-03.png) repeat;color: #fff;}

.pageState{font-size:16px;color: #fff;position: absolute;bottom: 0px;right: 15px;z-index: 99999;}

.part5-L .prev,
.part5-L .next{position:absolute;left: 10px;top:50%;margin-top:-25px;display:block;width:18px;height:32px;cursor: pointer;opacity: 0.5;}

.part5-L .prev{background: url(prev_yy20190601.png) no-repeat;}
.part5-L .next{ left:auto; right:10px; background: url(next_yy20190601.png) no-repeat; }

.part5-L .prevStop{ display:none;  }
.part5-L .nextStop{ display:none;  }

.part5-L .prev:hover{opacity: 1;}
.part5-L .next:hover{opacity: 1;}


/*ximg3*/
.page04r-1{width: 640px; height: auto; overflow: hidden;}
.page04r-1 ul{width: 740px;}
.page04r-1 ul li{width: 200px; height: 195px; float: left; margin-right: 20px;}
.page04r-1 ul li img{width: 200px; height: 160px;}
.page04r-1 ul li p{width: 200px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #fff; text-indent: 0px;}



/*05*/
.w1200{width:1200px;height:auto; overflow: hidden; margin-left: auto; margin-right: auto;}
.black h2 a{color:#000;}





/*手机适配*/
@media screen and (max-width:680px) {
.section1 {background: url(yy-dwsjbanner-20200611.jpg) no-repeat center top;background-size:100% 100%;}
.dwbt{display:block; width:80%;height: auto; margin-left: 10%; margin-top: 20%}
.dwlz{display:block;width:75%;height: auto;position: absolute;bottom: 25%;right: 0px;animation:lzleft1 10s;}
.langl,.langr{display:block;width: 86%;height: 31%;position: absolute;margin-bottom: 11%;}
.page1-ts{width:50%;height: auto;left:25%;bottom: 18%;z-index: 99;position: absolute; animation:lang1 10s;}
	
.section2,.section3,.section4,.section5 {background: url(yy-sjbging1-20200611.jpg) no-repeat center top;background-size:100% 100%;}	
	
/*02*/	
.w1015{width:90%; height: auto; overflow: hidden;}
.w1100{width:95%; height: auto; overflow: hidden;}		
.page01 img{width:100%; height: auto; display: none;}
.page01 p{width: 100%;height: 361px;margin-top: 1%;}
.yybt,.yybt1{margin-top: 30%;font-size: 30px;background: none; text-align: center;}	
.page01 p span{font-size: 14px; line-height: 18px;}
	
/*03*/	
.img-table{width:100%;overflow: hidden;}
.img-table .hd{width:30%; overflow: hidden;float: left;}	
.img-table .hd ul li{width:100%;height:5rem;border-radius: 0px;background: none;position: static;margin-bottom: 15%;}	
.img-table .hd ul li img{width:100%; height:5rem; border-radius: 8px; margin: 0px;}

.img-table .hd ul li.hd-li1{top: 0px;right: 0px;}
.img-table .hd ul li.hd-li2{width:100%;height:5rem;border-radius: 0px;background: none; position: static;}
.img-table .hd ul li.hd-li2 img{width:100%; height:5rem; border-radius: 8px; margin: 0px;}

.img-table .hd ul li.hd-li3{top: 10%;right: 0px;}
.img-table .hd ul li.hd-li4{top: 15%;right: 0px;}
.img-table .hd ul li.hd-li5{top: 20%;right: 0px;}

.yybt1{height: 3rem;margin-top: 21%;}	
.img-table .bd{float:right;width:65%;height: auto;overflow:hidden; position: static;}
.img-table .bd ul{display: block !important;margin-bottom: 7%;}
.img-table .bd ul li{height: 5rem; overflow: hidden;}	
.img-table .bd ul li b{display:block; font-size: 16px;}
.img-table .bd ul li span{font-size: 13px; margin-top: 5px; line-height: 16px; height: 48px; overflow: hidden; text-indent: 0px;}

	
/*04*/	
.page04-l,.page04-r{width:95%;overflow: hidden;margin-left: auto;margin-right: auto;float: none;}	
.xy,.page04-r{display:none;}
.page04l-1 p span{font-size: 13px; line-height: 16px;}	
.page04 ul li{line-height: 35px; height: 35px;font-size: 16px;}	
.page04 ul{margin: 0px;}	
	
	
.black h2 a{color:#fff;}	
.page05 iframe{height: 350px;}	
a{display:block; width: auto;height: auto; overflow: hidden; position: relative; z-index: 99999999;}	
	
	
/*解决穿透必加！*/
.current{display:block !important;}
.slide{display:none !important;}
	
	
}









/*430*/
@media all and (max-width:430px) {
	
}

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

}


/*华为*/
@media screen and (max-width:375px) {
	.page01 p{height:250px; overflow-x: scroll;}	
	.hd-li5{display:none;}
	.img-table .bd ul:last-child{display:none !important;}
	.page04 ul:last-child{display:none !important;}
	.page04 ul li:last-child{display:none !important;}
	.page05 iframe {height: 260px;}
	.yybt h2{font-size:30px;}
	
	
}





.smy_ctrl { position:relative; min-height:100px; cursor:move; overflow:hidden;}