@charset "utf-8";
/* 
 *@Project: 样式重设及公共样式表
 */
 /* 字体引用 */
body{font-family:myFont_R;color: #000;}
@font-face{
    font-family:myFont_L;
    src:url('../font/Alibaba-PuHuiTi-Light.ttf'),url('../font/Alibaba-PuHuiTi-Light.woff');
}
@font-face{
    font-family:myFont_R;
    src:url('../font/Alibaba-PuHuiTi-Regular.ttf'),url('../font/Alibaba-PuHuiTi-Regular.woff');
}
@font-face{
    font-family:myFont_B;
    src:url('../font/Alibaba-PuHuiTi-B.ttf'),url('../font/Alibaba-PuHuiTi-B.woff');
}
@font-face{
    font-family:myFont_H;
    src:url('../font/Alibaba-PuHuiTi-H.ttf'),url('../font/Alibaba-PuHuiTi-H.woff');
}
@font-face{
    font-family:myFont_M;
    src:url('../font/Alibaba-PuHuiTi-Medium.ttf'),url('../font/Alibaba-PuHuiTi-Medium.woff');
}
.web-myFont_L{font-family:myFont_L;}
.web-myFont_R{font-family:myFont_R;}
.web-myFont_B{font-family:myFont_B;}
.web-myFont_H{font-family:myFont_H;}
.web-myFont_M{font-family:myFont_M;}
/* banner */
.index_banner{
	position: relative;
}
.index_banner .swiper-container {
    width: 100%;
    height: 100%;
}
.index_banner .swiper-slide {
    background-position: center;
    background-size: cover;
    justify-content:center;
    align-items:center;
    display:flex;
}
.index_banner img{
    width: 100%;
    display: block;
}
.index_banner .swiper-slide-active img{
    width: 100%;
    display: block;
    animation:mymove 8s infinite;
    -webkit-animation:mymove 14s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation:mymove 14s infinite;
    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    animation-delay:0.1s;
    -webkit-animation-delay:0.1s; /* Safari 和 Chrome */
}
@keyframes mymove

	{
		0%{

		transform: scale(1);  

		}

		100%{

			transform: scale(1.1); 
		}
	}
	@-webkit-keyframes mymove 

	{
		0%{
		transform: scale(1); 

		}
		100%{

			transform: scale(1.1);
		}
}
.index_banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
	background-color: #fff0 !important;
    border: 1px solid #fff;
    opacity: 0.95;
	border-radius: 50px;
}
.index_banner .swiper-pagination-white .swiper-pagination-bullet-active{
    background: #fff !important;
    opacity: 1;
    border:0;
}
.index_banner .banner_txt {
    position: absolute;
    vertical-align:middle;
    left: 20%;
    width: 100%;
    box-sizing: border-box;
	top: 47%;
    padding: 0.6rem;
    text-align: center;
    opacity: 0;
}
.index_banner .banner_txt img{
	width: 382px;
}
.index_banner .swiper-slide-active .banner_txt{
	-webkit-animation: fadeInLeft 1.4s ease-in-out;
	animation: fadeInLeft 1.4s ease-in-out;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/* 探索之路 */
.title_type{
	position: relative;
}
.cont1 .c1_type{
	position: absolute;
    bottom: 100px;
    width: 100%;
}
.cont1 .c1_type ul li{
	margin: 0 10px;
}
.cont1 .c1_type ul li a{
	font-size: 22px;
    display: block;
    color: #333;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
}
.cont1 .c1_type ul li a.active,.cont1 .c1_type ul li a:hover{
	background: #f7d146;
    text-align: center;
    border-radius: 50px;
}
.cont1 .c1_box_bg{
	display: none;
	padding: 100px 0;
    background-size: cover;
}
.cont1 .c1_box_txt{
	padding: 0 5%;
}
.cont1 .c1_box_txt h1{
	font-size: 120px;
    color: #fff;
    opacity: 0.3;
    font-weight: bold;
    margin-bottom: 50px;
}
.cont1 .c1_box_txt h3{
	font-size: 40px;
    color: #f7d146;
}
.cont1 .c1_box_txt div::after,.news ul li .news_he::after{
	content: "";
    width: 66px;
    height: 4px;
    background: #fff;
    display: block;
}
.cont1 .c1_box_txt div,.news ul li .news_he{
	display: flex;
	margin: 50px 0;
    justify-content: flex-start;
}
.cont1 .c1_box_txt div::before,.news ul li .news_he::before{
	content: "";
    width: 66px;
    height: 4px;
    background: #f7d146;
    display: block;
}
.cont1 .c1_box_txt h5{
	font-size: 26px;
    color: #fff;
    margin-bottom: 30px;
}
.cont1 .c1_box_txt p{
	font-size: 20px;
	line-height: 45px;
    color: #fff;
}
.cont1 .c1_box_txt a,.news ul li a{
	display: block;
    width: 210px;
    transition: .4s;
    line-height: 60px;
    height: 60px;
    background: #f7d146;
    color: #333;
    margin-top: 50px;
    text-align: center;
    font-size: 26px;
    box-sizing: border-box;
    border-radius: 60px;
}
.cont1 .c1_box_txt a:hover{
    background:none;
    color: #fff;
    box-sizing: border-box;
    border:1px solid #f7d146;
}
/* 按钮展示 */
.link_more{
    width: 210px;
    position: relative;
}
.link_more .module_button_content{
    text-align: center;
    line-height: 60px;
    font-size: 25px;
    color:#333;
    border-radius: 60px;
    position: relative;
    display: block;
}
.module_button_content {
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #000;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	transition: all .3s;
	transform-style: preserve-3d;
}
.module_button_content span {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	outline: 0;
	overflow: hidden;
}
.module_button_content:hover {
	text-decoration: none;
    color:#fff;
}
.module_button_content .after{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: 0;
	opacity: 0;
	top: 0;
	left: 0;
    background:#f7d146;
}
.module_button_content .after{
	width: 0;
	opacity: 1;
}
.module_button_content:hover .after{
	opacity: 1;
	width: 100%;
}
/*新闻中心*/
.cont2{
	
}
.cont2 ul li{
	width: 32%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.cont2 ul li img{
	width: 100%;
    height: 100%;
    object-fit: cover;    
    transition: all .5s ease;
}
.cont2 ul li .c2_hide{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: rgb(0 0 0 / 50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.cont2 ul li .c2_xw{
	padding: 0 50px;
	text-align: center;
}
.cont2 ul li .c2_xw h3{
	font-size: 45px;
	color: #fff;
}
.cont2 ul li:hover .c2_hide{
	/* height: 0; */
	opacity: 0;
}
.cont2 ul li:hover img{
	transform: scale(1.2);
}
/*底部展示*/
.cory{
	margin-top: 80px;
    background: #fff;
    padding: 50px 0 0 0;
	border-top: 2px solid #eeeeee;
}
.cory .cory_l{
    width: 70%;
}
.cory .cory_l ul{
    margin-bottom: 60px;
}
.cory .cory_l ul li{
	position: relative;
}
.cory .cory_l img{
	margin-bottom: 60px;
}
.cory .cory_l ul li a{
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
}
/* .cory .cory_l ul li::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background-color: #acacac;
	right: -25px;
	top: 4px;
}
.cory .cory_l ul li:last-child::after{
	background-color: #fff;
} */
.cory .cory_l_txt{
	border-top: 2px solid #eeeeee;
	padding: 20px 0;
}
.cory .cory_l_txt p{
    color: #666666;
    line-height: 25px;
	font-size: 16px;
}
.cory .cory_l_txt p a{
    color: #666666;
}
.cory .cory_r{
    
}
.cory .cory_r h1{
    font-size: 36px;
    color: #b81b25;
    font-family: 'myFont_B';
}
.cory .cory_r .flexa{
    align-items: center;
    margin-bottom: 30px;
}
.cory .cory_r .flexa i{
    color: #999999;
    font-size: 16px;
    margin-right: 5px;
}
.cory .cory_r .flexa p{
    color: #999999;
    font-size: 16px;
}
.cory .cory_r .er img{
    margin: 0 auto;
    width: 110px;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.cory .cory_r .er p,.cory .cory_r .er{
    text-align: center;
    color: #999;
    line-height: 30px;
}
.cory .cory_l .foot_icon{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
}
.cory .cory_l .foot_icon i{
	font-size: 25px;
	color: #adadad;
	margin-right: 20px;
}
/* 底部返回 */
.back_top_wrapper{
    position: fixed;
    right: 22px;
    bottom: 65px;
    z-index: 200;
    transition: bottom .3s ease;
    width: 48px;
    height: 48px;
    background: rgb(0 0 0 / 47%);
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    transition: .4s;
}
.back_top_wrapper .iconfont{
    font-size: 25px;
    color:#fff;
}
.back_top_wrapper:hover{
    cursor: pointer;
    position: fixed;
    right: 24px;
    bottom: 52px;
}
/*内页新闻*/
.font_color{
	color: #fff !important;
}
.news{

}
.news ul li{
	margin-bottom: 20px;
}
.news ul li h3{
	font-size: 30px;
    font-family: 'myFont_M';
}
.news ul li p{
	font-size: 22px;
    width: 600px;
}
.news ul li h5{
	font-size: 22px;
    margin-bottom: 20px;
}
.news ul li p{
	color: #333;
    font-size: 20px;
    width: 600px;
    line-height: 35px;
}
.news ul li .news_time{
	font-size: 20px;
    margin-bottom: 20px;
}
.news ul li .news_time b{
	font-size: 35px;
}
.news ul li .news_time i{
	color: #f1b623;
    margin: 0 0 0 20px;
}
.news ul li a{
	background: #fff;
}
.news ul li .news_box{
	padding: 150px 5%;
}
.about ul li p{
	width: 900px;
	line-height: 50px;
}
/* 新闻内页 */
.ny_news{

}
.ny_news .ny_news_bg{

}
.ny_news .ny_news_bg img{
	width: 100%;
}
.ny_news .ny_news_txt{

}
.ny_news .ny_news_txt{

}
.ny_news .ny_news_txt p{
	line-height: 35px;
    text-align: left;
    font-size: 18px;
}
.ny_news .ny_news_txt p img{
	width: 100%;
    margin: 0 auto;
}
.ny_news_d{
	padding: 50px 0;
    text-align: center;
}
.ny_news_d h3{
	font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
}
.ny_news_d .ny_news_t{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-size: 16px;
    color: #666;
}
.about ul li:nth-child(2n+2) .news_box{
	text-align: -webkit-right;
}
.about ul li:nth-child(2n+2) .news_he{
	justify-content: flex-end;
}

@media (max-width: 1680px) {
    .header .w80,.ny_header .w80{width: 95%;} 
    .header .nav ul li a,.ny_header .nav ul li a{padding: 0px 4px;}
    .index_banner{width: 95%;margin:0px auto}
} 
@media (max-width: 1440px) {
    .header .w80,.ny_header .w80{width: 98%;}
    .header .nav ul li a,.ny_header .nav ul li a{padding: 0px 3px;}
    .index_banner{width: 98%;margin:0px auto}
} 
@media (max-width: 1366px) {
 	.header .w80,.ny_header .w80{width: 99%;}
 	.header .nav ul li a,.ny_header .nav ul li a{padding: 0px 3px;}
 	.index_banner{width: 99%;margin:0px auto}
}