@charset "utf-8";

._more,
._pageTitle,
.banner .origin,
.header .nav {
	font-family:"Microsoft YaHei",Arial,;
}

.Celebrity .PageTitle,
.Layout,
._Side .bottom,
._more,
._pageTitle,
.footer ._fl i,
.header .nav a,
.menu-handler>span {
	text-align: center
}

.Advantage .solganEn,
.Layout .en,
._pageTitle .en,
.iwantojoin .titleEn {
	text-transform: uppercase
}


::-webkit-input-placeholder {
    color: #999;
   
  }

@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_817395_7jgnfjo10ea.eot);
	src: url(//at.alicdn.com/t/font_817395_7jgnfjo10ea.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_817395_7jgnfjo10ea.woff) format('woff'), url(//at.alicdn.com/t/font_817395_7jgnfjo10ea.ttf) format('truetype'), url(//at.alicdn.com/t/font_817395_7jgnfjo10ea.svg#iconfont) format('svg')
}
.simple{
	width: 100%;
	font-size: 16px;
	line-height: 2;
}
.simple p{
	margin-bottom: 25px;
}


.header.active {
	background: #f3f1e5;
}
.header {background: #fff;
	position: fixed;
	width: 100%;
	z-index: 20;
	height: 85px;
	border-top: 8px solid #b12123;
	box-sizing: border-box;
	transition: ease .5s;
	box-shadow: 2px 2px 5px #e0dddd
}


.header.active {
	background: #f3f1e5;}
	._more {
	height: 54px;
	width: 176px;
	font-size: 18px;
	display: inline-block;
	line-height: 54px;
	color: #c1192e;
	background: url(../images/tacn/bg_more.png) center no-repeat;
	background-size: cover;
	font-weight: 700
}

._more:hover {
	color: #fff;
	background: url(../images/tacn/bg_moreC.png) center no-repeat;
	background-size: cover
}

.join ._fr .text,
.join ._fr .title {
	font-weight: 700;
	
}



#index {
	overflow: hidden
}

.Features {
	position: relative;
	overflow: hidden
}

.Features .featuresBtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	font-size: 50px;
	color: #fff;
	cursor: pointer
}

.Features .featuresBtn.swiper-button-disabled {
	opacity: .4
}

.Features .button-prev {
	right: 7%
}

.Features .button-next {
	right: 1%
}

.Features .swiper-container {
	height: 100%;
	background: #d0cec0;
	position: relative;
	z-index: 4;
	width: 100%
}

.Features .swiper-wrapper {
	transition-timing-function: ease-out
}

.Features .li {
	background-size: cover;
	background-position: center
}

.sloganProduct {
	display: none
}

._Side {
	position: absolute;
	width: 250px;
	left: 0;
	height: 100%;
	top: 0;
	z-index: 5
}

._Side .up {
	height: calc(100vh - 250px);
	background: rgba(1, 1, 1, .5);
	position: relative
}

._Side .up img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

._Side .bottom {
	height: 250px;
	background-image:url(../images/tacn/CP1.png);
	width: 250px;
	color: #fff;
	position: absolute;
	bottom: 0;
	background-size: cover;
	left: 0;
	transition: background-color .5s;
	cursor: pointer;
	z-index: 3
}

._Side .bottom.black {
	background: rgba(0, 0, 0, .0)
}

._Side .bottom:hover {

background-image:url(../images/tacn/CP1.png);
}

._Side .bottom:hover i {
	transform: translateY(30%)
}

._Side .bottom.black:hover {
	background: rgba(0, 0, 0, 0)
}

._Side .bottom:after {
	content: '';
	position: absolute;
	background: url(../images/index_Pattern.png) center top no-repeat;
	height: 40%;
	background-size: cover;
	left: 0;
	bottom: 0;
	width: 100%
}

._Side .bottom .inner {
	font-size: 16px;
	position: absolute;
	top: 38%;
	width: 100%;
	transform: translateY(-50%)
}

.join,
.join ._fl {
	position: relative
}

._Side .bottom i {
	display: block;
	margin-top: 5px;
	transition: ease .5s
}

.join {
	height: 100vh
}

.join ._fl {
	width: 63%;
	height: 100%
}

.join .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center
}

.join ._fr {
	width: 37%;
	height: 100%;
	position: relative;
	/*background: #f3f1e5*/
}

.join ._fr .summary {
	position: absolute;
	top: 50%;
	left: 44%;
	transform: translate(-50%, -50%);
	width: 80%
}

.join ._fr .title {
	color: #b12123;
	font-size: 48px;
	margin-bottom: 20px
}

.join ._fr .text {
	color: #3d3d3d;
	font-size: 16px;
	margin-bottom: 10%;
	letter-spacing: 1px
}

.join ._fr .text p {
	margin-bottom: 10px
}










.process {
	padding: 100px 0 150px
}

.process .Layout {
	position: absolute;
	right: 0;
	text-align: right
}

.process .BoxL,
.processBox {
	position: relative
}

.process .BoxL {
	width: 820px;
	height: 570px;
	border: 8px solid #be0013;
	box-sizing: border-box;
	border-radius: 40px 0 0;
	overflow: hidden;
	z-index: 5
}

.process .picimg {
	background-size: cover;
	background-position: center
}

.process .BoxR {
	background: #be0013;
	position: absolute;
	width: 820px;
	height: 550px;
	right: 0;
	top: 100px;
	z-index: 1;
	border-radius: 0 0 40px
}

.process .BoxR .swiper-pagination {
	position: absolute;
	width: 100%;
	bottom: 2%
}

.process .BoxR .swiper-pagination span {
	width: 10px;
	height: 10px;
	margin: 0 5px
}

.process .BoxR .swiper-pagination span.swiper-pagination-bullet-active {
	background: #ecdbbc
}

.process .BoxR .btn {
	position: absolute;
	bottom: 15%;
	font-size: 60px;
	cursor: pointer;
	z-index: 20;
	color: #ecdbbc
}

.process .BoxR .btn.L {
	left: 58%
}

.process .BoxR .btn.R {
	right: 2%
}

.process .BoxR .text,
.process .BoxR .ul {
	height: 100%
}

.process .BoxR .ul .li {
	height: 100%;
	position: relative
}

.process .BoxR .ul .number {
	width: 60px;
	height: 60px;
	background: #ecdbbc;
	position: absolute;
	right: 3%;
	top: 5%;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	color: #be0013
}

.process .BoxR .ul .summary {
	position: absolute;
	right: 3%;
	color: #ecdbbc;
	font-size: 24px;
	top: 35%;
	width: 35%;
	text-align: right;
	line-height: 1.6
}




.inBanner{position:relative;max-height:650px;overflow:hidden;}
.inBanner:before{content:'';position:absolute;width:100%;height:40%;left:0;top:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,0));background:-moz-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,0));background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0))}

.inBanner .pageTitleTab{position:absolute;bottom:0;height:58px;background:rgba(0,0,0,.5);color:#fff;width:100%}
.inBanner .pageTitleTab .icon{font-size:28px;line-height:58px;display:inline-block;vertical-align:middle;width:60px;text-align:center}
.inBanner .pageTitleTab a{line-height:58px;width:20%;display:inline-block;text-align:center;vertical-align:middle;border-right:1px solid rgba(255,255,255,.5)}
.inBanner .pageTitleTab a:nth-child(2){border-left:1px solid rgba(255,255,255,.5)}

.no-touch .banner .btn:hover{background-position:0 0;-webkit-transform:scale(1);opacity:1}
.no-touch .banner .btn.prev:hover{-webkit-transform:scale(1) rotate(-180deg)}
.title1{width:400px;height:auto;position:relative;margin-bottom:25px}
.abs1{width:50%;height:auto;position:relative;color:rgba(255,255,255,1);line-height:1.7;font-size:14px;text-shadow:0 0 5px rgba(0,0,0,.1)}
.specila_list{width:100%;height:auto;padding-top:20px}
.specila_list ul.active li{-webkit-transform:translateY(0) translate3d(0,0,0);-moz-transform:translateY(0) translate3d(0,0,0);transform:translateY(0) translate3d(0,0,0)}
.specila_list ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:200px}
.specila_list ul li ._bg{position:absolute;width:100%;height:100%;left:0;top:0;background:#fff url(../images/hbg.png) right bottom no-repeat;-webkit-transition:all .25s;-o-transition:all .25s;-moz-transition:all .25s;transition:all .25s}
.specila_list ul li{width:-webkit-calc((100% - 20px)/ 3);width:-moz-calc((100% - 20px)/ 3);width:calc((100% - 20px)/ 3);height:70vh;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.specila_list ul li.transitionend{-webkit-transition-delay:0s!important;-moz-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;pointer-events:all;color:#222}
.no-touch .specila_list ul li:hover .abs{color:#fff}
.specila_list ul li .stage{position:absolute;width:100%;height:100%;left:0;top:0}

.specila_list ul li .top_{position:absolute;left:35px;line-height:1;top:35px;color:#777;text-transform:uppercase;letter-spacing:1px;font-family:horatioM;font-size:16px}
.no-touch .specila_list ul li:hover .top_{color:#fff}
.specila_list ul li .top_ img{width:auto;margin-top:30px}
.specila_list ul li .thum{width:70%;position:absolute;left:15%;top:15%}
.specila_list ul li .abs{width:90%;height:auto;position:absolute;left:5%;text-align:center;top:75%;line-height:1.7}
.specila_list ul li .abs b{font-size:20px;display:block;margin-bottom:5px}
.specila_list ul li .abs p{opacity:.7;font-size:14px}
.specila_list ul li .menus{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);height:auto;left:40px;bottom:40px;overflow:hidden;position:absolute;-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);transform:translateZ(20px);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border:1px solid rgba(0,0,0,.5)}
.no-touch .specila_list ul li:hover .menus{border-color:transparent}
.specila_list ul li .menus a{position:relative;display:block}
.specila_list ul li .menus a+a:before{content:'';position:absolute;width:1px;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5)}
.no-touch .specila_list ul li:hover .menus a+a:before{background-color:#fff}
.specila_list ul li .menus a p{position:absolute;width:100%;height:50px;background-color:#fff;color:#3e3e3e;left:0;top:-1px;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);-webkit-transition:all .25s;-o-transition:all .25s;-moz-transition:all .25s;transition:all .25s}
.no-touch .specila_list ul li:hover .menus a{background-color:#e4223a;color:#fff}
.specila_list ul li .menus a{display:block;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:48px;line-height:48px;float:left;color:inherit;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.specila_list ul li .menus a+a{border-left:none}
.no-touch .specila_list ul li .menus a:hover p{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}
.no-touch .specila_list ul li:hover ._bg{background-color:#d9b46a;color:#fff}


.special img{max-width:100%;width:auto}
.special{padding:50px}
.special ul li .img-box{position:relative}
.special ul li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:85px 0}
.special ul li .hot{position:absolute;height:640px;width:auto;max-width:unset;left:4%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:drop-shadow(-15px 15px 20px rgba(0, 0, 0, .4));filter:drop-shadow(-15px 15px 20px rgba(0, 0, 0, .4))}
.special .common-{text-align:center;line-height:2;height: 100%;
    padding-bottom: 50px;}
.special ul li .text{position:absolute;left:55%;height:100%;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:16px;line-height:1.7}
.special ul li .text h3{font-size:20px}
.special ul li .text p{opacity:.85}
.special ul li:nth-child(2n) .hot{left:55%}
.special ul li:nth-child(2n) .text{left:15%}

.inBanner+div{max-width:1920px;margin-left:auto;margin-right:auto}

.faq .amap{padding:50px;max-width:1620px;margin:0 auto}
#amap{width:100%;height:570px}
.faq .amap h2{margin-top:35px;line-height:70px;border-bottom:1px solid rgba(0,0,0,.2);font-size:24px;color:#8b080b}
.faq .info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.faq .info p{margin-top:15px;width:33.333%;font-size:18px;line-height:25px;color:#3e3e3e}
.faq .info p span{display:inline-block;width:25px;height:25px; background-image:url(../images/tacn/icons.png);vertical-align:middle;margin-right:10px;-webkit-background-size:300% auto;-moz-background-size:300% auto;-o-background-size:300% auto;background-size:300% auto}
.faq .info p span.e{background-position:50% center}
.faq .info p span.a{background-position:100% center}


@media screen and (max-width:1600px){

.specila_list ul li .abs{top:auto;bottom:120px}
.specila_list ul li .menus a{font-size:13px}
.specila_list ul li .thum{width:66%;left:17%}

.special{padding:5%}
.special ul li .hot{height:500px}
.special ul li .text{width:40%;text-align:justify}
.special ul li{padding:50px 0}
.faq .amap{padding:5%}
}


@media only screen and (max-width:1440px) {
	

	._Side .up {
		height: calc(118vh - 80px)
	}

	._Side .bottom {
		height: 160px
	}

	._Side .up img {
		width: 80px;
		top: 50%
	}



	.join ._fr .title {
		font-size: 36px
	}

	.join ._fr .text {
		font-size: 16px
	}

	
}


@media only screen and (max-width:1200px){

.specila_list ul li .top_{left:20px;top:20px;font-size:14px}
.specila_list ul li .top_ img{margin-top:15px;width:35px}
.specila_list ul li .menus{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);left:20px;bottom:20px}
.specila_list ul li .menus a{line-height:40px;height:40px;font-size:10px}
.specila_list ul li .abs{bottom:80px}
.specila_list ul li{padding-top:50%}

.special ul li .hot{height:25vw}
.special ul li .text{font-size:12px}
.faq .amap h2{font-size:20px}
.faq .info p{width:50%;font-size:16px}

}





@media only screen and (max-width:1024px) {


	.Celebrity .PageTitle,
	.Layout h2,
	.join ._fr .title {
		font-size: 30px
	}


	

	.Features {
		height: auto
	}

	._Side .up {
		height: 100%
	}

	._Side .up img {
		top: 35%
	}

	.join {
		height: 100vh;
		overflow: hidden
	}

	.join ._fr .summary {
		left: 50%
	}

	
	.Advantage .solganEn {
		letter-spacing: 12px;
		font-size: 12px
	}



	.process .BoxR .ul .summary {
		width: 29%;
		font-size: 18px;
		top: 26%;
		right: 8%
	}

	.process .BoxR .btn {
		font-size: 30px;
		bottom: 44%
	}

	.process .BoxR .ul .number {
		font-size: 22px;
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.visualization .dishesBoxTab {
		width: 31%
	}

	.iwantojoin .titleEn {
		font-size: 42px
	}

	.iwantojoin .linkjoin {
		font-size: 18px;
		width: 200px;
		line-height: 40px
	}

	.iwantojoin .sub_simple {
		width: 80%;
		float: right
	}

	.iwanttojoin .iwantojoin {
		height: 310px;
		padding: 30px
	}

 
}

@media only screen and (max-width:768px) {

.Celebrity .PageTitle,
	.Layout h2,
	.join ._fr .title {
		font-size: 23px
	}


	.Celebrity .swiper-wrapper .li .name,
	.logo {
		opacity: 1
	}

	.banner .origin,
	.sloganProduct {
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		box-sizing: border-box
	}
.header {
	height: 75px;
	top: 0;
}
._more {
    height: 38px;
    width: 122px;
    font-size: 16px;
  
    line-height: 38px;
  
}
	._Side,
	.banner .logoIndex,
	.join ._Side {
		display: none
	}

	body {
		background: #f3f1e5
	}



	._Side {
		width: 17%
	}

	._Side .up img {
		width: 54%
	}

	._Side .bottom {
		width: 100%;
		height: 50px
	}

	._Side .bottom .inner {
		font-size: 12px
	}

	._Side .bottom i {
		margin-top: 5px
	}

	.Features .featuresBtn {
		font-size: 26px
	}

	.join ._fl {
		width: 100%;
		height: 200px;
		float: none
	}

	.Celebrity,
	.join {
		height: auto
	}

	.join ._fr {
		float: none;
		width: 100%
	}

	.join ._fr .summary {
		position: relative;
		width: 90%;
		left: 0;
		transform: translate(0, 0);
		margin: 0 auto;
		padding: 20px 0;
		top: 0
	}


	.Features {
		margin-bottom: 0
	}

	.sloganProduct {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding: 15px;
		
		font-weight: 600
	}



	.sloganProduct .title {
		margin-bottom: 10px;
		font-size: 23px;
		color: #b12123;
	}

	.sloganProduct .summary {
		font-size: 16px;
		line-height: 2.2
	}

	

	.process .BoxL,
	.process .BoxR {
		width: 100%;
		border-radius: 0;
		position: relative;
		top: 0;
		height: auto
	}

	.process .Layout {
		position: relative
	}

	.process .BoxR .ul .number,
	.process .BoxR .ul .summary {
		position: relative;
		right: 0;
		top: 0;
		margin: 0 auto
	}

	.process .BoxR .btn.R,
	.visualization .dishesBoxTab .btn.R {
		right: 4%
	}

	.process .BoxR .btn {
		bottom: 200%
	}

	.process .BoxR {
		z-index: 5
	}

	.process .BoxR .btn.L {
		left: 4%
	}

	.process .BoxR .ul .summary {
		width: 100%;
		font-size: 16px
	}

	.process .BoxR .ul .li {
		padding: 10px 0 40px
	}

	.process .BoxR .ul .number {
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 14px
	}

	.process .picimg {
		opacity: .8
	}

	.process .picimg .li {
		background: #000
	}
	
	.specila_list ul{margin-top:0;width:162vw}
.specila_list{margin-top:20vw;overflow-x:auto;width:100vw;margin-left:-3vw;-webkit-overflow-scrolling:touch}
.specila_list ul li{width:50vw;margin-left:3vw;padding-top:43%}
.specila_list ul li:last-of-type{margin-right:3vw}

.special ul li .img-box .text p{display:none}
.special ul li>.text{position:relative;color:#222;left:0;width:100%;margin-top:40px;font-size:14px}
.special ul li>.text h3{display:none}
.special ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:0}
.special ul li:nth-child(2n)>.text{left:0}

#amap{height:300px}
.faq .amap h2{margin-top:0}
.faq .info p{width:100%}	

}


@media screen and (max-width:600px){

.specila_list{overflow-x:hidden;width:100%;margin-left:0}
.specila_list ul{width:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.specila_list ul li:last-of-type{margin-right:0}
.specila_list ul li{margin-left:0;width:100%;padding-top:130vw;pointer-events:all}
.specila_list ul li:nth-child(1) .menus{display:none}
.specila_list ul li+li{margin-top:3vw}
.specila_list ul li .abs b{font-size:18px}

.special .common- p{display:inline}
.special .common-{text-align:justify;-moz-text-align-last:center;text-align-last:center;line-height:1.7}
.special{padding:50px 3%}
.special ul li>.text{font-size:14px}

.faq .amap{padding:3%}
#amap{height:250px}
.faq .amap h2{font-size:18px;line-height:60px}
.faq .info p span{width:20px;height:20px}
.faq .info p{font-size:14px}

}

@media only screen and (max-height:400px) {

	

	._Side .up img {
		width: 70px
	}

	._Side,
	._Side .bottom {
		width: 200px
	}

	.join {
		height: 400px
	}

	

	
}




.newsListUl{overflow:hidden}
.newsListUl ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.newsListUl li{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;display:block}
._clear::after{position:static;display:table}

.newsListUl li::after{content:'';clear:both;display:table}

.newsPage{padding:75px 0;position:relative; background:url(../images/tacn/new_bg.jpg);}
.newsPage .newsList{width:89%}
.newsPage .tabTitle{color:#fff;height:26px;position:relative;display: none;}
.newsPage .tabTitle a{font-size:16px;margin-right:65px;position:relative;display:inline-block;z-index:5;color:rgba(255,255,255,.5);-webkit-transition:.35s}
.newsPage .tabTitle a.active{font-size:20px;color:rgba(255,255,255,1)}
.newsPage .tabTitle a:after{content:'';width:54px;background:#a00f0a;height:54px;display:block;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:50%;left:50%;margin-left:-27px;margin-top:-27px;z-index:-1;-webkit-transition:ease .5s;-o-transition:ease .5s;-moz-transition:ease .5s;transition:ease .5s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.newsPage .tabTitle a:before{content:'';position:absolute;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:50%;left:50%;margin-left:-22px;margin-top:-22px;-webkit-transition:ease .5s;-o-transition:ease .5s;-moz-transition:ease .5s;transition:ease .5s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.newsPage .tabTitle a:after,.newsPage .tabTitle a:before{opacity:0;-webkit-transform:scale(0)}
.newsPage .tabTitle a.active:after{opacity:1;-webkit-transform:scale(1)}
.newsPage .tabTitle a.active:before{opacity:1;-webkit-animation:rects 1s ease infinite}
@-webkit-keyframes rects{
0%{opacity:0;-webkit-transform:scale(0)}
70%{opacity:1;-webkit-transform:scale(1.5)}
100%{opacity:0;-webkit-transform:scale(2)}
}
.newsListUl .ul{overflow:hidden}
.newsListUl li.active{display:block}
.newsListUl li{position:relative}
.newsListUl.de li{display:block}
.newsListUl .li{float:left;/*margin-top:32px;*/width:32%;margin-right:2%;background:#fff}
.newsPage .newsListUl .li:nth-child(3n){
    margin-right: 0;
}
.newsListUl.de .li:nth-child(3n){}
._news.newsListUl li .pic,.newsListUl .pic{width:100%;height:auto;overflow:hidden}
._news.newsListUl li .pic img,.newsListUl .pic img{-webkit-transition:.35s;width:100%}
._news.newsListUl li:hover .pic img,.newsListUl .li:hover .pic img{-webkit-transform:scale(1.05)}
.newsListUl .title{font-size:16px;line-height:30px;height:30px;overflow:hidden}
.newsListUl .info{width:100%;height:auto;padding:10px;-webkit-transition:.35s;position:relative}
._news.newsListUl li::after,.newsListUl .info::after{width:0%;height:2px;position:absolute;left:0;bottom:0;background:rgba(255,255,255,.5);content:'';-webkit-transition:.35s}
.newsListUl{margin-top:1px}
._news.newsListUl li:hover .info,.newsListUl .li:hover .info{padding:10px 20px;background:#9b0010;color:#fff}
._news.newsListUl li:hover .info::after,.newsListUl .li:hover .info::after{width:100%;-webkit-transition-delay:.1s}
.newsListUl .timer{opacity:.5;font-size:12px}

.newsPlate .tabTitle{text-align:center;margin:20px auto 30px}
.newsPlate .tabTitle span{font-size:25px;display:inline-block;vertical-align:middle}
.newsPlate .tabTitle a{font-size:24px;margin:0 25px;position:relative;display:inline-block;vertical-align:middle;z-index:5}
.newsPlate .tabTitle a.active{color:#9f0f09}
._news.newsListUl li{float:left;margin-top:32px;width:23.5%;margin-right:2%}
._news.newsListUl li:nth-child(4n){margin-right:0}
._news.newsListUl li .thum{margin-bottom:10px;overflow:hidden}
._news.newsListUl li .title{font-size:20px;line-height:2;height:40px}
._news.newsListUl li .t{color:rgba(0,0,0,.4)}
._newsdetail2 .content_list .item_des{height:80px}
.newsPlate .newsListUl ul{margin-bottom:65px}

.news14 li .number{margin-bottom:0}

@media screen and (min-width:1024px){
.newsPage .newsList{width:88%}
.newsPage{padding:30px 0;}
}

@media screen and (max-width:900px){

.experience{margin-top:20px}
.experiencePage ._fl{width:100%;margin-right:0}
.experiencePage .number{margin-bottom:0}
.experiencePage ._fr{width:100%}



}
@media screen and (max-width:768px){
.newsPage{padding:30px 0;}
.newsPage .newsList{width:100%}
.newsPage .tabTitle a:before{display:none}
.newsPage .tabTitle a::after{display:none}
.newsPage .tabTitle a{margin:0;font-size:23px;border:1px solid #fff;line-height:45px;border-radius:35px;width:35vw;text-align:center}
.newsPage .tabTitle a.active{font-size:23px;background-color:#9b0010;border-color:#9b0010}
.newsPage .tabTitle{justify-content:space-evenly;height:auto;display:flex}

.news14 li .info{padding:10px 0;background:#0a1332;color:#fff}
.news14 li .title{font-size:13px;display:none}

.newsPlate .tabTitle a{font-size:16px;margin:0 1vw}
.newsPlate .tabTitle span{font-size:18px}
._news.newsListUl li{width:100%;margin:0;margin-bottom:5vw}
.newsPlate .tabTitle{margin-top:25px}

._news.newsListUl li .title{font-size:18px;height:30px}

.newsPlate{padding:5vw 0}
._news_detail{padding-top:0}
._newsdetail2 .listContent h3{font-size:20px}
._newsdetail2 .content_list .date_wrap{font-size:16px;line-height:30px}
}
@media only screen and (max-width:425px){
.newsPage .tabTitle a{margin:0;font-size:21px;border:1px solid #fff;line-height:42px;border-radius:35px;width:35vw;text-align:center}
.newsPage .tabTitle a.active{font-size:16px;background-color:#9b0010;border-color:#9b0010}
.newsListUl .li{float:left;/*margin-top:32px;*/width:44%;margin-right:2%;background:#fff}
.newsListUl .li{width:100%;margin:0;margin-bottom:3vw;float:none}
}