@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; background: #fff; font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
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;}
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%;}
.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;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt100{ margin-top:100px;}
.w1170{width: 1170px;margin-left: auto;margin-right: auto;height: auto;}
.w1225{width:1225px;margin-left: auto;margin-right: auto;overflow: hidden;height: auto;}
.trans{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;}
.trans:hover{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);-webkit-transform:scale(1.04,1.04);transition:1s}
body{background: url("yy-zlbg_20250929.jpg")no-repeat center; background-size:100% 100%;height: 100vh;overflow: hidden;}
/******************前置end!**********************/
.swiper-container {width:1300px;margin: auto;position: relative; height:650px;overflow: hidden;}
.swiper-slide {width:850px !important;height: 500px !important;background: #fff;position: relative;top: 30px;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit:cover;}
.swiper-slide p{display:inline-block;width:calc(100% - 30px);height:auto;background:#fffffff7;font-size:20px; line-height: 1.2;position: absolute; left: 0px;bottom:-25px; padding:25px 15px;text-align: center;opacity: 0; transition: all .5s ease;}
.swiper-pagination {width: 100%;bottom: 0px;}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #fff;width:35px;height:5px;opacity: 1;border-radius: 10px;}
.swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:#0d3766 !important;transition:all .5s;}
.swiper-container .swiper-slide-active{box-shadow: 0px 1px 30px 4px #232424b0;border-radius: 5px;border-radius: 20px;/*overflow: hidden;*/}
.swiper-container .swiper-slide-active p{/*bottom:0px; transform: translateY(25px);*/opacity: 1; transition: all .8s ease;border-radius: 100px;font-weight: bold;animation: scale .8s;}

/*index_title*/
.index_title{width:100%; height:20vh;}
.index_title ul{width:100%; height:20vh;display: flex;align-items: center; justify-content: center;}
.index_title ul li{width:auto; height:auto;margin:10px 20px;}
.index_title ul li a{width:auto; height:auto; display: inline-block;background: url("yy_imgbt_20250929_05.png") no-repeat center; background-size: 100% 100%;padding: 5px 30px; font-size: 27px; color: #fff;white-space: nowrap;}
.index_title ul li:hover a{background: url("yy_imgbt_20250929_03.png") no-repeat center;background-size: 100% 100%;color: #1e75eb;font-weight: bold; transition: all .3s;}


@keyframes scale{
	0%{transform: scale(0.3)}
	100%{transform: scale(1)}
} 
.swiper-button-next, .swiper-button-prev{width:80px !important; height:80px !important;}
.swiper-button-prev{background:url("yy_limg_20250929.png") no-repeat center !important;background-size: 100% auto!important;}
.swiper-button-next{background:url("yy_yimg_20250929.png") no-repeat center !important;background-size: 100% auto!important;}


/*yanyan PC小屏*/
@media screen and (max-width:1300px){
	.swiper-container{width:1000px;}
	
}


/*yanyan mobile*/
@media screen and (max-width:900px){
	.swiper-container_{width: 100%;height: 10rem;position: relative;}
	.swiper-container{width: 100%;height: 8rem;}
	.swiper-slide{width:90% !important;height:5.292rem !important;}
	.swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height: 10px;}
	.swiper-container .swiper-slide-active p{font-size:.4rem;padding: .26rem .4rem;}
	.swiper-button-next, .swiper-button-prev{width:1rem !important; height:1rem !important;}
	.swiper-button-prev{left:0px !important;top:3.6rem !important;transform: translateY(0);}
	.swiper-button-next{right:0px !important;top:3.6rem !important;}
	.swiper-container .swiper-slide-active{box-shadow: 0px 1px .8rem 4px #232424b0;}
	.index_title ul li{margin:0;width:33%;display: flex; justify-content: center;margin-bottom: .5rem;}
	.index_title ul li a{font-size:.45rem;padding: 5px .6rem}
	.index_title ul li:nth-child(1) a{min-width: 3rem;padding:5px 0;text-align: center;}
	.index_title ul{flex-wrap: wrap;justify-content: space-between !important;align-content: center;}
	.index_title,.index_title ul{margin-top: 10vh;}
	body{height:100vh; overflow: hidden;background-size: auto 100%;}
}