:root{
	--primaray-color:#eb692f;/* #cd5030; */
}
/* 清除浮动 */
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
*{
    padding: 0;
    margin: 0;
    font-family:'Noto Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    outline: none;
    -moz-outline-style: none; 
	box-sizing: border-box;
	font-size: 16px;
}
@media (max-width: 768px) { *{font-size: 14px;}}
a{
    text-decoration: none;
    cursor: pointer;
}
em,i{
    font-style: normal;
}
img{
    border: 0;
}
html,body{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    /* overflow: hidden; */
}
.van-field__error-message{
	color: #f25669;font-weight: bold;
}
@media (max-width: 768px) { body{overflow-y: scroll;}}
ul{
    list-style-type: none;
}
.nopointer{
    pointer-events: none;
}

/* #app{height: 100%;} */
/* .container {	width: 100%;	height: 100%;	position: relative;} */
.container {	width: 100%;	position: absolute;top: 86px;overflow-y: auto;}
 #app{display: flex;flex-direction: column;padding-top: 86px;height: auto;}.container{height: auto;}

/* .pageDiv {	display: block;	width: 100%;	height: 100%;	position: absolute;	left: 0;	top: 0;} */
.pageDiv {	display: block;	width: 100%;}
@media (max-width: 768px) { .pageDiv{display: flex;flex-direction: column;height: auto;}div.page{display: flex;height: auto;position: static;}}
/* .page {	display: none;	width: 100%;	height:calc(100% - 124px);	position: absolute;	top: 124px;	left: 0;flex-direction: column;} */
/* .page {	width: 100%;	height:calc(100% - 124px);	flex-direction: column;} */
.page {	width: 100vw;	flex-direction: column;position: relative;}
.page>h2{width: 100%;font-size: 2.25rem;font-weight: bold;text-align: center;flex-grow: 0;color: var(--primaray-color);position: relative;}
.page>h2.mt50{margin-top: 50px;}
.page>.mt10{margin-top: 10px;margin-bottom: 10px;text-align: center;}
.page>*{z-index: 0 !important;}
.page>.line{width: 60px;border-bottom: 2px solid #5c5c5c;display: block;margin: 20px auto 10px;}
@media (max-width: 768px) { .page>h2{font-size: 24px;} .page>.line{margin-top:10px;}}
.page.page0{height: 56.25vw !important;}
.page.hide {
	z-index: 2;
    -webkit-animation: clipPolygonHide .8s linear;
    -moz-animation: clipPolygonHide .8s linear;
    animation: clipPolygonHide .8s linear;
}
.page.show {
	z-index: 3;
	-webkit-animation: clipPolygonShow .8s linear;
	-moz-animation: clipPolygonShow .8s linear;
	animation: clipPolygonShow .8s linear
}
.page.on {
	display: block;
}
@media (max-width: 768px) { .page0 .fuSlide{height: calc(100vw * 0.5625);}}
.gsjj{
	background: linear-gradient(90deg,transparent,#f6f7f9), url(/home/loadFile?d=img&f=bg3.png) center / cover no-repeat;
	display: none;position: relative;justify-content: center;align-items: flex-end;
}
.jj{width: 40vw;padding-right: 10vw;}
@media (max-width: 768px) { .gsjj{justify-content: center;align-items: center;padding: 20px;} .jj{ padding-right: 0;position: static;width: 90vw;transform: none;}}
.jj .title{text-align: right;font-size: 30px;color: var(--primaray-color);}
.jj .txt{color: #13212d;font-size: 20px;line-height: 2rem;text-indent: 2rem;}
@media (min-width: 1199px) { .jj .title{ font-size: 30px;margin-bottom: 30px;}}
@media (max-width: 991px) { .jj .title{ font-size: 26px;margin-bottom: 20px;}}
@media (max-width: 768px) { .jj .title{ font-size: 22px;margin-bottom: 10px;text-align: center;}}
.jj .numCount{display: flex;justify-content: space-between;margin-top: 20px;}
.jj .numCount .van-icon{
  width: 50px;
  height: 80px;
  line-height: 80px;
  color: var(--primaray-color);
  font-size: 1.6em;
  background-color: #fff;
  text-align: center;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.jj .info{display: grid;grid-template: 40px 60px/50px auto auto;color: var(--primaray-color);font-weight: bold;align-items: center;}
.jj .info .van-icon{grid-row-start: 1;grid-row-end: 3;}
.jj .info .numCX{font-size: 2.6em;font-weight: bold;}
.jj .info span:last-child{grid-column-start: 2;grid-column-end: 4;font-weight: bold;}
.jj .info span{margin-left: 10px;}
@media (min-width: 1199px) {  .jj .info .numCX{   font-size: 2em; }}
@media (max-width: 991px) {  .jj .info .numCX{   font-size: 1.8em; }}
@media (max-width: 768px) {.jj .infos.numCount{flex-direction: column;} .jj .info{margin-bottom: 5px; grid-template-columns: 50px 70px auto;}  .jj .info .numCX{ font-size: 1.2em;}}
.jj .info sup { font-size: 1em; align-self: flex-start;  font-weight: bold;  line-height: 1;}

.tuku{padding:5px 5px 5px;flex-wrap: nowrap;overflow: hidden;}

.tuku::before{
	content: "";width: 100%;height: 100%;
	background:linear-gradient(180deg,transparent,#fff),url(/home/loadFile?d=img&f=bg4.jpg) center  no-repeat;
	background-size: 100% 100%;
	position: absolute;top: 0;left: 0;opacity: 0.5;z-index: -1;
} 

.shijie video,.shijie video>source{width: 100%;height: 100%;object-fit: fill; display: inline-block;}
@media (max-width: 768px) {.shijie>div{margin: auto;width: 90vw;height: 50vw !important;} .shijie video{display:none;}}
.contact {flex-direction: column;background-color: var(--primaray-color);color: #fff;padding-top: 1px;margin-top: 30px;}
.contact h2,.contact label{color: #fff;}
.cpy .contact{display: flex;flex-direction: row;align-items: flex-start;}
/* div.contact::before{
	content: "";width: 100%;height: 100%;
	background:linear-gradient(0deg,transparent,#fff),url(/home/loadFile?d=img&f=bg5.jpg) center  no-repeat;
	background-size: 100% 100%;
	position: absolute;top: 0;left: 0;opacity: 0.5;
} */
.contact .title{font-size: 26px;font-weight: bold;}
.contact .oo{display: flex;justify-content: space-around;align-items: center;}
.contact .van-form{width: 40%;}
.contact .van-form .van-cell{background: transparent;}
.van-form .van-button{background: var(--primaray-color);border-color: #fff;}
.contact .cpy{width: 40%;margin-top: 20px;}
.contact .cpy .welcome{text-indent: 2em;line-height: 2rem;margin: 20px 0;}
.contact .cpy .contact{margin-top: 0; font-size: 2rem;line-height: 2.6rem;vertical-align: middle;background-color: transparent;}
.contact .cpy .contact .van-icon{background-color: var(--primaray-color);line-height: 2.6rem;color: #fff;border-radius: 50%;margin-right: 10px;}
.contact .copyright{background-color: var(--primaray-color);text-align: center;width: 100%;
flex-shrink: 0;line-height: 3rem;color: #a0a0a0;opacity: 1;color: #FFF;font-weight: bold;
display: flex; justify-content: center;flex-wrap: wrap;
}
.contact .copyright a{color: #fff;margin-left: 10px;}
@media (max-width: 768px) {
	div.contact{align-items: center;top: 0;position: relative;}
	.contact .title{font-size: 16px;}.contact .van-form{width: 80%;} .contact .cpy{width: 80%;}
	.contact .oo{flex-direction: column;margin-top: 20px;}
	.contact::before{background-size: 100% auto;bottom: 0;}
	.contact .van-form{margin: 10px 0 50px;}
	.contact .van-form label{font-size: 14px;}
	.contact .van-form [class^=van-field__]{font-size: 14px;}
}

.hexin {background-color: #fff;align-items: center;display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;}
@media screen and (max-width: 768px) {
		.hexin{background: #fff;}.hexin::before{display: none;}
	}
/* .hexin::before{
	content: "";width: 100%;height: 100%;
	background:linear-gradient(0deg,transparent,#fff),url(/home/loadFile?d=img&f=bg3.jpg) center  no-repeat;
	background-size: 100% 100%;
	position: absolute;top: 0;left: 0;opacity: 0.5;
} */
@media (min-width: 769px) { .hexin>h2{margin-top: 50px;}}
/*导航*/
.nav_wrapper {
	height: 892px;
	position: absolute;
	right: 32px;
	z-index: 99;
	top: 145px;
	padding-top: 110px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, .1);
	-webkit-transition: -webkit-transform .4s linear;
	-moz-transition: -moz-transform .4s linear;
	transition: transform .4s linear;
	-webkit-transform: translateX(180%);
	-moz-transform: translateX(180%);
	-ms-transform: translateX(180%);
	transform: translateX(180%)
}
@media (max-width:768px) {	.nav_wrapper.show{display: none;}}
.nav_wrapper.show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.nav_wrapper .nav_list {
	height: 385px
}

.nav_wrapper .nav_list li {
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	font-weight: lighter;
	color: #fff;
	opacity: .6;
	cursor: pointer;
	position: relative;
	padding-right: 16px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .12s ease-in-out;
	-moz-transition: all .12s ease-in-out;
	transition: all .12s ease-in-out
}

.nav_wrapper .nav_list li a {
	font-size: 16px;
	line-height: 55px;
	font-weight: lighter;
	color: #fff
}

.nav_wrapper .nav_list li::after {
	content: "";
	width: 4px;
	height: 4px;
	background: url(/home/loadFile?d=img&f=nav_point.png) center / contain no-repeat;
	position: absolute;
	right: -3px;
	top: 50%;
	margin-top: -2px
}

.nav_wrapper .nav_list li:hover,
.nav_wrapper .nav_list li.active {
	color: #a21f20;
	opacity: 1;
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1)
}

.nav_wrapper .nav_list li:hover::before,
.nav_wrapper .nav_list li.active::before {
	content: "";
	width: 19px;
	height: 19px;
	background: url(/home/loadFile?d=img&f=nav_star.png) center / 100% 100% no-repeat;
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -10px
}
/*导航end*/




/*动画*/
@-webkit-keyframes clipPolygonShow {
	0% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
	}
	25% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%);
		clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%)
	}
	50% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%);
		clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%)
	}
	75% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%)
	}
	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
	}
}

@-moz-keyframes clipPolygonShow {
	0% {
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
	}
	25% {
		clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%)
	}
	50% {
		clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%)
	}
	75% {
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%)
	}
	100% {
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
	}
}

@keyframes clipPolygonShow {
	0% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
	}
	25% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%);
		clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%)
	}
	50% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%);
		clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%)
	}
	75% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%)
	}
	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
	}
}

@-webkit-keyframes clipPolygonHide {
	0% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
	}
	25% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%)
	}
	50% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%);
		clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%)
	}
	75% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%);
		clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%)
	}
	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
	}
}

@-moz-keyframes clipPolygonHide {
	0% {
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
	}
	25% {
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%)
	}
	50% {
		clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%)
	}
	75% {
		clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%)
	}
	100% {
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
	}
}

@keyframes clipPolygonHide {
	0% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0)
	}
	25% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%);
		clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24%)
	}
	50% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%);
		clip-path: polygon(0 100%, 100% 100%, 100% 26%, 0 57%)
	}
	75% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%);
		clip-path: polygon(0 100%, 100% 100%, 100% 58%, 0 88%)
	}
	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
	}
}