/* 移动端导航按钮 */
.header-button{
	display: none;
	position: relative;
	height: 50px;
	width: 30px;
	cursor: pointer;
}
.header-button span {
    display: block;
    height: 2px;
    width: 100%;
    background: #E80010;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 2px;
    margin-top: -1px;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}
.header-button:after, .header-button:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #E80010;
    content: "";
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}
.header-button:before {
    top: 13px;
}
.header-button:after {
    bottom: 13px;
}
.header-button.active:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    top: 13px;
    left: 5px;
}
.header-button.active span {
    opacity: 0;
}
.header-button.active:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    left: 5px;
    bottom: 13px;
}
/* 移动端导航按钮结束 */
.nav{
	width: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	z-index: 10;
	transition: all 0.5s;
}
.navdown{
	background-color: #ffffff;
	box-shadow: 1px -27px 50px #888888;
}
.navdown .navlist ul li a{
	color: #999999;
}
.nav .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.navlogo{
	width: 15.625rem;
	height: 3.7rem;
	transition: all 0.5s;
}
.navlist{
	width: auto;
	height: 100%;
	transition: all 0.5s;
	margin-right:20px;
}
.nav-active a,.navlist ul li a:hover{
	background-color: #e80010;
	color: #FFFFFF !important;
}
.navlist ul{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navlist ul li{
	width: auto;
	height: auto;
}
.navlist ul li a{
	display: inline-block;
	width: auto;
	height: 6.25rem;
	line-height: 6.25rem;
	text-align: center;
	padding: 0 1.5rem;
	font-size: 1rem;
	color: #ffffff;
}
.toolbar{
	height: auto;
	display: flex;
	justify-content: space-between;
}
.toolbar .interval{
	border-right:0.063rem solid #ffffff;
}
.toolbar .iconfont{
	font-size: 1.438rem;
	line-height: 1.438rem;
}
.telephone,.search{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.telephone-hover,.search-hover{
	position: absolute;
	right: 0;
	display: none;
	width: 12.063rem;
	height: auto;
	background-color: #ffffff;
	border-radius: 1.875rem;
	text-align: center;
	transition: all 0.5s;
	justify-content: center;
	animation: anopen 0.5s;
	transform-origin:right;
}

.telephone-hover .iconfont{

	line-height: 1.875rem;
	color: #e80010;
}
.telephone-hover:not(.iconfont){
	font-size: 1.125rem;
	line-height: 1.875rem;
	font-weight: 600;
	color: #e80010;
}
.search-hover{
	font-size: 0.75rem;
}
.search-hover input{
	display: inline-block;
	width: 80%;
	height: 1.875rem;
	line-height:1.875rem;
	border-radius: 1.875rem;
	border: none;
	padding: 0 0.5rem;
	color: #000000;
}
.search-btn{
	display: inline-block;
	width: 20%;
	height: 1.875rem;
	line-height: 1.875rem !important;
	color: #e80010;
	border-left: 0.063rem solid #dedede;
	cursor: pointer;
	border-top-right-radius: 1.875rem;
	border-bottom-right-radius: 1.875rem;
	justify-content: center;
	align-items: center;
}
.search-btn:hover{
	background-color: #e80010;
	color: #ffffff !important;
}
.banner{
	width: 100%;
	height: 56.813rem;
	z-index: 1;
	position: relative;
}
.banner .swiper-slide{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.banner .swiper-slide img{
	position: absolute;
}
.banner .swiper-txt{
	position: absolute;
	display: inline-block;
	font-size: 3.813rem;
	font-weight:600;
	color: #ffffff;
	letter-spacing: 0.5rem;
}
.banner .swiper-txt br{
	display: none;
}
.bannerswiper-button-prev:after, .bannerswiper-button-next:after{
	font-family: swiper-icons;
	font-size: 2rem;
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}
.bannerswiper-button-prev,.bannerswiper-button-next{
	font-size: 1rem;
	z-index: 2;
	color: #ffffff;
	opacity: 0.5;
	font-weight: 100;
}
.bannerswiper-button-prev{
	position: absolute;
	left: 15rem;
	top: 50%;
}
.bannerswiper-button-next{
	position: absolute;
	right: 15rem;
	top: 50%;
}
.bannerswiper-button-prev:after{
	content: 'prev';
}
.bannerswiper-button-next:after{
	content: 'next';
}
.red{
	color: #e80010;
}
.introduce{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	padding: 4.938rem 0;
}
.introduce .container{
	display: flex;
	justify-content: space-between;
}
.intro-left{
	width: 37.25rem;
	height: auto;
	animation: anopen 0.5s;
}
.title-common{
	font-size: 2rem;
	height: 2rem;
	line-height: 2rem;
	color: #333333;
	font-weight: 800;
	margin-bottom: 1.625rem;
}
.title-markp{
	height: 0.125rem;
	line-height: 0.125rem;
	margin-bottom: 1.75rem;
}
.title-mark{
	display: inline-block;
	width: 7rem;
	height: 0.125rem;
	background-color: #4aac73;
}
.intro-left p:nth-child(3){
	margin-bottom: 2rem;
}
.intro-left p:nth-child(3),.intro-left p:nth-child(4){
	text-align: justify;
	font-size: 0.875rem;
	line-height: 2.188rem;
	color: #737373;
	text-indent:2rem;
}
.intro-left p:nth-child(4){
	margin-bottom: 2.5rem;
}
.moredetails{
	height: 3.125rem;
	line-height: 3.125rem;
}
.moredetails span{
	display: inline-block;
	color: #ffffff;
	font-size: 0.875rem;
	text-align: center;
	width: 9.75rem;
	height: 3.125rem;
	line-height: 3.125rem;
	background-color: #d5d5d5;
	cursor: pointer;
	transition: all 0.3s;
}
.moredetails span:hover{
	background-color: #e80010;
	border-radius: 0.3rem;
}
.intro-right{
	width: 49.5rem;
	height: auto;
}
.booth{
	width: 42.5rem;
	height: 29.375rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-bottom:20px;
}
.booth:hover img{
	animation: none;
}
.booth img,.booth span,.booth video{
	position: absolute;
}
.booth img{
	z-index: 2;
}
.booth span{
	width: 5.5rem;
	height: 5.5rem;
	display: inline-block;
	text-align: center;
	font-size: 5.5rem;
	line-height: 5rem;
	cursor: pointer;
	z-index: 3;
	transition: all 0.5s;
	border: 0.125rem solid #ffffff;
	border-radius: 50%;
}
.booth i{
	display: inline-block;
	color: #ffffff;
	text-align: center;
	z-index: 4;
	font-size: 5.5rem;
	line-height: 5.5rem;
	cursor: pointer;
}
.booth:hover span{
	transform: scale(1.5);
	opacity: 0;
}
.booth video{
	width: 100%;
	height: 100%;
	object-fit:cover;
	z-index: 1;
}
.intro-bottom{
	width: 100%;
	height: auto;
	margin-top: 3.75rem;
}
.intro-bottom ul{
	width: 100%;
	height: auto;
	display: flex;
}
.intro-bottom ul li{
	width: calc(100% / 6);
	height: auto;
	position: relative;
}
.intro-bottom ul li:not(:last-child)::after{
	display: inline-block;
	content: "";
	width: 0.063rem;
	height: 2.688rem;
	background-color: #e1e1e1;
	position: absolute;
	right: -0.063rem;
	top: 0.718rem;
}
.intro-bottom ul li p{
	text-align: center;
}
.intro-bottom ul li p:nth-child(1){
	font-size: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	color: #e80010;
	font-weight: 700;
	margin-bottom: 1.125rem;
}
.intro-bottom ul li p:nth-child(2){
	font-size: 1.125rem;
	height: 1.125rem;
	line-height: 1.125rem;
	color: #999999;
}
.project{
	width: 100%;
	height: auto;
	background-color: #ededed;
	padding: 5rem 0;
}
.pubcttit{
	width: 100%;
	height: auto;
	margin-bottom: 3.125rem;
}
.title-desc{
	font-size: 1rem;
	height: 1rem;
	line-height: 1rem;
	color: #737373;
}
.pubcttit p{
	text-align: center;
}
.pubcttit p:nth-child(2){
	margin-bottom: 3rem;
}
.project-piclist{
	width: 100%;
	height: auto;
}
.project-piclist ul{
	width: 100%;
	height: auto;
	display: flex;
}
.project-piclist ul li{
	width: 33.3%;
    height: 28rem;
    cursor: pointer;
    position: relative;
    margin-right: 2%;
}
.prospects{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.prospects img{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.prospects span{
	display: inline-block;
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 1.25rem;
	color: #ffffff;
	text-align: center;
	position: absolute;
	z-index: 2;
	bottom: 2.25rem;
}
.foreground{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2.75rem;
	position: absolute;
	z-index: 2;
	background-color: rgba(0,0,0,0.4);
	transition: all 0.5s;
	animation: foream 0.5s;
	display: none;
}


.foreground p{
	text-align: center;
}
.foreground p:nth-child(1){
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 0.938rem;
}
.foreground p:nth-child(2) span{
	display: inline-block;
	width: 2.563rem;
	height: 0.125rem;
	line-height: 0.125rem;
	background-color: #ffffff;
	margin-bottom: 1rem;
}
.foreground p:nth-child(3){
	font-size: 0.875rem;
	height: auto;
	line-height: 0.875rem;
	color: #ffffff;
	line-height: 2.25rem;
	text-align: justify;
	margin-bottom: 2.375rem;
}
.foreground p:nth-child(4) span a{
	display: inline-block;
	width: 9.75rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #ffffff;
	background-color: #e80010;
	border-radius: 2.5rem;
	text-align: center;
}
.foreground p:nth-child(4) span:hover a{
	background-color: #a3000d;
}
.project-piclist ul li:hover .prospects span{
	display: none;
}
.project-piclist ul li:hover .prospects img{
	animation:ProtoSmall 0.5s ease 0s 1 normal; animation-fill-mode:both; -webkit-animation:ProtoSmall 0.5s ease 0s 1 normal; -webkit-animation-fill-mode:both;transition: all 0.5s;
}
.project-piclist ul li:hover .foreground{
	display: flex;
}
.case{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	padding: 5.5rem 0 5rem 0;
}
.case .container{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.case-nav{
	margin-bottom: 3.125rem;
}
.case-title{
	display: inline-block;
	width: auto;
	height: auto;
}
.case-title .title-markp{
	margin-bottom: 0;
}
.case-column{
	display: inline-block;
	width: auto;
	height: auto;
	display: flex;
	align-items: end;
}
.case-column ul{
	display: flex;
}
.case-column ul li{
	width: 7.313rem;
	height: 2.375rem;
	line-height: 2.375rem;
	border: solid 0.063rem #dedede;
	text-align: center;
	font-size: 1rem;
	color: #737373;
	transition: all 0.5s;
	cursor: pointer;
}
.case-column ul li:nth-child(1){
	margin-right: 1.25rem;
}
.case-active{
	background-color: #e80010;
	border: solid 0.063rem #e80010 !important;
	color: #ffffff !important;
	position: relative;
}
.case-active::after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-right:0.5rem solid transparent;
	border-left:0.5rem solid transparent;
	border-top:0.375rem solid #e80010;
	position: absolute;
	z-index: 2;
	bottom: -0.375rem;
	left: calc(50% - 0.5rem);
}
.encase{
	display: none;
}
.case-swiper{
	width: 100%;
	height: auto;
}
.case-swiper .swiper-slide{
	width: 51.125rem !important;
	height: 32.25rem;
	position: relative;
}
.case-swiper-img{
	width: 100%;
	height: 100%;
	border: solid 0.063rem #dedede;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.case-swiper-introduce{
	width: 32.375rem;
	height: auto;
	padding: 2.188rem;
	box-shadow: 1px 1px 20px #aaaaaa;
	position: absolute;
	z-index: 2;
	background-color: #ffffff;
	right: -22.188rem;
	top: 11.75rem;
}
.case-swiper-introduce p:nth-child(1){
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 1.25rem;
	color: #333333;
	margin-bottom: 1rem;
}
.case-swiper-introduce p:nth-child(2){
	width: 100%;
	height: auto;
	font-size: 0.875rem;
	line-height: 1.813rem;
	color: #737373;
	text-align: justify;
	margin-bottom: 1.75rem;
}
.case-swiper-introduce p:nth-child(3) span a{
	display: inline-block;
	width: 9.75rem;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: 1rem;
	text-align: center;
	color: #ffffff;
	background-color: #d5d5d5;
}
.case-swiper-introduce p:nth-child(3) span a:hover{
	background-color: #E80010;
	border-radius: 0.5rem;
}
.caseswiper-pagination{
	width: 6rem;
	height: 3rem;
	position: absolute;
	z-index: 3;
	left: 60rem;
	top: 3.5rem;
}

.caseswiper-pagination{
	font-size: 2.25rem;
	color: #999999;
}
.caseswiper-pagination .swiper-pagination-current{
	font-size: 3.25rem;
	color: #000000;
}
.swiper-button-prev, .swiper-rtl .swiper-button-prev{
	top: 6rem;
	left: 56rem;
	color: #999999;
	font-size: 1.5rem;
	align-items: end;
}
.swiper-button-next, .swiper-rtl .swiper-button-next{
	top: 6rem;
	left: 67.5rem;
	color: #999999;
	font-size: 1.5rem;
	align-items: end;
}
.team{
	background-color:#ededed ;
	padding: 5rem 0;
}
.team .container{
	display: flex;
	justify-content: space-between;
}
.team-left{
	width: 44.125rem;
	height: auto;
}
.team-right{
	width: 41rem;
	height: auto;
	overflow: hidden;
}
.title-nikename{
	height: 3.75rem;
	line-height: 3.758rem;
	font-size: 3.75rem;
	color: #b3b3b3;
	margin-bottom: 3rem;
}
.team-left .title-desc{
	margin-bottom: 3rem;
}
.team-left ul{
	width: 100%;
	height: auto;
	display: flex;
}
.team-left ul li{
	height: auto;
	display: flex;
}
.team-left ul li:not(:last-child){
	margin-right: 2.5rem;
}
.team-number{
	height: 3.813rem;
	line-height: 3.813rem;
}
.team-number span:nth-child(1){
	display: inline-block;
	font-size: 3.813rem;
	height: 3.813rem;
	line-height: 3.813rem;
	color: #454545;
	font-weight: 400;
}
.team-number span:nth-child(2){
	display: inline-block;
	font-size: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #454545;
	font-weight: 400;
}
.team-numtxt{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.team-numtxt p{
	font-size: 1rem;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #737373;
}
.team-left .moredetails{
	margin-top: 3rem;
}
.team-left .moredetails span{
	background-color: #e80010;
}
.team-left .moredetails span:hover{
	background-color: #a8000e;
}
.teamcoll{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	margin-top: 4rem;
}
.teamcoll .teamswiper-item{
	width: 100%;
	height: 22.125rem;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.teamcoll .teamswiper-item img{
	display: inline-block;
	position: absolute;
}
.teamcoll .teamswiper-item span{
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 3.625rem;
	line-height: 3.625rem;
	font-size: 1.125rem;
	color: #ffffff;
	text-align: center;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
}
.teamcoll .teamswiper-item:hover span{
	animation: fadedown 0.5s;
}

.cooperation{
	background-color: #ffffff;
	padding: 5rem 0;
}
.cooperation .container p{
	text-align: center;
}
.cooperation .container .title-desc{
	margin-top: 3rem;
	height: auto;
	line-height: 2.25rem;
}
.unitlist{
	width: 100%;
	height: 17.625rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3rem;
}
.unitlist li{
	width: 13.25rem;
	height: 6.875rem;
	border: solid 0.063rem #dedede;
	cursor: pointer;
	overflow: hidden;
}

.unitlist li a img{
	filter: grayscale(1);
	transition: all 0.5s;
	opacity: 0.5;
}
.unitlist li:hover a img{
	filter: grayscale(0);
	opacity: 1;
}
.news{
	width: 100%;
	height: auto;
	background-color:#ededed ;
	padding: 5rem 0;
}
.news .container{
	display: flex;
	align-items: center;
	position: relative;
}
.case-column{
	position: absolute;
	right: 0;
	bottom: 0;
}
.case-column ul li{
	position: relative;
	background-color: #ffffff;
}
.case-column ul .case-active,.case-column ul li:hover{
	color: #ffffff;
	background-color: #e80010;
}
.case-column ul li:hover::after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-right:0.5rem solid transparent;
	border-left:0.5rem solid transparent;
	border-top:0.375rem solid #e80010;
	position: absolute;
	z-index: 2;
	bottom: -0.375rem;
	right: calc(50% - 0.5rem);
}
.title-deputy{
	font-size: .75rem;
	text-transform: uppercase;
	color: #b3b3b3;
	margin-left: 1rem;
}
.newslist{
	width: 100%;
	height: auto;
	background-color: #ffffff;
}
.newslist ul{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}
.newslist ul li{
	width: calc((100% - 8rem)/3);
}
.newslist ul li:hover p:nth-child(1){
	color: #E80010;
}
.newslist ul li p:nth-child(1){
	font-size: 1rem;
	height: 1rem;
	line-height: 1rem;
	color: #555555;
	margin-bottom: 0.75rem;
	overflow: hidden;    
	text-overflow:ellipsis;    
	whitewhite-space: nowrap;
}
.newslist ul li p:nth-child(2){
	font-size: 0.75rem;
	height: 0.75rem;
	line-height: 0.75rem;
	color: #999999;
	margin-bottom: 0.75rem;
}
.newslist ul li p:nth-child(3){
	width: 100%;
	height: 14.125rem;
	margin-bottom: 1.75rem;
	overflow: hidden;
}
.newslist ul li p:nth-child(4){
	font-size: 0.875rem;
	height: 7rem;
	line-height: 1.813rem;
	color: #9f9f9f;
	margin-bottom: 1.313rem;
	overflow: hidden;
}
.newslist ul li p:nth-child(5) span{
	display: inline-block;
	width: 9.688rem;
	height: 2.063rem;
	line-height: 2.063rem;
	border-radius: 2.063rem;
	text-align: center;
	background-color: #ffffff;
	border: solid 0.063rem #e3e3e3;
	cursor: pointer;
	transition: all 0.5s;
}
.newslist ul li p:nth-child(5) span:hover,.morenews a:hover{
	background-color: #E80010;
	border-radius: 0.5rem;
	color: #ffffff;
}
.morenews{
	text-align: center;
}
.morenews a{
	display: inline-block;
	margin-top: 3.125rem;
	width: 18.063rem;
	height: 3.125rem;
	line-height: 3.125rem;
	background-color: #d5d5d5;
	text-align: center;
	color: #ffffff;
	font-size: 1rem;
	cursor: pointer;
}
.hangyenews{
	display: none;
}
.graplist{
	width: 100%;
	height: auto;
	margin: 2rem 0;
}
.graplist ul li{
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}
.graplist ul li a{
	display: flex;
}
.graplist-pic{
	width: 22.125rem;
	height: 12.75rem;
	overflow: hidden;
}
.graplist-wen{
	width: calc(100% - 25.125rem);
	padding-left: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.graplist-wen p:nth-child(1){
	font-size: 1.4rem;
	height: 1.4rem;
	line-height: 1.4rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom: 1rem;
}
.graplist-wen p:nth-child(2){
	font-size: 1rem;
	height: auto;
	line-height: 2rem;
	color: #999999;
	margin-bottom: 2rem;
}
.graplist-wen p:nth-child(3) span:nth-child(1){
	display: inline-block;
	width: 10rem;
	height: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	background-color: #999999;
	color: #ffffff;
	text-align: center;
	transition: all 0.5s;
}
.graplist-wen p:nth-child(3) span:nth-child(2){
	float: right;
	font-size: 1rem;
}
.graplist-wen:hover p:nth-child(3) span:nth-child(1){
	border-radius: 0.5rem;
	background-color: #E80010;
	color: #ffffff;
}
.graplist-wen:hover p:nth-child(2),.graplist-wen:hover p:nth-child(1){
	color: #E80010;
}
.newsdetail{
	width: 100%;
	height: auto;
	background-color: #ffffff;	
	padding: 1rem;
}
.newsdetail-title{
	width: 100%;
	height: auto;
	border-bottom: 0.063rem dashed #999999;
}
.newsdetail-title h4.title{
	text-align: center;
	font-size: 1.5rem;
	height: auto;
	line-height: 2;
	margin-bottom: 1rem;
	font-weight: 600;
}
.newsdetail-title ul{
	font-size: 1.2rem;
	height: auto;
	line-height: 1.5rem;
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
}
.newsdetail-title ul li{
	padding: 0 8px
}
.newsdetail-content{
	padding: 30px 0
}
.newsdetail-content,.newsdetail-content p{
	font-size: 14px;
	line-height: 2;
}
.newsdetail-content img{
	width: auto;
	max-width: 100%;
	height: auto!important;
	display: block;
}
.newsdetail-paging{
	margin-top: 2rem;
	border-top: 0.063rem dashed #999999;
}
.newsdetail-paging a{
	display: inline;
}
.newsdetail-paging p{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.2rem;
	transition: all 0.5s;
}
.newsdetail-paging p:hover{
	height: 4rem;
	line-height: 4rem;
	font-size: 1.3rem;
	color: #E80010;
}

footer{
	width: 100%;
	height: auto;
	background-color: #212121;
}
footer .container{
	padding-top: 4rem;
	padding-bottom: 4.75rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-left{
	width: 35.813rem;
	height: auto;
}
.footer-nav{
	width: 100%;
	height: auto;
	margin-bottom: 2.25rem;
}
.footer-nav a:hover{
	color: #E80010;
}
.footer-nav ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-nav ul li{
	width: auto;
	height: 1rem;
	line-height: 1rem;
	font-size: 1rem;
	color: #ffffff;
}
.footer-nav ul li:not(:last-child)::after{
	content: "";
	height: 1rem;
	line-height: 1rem;
	position: relative;
	left: 50%;
	border-right: 0.063rem solid #454545;
}
.footer-info{
	width: 100%;
	height: auto;
}
.footer-info p{
	width: 100%;
	height: 0.875rem;
	line-height: 0.875rem;
	font-size: 0.875rem;
	color: #7a7a7a;
	display: flex;
	justify-content: space-between;
}
.footer-info p:not(:last-child){
	margin-bottom: 1.5rem;
}
.footer-center{
	width: 7.75rem;
	height: auto;
}
.qrcode{
	width: 7.75rem;
	height: 7.75rem;
}
.footer-center p{
	font-size: 0.875rem;
	line-height: 0.875rem;
	color: #ffffff;
	margin-top: 1.188rem;
	text-align: center;
	line-height: 1.5rem;
}
.footer-right{
	width: 35.75rem;
	height: auto;
}
.footer-right>p{
	margin-bottom: 1.25rem;
}
.footer-right>p span:nth-child(1){
	font-size: 1.25rem;
	color: #ffffff;
}
.footer-right>p span:nth-child(2){
	font-size: 1rem;
	color: #909090;
}
.footer-right>form p{
	display: flex;
	justify-content: space-between;
}
.footer-right>form p{
	margin-bottom: 0.813rem;
}
.footer-right>form input:not([type="submit"]){
	display: inline-block;
	border: none;
	width: 17.5rem;
	height: 2.625rem;
	padding: 0 1.125rem;
	color: #ffffff;
	background-color: #000000;
	font-size: 1rem;
}
.footer-right>form input[type="submit"]{
	display: inline-block;
	border: none;
	width: 17.5rem;
	height: 2.625rem;
	text-align: center;
	color: #ffffff;
	background-color: #e80010;
	border-radius: 0.25rem ;
	font-size: 1rem;
	transition: all 0.5s;
}
.footer-right>form input[type="submit"]:hover{
	background-color: #9e000d;
	border-radius: 0.5rem ;
}
.copyright{
	margin-top: -3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.arrow{
	position: relative;
	cursor: pointer;
}
.arrow::before{
	display: inline-block;
	border-left: 0.063rem solid #fff;
	border-top: 0.063rem solid #fff;
	width: 1.414rem;
	height: 1.414rem;
	position: absolute;
	top: -4.2rem;
	left: -0.707rem;
	transform: rotate(45deg);
	content: '';
	animation: slowmove 2s infinite;
}

.arrow:after{
	display: inline-block;
	border-left: 0.063rem solid #fff;
	border-top: 0.063rem solid #fff;
	width: 1rem;
	height: 1rem;
	top: -3.4rem;
	left: -0.5rem;
	position: absolute;
	transform: rotate(45deg);
	content: '';
}
.copyright span{
	position: absolute;
	z-index: 2;
	margin-top: 3rem;
	color: #919191;
}
.copyright span a{
	width: auto;
	height: auto
}
@media (min-width: 1024px) and (max-width: 1136px){
	.footer-info p{
		line-height: 1.4rem;
	}
	.footer-info p:not(:last-child){
		margin-bottom: 2rem;
	}
	.footer-center p{
		line-height: 1.4rem;
	}
}

.banner2{
	width: 100%;
	height: 450px;
}
.banner-block{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	overflow: hidden;
}
.banner-block img{
	position: absolute;
	z-index: 1;
}
.banner-block span{
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 1rem !important;
	background-color: rgba(0,0,0,0.26);
	z-index: 2;
	padding: 1.5rem;
}
.banner-block span p:nth-child(1){
	font-size: 2.125rem;
	font-weight: 600;
	height: 2.125rem;
	line-height: 2.125rem;
	text-align: center;
	margin-bottom: 1.375rem;
}
.banner-block span p:nth-child(2){
	font-size: 1.2rem;
	height: auto;
	line-height: 1.2rem;
	text-align: center;
	letter-spacing: 0.131rem;
}

.anchor{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0 -5rem 8rem #000000;
	margin-bottom: 3rem;
}
.anchor ul{
	width: 100%;
	height: auto;
	display: flex;
}
.anchor ul li{ margin-right:0.5rem;}
.anchor ul li a{
	display: inline-block;
	height: 4.375rem;
	line-height: 4.375rem;
	text-align: center;
	font-size: 1rem;
	color: #333333;
	background-color: #f5f5f5;
	padding: 0px 3rem;
}
.anchor ul li:last-child a{
	margin-right: 0rem;
}
.anchor-active a,.anchor ul li a:hover{
	background-color: #d6ffe7 !important;
    border-bottom: 0.063rem solid #4aac73;
}
.page{
	width: 100%;
	height: auto;
}
.page ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.page ul li{
	border: 0.063rem solid #dedede;
	margin-bottom: 1rem;
	transition: all 0.3s;
	color: #999999;
}
.page ul li a{
	display: inline-block;
	padding: 0.2rem 0.7rem;
	height: 100%;
	width: 100%;
	transition: all 0.3s;
	font-size: 1rem;
}
.page ul li:not(:last-child){
	margin-right: 1rem;
}
.page-active,.page ul li:hover{
	border-color:#E80010 !important;
	color: #ffffff !important;
	background-color: #E80010;
}
.news-bread a{
	display: inline;
}
.news-bread a:hover{
	color: #E80010;
}
.addressmap{
	width: 100%;
	height: 32.438rem;
	background-color: #E80010;
}
.contact-info{
	width: 100%;
	height: auto;
}
.contact-info ul{
	display: flex;
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2rem 0 1rem 0;
}
.contact-info ul li{
	margin-bottom:1rem;
	width: calc((100% - 3rem)/3);
	height: auto;
	padding: 1rem;
	border-radius: 1rem;
	border: 0.063rem solid #dedede;
	display: flex;
	
}
.contact-info ul li p{
	font-size: 1.4rem;
	height: auto;
	line-height: 2rem;
	color: #2b8b53;
}
.contact-info-txt{
	padding-left: 1rem;
}
.contact-info-txt p:nth-child(1){
	font-size: 1rem;
	height: auto;
	line-height: 2rem;
	color: #999999;
}
.contact-info-ico{
	display: flex;
	align-items: center;
}
.contact-info-ico span.iconfont{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	font-size: 3rem;
	color: #E80010;
}
.pic-table-page{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pic-table-page >*{
	margin-left: 0.563rem;
}
.pic-table-page a[title="Total record"]::before{
	content: "总计";
}
.pic-table-page a[title="Total record"]::after{
	content: "条";
}
.pic-table-page a{
	width: auto;
	padding: 0.5rem 0.8rem;
	background-color: #ffffff;
}
.pic-table-page>b{
	padding: 0.5rem 0.8rem;
	background-color: #fe4901;
	color: #ffffff;
}

@-ms-keyframes anopen{
	from{transform: scale(0, 1);}
	to{transform: scale(1, 1);}
}
@-webkit-keyframes anopen{
	from{transform: scale(0, 1);}
	to{transform: scale(1, 1);}
}
@keyframes anopen{
	from{transform: scale(0, 1);}
	to{transform: scale(1, 1);}
}
@-moz-keyframes anopen{
	from{transform: scale(0, 1);}
	to{transform: scale(1, 1);}
}
@-ms-keyframes foream{
	from{top: -1rem;}
	to{top: 0;}
}
@-webkit-keyframes foream{
	from{top: -1rem;}
	to{top: 0;}
}
@keyframes foream{
	from{top: -1rem;}
	to{top: 0;}
}
@-moz-keyframes foream{
	from{top: -1rem;}
	to{top: 0;}
}
@-ms-keyframes fadedown{
	from{bottom: 1rem;}
	to{bottom: 0;}
}
@-webkit-keyframes fadedown{
	from{bottom: 1rem;}
	to{bottom: 0;}
}
@keyframes fadedown{
	from{bottom: 1rem;}
	to{bottom: 0;}
}
@-moz-keyframes fadedown{
	from{bottom: 1rem;}
	to{bottom: 0;}
}
@-ms-keyframes slowmove{
	0%{top: -4.2rem;}
	50%{top: -3.6rem;}
	100%{top: -4.2rem;}
}
@-webkit-keyframes slowmove{
	0%{top: -4.2rem;}
	50%{top: -3.6rem;}
	100%{top: -4.2rem;}
}
@keyframes slowmove{
	0%{top: -4.2rem;}
	50%{top: -3.6rem;}
	100%{top: -4.2rem;}
}
@-moz-keyframes slowmove{
	0%{top: -4.2rem;}
	50%{top: -3.6rem;}
	100%{top: -4.2rem;}
}
.fadedownin{
	animation: fadedownin 1s;
}

@-ms-keyframes fadedownin{
	from{opacity: 0.5;transform: translate(0, 50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
@-webkit-keyframes fadedownin{
	from{opacity: 0.5;transform: translate(0, 50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
@keyframes fadedownin{
	from{opacity: 0.5;transform: translate(0, 50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
@-moz-keyframes fadedownin{
	from{opacity: 0.5;transform: translate(0, 50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
.fadeupin{
	animation: fadeupin 1s;
}
@-ms-keyframes fadeupin{
	from{opacity: 0.5;transform: translate(0, -50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
@-webkit-keyframes fadeupin{
	from{opacity: 0.5;transform: translate(0, -50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
@keyframes fadeupin{
	from{opacity: 0.5;transform: translate(0, -50%);}
	to{opacity: 1;transform: translate(0, 0);}
}
@-moz-keyframes fadeupin{
	from{opacity: 0.5;transform: translate(0, -50%);}
	to{opacity: 1;transform: translate(0, 0);}
}

.cominto .booth {
    float: right;
    margin-left: 2rem;
}
.aboutus{ color:#555; line-height:2rem; font-size:1rem; margin-bottom:2rem;}


@media screen and (max-width: 768px){
.banner-block img {
    width: 100%;
    height: 100%;
}
.anchor {
    margin-bottom: 0rem !important;
}
.spec-scroll {
    height: 70px !important;
}
.newslist li span {
    display: none;
}
.newslist li a {
    width: 100% !important;
}
.right-pinfo h1 {
    font-size: 1.2rem !important;
}
.newslist_content h1 {
    font-size: 22px !important;
    margin-bottom: 25px !important;
}
.page_num .pre_next {
    width: 100% !important;
}
.prospects span {
    font-size: 1.0rem;
    font-weight: bold;
	}
}