/* public css */
.pic-box{
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.pic-box img{
	width: 100%;
	height:auto;
}

.box-width{
	width: 1600rem;
	margin:0 auto
}

.left,.right{
	width: 50%;
}

.contain-wrapper{
	width:100%;
	position: relative;
	z-index: 20;
	background: #fff;
}
.contain-box{
	width:100%;
	padding: 40rem 0;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.main-box{
	width: 1600rem;
	margin: 0 auto;
	position: relative;
}
.more a{
	display: block;
	width: 100%;
	text-align: center;
}
.contain-title{
	text-align: center;
	padding-top: 30rem;
	position: relative;
}
.contain-title .pic-box{
	 width: 30rem;
	 margin:0 auto;
	 margin-bottom: 15rem;
}
.contain-title .en{
	position: absolute;
	top: 0;
	font-size: 70rem;
	left: 0;
	right: 0;
	margin: auto;
	color: transparent;
	-webkit-background-clip: text;
	background-image: linear-gradient(0deg,transparent 30%,#5b5b5b5e 80%);
	font-weight:bold;
	z-index: 10;
}
.contain-title .cn{
	font-size: 42rem;
	font-weight: bold;
	z-index: 30;
	position: relative;
}
.contain-title .cn span{
	transition:none;
	color:#89c144;
}
.contain-title .subtit{
	font-size: 22rem;
	margin-top: 10rem;
}
.breadcump{width: 1600rem;height: 60rem;margin: 0rem auto;padding: 15rem;line-height: 30rem;}

.breadcump *{
    font-size: 16rem;
}
.breadcump span a{}
@keyframes opcshow {
	from{opacity: 0;}
	to{opacity: 1;}
}
.m-head,.m-top-menu,.m-footbut{
    display:none;
}
/* public css end */
/* header css */
header{
	width: 100%;
	position: relative;
	top:0;
	background: none;
	z-index: 88;
	background: #ffffff61;
	height: 9%;
}
header .head{
	display: flex;
	justify-content: space-between;
	height: 100%;
	overflow: unset;
	width: 1800rem;
	margin: 0 auto;
	align-items: center;
}
header .head .logopic{
	padding: 11rem 0;
	width: 22%;
	height: auto;
}
header .head .logopic img{
}
header .head .topnav{
	width: 60%;
	display: flex;
	justify-content: space-between;
	height: 100%;
}
header .head .topnav>li{
	width: 50%;
	height: 100%;
	text-align: center;
	font-size: 18rem;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
header .head .topnav a{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20rem;
}
header .head .topnav>li>a span{
	display:inline-block;
	width:0;
	height:0;
	border-left: 5rem #ff7019 solid;
	border-right: 5rem transparent solid;
	border-top: 5rem transparent solid;
	border-bottom: 5rem #ff7019 solid;
	transform: rotate(-45deg) translate(7rem, 2rem);
}
header .head .topnav>li:hover{
	transition: 0.3s linear;
	color: #ff7019;
	border-bottom: 4rem #ff7019 solid;
	position:relative;
}
header .head .topnav>li .subnav{
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	z-index: 90;
	line-height: 50rem;
	background: #fff;
	font-size: 12rem;
	opacity:0;
}
header .head .topnav>li:hover .subnav{
	display:block;
	animation:opashow 0.5s ease forwards;
}
.headphone{
	display:flex;
	font-size: 20rem;
}
.headphone img{
	margin-right:5rem;
	width: 30rem;
	height:auto;
}
@keyframes opashow{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
header .head .topnav>li:hover .subnav li a{
	font-size:16rem;
}
header .head .topnav>li:hover .subnav li:hover{
	background:#ff7019;
	color:#fff;
}
header .head .contact-box{
	display: flex;
	width: 360rem;
	align-items: center;
	justify-content: space-around;
}
header .head .contact-box .pic-box{
	width: 70rem;
}
header .head .contact-box p{
	font-size: 40rem;
	color: #fff;
}
/* header css end */
.banner{
	width: 100%;
	height: 91%;
	overflow: hidden;
}
.banner .pic-box{
	height:100%;
	width:100%
}
.banner .banner2box{
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.banner .banner2box .circle{
	position:absolute;
	width: 700rem;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	animation:animtrans 32s linear infinite
}

@keyframes animtrans {
	from{
		transform: rotateZ(360deg);
	}
	to{
		transform: rotateZ(0deg);
	}
}
.banner .banner2box .biglogo{
	width: 1000rem;
}
.bannerscroll{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items:center;
	overflow: hidden;
	/* background-image: url(../images/bannerbg.jpg); */
	background-position: center;
	background-size: cover;
}
.bannerscroll .textbox{
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #003738b8, transparent),linear-gradient(45deg, #00000000, transparent);
	position: relative;
}
.bannerscroll .textbox img{
	width: 45%;
	position:absolute;
	top: 0;
	bottom: 0;
	left: 5%;
	height: auto;
	margin: auto;
}
.bannerscroll .textbox img:nth-child(1){
	z-index:11
}
.bannerscroll .pic-box{
	position:absolute;
	display:flex;
	width: auto;
	height: 100%;
	justify-content: flex-start;
	left: 0;
}
.bannerscroll .pic-box img{
	height: 100%;
	width:auto;
	position: relative;
	left: 0;
	top:0;
	border: none;
	margin-right: -1rem;
}
.swiper-slide-active .bannerscroll .pic-box{
	transform: translateX(-6000rem);
	transition: 35s linear;
}
/* templatebox */
.nytempshow{
	overflow:unset;
}
.templatebox{overflow: unset;}
.temshow{
	display:flex;
	justify-content: flex-start;
	margin-top:30rem;
	position: relative;
	flex-wrap: wrap;
	margin-bottom: 20rem;
}
.fanye{
	width:100%;
	margin-top:20rem;
}
.fanye ul{
	display:flex;
	justify-content:center;
}
.fanye ul li{
	width:40rem;
	height:40rem;
	line-height:40rem;
	background:#eee;
	text-align:center;
	margin:0 10rem;
	cursor:pointer;
}
.fanye ul li a{
	display: block;
	width:100%;
	height:100%;
	transition:background 0.5s ease;
}
.fanye ul li:hover,
.fanye ul li.active{
	background:#89c144;
	color:#fff;
}
.disclaimer {
    color: #c54736;
    margin-top: 30rem;
    font-size: 16rem;
    line-height: 26rem;
background: #f9eae8;
    padding: 16rem 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.disclaimer > div {
    width: 1600rem;
}
.templatebox .temshow{
	margin-bottom:0;
}
.temshow .showbox{
	width:23%;
	box-shadow: 6rem 7rem 10rem #c5c5c5d4;
	position: relative;
	margin-bottom: 30rem;
	margin-right: 2%;
}
.temshow .showbox .pcpic {
    overflow: hidden;
}

.temshow .showbox .hotbox {
    width: 140rem;
    height: 36rem;
    position: absolute;
    right: -42rem;
    top: 15rem;
    text-align: center;
    line-height: 36rem;
    background-color: red;
    font-size: 18rem;
    color: white;
    transform: rotate(52deg);
}
.temshow .showbox:hover .blockbox{
	display:block;
}
.temshow .showbox .pcpic{
	width: 100%;
	align-items: flex-start;
	height: 350rem;
	padding: 20rem;
	background: linear-gradient(161deg, #000000, transparent);
	position:relative;
}
.temshow .showbox .textbox{
	width:100%;
	padding: 20rem;
	font-size: 18rem;
	line-height: 40rem;
	padding-bottom: 30rem;
	border: 1rem #b9b9b97a solid;
}

.temshow .showbox .textbox .temnum{
	width:100%;
	margin-bottom:15rem
}
.temshow .showbox .textbox .temnum span:nth-child(2){
	font-weight: bold;
	font-size: 22rem;
}
.temshow .showbox .textbox .adressm{
	width:100%;
	font-size: 16rem;
	color: #ff7019;
	line-height: 25rem;
}
.temshow .showbox .pcpic .tit{
	width: 120rem;
	height: 40rem;
	background:#ff7019;
	line-height: 40rem;
	font-size: 14rem;
	margin-bottom: 14rem;
}
.temshow .showbox .pcpic .hidtext{
	position:absolute;
	background: #000000ab;
	width:100%;
	height: 100%;
	top:0;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40rem 20rem;
	text-align: center;
	transform:scale(0);
	transition:0.5s ease;
}
.temshow .showbox .pcpic .hidtext:before{
	position:absolute;
	width:0%;
	height:90%;
	border-top:1rem #ffffff87 solid;
	border-bottom:1rem #ffffff87 solid;
	content:'';
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.temshow .showbox .pcpic .hidtext:after{
	position:absolute;
	width: 90%;
	height:0%;
	border-left:1rem #ffffff87 solid;
	border-right:1rem #ffffff87 solid;
	content:'';
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.temshow .showbox:hover .pcpic .hidtext:before{
	transition:1s 0.3s ease;
	width:90%;
}
.temshow .showbox:hover .pcpic .hidtext:after{
	transition: 1s 0.3s ease;
	height:90%;
}
.temshow .showbox:hover .pcpic .hidtext{
	transform:scale(1);
}
.temshow .showbox .pcpic .hidtext .bling{
	color:#ff7019;
	font-size:16rem;
	padding-right:130rem;
	margin-top: 90rem;
	color: #fff;
}
.temshow .showbox:hover .pcpic .hidtext .bling{
	animation:textmove 4s linear infinite alternate;
}
.viewmobile.showbox:hover .pcpic img{
}
@keyframes textmove{
	0%{transform:translateX(0rem)}
	25%{transform:translateX(10rem)}
	50%{transform:translateX(0rem)}
	75%{transform:translateX(-10rem)}
	0%{transform:translateX(-10rem)}
}
.temshow .showbox .pcpic .hidtext .intro{
	font-size: 16rem;
}
.temshow .mobilebox{
	position:absolute;
	bottom: 50rem;
	right: 10rem;
	box-shadow: 2rem 3rem 15rem #696969d6;
	border-radius: 10rem;
	padding: 4rem;
	background: url(../images/mobilebg.png);
	background-size: 100% 100%;
}
.temshow .mobilebox .mbbox{
	width: 120rem;
	height: 213rem;
	align-items: flex-start;
	border-radius: 10rem;
}
.temshow .mobilebox .mbbox .linkmask{
	display:block;
	position:absolute;
	width: 92%;
	height: 95%;
	right: 0;
	top:0;
	left:0;
	bottom: 0;
	margin: auto;
	background-size:100%;
	background-position:center;
	background-size:cover;
	border-radius: 9rem;
	z-index: 10;
	font-size: 12rem;
}
.temshow .mobilebox .mbbox .linkmask .text{
	display:none;
}
.temshow .mobilebox .mbbox .linkmask.viewing{
	width: 70%;
	line-height:40rem;
	font-size:14rem;
	background: #ff701991;
	height:40rem;
	color: #fff;
	text-align: center;
}
.temshow .mobilebox .mbbox .linkmask.viewing .text{
	display:block;
}
.temshow .mobilebox .mbbox .linkmask.viewing:hover{
	background: #ff7019;
}
.temshow .mobilebox .mbbox iframe{
	width: 650rem;
	position: absolute;
	height: 510%;
	top: -205%;
	left: -205%;
	background: #fff;
	border-radius: 30rem;
	transform: scale(0.183);
}
.temshow .mobilebox .mbbox:hover img{
	transform: translateY(-50%);
	transition:10s linear;
}
.temshow .blockbox{
	width: 500rem;
	height: auto;
	position: absolute;
	display: none;
	left: 100%;
	right:0;
	top: -45%;
	bottom:0;
	margin:auto;
	z-index:999;
	padding: 20rem;
	animation:webshow 0.7s ease forwards;
}
 .temshow .viewmobile .blockbox{
	 display:none!important;
	}
.temshow .viewmobile.showbox .pcpic .hidtext{
	opacity:0;
}
@keyframes webshow{
	from{opacity:0;transform: scale(0) translate(-100%,0%);}
	to{opacity:1;transform: scale(1) translate(0%,0%);}
}
.temshow .showbox:nth-child(4n) .blockbox{
	left: -220%;
}
.temshow .blockbox .pic-box{
	align-items:flex-start;
	width: 100%;
	height: auto;
	padding: 10rem;
	box-shadow: 0 0 20rem #4b4b4ba3;
	background: #eee;
}
.serveshow{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.serveshow .showbox{
	width:46%;
	margin:2%;
	background:#eeeeee;
	padding:30rem;
	position: relative;
	overflow: hidden;
	transition:background 0.5s ease;
}
.serveshow .showbox:hover{
	background: #ff7019;
	color:#fff;
}
.serveshow .showbox .tit{
	color:#89c144;
	font-size:30rem;
	font-weight:bold;
	letter-spacing:2rem;
}
.serveshow .showbox:hover .tit{
	color:#fff
}
.serveshow .showbox .intro{
	margin:20rem 0;
	font-size:18rem;
	line-height:30rem;
	letter-spacing:1rem;
}
.serveshow .showbox .itembox{
	width: 83%;
	display:flex;
	margin-top: 50rem;
	position: relative;
	z-index: 10;
}
.serveshow .showbox .itembox .boxshow{
	width:25%;
	text-align: center;
}
.serveshow .showbox .itembox .boxshow .pic-box{
	height:60rem;
	margin:0 auto;
	margin-bottom:10rem;
	filter:brightness(0.4)
}
.serveshow .showbox:hover .itembox .boxshow .pic-box{
	filter:brightness(200)
}
.serveshow .showbox .itembox .boxshow .pic-box img{
	height:100%;
	width:auto;
}
.serveshow .showbox .itembox .boxshow p{
	font-size:16rem;
}
.serveshow .showbox b{
	position:absolute;
	bottom: -40rem;
	right: -15rem;
	font-size: 180rem;
	color: #e6e6e6;
}
.serveshow .showbox:hover b{
	color:#ffffff61
}
/* footer css */
footer{
	width: 100%;
	background: #333;
	padding-top: 60rem;
	color: #fff;
}
.footer{
	display: flex;
	flex-wrap: wrap;
	padding-left: 160rem;
	background: inherit;
}
.footer .left{
	width: 45%;
	padding-right: 40rem;
}
.footer .left .contain-title{
	text-align:left;
}
.footer .left .contain-title .en{
	background-image:linear-gradient(0deg,transparent 30%,#9f9f9f 80%);
}
.footer .left .conshow{
	line-height: 60rem;
	font-size: 20rem;
	margin-top: 40rem;
}
.footer .left .conshow img{
	border: 1rem #ffffffa1 solid;
	width: 40rem;
	height: 40rem;
	border-radius: 50%;
	background: #ff7019;
	margin-right: 20rem;
	padding: 3rem;
}
.footer .left .conshow span{
	font-weight: bold;
}
.footer .right{
	width: 55%;
	border-top-left-radius: 60rem;
	background: url(../images/footbg.jpg);
	padding: 60rem 60rem;
	position: relative;
	overflow: hidden;
	background-position: right center;
}
.footer .right>div{
	position:relative;
}
.footer .right::before{
	background: linear-gradient(126deg, #333333 40%, transparent 90%);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	content: '';
}
.footer .right .p1{
	font-size: 40rem;
	font-weight: bold;
	color: #ff7019;
}
.footer .right .p2{
	font-size: 25rem;
	margin-top: 20rem;
}
.footer .ewmbox{
	display: flex;
	margin-top: 50rem;
}
.footer .ewmbox .showbox{
	margin-right:30rem
}
.footer .ewmbox .showbox .pic-box{
	width: 130rem;
	margin-bottom: 0rem;
}
.footer .ewmbox .showbox p{
	font-size: 18rem;
	text-align: center;
	font-weight: bold;
}
.footnav{
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	padding: 20rem;
	width: 100%;
	color: #000;
	border-top-left-radius: 40rem;
	border-bottom-left-radius: 40rem;
}
.footnav li a{
	font-size: 18rem;
}
.footnav>li{
	display: flex;
	width: auto;
	margin: 15rem 1%;
	align-items: center;
}
.footnav>li>a{
	font-weight: bold;
}
.footnav>li span{
	width: 7rem;
	height: 7rem;
	background-color: #ff7019;
	border-radius: 50%;
	display: inline-block;
	margin-right: 15rem;
}
.footnav .subnav{
	display: flex;
}
.footnav .subnav li{
	margin: 0 15rem;
}
.footnav .subnav li a:hover{
	color: #ff7019;
}
.footbottom{
	width: 100%;
	text-align: center;
	padding: 15rem 0;
	font-size: 16rem;
}
.footbottom span{
	display: inline-block;
	margin: 0 20rem;
}
.footbottom span a{
	color:#fff;
}
.footlogo{
	position: absolute!important;
	bottom: 30rem;
	right: 20rem;
	width: 320rem;
	filter: drop-shadow(2rem 4rem 5rem #000);
}
.footlogo .pic-box{
	width: 100%;
	height: auto;
}
.saixuanlist{
	width:100%;
	margin-bottom:60rem;
	background: #f5f5f5;
	padding:40rem 0;
}
.saixuanlist>ul{
	width:1600rem;
	margin:0 auto;
}
.saixuanlist>ul>li{
	display:flex;
	margin:10rem 0;
	font-size: 18rem;
}
.saixuanlist>ul>li>a{
	display:block;
	width: 8%;
	height:40rem;
	text-align:center;
	line-height:40rem;
	background: #89c144;
	color:#fff;
}
.saixuanlist .choselist{
	display:flex;
	margin-left:20rem;
	flex-wrap: wrap;
	width: 90%;
}
.saixuanlist .choselist li{
	border:1rem #eee solid;
	min-width:100rem;
	text-align:center;
	line-height:40rem;
	padding:0 10rem;
	cursor:pointer;
	margin: 0rem 10rem 15rem;
	background: #fff;
}
.saixuanlist .choselist#chosecolor li a{
	text-decoration:underline;
}
.saixuanlist .choselist li:hover,
.saixuanlist .choselist li.on{
	background: #89c144;
	color:#fff;
}
.searchbox form{
	line-height:40rem;
}
.searchbox form input{
	font-size: 16rem;
	margin: 0 5rem 0 30rem;
	border:1rem #eee solid;
	line-height:40rem;
	height:40rem;
	padding:5rem 10rem;
	width: 350rem;
}
.searchbox form button{
	display:inline-block;
	width:100rem;
	line-height:40rem;
	background: #bfbfbf;
	transition:background 0.5s ease;
	cursor:pointer;
	height:40rem;
	border:none;
	color: #fff;
}
.searchbox form button:hover{
	background:#808080;
}
.viewhead{
	position:fixed;
	top:0;
	left:0;
	background: #89c144;
	z-index:9990;
	width:100%;
	color:#fff;
	display:flex;
	height:60rem;
	justify-content:space-between;
	padding:0 100rem
}
.viewhead .left{
	justify-content:space-between;
	display:flex;
	width:auto;
	align-items:center;
	font-size: 16rem;
}
.viewhead .left p{
	height:100%;
	display:flex;
	align-items:center;
	padding: 0 20rem;
	transition: 0.5s ease;
}
.viewhead .left p:hover{
	background:#565656
}
.viewhead .right{
	width:auto;
	display:flex;
	align-items:center;
	font-size: 16rem;
}
.viewhead .right a{
	display:block;
	padding:0 20rem;
	display:flex;
	align-items:center;
	height:80%;
	margin:0 10rem;
	border-radius:10rem;
	transition:0.5s ease;
}
.viewhead .right a:nth-child(1){
	background: #ff7019;
}
.viewhead .right a:nth-child(2){
	background: #db0a0a;
}
.viewhead .right a:nth-child(1):hover{
	background: #ff8338;
}
.viewhead .right a:nth-child(2):hover{
	background: #ed3434;
}
.webview{
	padding-top:60rem;
}
.webview .switchbtn{
	position: fixed;
	bottom: 10%;
	display: flex;
	left: 5%;
}
.webview .switchbtn>div{
	cursor:pointer;
	font-size: 16rem;
	transition:0.5s ease;
}
.webview .switchbtn>div:hover{
	filter:brightness(0.8)
}
.webview .switchbtn .switchpc{
	background:#89c144;
	color:#fff;
	padding:5rem 10rem;
	margin:0 10rem;
}
.webview .switchbtn .switchmobile{
	background:#ff7019;
	color:#fff;
	padding:5rem 10rem;
	margin:0 10rem;
}
.webview .showwrapper{
	width:100%;
	height:100%;
}
.webview iframe{
	display:none;
}
.webview #pcshow{
	min-width:1200px;
}
.webview #mobileshow{
	width: 380px;
	height: 90%;
	position: absolute;
	top: 38px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url(../images/mobilebg.png) no-repeat;
	padding: 20px 12px 18px;
	background-size: 100% 100%;
	border-radius: 39px;
	overflow:hidden;
}
.webview #mobileshow::-webkit-scrollbar-button{
	wwidth:1rem;
}
.webview #mobileshow::-webkit-scrollbar{
	display:none;
}
.webview .text{
	background:#000000ba;
	color:#fff;
	width: 300px;
	height: 180px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	font-size: 13px;
	margin:auto;
	padding: 30px 15px;
	text-align:center;
	border-radius: 20px;
	line-height: 28px;
	display:none;
	animation:textbigshow 0.5s ease forwards;
}
@keyframes textbigshow{
	from{transform:scale(0)}
	to{transform:scale(1)}
}
.webview .text .textclose{
	background:#ff7019;
	width: 120px;
	margin:0 auto;
	margin-top: 20px;
	cursor:pointer
}
.webview .text .textclose:hover{
	background:#cd5a14;
}
/* nyabusbox css */
.nyabtit{
	font-size: 40rem;
	font-weight: bold;
	text-align: center;
	width: max-content;
	padding-bottom: 15rem;
	overflow: hidden;
	position:relative;
	z-index:20;
}
.nyabtit span{
	display: block;
	width: 100%;
}
.nyabgs .abusbox{
	background: none;
	padding: 30rem 0;
}
.nyabgs .abusbox::before{
	display: none;
}
.nyabgs .textbox{
	text-align: center;
	font-size: 22rem;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 140rem;
}
.nyabgs .abusbox .numbox .showbox .line{
	background: #ff6600;
	height:5rem
}
.nyabgs .abusbox .numbox .showbox .bottom{
	font-size: 30rem;
	color: #000;
}
/* nyabserve css */
.nyabserve{
	background-image: url(../images/serverbg.jpg);
	color: #fff;
}
.nyabserve:before{
	position:absolute;
	content:'';
	background:#00000080;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.nyabsershow{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 30rem;
}
.nyabsershow .showbox{
	width: 170rem;
	height: 170rem;
	background-image: linear-gradient(45deg, #ff6f0f, #f3863d);
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 0 0 15rem #ff6f0f;
	transition:0.5s ease;
}
.nyabsershow .showbox:hover{
	transform:translateY(-20rem);
}
.nyabsershow .showbox:hover .pic-box{
	transform:rotateY(180deg);
}
.nyabsershow .showbox .pic-box{
	width: 70rem;
	height: auto;
	margin-bottom: 20rem;
	filter: brightness(200);
	transition:0.5s ease;
}
.nyabsershow .showbox p{
	font-size: 18rem;
}
.nyabsershow .textbox{
	width: 100%;
	font-size: 18rem;
	line-height: 30rem;
	margin-top: 100rem;
}
.nyabsershow .textbox .t1{
	margin-bottom: 70rem;
}
/* nyabadd css */
.nyabadd .textlist{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40rem;
}
.nyabadd .textlist .showbox{
	font-size: 20rem;
	width: 23%;
	background: #fff;
}
.nyabadd .textlist .showbox span{
	display: inline-block;
	width: 60rem;
	background-image: linear-gradient(107deg, #ff6600 80%, #fff 80%);
	color: #fff;
	padding-left: 10rem;
}
.nyabadd .culshow{
	display: flex;
	justify-content: space-between;
}
.nyabadd .culshow .showbox{
	background: linear-gradient(45deg, #ff6f0f, #f3863d);
	padding: 30rem;
	border-radius: 10rem;
	width: 23%;
}
.nyabadd .culshow .showbox .pic-box{
	width: 55rem;
	margin: 15rem auto;
	filter: brightness(200);
}
.nyabadd .culshow .showbox .textbox{
	text-align: center;
	color: #fff;
}
.nyabadd .culshow .showbox .textbox .tit{
	padding-bottom: 20rem;
	border-bottom: 3rem #fff solid;
	font-size: 22rem;
	margin-bottom: 20rem;
}
.nyabadd .culshow .showbox .textbox .intro{
	font-size: 18rem;
}
/* thank css */
.thankshow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 500rem;
}
.thankshow .textbox{
	font-size: 20rem;
	line-height: 45rem;
	padding: 60rem;
}
.thankshow .textbox b{
	display: block;
	margin-bottom: 20rem;
	padding-bottom: 10rem;
	width: 500rem;
	color: #ff6600;
	border-bottom: 3rem #ff6600 solid;
	font-size: 30rem;
}
.thankshow .right{
	display:flex;
	justify-content:center;
}
.thankshow .pic-box{
	width: 800rem;
	height: 800rem;
}
.thankshow .contact{
	background: #ff6600;
	width: 140rem;
	border-radius: 10rem;
	line-height: 40rem;
	font-size: 16rem;
	color: #fff;
	text-align: center;
	display: block;
	margin-top: 60rem;
}
.abusbox .numbox{
	width: 100%;
	display: flex;
}
.abusbox .numbox .showbox{
	width: 25%;
	text-align: center;
}
.abusbox .numbox .showbox .top{
	display: flex;
	justify-content:center;
	align-items: flex-start;
	color: #ff6301;
}
.abusbox .numbox .showbox .top b{
	font-size: 120rem;
	width: max-content;
	background-image: linear-gradient(0deg, #f8bc97, #ff4e00);
	-webkit-background-clip: text;
	color: transparent;
}
.abusbox .numbox .showbox .top span{
	font-size: 30rem;
}
.abusbox .numbox .showbox .line{
	width: 100rem;
	height: 2rem;
	background: #fff;
	margin: 10rem auto 15rem;
}
.abusbox .numbox .showbox .bottom{
	font-size: 30rem;
	color: #fff;
}
.nycontainbox{
	display:flex;
	width:1600rem;
	margin: 60rem auto;
	margin-bottom: 45rem;
}
.nycontactshow{
	display:flex;
	justify-content:space-between;
	width: 45%;
	margin:0 auto;
	flex-wrap:wrap;
	align-content: space-between;
}
.nycontactshow .showbox{
	width: 47%;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	border:1rem #eee solid;
	margin: 0 1.5%;
	height: 48%;
	font-size:18rem;
	line-height:30rem;
	padding: 20rem;
	background: linear-gradient(45deg, #ff7019, #de5400);
	color:#fff;
	justify-content: center;
}
.nycontactshow .showbox .pic-box{
	width:60rem;
	margin-bottom:20rem;
	filter:brightness(100) opacity(0.8);
}
.nycontainbox>.pic-box{
	width: 55%;
	height:auto;
}
.websign{
	width: 100%;
}
.websign .topbox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 350rem;
	background-image: url(../images/bannerbg.jpg);
	background-position: center;
	color: #ffff;
}
.websign{
	width: 100%;
}
.websign .topbox{
	width: 100%;
	display: flex;
	height: 350rem;
	background-image: url(../../static/images/bannerbg.jpg);
	background-position: center;
	color: #ffff;
	justify-content: center;
}
.websign .topbox>div{
	padding: 40rem;
	/* border: 1rem #fff solid; */
}
.websign .topbox .left{
	font-size: 45rem;
	font-weight: bold;
	background-image: linear-gradient(45deg, #00000054, transparent);
	padding:80rem
}
.websign .right{
	font-size: 20rem;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(-45deg, #00000054, transparent);
}
.websign .botbox{
	width: 100%;
	display: flex;
	height: 100%;
}
.websign .botbox .bgbox{
	width: 0;
	/* background: red; */
}
.websign .shejishow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
.websign .shejishow .showbox{
	width: 33.3333%;
	position: relative;
	height: 180rem;
	text-align: center;
	perspective: 500rem;
}
.websign .shejishow .textbox{
	display: flex;
	flex-direction: column;
	height: 100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: flex-start;
	width: 100%;
	padding:25rem 45rem;
	transition:0.5s ease;
	/* background: #fff; */
	backface-visibility: hidden;
	border: 1rem #cccccc40 solid;
}
.websign .shejishow .showbox:hover .textbox{
	transform: rotateX(180deg);
}
.websign .shejishow .textbox .pic-box{
	height: 100%;
	width: 35%;
	filter: brightness(0.5);
	margin-right: 20rem;
}
.websign .shejishow .textbox .pic-box img{
	height: auto;
	width: 80rem;
}
.websign .shejishow .textbox .tit{
	font-size: 18rem;
}
.websign .shejishow .textbox .tit b{
	font-size: 55rem;
	color: #ff7019;
	display: inline-block;
	margin-right: 10rem;
}
.websign .shejishow .textbox .intro{
	font-size: 18rem;
	text-align: center;
}
.websign .shejishow .hidtext{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	color: #fff;
	background: linear-gradient(45deg, #ff8236, #ff6000);
	overflow: hidden;
	padding: 20rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s ease;
	transform: rotateX(180deg);
	backface-visibility: hidden;
}
.websign .shejishow .showbox:hover .hidtext{transform: rotateX(0deg);}
.websign .shejishow .hidtext .tit{
	font-size: 18rem;
	line-height: 30rem;
}
.websign .shejishow .hoverpic{
	position: absolute;
	bottom: -50rem;
	right: -50rem;
	width: 120rem;
	opacity: 0.3;
	transition: 1s ease;
}
.websign .shejishow .showbox:hover .hoverpic{
	transform:scale(1.2) translate(-15rem,-15rem);
}
/* yxintro css */
.yxintro{
	background-image: url(../../static/images/yxbg2.jpg);
	padding:0;
}
.yxshow{
	display: flex;
	justify-content: space-between;
	color: #fff;
}
.yxshow .textbox{
	width: 40%;
	padding: 100rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	/* background: linear-gradient(45deg, #ff600073 10%, #ff701900 60%); */
}
.yxshow .textbox .tit{
	font-size: 45rem;
	margin-bottom: 50rem;
	font-weight: bold;
	text-shadow: 2rem 2rem 0rem BLACK;
}
.yxshow .textbox .intro{
	line-height: 35rem;
	font-size: 20rem;
	text-shadow: 1rem 1rem 0rem #00000082;
}
.yxshow .showbox{
	width: 50%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 80rem 0;
}
.yxshow .showbox .itembox{
	width: 175rem;
	height: 175rem;
	text-align: center;
	padding: 15rem;
	font-size: 18rem;
	border: 3rem #ffffff78 solid;
	margin: 3% 5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #00000000;
	transition:0.3s ease;
	cursor:pointer;
}
.yxshow .showbox .itembox:hover{
	border-radius:50%;
	background:#ff6101db;
}
.yxshow .showbox .itembox span{
	font-weight:bold;
	color:#ff6101
}
.yxshow .showbox .itembox:hover span{
	color:#fff;
}
.yxshow .showbox .itembox .pic-box{
	width: 60rem;
	height: 60rem;
	margin: 10rem auto;
}
/* nyprocess csss */
.nyprocess .titgroup .tit{
	font-size: 45rem;
	text-align: center;
}
.nyprocess .titgroup .intro{
	font-size: 18rem;
	text-align:center;
}
.nycessshow{
	display: flex;
	margin-top: 20rem;
	justify-content: space-between;
}
.nycessshow .showbox{
	width: 23%;
	height: 180rem;
	background: linear-gradient(45deg, #ffc14a, #ff6000);
	color:#fff;
	padding: 40rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 20rem;
	border-top-left-radius: 60rem;
	border-bottom-right-radius: 60rem;
	box-shadow: 5rem 8rem #ff7b00;
}
.nycessshow .showbox .tit{
	font-size: 30rem;
	font-weight: bold;
}
.nycessshow .showbox .tit span:nth-child(1){
	display: inline-block;
	margin-right: 10rem;
}
.nycessshow .showbox .intro{
	font-size: 16rem;
	line-height: 30rem;
	margin-top: 15rem;
}
/* nywebother css */
.nywebother{
	padding-top:0;
}
.nywebother .main-box{
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
.nywebother .main-box .left{
	padding:50rem;
}
.nywebother .main-box .right{
	padding:50rem;
}
.nywebother .tit{
	font-size:35rem;
	padding-bottom: 15rem;
	border-bottom: 2rem #ff7b00 solid;
	margin-bottom: 10rem;
	text-align: center;
}
.nywebother .textbox{
	line-height: 35rem;
	font-size: 16rem;
	margin-top: 20rem;
}
.nywebother .textbox span{
	font-weight: bold;
}
.x-price{width:1300px;margin: 50px auto;}
/* box_jiage */
.box_jiage .xun {
  overflow: hidden;
  margin-right: -15px;
  margin-left: -15px;
  padding: 0 15px 35px 15px;
}
.box_jiage .xun li {
  border: 1px solid #ddd;
  border-left: 0;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  color: #666;
  transition: all 0.3s;
}
.box_jiage .xun li .box {
  background: #0e8ad9;
  color: #fff;
  text-align: center;
  overflow: hidden;
  padding: 30px 0 20px 0;
}
.box_jiage .xun li .box .bt {
  font-size: 24px;
}
.box_jiage .xun li .box .price {
  padding: 20px 0 15px 0;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.box_jiage .xun li .box .price .cen {
  position: relative;
  padding: 0 5px 0 20px;
  line-height: 1;
}
.box_jiage .xun li .box .price .cen em {
  font-size: 18px;
  position: absolute;
  left: 5px;
  top: 6px;
}
.box_jiage .xun li .box .price .cen span {
  font-size: 50px;
  font-family: 'halvettthinregular';
  padding: 0 5px;
}
.box_jiage .xun li .box .price .cen:before,
.box_jiage .xun li .box .price .cen:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  width: 20px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}
.box_jiage .xun li .box .price .cen:before {
  left: 100%;
}
.box_jiage .xun li .box .price .cen:after {
  right: 100%;
}
.box_jiage .xun li .box .iconfont {
  font-size: 24px;
}
.box_jiage .xun li .tit {
  line-height: 50px;
  padding: 0 30px;
  font-size: 14px;
}
.box_jiage .xun li .bj {
  background: #f6f6f6;
  padding: 15px 30px;
  overflow: hidden;
}
.box_jiage .xun li .text {
  overflow: hidden;
  line-height: 30px;
  height: 120px;
}
.box_jiage .xun li .info {
  padding: 0 30px;
  overflow: hidden;
  line-height: 30px;
  height: 300px;
  margin: 15px 0 45px 0;
}
.box_jiage .xun li .more {
  position: absolute;
  left: 50%;
  top: 100%;
  border-radius: 50%;
  border: 1px solid #ddd;
  height: 70px;
  width: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 18px;
  transform: translate(-50%, -50%);
  background: #fff;
  letter-spacing: 1px;
  text-align: center;
}
.box_jiage .xun li .more:hover {
  background: #0e9ce4;
  color: #fff;
}
.box_jiage .xun li:first-child {
  border-left: 1px solid #ddd;
}
.box_jiage .xun li.k2 .box {
  background: #b3cf7a;
}
.box_jiage .xun li.k3 .box {
  background: #8abd00;
}
.box_jiage .xun li.k4 .box {
  background: #cfbe7a;
}
.box_jiage .xun li:hover {
  box-shadow: 0 0 10px #ccc;
  z-index: 1;
}
.box_jiage .table {
  overflow: hidden;
}
.box_jiage .table table {
  width: 100%;
  text-align: center;
  line-height: 1.8;
  font-size: 16px;
}
.box_jiage .table table td,
.box_jiage .table table th {
  height: 60px;
}
.box_jiage .table table img {
  height: 20px;
  width: auto;
}
.box_jiage .table table .tit {
  font-size: 18px;
  background: #e1e1e1;
  padding: 5px;
}
.box_jiage .table table .sbt {
  font-weight: bold;
  border: 1px solid #e5e5e5;
  padding: 5px;
  width: 15%;
}
.box_jiage .table table .bt {
  font-size: 16px;
  border: 1px solid #e5e5e5;
  padding: 5px;
  width: 25%;
}
.box_jiage .table table .y1 {
  background: #f8f5e7;
  color: #666;
}
.box_jiage .table table .y2 {
  background: #f8ece7;
  color: #666;
}
.box_jiage .table table .y3 {
  background: #ebf5f9;
  color: #666;
}
.box_jiage .table table tr:nth-child(odd) .y1 {
  background: #eeecdf;
}
.box_jiage .table table tr:nth-child(odd) .y2 {
  background: #eee3df;
}
.box_jiage .table table tr:nth-child(odd) .y3 {
  background: #e1ecf1;
}
.box_jiage .dingzhi_but {
  display: block;
  overflow: hidden;
  margin: 30px auto 0 auto;
  line-height: 60px;
  width: 320px;
  border: 1px solid rgba(14, 156, 228, 0.5);
  color: rgba(14, 156, 228, 0.5);
  border-radius: 5px;
  text-align: center;
  font-size: 22px;
}
.box_jiage .dingzhi_but:hover {
  background: rgba(14, 156, 228, 0.5);
  color: #fff;
}

/* box_solutions */
.box_solutions {
  padding: 50px 0 0 0;
}
.box_solutions .box {
  background: #373d41;
}
.box_solutions .swiper-container {
  width: 100%;
  padding: 0 60px;
  position: relative;
}
.box_solutions .swiper-slide {
  width: 25%;
}
.box_solutions .swiper-slide img {
  width: 100%;
  height: auto;
}
.box_solutions .swiper-slide .float {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  padding: 10px;
  transition: all 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.box_solutions .swiper-slide .float .iconfont {
  font-size: 50px;
}
.box_solutions .swiper-slide .float hr {
  border: 0;
  width: 30px;
  height: 2px;
  margin: 20px auto 10px auto;
  background: #fff;
  transition: all 0.3s;
}
.box_solutions .swiper-slide .float span {
  font-size: 22px;
  display: block;
  overflow: hidden;
  line-height: 1.6;
}
.box_solutions .swiper-slide .float p {
  line-height: 25px;
  max-height: 0;
  display: block;
  overflow: hidden;
  transition: all 0.3s;
}
.box_solutions .swiper-slide .float .more {
  width: 120px;
  line-height: 0;
  border: 1px solid transparent;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  color: #fff;
}
.box_solutions .swiper-slide .float .more:hover {
  background: #fff;
  color: #0e9ce4;
}
.box_solutions .swiper-slide .float:hover {
  background-color: rgba(14, 156, 228, 0.8);
}
.box_solutions .swiper-slide .float:hover hr {
  height: 0;
  margin: 10px auto;
}
.box_solutions .swiper-slide .float:hover p {
  max-height: 100px;
  margin: 15px 0 20px 0;
}
.box_solutions .swiper-slide .float:hover .more {
  line-height: 34px;
  border-color: #fff;
}
.box_solutions .solutions-next,
.box_solutions .solutions-prev {
  position: absolute;
  top: 0px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60px;
  background: #31373a;
  color: #999;
  z-index: 5;
  cursor: pointer;
  font-size: 30px;
  transition: all 0.3s;
}
.box_solutions .solutions-next:hover,
.box_solutions .solutions-prev:hover {
  background: #ff6600;
  color: #fff;
}
.box_solutions .solutions-next {
  right: 0px;
}
.box_solutions .solutions-prev {
  left: 0px;
}

/* box_tit */
.box_tit {
  text-align: center;
  line-height: 2;
  padding: 0 0 30px 0;
  overflow: hidden;
}
.box_tit .english {
  color: #0e9ce4;
  font-size: 40px;
  text-transform: uppercase;
  font-family: 'UUSUNInchike';
}
.box_tit .tit {
  font-size: 22px;
  background: url(../images/tit_line.png) center bottom no-repeat;
  padding: 0 0 15px 0;
}
.box_tit .text {
  color: #999;
  margin-top: 10px;
  line-height: 1.5;
}
.box_tit .text span {
  color: #0e9ce4;
}

@media (max-width: 768px) {

  .box_solutions{ padding: 0px;}
  .x-price{
    width:100%;
  }
  /* box_tit */
  .box_tit {
    padding: 0 0 20px 0;
  }
  .box_tit .english {
    font-size: 30px;
  }
  .box_tit .tit {
    font-size: 18px;
    padding: 0 0 10px 0;
  }
  .box_tit .text {
    font-size: 12px;
  }

  /* box_jiage */
  .box_jiage {
    padding: 20px 0 0 0;
  }
  .box_jiage .xun {
    margin: 0;
    padding: 0;
  }
  .box_jiage .xun li {
    border: 1px solid #ddd;
    width: 100%;
  }
  .box_jiage .xun li .box {
    padding: 15px 40px 10px 0;
  }
  .box_jiage .xun li .box .bt {
    font-size: 20px;
  }
  .box_jiage .xun li .box .price {
    padding: 10px 0;
  }
  .box_jiage .xun li .box .price .cen span {
    font-size: 30px;
  }
  .box_jiage .xun li .box .price .cen:before,
  .box_jiage .xun li .box .price .cen:after {
    width: 30px;
    height: 1px;
  }
  .box_jiage .xun li .tit {
    line-height: 40px;
    padding: 0 15px;
  }
  .box_jiage .xun li .bj {
    padding: 10px 15px;
  }
  .box_jiage .xun li .text {
    line-height: 2;
    height: auto;
  }
  .box_jiage .xun li .info {
    padding: 0 15px;
    line-height: 2;
    height: auto;
    margin: 10px 0;
  }
  .box_jiage .xun li .more {
    left: auto;
    right: 0px;
    top: 0px;
    margin: 0;
    height: auto;
    width: auto;
    line-height: 18px;
    letter-spacing: 0;
    display: block;
    transform: translate(0, 0);
    font-size: 12px;
    padding: 5px 10px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 0;
  }
  .box_jiage .table table {
    font-size: 12px;
    line-height: 1.6;
  }
  .box_jiage .table table td,
  .box_jiage .table table th {
    height: 40px;
  }
  .box_jiage .table table img {
    height: 10px;
  }
  .box_jiage .table table .tit {
    font-size: 14px;
  }
  .box_jiage .table table .sbt {
    width: 80px;
    font-size: 14px;
  }
  .box_jiage .table table .bt {
    font-size: 12px;
    width: 100px;
  }
  .box_jiage .dingzhi_but {
    margin: 20px auto 0 auto;
    line-height: 40px;
    width: 210px;
    font-size: 16px;
  }


}



@media screen and (max-width:1000px){
	.nycontainbox{
	display:flex;
	width: 98%;
	margin:0 auto;
	flex-direction: column;
    }
    .nycontactshow{
	display:flex;
	justify-content:space-between;
	width: 100%;
	margin:0 auto;
	flex-wrap:wrap;
	padding: 0;
    }
    .nycontactshow .showbox{
	width: 48%;
	height: auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	border:1rem #eee solid;
	margin: 1%;
	font-size: 13rem;
	line-height: 18rem;
	padding: 10rem;
	background: linear-gradient(45deg, #ff7019, #de5400);
	color:#fff;
	justify-content: center;
    }
    .nycontactshow .showbox .pic-box{
	width: 30rem;
	margin-bottom: 10rem;
	filter:brightness(100) opacity(0.8);
    }
    .nycontainbox>.pic-box{
	width: 100%;
	height:auto;
	margin-bottom: 40rem;
    }
}
@media screen and (max-width:1000px){
		/* nyabusbox css */
	.nyabtit{
		font-size: 22rem;
		font-weight: bold;
		text-align: center;
		width: max-content;
		padding-bottom: 10rem;
		overflow: hidden;
		position:relative;
		z-index:20;
	}
	.nyabtit span{
		display: block;
		width: 100%;
	}
	.nyabgs .abusbox{
		background: none;
		padding: 10rem 0;
	}
	.nyabgs .abusbox::before{
		display: none;
	}
	.nyabgs .textbox{
		text-align: center;
		font-size: 16rem;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 40rem;
	}
	.nyabgs .abusbox .numbox .showbox .line{
		background: #ff6600;
		height: 2rem;
	}
	.nyabgs .abusbox .numbox .showbox .bottom{
		font-size: 16rem;
		color: #000;
	}
	/* nyabserve css */
	.nyabserve{
		background-image: url(../../static/images/absergb2.jpg)!important;
		color: #fff;
	}
	.nyabserve:before{
		position:absolute;
		content:'';
		background:#00000080;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	.nyabsershow{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 10rem;
	}
	.nyabsershow .showbox{
		width: 100rem;
		height: 100rem;
		background-image: linear-gradient(45deg, #ff6f0f, #f3863d);
		border-radius: 50%;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		box-shadow: 0 0 15rem #ff6f0f;
		margin: 5rem 5rem;
	}
	.nyabsershow .showbox .pic-box{
		width: 30rem;
		height: auto;
		margin-bottom: 10rem;
		filter: brightness(200);
	}
	.nyabsershow .showbox p{
		font-size: 12rem;
	}
	.nyabsershow .textbox{
		width: 100%;
		font-size: 12rem;
		line-height: 24rem;
		margin-top: 40rem;
	}
	.nyabsershow .textbox .t1{
		margin-bottom: 30rem;
	}
	/* nyabadd css */
	.nyabadd .textlist{
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rem;
		flex-wrap: wrap;
	}
	.nyabadd .textlist .showbox{
		font-size: 13rem;
		width: 48%;
		background: #fff;
		margin: 1%;
	}
	.nyabadd .textlist .showbox span{
		display: block;
		width: 60rem;
		background-image: linear-gradient(107deg, #ff6600 80%, #fff 80%);
		color: #fff;
		margin-bottom: 5rem;
		padding-left: 10rem;
	}
	.nyabadd .culshow{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nyabadd .culshow .showbox{
		background: linear-gradient(45deg, #ff6f0f, #f3863d);
		padding: 10rem;
		border-radius: 10rem;
		width: 48%;
		margin: 1%;
	}
	.nyabadd .culshow .showbox .pic-box{
		width: 45rem;
		margin: 15rem auto;
		filter: brightness(200);
	}
	.nyabadd .culshow .showbox .textbox{
		text-align: center;
		color: #fff;
	}
	.nyabadd .culshow .showbox .textbox .tit{
		padding-bottom: 10rem;
		border-bottom: 2rem #fff solid;
		font-size: 18rem;
		margin-bottom: 10rem;
	}
	.nyabadd .culshow .showbox .textbox .intro{
		font-size: 12rem;
	}
	/* thank css */
	.thankshow{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: auto;
		flex-direction: column;
	}
	.thankshow .textbox{
		font-size: 14rem;
		line-height: 25rem;
		padding: 10rem;
	}
	.thankshow .textbox b{
		display: block;
		margin-bottom: 10rem;
		padding-bottom: 10rem;
		width: 100%;
		color: #ff6600;
		border-bottom: 3rem #ff6600 solid;
		font-size: 18rem;
	}
	.thankshow .right{
		display:flex;
		justify-content:center;
	}
	.thankshow .pic-box{
		width: 100%;
		height: auto;
	}
	.thankshow .contact{
		background: #ff6600;
		width: 100rem;
		border-radius: 5rem;
		line-height: 25rem;
		font-size: 13rem;
		color: #fff;
		text-align: center;
		display: block;
		margin-top: 20rem;
	}
}
/* abusbox css */
.abusbox{
	padding: 120rem 0;
	background-image: url(../images/serverbg.jpg);
	background-attachment: fixed;
}
.abusbox:before{
	background: #00000061;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:''
}
.abusbox .tit{
	font-size: 45rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom: 120rem;
}
.abusbox .tit .en{
	background-image: linear-gradient(0deg,transparent 30%,#ffffff5e 80%);
	color: transparent;
}
.abusbox .numbox{
	width: 100%;
	display: flex;
}
.abusbox .numbox .showbox{
	width: 25%;
	text-align: center;
}
.abusbox .numbox .showbox .top{
	display: flex;
	justify-content:center;
	align-items: flex-start;
	color: #ff6301;
}
.abusbox .numbox .showbox .top b{
	font-size: 120rem;
	width: max-content;
	background-image: linear-gradient(0deg, #f8bc97, #ff4e00);
	-webkit-background-clip: text;
	color: transparent;
}
.abusbox .numbox .showbox .top span{
	font-size: 30rem;
}
.abusbox .numbox .showbox .line{
	width: 100rem;
	height: 2rem;
	background: #fff;
	margin: 10rem auto 15rem;
}
.abusbox .numbox .showbox .bottom{
	font-size: 30rem;
	color: #fff;
}