@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,input,em{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none; vertical-align: middle; font-weight:normal;}
body{ font-size:14px; color:#000;  font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
html, body{width:100%; height:100%; overflow:hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%}
table,img,iframe{border:none}ul{list-style:none}
a{ color:#000; text-decoration:none;outline:none;}
a:hover {text-decoration:none;color:#fff !important;}
a:active {color:#000;text-decoration:none;}
ol,ul {list-style:none;}
fieldset,img {border:0;}
i,em{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.w1200{ width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden;}
.smy_ctrl { position:relative; min-height:350px; cursor:move; overflow:hidden;}
/**************重置end**************************/

/*开屏*/
.g-wrap{width: 100%;height: 100%;max-width: 1920px;min-width: 1460px;margin-left: auto; margin-right: auto; }
.g-wrap .g-home{width: 100%;height: 100%;position: relative;}
.g-wrap .g-home .m-home-main {width: 100%;height: 100%;position: relative;overflow: hidden;}
.g-wrap .g-home .m-home-main .outer-layer {
position: absolute;
width: 2300px;
height: 2300px;
z-index: 1;
left: 50%;
top: 50%;
margin: -1150px 0 0 -1150px;
transition: background-image 1.5s ease-in-out;
-webkit-transition: background-image 1.5s ease-in-out;
transform: translateZ(0) rotate(360deg);
-webkit-transform: translateZ(0) rotate(360deg);
background-image: url("yy_routerimg2_20251225.jpg");
background-position: center center;
background-repeat: no-repeat;
}
.g-wrap .g-home .m-home-main .middle-layer {
position: absolute;
width: 1458px;
height: 1458px;
z-index: 2;
left: 50%;
top: 50%;
margin: -730px 0 0 -730px;
border-radius: 50%;
border: 1px solid #FFF;
overflow: hidden;
transition: background-image 1.5s ease-in-out;
-webkit-transition: background-image 1.5s ease-in-out;
transform: translateZ(0) rotate(360deg);
-webkit-transform: translateZ(0) rotate(360deg);
background-image: url("yy_routerimg2_20251225.jpg");
background-position: center center;
background-repeat: no-repeat;
}

.g-wrap .g-home .m-home-main .inner-layer {
position: absolute;
width: 798px;
height: 798px;
z-index: 3;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
border: 1px solid #FFF;
overflow: hidden;
transition: 1.5s ease-in-out;
-webkit-transition: 1.5s ease-in-out;
transform: translateZ(0) rotate(360deg);
-webkit-transform: translateZ(0) rotate(360deg);
background-image: url("yy_routerimg1_20251225.jpg");
background-position: center center;
background-repeat: no-repeat;
}

.g-wrap .g-home .g-element-wrap {
width: 1460px;
margin: 0 auto;
position: fixed;
left: 0;
right: 0;
top: 50%;
z-index: 999;
}

.g-wrap .g-home .g-element-wrap .m-logo {
position: absolute;
left: 1070px;
top: -450px;
height: 40px;
}

.g-wrap .g-home .g-element-wrap .m-title-img {
position: absolute;
width: 330px;
height: 330px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 9;
}

.g-wrap .g-home .g-element-wrap #details {
position: absolute;
left: 640px;
top: 240px;
width: 180px;
height: 40px;
line-height: 40px;
color: #FFF;font-size: 16px;
cursor: pointer;
text-align: center;
letter-spacing: 6px;
border: 1px solid #FFF;
border-radius: 20px;
z-index: 999;background: #000;
}
@-webkit-keyframes rotate {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
}
50% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
}
50% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}

@keyframes slice{
0%{transform: scale(.8);}
50%{transform: scale(1);}
}	




.ani-rotate-inner {
-webkit-animation: rotate 2s ease-in-out both;
animation: rotate 2s ease-in-out both;
}
.ani-rotate-middle {
-webkit-animation: rotate 2s 0.16s ease-in-out both;
animation: rotate 2s 0.16s ease-in-out both;
}
.ani-rotate-outer {
-webkit-animation: rotate 2s 0.32s ease-in-out both;
animation: rotate 2s 0.32s ease-in-out both ;
}
.ani-slice{animation: slice 2s 0.32s ease-in-out both ;}	


/*yy_xuzhang*/
.g-wrap{position: relative;}
.yy_xuzhang{width:90%; height:90vh;top:5vh;position: absolute; left: 5%;z-index: 999; display: none;}
.yy_xuzhang_text{width:100%;height:100%;background:#000000c4;border-radius:15px;transform: scale(.8);transition: all 1s;  }
.yy_xuzhang_text_p{width:auto;height:auto;padding:25px 90px;}
.yy_xuzhang_text_p h2{width:100%;height:auto;padding:25px 0;margin-bottom: 40px; font-size: 25px;text-align: center;border-bottom: 2px solid #fff; color: #fff;}
.yy_xuzhang_text_p p{width:auto; height: auto;font-size: 16px; line-height:2; color:#fff;margin-bottom: 10px;text-align: center;}
.yy_xuzhang_close{width:35px; height: 35px;position: absolute; top:30px; right: 30px;cursor: pointer;}
.yy_xuzhang_close img{width:100%; height: 100%;}
.hasslice{transform: scale(1) !important;transition: all 1s; }


/*yy_nav_bar*/
.yy_nav_bar{width:100%;height: auto;position: absolute;bottom:2vh;left: 0px;z-index: 888;}
.yy_nav_bar ul{width:100%;height: auto;display: flex;justify-content: center;}
.yy_nav_bar ul li{ height: auto; width: 160px; cursor: pointer; margin: 0 15px;text-align:center;}
.yy_nav_bar ul li img{display: inline-block; width:88px;height: 88px;border-radius: 100px;border: 2px solid #fff;}
.yy_nav_bar ul li p{margin-top: 10px;color: #FFF;font-size: 15px;}



/*翻页*/
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
/*
.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
.section-wrap .section .title p{ padding:0 4%;opacity:0}
.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
*/
.section-wrap .section-1 .slideTxtBox_page1{background: url('yy_page1_bgimg1_20251225.jpg') no-repeat center; background-size: 100% 100%; }
.section-wrap .section-2 .slideTxtBox_page2{background: url('yy_page2_bgimg1_20251225.jpg') no-repeat center; background-size: 100% 100%;}
.section-wrap .section-3 .slideTxtBox_page3{background: url('yy_page3_bgimg1_20251225.jpg') no-repeat center; background-size: 100% 100%;}
/*.section-wrap .section-4{background: url('yy_page4_bgimg1_20251225.jpg')no-repeat center;background-size:100% 100%;}*/
/*.section-wrap .section-5{ background-color:#d9534f}*/
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}

/*背景处理*/
.section-wrap .section-4,.section-wrap .section-5{
 position: relative;
 overflow: hidden; 
}

.section-wrap .section-4::before,.section-wrap .section-5::before{
content: ""; 
position: absolute; 
top: 0; left: 0; right: 0; bottom: 0;
background: url('yy_page4_bgimg1_20251225.jpg') no-repeat center; 
background-size: 100% 100%; 
filter: blur(3px);
z-index: -1; 
transform: scale(1.02);;

}
.section-wrap .section-5::before{background: url('yy_page5_bgimg1_20251225.jpg') no-repeat center; }
.section-wrap .section-4::after,.section-wrap .section-5::after{
content: ""; 
position: absolute; 
top: 0; left: 0; right: 0; bottom: 0;
background:#000;opacity: .35; 
z-index: -1; 


}





.arrow{position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;cursor:pointer;overflow:hidden;-webkit-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
.arrow img{width:50%; height: auto;}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}


/*page1*/
.slideTxtBox{width:100%;height: 100vh;background: url("yy_page1_bgimg1_20251225.jpg")no-repeat center;background-size:100% auto; position: relative;}

/* 侧边导航 */
.slideTxtBox .hd{position: absolute;
    left: 4vw;
    top: 20vh;
    z-index: 99;}
.slideTxtBox .hd ul{position: relative;
    z-index: 2;  }
.slideTxtBox .hd ul li{font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    margin-bottom: 110px;
    cursor: pointer;  }

.slideTxtBox .hd ul li span{display: inline-block;
    width: 11px;
    height: 11px;
    background: #FFF;
    border-radius: 50%;
    transition: .3s;
    -webkit-transition: .3s;
    background:#fff;
}

.slideTxtBox .hd ul li p {
    display: inline-block;
    padding: 0 10px;
    border-radius: 15px;
    margin-left: 5px;
    transition: .3s;
    -webkit-transition: .3s;
}


.slideTxtBox .hd ul li.on p{ background: #7da725; }
.slideTxtBox .hd ul li.on span{ background: #7da725; }
.slideTxtBox .hd ul:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 94%;
    top: 3%;
    left: 5px;
    z-index: 9;
    background: rgba(255, 255, 255, 0.5);
}


/*内容*/
.slideTxtBox .bd{
    width: 1383px; height: auto;overflow: hidden;
   position: absolute; top: 18vh;left: 50%;transform: translateX(-50%);
   
    background: url( "yy_list-bg_20251225.png") center top no-repeat;}
.slideTxtBox .bd ul{zoom: 1;
    width: 1140px;
    margin: 0 auto;}
.slideTxtBox .bd li{float: left;
    width: 330px;
    height: 270px;
    overflow: hidden;
    padding: 40px 25px 0;
    margin: 0 0 50px;
    cursor: pointer;
    border-radius: 10px;}
.slideTxtBox .bd li img{width: 330px;
    height: 200px; object-fit: cover;
    display: block;
    border-radius: 10px; }

.slideTxtBox .bd li p{padding-top: 10px;}
.slideTxtBox .bd li p span{font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFF;}



.yy_list_more{width:auto; height: auto;position: absolute;right:25px; bottom: 0px;}
.yy_list_more a{width:auto; height: auto;display:flex;padding:5px 15px;background:#587615;border-radius: 50px; overflow: hidden;font-size: 14px; font-weight: bold;color: #fff;align-items: center;border: 1px solid #fff;}
.yy_list_more a img{width:15px;height: auto;margin-right:5px; }
.yy_list_more a:hover{color: #fff;}


/* 视频切换 */
.picScroll-left{position:relative;overflow:hidden;width:100%; height:100%; }
.picScroll-left .bd{width:1200px;height: 560px;position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);}
.picScroll-left .bd ul{ overflow:hidden;width: 100%;}
.picScroll-left .bd ul li{width:280px !important; height: 560px;position: relative; margin: 0 10px;background: #fff;border-radius: 25px; float: left;}
.picScroll-left .bd ul li .pic{width:270px; height: 550px;border-radius: 25px;overflow: hidden;position: absolute;top:5px;left:5px;}
.picScroll-left .bd ul li .pic img{width:270px; height: 550px;object-fit: cover;}
.picScroll-left .bd ul li .title{width:270px;height: auto;background: url("png2_yy20251226.png") repeat-x;background-size: 100% 100%;position: absolute;left: 5px;bottom:5px;overflow: hidden;z-index: 1;border-radius: 25px;}
.picScroll-left .bd ul li .title a{width:auto;height: auto;display: inline-block;padding: 10px 15px;color: #fff;line-height: 1.5;font-size: 16px;}

.picScroll-left .prev,.picScroll-left .next{ display:block; width:80px; height:80px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.picScroll-left .prev{background:url("yy_prveimg_20251226.png") no-repeat center;background-size: 100% 100%; left: 0px;}
.picScroll-left  .next{background:url("yy_nextimg_20251226.png") no-repeat center;background-size: 100% 100%; right: 0px;}


/* 焦点图切换 */
.picFocus{width: 70vw;
    height: 70vh;
    max-width: 1460px;
    min-width: 1100px;
    max-height: 700px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);
    margin: 6vh auto 0;
    padding: 10px;overflow: hidden;position: relative;top: 10vh;}
.picFocus .hd{ width:100%; padding:5px 0;  overflow:hidden;position: absolute;left: 0px;z-index: 2;bottom:50px;background: #0000009c; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1;display: flex;align-items: center;justify-content: center;}
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{}
.picFocus .hd ul li.on img{ border-color:#99d60d;  }
.picFocus .bd li{ vertical-align:middle; }


.picFocus .bd,.picFocus .bd ul,.picFocus .bd ul li{width:100%; height:100%;overflow: hidden;}
.picFocus .bd ul li img{width:100%; height:70vh; display:block;object-fit: cover;  }



/*yy_go_home*/
.yy_go_home{width:50px; height: 50px;background:#81a730;border-radius: 100px; overflow: hidden;position: fixed; top: 50px;left: 50px;z-index: 9999;border:2px solid #fff;display: none;cursor:pointer;}
.yy_go_home img{width:30px; height: 30px;padding: 10px;display: inline-block;}

.m-title-img2{display:none;}



/*yanyan 适配*/
@media screen and (max-width:1670px){
	.slideTxtBox .hd {left: 2vw;}
}
@media screen and (max-width:1500px){
	.slideTxtBox .bd{width:1200px;background-size: 100% 670px;}
	.slideTxtBox .hd {left: 2vw;}
}
@media screen and (max-width:1280px){
	.slideTxtBox .bd{width:1000px;background-size: 100% 670px;}
	.slideTxtBox .hd {left: 1vw;}
	.slideTxtBox .bd ul{width: 1100px;}
	.slideTxtBox .bd ul li{padding:40px 15px 0;width: 300px;}
	.slideTxtBox .bd li img{width: 300px;}
}



/*yanyan mobile*/
@media screen and (max-width:968px){
	.g-wrap { max-width:inherit;min-width:inherit;width: 100%; height: 100vh;z-index: 99999;left:50%;transform: translateX(-50%);}	
	.g-wrap .g-home .m-home-main .inner-layer,.g-wrap .g-home .m-home-main .middle-layer{display: none;}
	.g-wrap .g-home .m-home-main .outer-layer{}
	.ani-rotate-outer{animation:none;}	
	.g-wrap .g-home .m-home-main .outer-layer{width:100%;height: 100vh;background-size:auto 100%;margin: 0;top: 0;left: 0;}	
	.g-wrap .g-home .g-element-wrap{width:100%;top:0;height: 6rem;}
	.g-wrap .g-home .g-element-wrap .m-logo{height: 1rem; left: 50%;transform: translateX(-50%);top:1rem;}
	.g-wrap .g-home .g-element-wrap .m-title-img{width:7rem;height: auto;top:8rem;}	
	.g-wrap .g-home .g-element-wrap #details{left: 50%;transform: translateX(-50%);top:13.5rem; }
	.yy_nav_bar ul li{width:auto;margin: 0 1%;}
	.yy_nav_bar ul li img{width:1.5rem; height:1.5rem;}
    .m-title-img1{display:none;}
    .m-title-img2{display:block;}
	
	.yy_nav_bar{width:90%;margin-left: 5%;}
	.yy_xuzhang{width:90%;left:5%;overflow: hidden;height: 90vh;}
	.yy_xuzhang_text_p {padding:5%;width:auto;}
	.yy_xuzhang_text_p p{font-size: .35rem;}
	.yy_xuzhang_text_p h2{font-size: .45rem;font-weight: bold;}
	.yy_scroll{width:100%;max-height:70vh;overflow-y: scroll;}
     /*yy_go_home*/
	.yy_go_home{width:1rem;height: 1rem;top: 3%;left: 5%;}	
	.yy_go_home img{width:.5rem;height: .5rem;}
	
	.slideTxtBox{background-size:auto 100vh !important;background-position: center !important;}
    /*slideTxtBox*/
	.slideTxtBox .hd{width:100%;top:10%;}
	.slideTxtBox .hd ul{display:flex;width:100%;justify-content: center;}
	.slideTxtBox .hd ul li{width:auto;margin-bottom: 0;font-size: .4rem;height: auto;line-height: inherit;margin:0 1%;}
	.slideTxtBox .hd ul:before{display:none;}
	.slideTxtBox .hd ul li span{display:none;}
	.slideTxtBox .hd ul li p{background:#fff; color:#7da725;margin: 0;padding:5px 10px;display: inline-block;white-space: nowrap;}
	.slideTxtBox .hd ul li.on p{color:#fff;font-weight: bold;}
	
	.slideTxtBox .bd{width:100%;height: auto; overflow: hidden;background-size: auto 100% !important;padding:1rem 0;background: url(yy_list-bg2_20251225.png) center top no-repeat; }
/*	.slideTxtBox .bd ul{width:90%;display: flex;flex-wrap: wrap; justify-content: space-between;margin-left: 5%;}*/
	.slideTxtBox .bd ul{width:90%;margin-left: 5%;}
	.slideTxtBox .bd ul .bd_list{width:100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
	.slideTxtBox .bd ul li{width:45%; padding: 0;height: auto;margin: 0;margin-bottom: 5%;}
	.slideTxtBox .bd li img{width:100%;height: 2.5rem;}
	.slideTxtBox .bd li p{width:100%;height:auto;}
	.slideTxtBox .bd li p span{font-size: .35rem;overflow: inherit;white-space:inherit;line-height: 1.5;}
	
	.yy_list_more{right:5%;}
	
    /*.picScroll-left .bd*/
	.picScroll-left .bd{width:300px;height: 15rem;}
	.picScroll-left .bd ul{white-space:nowrap !important;}
	.picScroll-left .bd ul li{width:300px !important ;height:15rem;margin: 0 5px;}
	.picScroll-left .bd ul li .pic,.picScroll-left .bd ul li .pic img{width:100%;height:15rem;}
	.picScroll-left .bd ul li .pic{width:calc(100% - 10px);height: calc(15rem - 10px);}
	.picScroll-left .prev, .picScroll-left .next{width:1.3rem;height:1.3rem;}
	.picScroll-left .bd ul li .title{width:calc(100% - 10px);}
	
    /*picFocus*/
	.picFocus{max-width:inherit;min-width:inherit;width:90%;max-height:inherit;height: 10rem;}
	.picFocus .bd ul li img{height:calc(10rem - 20px);}
	.picFocus .hd ul li{width:15%;margin: 0 .5%;}
	.picFocus .hd ul li img{width:calc(100% - 4px);height: 1rem; object-fit: cover;}
	.picFocus .hd{bottom:5%;}
	
	.section-wrap .section-4::before, .section-wrap .section-5::before{background-size: auto 100% !important;}
	
}