/* Created by ishutime on 24/11/25 */
@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=1663740079843') format('woff2'),
		url('iconfont.woff?t=1663740079843') format('woff'),
		url('iconfont.ttf?t=1663740079843') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


@font-face {
	font-family: din;
	src: url(../fonts/Geometr415MdBTMedium.ttf);
}

/* @font-face {
	font-family: SourceHanSansCN;
	src: url(../fonts/SourceHanSerifCN-Regular.otf);
} */

.singePage p{
	margin-bottom: 0;
}

body,
html {
	color: #494949;
	font-family:'微软雅黑', "Arial";
	font-weight: 500;
}
textarea,input{
	font-family: "Microsoft YaHei", '微软雅黑', "Arial";
	font-size: 14px;
}

.header{
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 10;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,.1);
	top: 0;
	display: flex;
}

.header .w1400{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo{
	width: 360px;
	height: auto;
	position: relative;
}

.nav{
	width: auto;
	display: flex;
	justify-content: space-between;
}

.nav ul{
	width: 100%;
	display: flex;
}

.nav ul li{
	width: auto;
	height: auto;
	position: relative;
}

.nav ul li .secend{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 80px;
	background: #f1e7dc;
	display: none;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
	border-radius: 0px 0px 5px 5px;
}



.nav ul li.has::after{
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/jt_icon.png) no-repeat;
	background-size: auto 100%;
	content: '';
	opacity: 0.6;
	display: none;
}


.nav ul li .secend a{
	height: auto;
	width: 100%;
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	color: #231815;
}

.nav ul li .secend a:last-child{
	border-bottom: none;
}

.nav ul li:hover .secend{
	display: block;
}
.nav ul li:hover{
	background: #e1d4c7;
}
.nav ul li:hover.has::after{
	background-position: -12px 0px;
}
.nav ul li:hover .secend a{
	color: #231815;
}

.nav ul li:hover .secend a:hover{
	color: #ff8a5c;
}
.nav ul li:hover a{
	
}
.nav ul li:hover a::after{
	/* width: 70%;
	left: 15%; */
}



.nav ul li .secend a::after{
	display: none;
}

.nav a{
	padding: 0px 0.75vw;
	font-size: 18px;
	line-height: 80px;
	display: block;
	position: relative;
	font-weight: 500;
}

.nav a::after{
	width: 0%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 10px;
	content: '';
	background: #ff8a5c;
	border-radius: 5px;
	transition: all .35s;
}

.search{
	width: auto;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.search input{
	width: 140px;
	height: auto;
	position: relative;
	outline: none;
	height: 40px;
	border: none;
	background: transparent;
}

.search input::placeholder{
	color: rgba(0,0,0,.3);
}

.search .search_btn{
	width: 30px;
	height: 40px;
	position: relative;
	line-height: 40px;
	text-align: right;
	cursor: pointer;
}
.bannerSwiper{
	height: 33vw;
	position: relative;
	margin-top: 80px;
}

.bannerSwiper .img{
	width: 100%;
	height: 100%;
	position: absolute;
	background: center center no-repeat;
	background-size: cover;
}
.bannerSwiper .swiper-slide{
	overflow: hidden;
}

.bannerSwiper .swiper-pagination{
	bottom: 5%;
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet{
	width: 3.5%;
	border-radius: 5px;
	background: #fff;
	height: 6px;
	transition: all 0.6s;
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 5%;
}

.common_top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 2vw;
	line-height: 40px;
	align-items: center;
}

.common_title{
	width: 100%;
	display: flex;
	font-size: 30px;
	line-height: 45px;
	position: relative;
	
}

.common_more{
	width: 50px;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	opacity: 0.6;
	font-size: 14px;
}

.common_more:hover{
	opacity: 1;
	color: #ff8a5c;
}

.common_more .icon{
	font-size: 12px;
}

.common_top .common_title{
	width: auto;
}

.common_top .common_title span{
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/huan.png) no-repeat;
	background-size: cover;
	display: block;
}

.common_top .common_title p{
	position: relative;
	z-index: 2;
	color: #ff8a5c;
}

.intro_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.focus_swiper{
	width: 50%;
	position: relative;
	margin: 0;
}

.focus_swiper .inner{
	padding-top: 450px;
}

.focus_swiper .swiper-slide {
	border-radius: 5px;
	overflow: hidden;
}

.focus_swiper .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	backdrop-filter: blur(2px);
	color: #fff;
	padding: 25px;
	text-align: center;
	padding-bottom: 35px;
}

.focus_swiper .swiper-pagination{
	bottom: 10px !important;
}



.focus_swiper .swiper-pagination-bullet{
	width: 20px;
	height: 2px;
	opacity: 1 !important;
	background: #fff !important;
}

.focus_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #ff8a5c !important;
}

.focus_swiper .swiper-button-next,.focus_swiper .swiper-button-prev{
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: rgba(0, 0, 0, .5);
	border-radius: 3px;
	transition: all 0.35s;
}

.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 16px;
}

.swiper-button-next{
	right: -50px;
}

.swiper-button-prev{
	left: -50px;
}

.focus_swiper:hover .swiper-button-next{
	right: 10px;
}

.focus_swiper:hover .swiper-button-prev{
	left: 10px;
}

.intro_list{
	width: calc(50% - 30px);
}

.intro_list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.intro_list ul li{
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	
}

.intro_list ul li:last-child{
	margin-bottom: 0px;
}

.intro_list ul li a{
	padding: 15px;
	display: flex;
	position: relative;
	justify-content: space-between;
	border-radius: 5px;
	transition: 0.35s;
}

.intro_list ul li a:hover{
	background: #ff8a5c;
	color: #fff;
}

.intro_list ul li a .date{
	font-family: din;
	text-align: center;
	width: 70px;
}

.intro_list ul li a .info{
	width: calc(100% - 80px);
}

.intro_list ul li a .info .top{
	width: 100%;
	display: flex;
	margin-bottom: 10px;
}

.intro_list ul li a .info .top .mark{
	width: 50px;
	height: auto;
	line-height: 25px;
	background: #ff8a5c;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	margin-right: 10px;
} 

.intro_list ul li a .info .top  .name{
	
	line-height: 25px;
	font-size: 20px;
}

.intro_list ul li a .info .btm{
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	opacity: 0.5;
}

.intro_list ul li a .date b{
	font-size: 38px;
}

.intro_list ul li:hover a .info .top .mark{
	background: #fff;
	color: #ff8a5c;
}

.platform{
	width: 100%;
	display: flex;
	justify-content: space-between;
	
}

.platform .item{
	display: block;
	position: relative;
	width: 32%;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.5s;
}

.platform .item .inner{
	padding-top: 55%;
}

.platform .item .icon{
	width: auto;
	height: auto;
	position: absolute;
	left: 3vw;
	bottom: 3vw;
	z-index: 2;
	color: #fff;
	font-size: 24px;
}

.platform .item .icon .i{
	font-size: 48px;
}

.platform .item:hover{
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
}

.gg_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5vw;
}

.list{
	width: calc(50% - 15px);
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .1);
	padding: 25px;
	border-radius: 5px;
}

.list a{
	display: flex;
	position: relative;
	align-items: center;
	padding: 25px 0px;
	padding-left: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	justify-content: space-between;
	line-height: 20px;
}

.list a:last-child{
	border-bottom: none;
}

.list a::before{
	width: 4px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-2px);
	content: '';
	background: #ff8a5c;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.list a .name{
	width: calc(100% - 100px);
	font-size: 18px;
}
.list a .date{
	width: 90px;
	font-size: 14px;
	text-align: right;
	opacity: 0.6;
}

.list a:hover{
	color: #ff8a5c;
}

.list a:hover::before{
	height: 20px;
	transform: translateY(-10px);
}

.actives{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.actives .item{
	width: 23.5%;
	display: block;
	position: relative;
	margin-right: 2%;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
}

.actives .item:hover img{
	transform: scale(1.05);
}

.actives .item:hover .name{
	color: #ff8a5c;
}

.actives .item:nth-child(4n){
	margin-right: 0%;
}

.actives .item .inner{
	padding-top: 75%;
}

.actives .item .info{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 20px;
}

.actives .item .name{
	font-size: 18px;
	height: 50px;
	line-height: 25px;
	margin-bottom: 10px;
	transition: all 0.2s;
}

.actives .item .des{
	font-size: 14px;
	opacity: 0.5;
	margin-bottom: 10px;
}

.about_box .w1400{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.a_box{
	width: calc(50% - 15px);
}

.a_box .list{
	width: 100%;
	background: #f6f5f3;
	box-shadow: none;
}

.bannerSwiper{
	position: relative;
}

.bannerSwiper .swiper-button-prev{
	left: 5%;
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	border-radius: 3px;
	transition: all 0.35s;
}

.bannerSwiper .swiper-button-next{
	right: 5%;
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	border-radius: 3px;
	transition: all 0.35s;
}

.a_conent{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.a_conent .img{
	width: 100%;
	margin-bottom: 1vw;
	border-radius: 5px;
	height: 165px;
	overflow: hidden;
	position: relative;
}
.a_conent .img img{
	position: absolute;
	width: 100%;
	height: 100%;
}

.more_btn{
	width: 110px;
	height: 34px;
	border: 1px solid #ff8a5c;
	color: #ff8a5c;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	display: block;
}

.more_btn:hover{
	background: #ff8a5c;
	color: #fff;
}

.a_conent .singePage p{
	text-indent: 32px;
}

.footer{
	background: #3e4e50;
	color: #fff;
	position: relative;
	padding: 75px 0px 25px;
}

.copyright{
	width: 100%;
	display: flex;
	align-items: center;
	line-height: 25px;
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
}

.copyright a{
	color: rgba(255, 255, 255, .5);
}

.copyright p{
	margin-right: 10px;
}

.footer .top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #4f6767;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.a_conent .singePage{
	margin-bottom: 3vw;
}

.f_socal{
	width: 110px;
	height: auto;
	position: relative;
	text-align: center;
}

.f_socal p{
	font-size: 14px;
	margin-top: 10px;
}

.flogo{
	width: 694px;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
}

.fl{
	width: calc(100% - 200px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.f_nav{
	width: 100%;
}

.f_nav a{
	color: rgba(255, 255, 255, 1);
	margin-right: 3vw;
}

.f_nav a:hover{
	color: #ff8a5c;
}

.pp_box{
	background: url(../images/active_bg.jpg) center center no-repeat;
	background-size: cover;
}

.pt_box{
	background: url(../images/pt_bg.jpg) top center no-repeat;
	background-size: cover;
}

.platform .item:hover img{
	transform: scale(1.05);
}

.hambuer{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	line-height: 30px;
}

.hambuer a{
	padding: 0px 10px;

}

.hambuer a:hover,.hambuer a.active{
	color: #ff8a5c;
}

.hambuer .icon.h{
	color: #ff8a5c;
	font-size: 20px;
	margin-right: 5px;
}

.de_pate{
	background: #fff;
}

.de_pate.f{
	background: #f7f7f7;
}

.hambuer_nav{
	margin-bottom: 2vw;
}

.menu_left{
	width: 325px;
	height: auto;
	position: relative;
}

.warp_right{
	width: calc(100% - 375px);
	padding:50px 35px;
	background: #f7f7f7;
}

.menu_rect{
	width: calc(100% - 25px);
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.menu_box{
	width: calc(100% - 25px);
	height: auto;
	margin-left: 25px;
	margin-top: 50px;
	position: relative;
	background: #f1e7dc;
	padding:50px 25px;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);
}

.menu_list{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 5vw;
}

.add_box{
	width: 100%;
	height: auto;
	position: relative;
}

.menu_list a,.add_box .add_item{
	width: 100%;
	height: auto;
	position: relative;
	padding-left: 25px;
	line-height: 28px;
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

.menu_list a{
	line-height: 36px;
}


.menu_list a::after,.add_box .add_item::after{
	width: 6px;
	height: 6px;
	position: absolute;
	left: 10px;
	top: 11px;
	content: '';
	border-radius: 50%;
	background: #ff8a5c;
}

.menu_list a::after{
	top: 15px;
}

.menu_box .common_top{
	margin-bottom: 0.5vw;
}

.menu_box .common_title{
	font-size: 24px;
}

.menu_list a:hover{
	color: #ff8a5c;
}

.news{
	width: 100%;
	position: relative;
}

.news ul li{
	width: 100%;
	position: relative;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-bottom: 25px;
}

.news ul li a{
	width: 100%;
	display: flex;
	position: relative;
	justify-content: space-between;
	padding: 15px;
	border-radius: 5px;
}

.news ul li a .thum{
	width: 225px;
	height: auto;
	position: relative;
	border-radius: 3px;
}

.news ul li a .thum .inner{
	padding-top: 65%;
}

.news ul li a .info{
	width: calc(100% - 245px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between;
}

.news ul li a .name{
	line-height: 30px;
	font-size: 20px;
	
}

.news ul li a .des{
	width: 100%;
	line-height: 25px;
	font-size: 16px;
	opacity: 0.5;
}

.news ul li a .date{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 25px;
	font-size: 14px;
	display: flex;
	align-items: center;
	opacity: 0.3;
}

.news ul li a .date .icon{
	font-size: 18px;
}

.news ul li a .date p{
	
	margin-left: 5px;
}

.news ul li a:hover{
	background: #ff8a5c;
	color: #fff;
}

.news ul li a:hover .date{
	opacity: 1;
}

.list.in{
	width: 100%;
	box-shadow: none;
	padding: 0;
}

.actives.in .item{
	width: 32%;
	margin-bottom: 1vw;

}

.actives.in .item:nth-child(4n){
	margin-right: 2%;
}

.actives.in .item:nth-child(3n){
	margin-right: 0%;
}

.actives.in .item:hover{
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
}

.intro_list.in{
	width: 100%;
}

.intro_list.in ul li{
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.intro_list.in ul li a{
	padding: 25px 15px;
}

.add_box .add_item{
	font-size: 14px;
}

.menu_list a.active{
	color: #ff8a5c;
}

.detail_box,.othre_list{
	border-radius: 5px;
}

.detail_box,.othre_list{
	padding: 4vw 30px;
}

@media screen and (max-width: 1366px) {
	.nav a{
		font-size: 16px;
		
	}
	.logo{
		width: 250px;
	}
	.platform .item .icon{
		font-size: 22px;
	}
}

@media screen and (max-width: 1300px) {
	.nav a{
		font-size: 16px;
		
	}
}
@media screen and (max-width: 1200px) {
	.search input {
	    width: 100px;
	}
	.nav a{
		font-size: 14px;
	}
	.logo {
		width: 240px;
	}
}

@media screen and (max-width: 1024px) {
	#nav-icon2 {
		display: block;
	}
	.search {
		width: 90%;
		height: auto;
		position: absolute;
		left: 5%;
		top: 85vh;
		opacity: 0;
		visibility: hidden;
		z-index: 3;
		border: 1px solid rgba(0, 0, 0, .1);
	}
	.search.active {
		transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
		opacity: 1;
		visibility: visible;
		top: 80vh;
	}
	#nav-icon2 span{
		background: #ff8a5c;
	}
	.header .w1400{
		width: 100%;
	}
	.nav {
		height: 0px;
		position: fixed;
		left: 0px;
		top: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
		flex-wrap: wrap;
		visibility: hidden;
		pointer-events: none;
		margin-right: 0%;
		z-index: 2;
		background: #fff;
		align-items: flex-start;
	}

	.header {
		height: 60px;
		position: fixed;
		padding: 0px 3%;
		top: 0;
	}
	.bannerSwiper{
		margin-top: 60px;
	}
	.bannerSwiper{
		height: 60vw;
	}
	.swiper-button-next, .swiper-button-prev{
		display: none;
	}
	.w1400{
		width: 90%;
	}
	.boxes{
		padding: 15vw 0px;
	}
	.focus_swiper,.intro_list{
		width: 100%;
	}
	.focus_swiper{
		margin-bottom: 5vw;
	}
	.intro_list ul li a .info .top .mark{
		display: none;
	}
	.focus_swiper .inner {
	    padding-top: 60vw;
	}
	.focus_swiper .name{
		padding: 15px;
		padding-bottom: 25px;
		font-size: 14px;
	}
	.focus_swiper .swiper-pagination-bullet{
		width: 10px;
	}
	.intro_list ul li a{
		padding: 0px;
		align-items: center;
	}
	.intro_list ul li a .date p{
		font-size: 12px;
	}
	.intro_list ul li a .date b{
		font-size: 28px;
	}
	.intro_list ul li a .info .btm{
		display: none;
	}
	.intro_list ul li a .date{
		width: 60px;
		background: #4f6767;
		color: #fff;
		padding: 5px 0px;
		border-radius: 4px;
	}
	.intro_list ul li a .info{
		width: calc(100% - 70px);
	}
	.intro_list ul li a .info .top .name{
		text-overflow: initial;
		white-space: normal;
		font-size: 16px;
	}
	.intro_list ul li a .info .top{
		margin-bottom: 0;
	}
	.platform{
		flex-wrap: wrap;
	}
	.platform .item{
		width: 100%;
		margin-bottom: 5vw;
	}
	.platform .item .icon{
		font-size: 16px;
	}
	.platform .item .icon .i{
		font-size: 28px;
	}
	.gg_box{
		flex-wrap: wrap;
	}
	.list{
		width: 100%;
		padding: 0;
		box-shadow: none;
	}
	.list a{
		padding: 15px 0px;
		padding-left: 10px;
	}
	.list a .name {
	    width: calc(100% - 75px);
	    font-size: 16px;
	}
	.list a .date{
		font-size: 12px;
		width: 70px;
	}
	.common_title{
		font-size: 24px;
	}
	.actives .item{
		width: 48%;
		padding: 0;
		margin-right: 4%;
		background: transparent;
		margin-bottom: 5vw;
	}
	.actives .item:nth-child(2n){
		margin-right: 0%;
	}
	.actives .item .des{
		display: none;
	}
	.actives .item .inner {
	    padding-top: 80%;
	}
	.actives .item .name{
		margin-bottom: 0;
		height: 40px;
		line-height: 20px;
		font-size: 14px;
	}
	.actives .item .info{
		margin-top: 2vw;
	}
	.a_box{
		width: 100%;
	}
	.a_box .list{
		background: transparent;
		margin-bottom: 10vw;
	}
	.fl{
		display: none;
	}
	.f_socal{
		margin: 0px auto;
	}
	.footer{
		padding: 10vw 0px 3vw;
	}
	.copyright{
		flex-wrap: wrap;
		font-size: 10px;
	}
	.copyright p {
	    margin-right: 5px;
	}
	.f_socal p{
		font-size: 12px;
	}
	.footer .top{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.nav.active {
		height: calc(100vh - 60px);
		visibility: visible;
		pointer-events: auto;
	}
	.nav ul{
		position: relative;
		top: 5vw;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nav ul li{
		width: 100%;
		color: #494949;
		padding: 0px 5vw;
		
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		overflow: hidden;
	}
	.nav a {
		font-size: 18px;
		line-height: 55px;
	}
	.nav ul li .secend,.nav ul li.has::after,.nav ul li:hover .secend{
		display: none;
	}
	.intro_list ul li{
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		padding-bottom: 15px;
	}
	.search input{
		width: calc(100% - 30px);
	}
	.search .search_btn{
		text-align: left;
	}
	.search input{
		text-indent: 15px;
	}
	.nav{
		overflow: hidden;
	}
	.header::after {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
		background: #fff;
		content: '';
		z-index: 2;
	}
	.logo{
		position: relative;
		z-index: 3;
	}
	.de_pate {
	    padding-top: 100px;
	}
	.hambuer{
		font-size: 14px;
	}
	.menu_rect{
		display: none;
	}
	.menu_box{
		width: 100%;
		margin-left: 0;
		padding: 5vw;
		margin-top: 0;
	}
	.warp_right{
		width: 100%;
	}
	.menu_box>div:nth-child(n+3){
		display: none;
	}
	.menu_left{
		width: 100%;
		margin-bottom: 5vw;
	}
	.menu_box .common_title{
		font-size: 20px;
		font-weight: bold;
	}
	.menu_list a::after, .add_box .add_item::after{
		left: 10px;
	}
	.menu_list{
		margin-bottom: 0;
	}
	.warp_right{
		background: transparent;
		padding: 0;
	}
	.news ul li a .thum,.news ul li a .info{
		width: 100%;
	}
	.news ul li a{
		flex-wrap: wrap;
		padding: 0;
	}
	.news ul li a .des{
		display: none;
	}
	.news ul li a .name {
	    line-height: 25px;
	    font-size: 16px;
	    margin-top: 2vw;
		margin-bottom: 1vw;
	}
	.news ul li a .date{
		font-size: 12px;
	}
	.news ul li a .date .icon{
		font-size: 14px;
	}
	.news ul li a:hover {
	    background: transparent;
	    color: #231815;
	}
	.news ul li{
		margin-bottom: 5vw;
		padding-bottom: 5vw;
	}
	#page li{
		width: 30px;
		font-size: 12px;
		line-height: 30px;
		margin: 0 1px;
	}
	.de_pate{
		padding-bottom: 10vw;
	}
	.menu_list a:last-child{
		margin-bottom: 0;
	}
	.list a .date{
		display: none;
	}
	.list a .name{
		width: 100%;
	}
	.actives.in .item{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 5vw;
	}
	.actives.in .item:nth-child(2n){
		margin-right: 0;
	}
	.intro_list.in ul li a{
		padding: 0;
	}
	.menu_list a{
		margin-bottom: 2px;
	}
	.intro_list ul li a:hover{
		background: transparent;
		color: #231815;
	}
	.focus_swiper .swiper-pagination-bullet{
		border-radius: 0;
	}
}