/*公共样式*/
@import url(roboto.css);
* {
	margin: 0;
	padding: 0;
}
html,
body {
	font-family: "roboto",sans-serif;
	width: 100%;
	background-color: #f5f5f5;
	font-size: 16px;
	font-weight: 400;
	scroll-behavior: smooth;
}
a {
	text-decoration: none;
	color: #363636;
}
/*#e71-d36,#057-5e6*/
a:hover {
	color: #35B5FF;
}
h2 a{
    font-size: inherit;
    color: inherit ;
}
header {
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
hr{
	margin: .5rem 0;
}
.list-paddingleft-2 {
  padding-left: 1rem;
}
.iconfont {
	font-size: 1.75rem;
	font-weight: 300;
}
.is-size6{
	font-size: 6rem;
}
.icon-hover:hover{
	background-color: #35B5FF;
	color: #fff;
	border-radius: 6px;
}
.noborder{
	border-color: transparent !important;
}
.noborder.nohover:hover{
	color: #363636 !important;
	background-color: transparent !important;
}
.shadow{
	box-shadow: 0px 0px 20px 1px #dee3e3;
}
.button.is-focused, .button:focus{
	border-color: #35B5FF;
	color: #35B5FF;
}
.button .icon-download{
	font-size: 1.5rem;
}
/*导航样式*/
.top {
	display: block;
	background-color: #35B5FF;
	color: #fff;
	height: 3rem;
	line-height: 3rem;
}

.top .container,
.top .columns {
	height: inherit;
}

.top a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}

.top .iconfont {
	color: #fff;
	margin-right: 0;
}

.top .columns,
.top .column {
	padding: 0;
	margin: 0;
}

.top li.column {
	text-align: center;
}

.top span.icon {
	/* line-height: 2.5rem; */
	height: auto;
}
.header {
	border-bottom: 1px solid rgba(213, 212, 219, 0.5);
}

/* .logo {
	height: 2.8rem;
} */
.plr{
    padding-left: 1rem;
    padding-right: 1rem;
}
.navbar-brand {
	padding: 1rem .75rem;
}

.sitename {
	margin-left: .75rem;
	line-height: 5rem;
	letter-spacing: 0.1rem;
}
.sitelogo,.sitelogo a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sitelogo h1{
    border: none;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 0;
}
/*banner样式*/
.banner {
	background-color: #363636;
	position: relative;
	width: 100%;
	/* max-height: 50rem;
	min-height: 50rem; */
	height: 100vh;
	overflow: hidden;
	display: flex;
	/* background: linear-gradient(to right, #35b5ff, rgb(2, 27, 121)); */
}
.banner.banner-content{
	max-height: 8rem;
	min-height: 8rem;
}
.banner-img {
    width: 100%;
    height: auto;
}

.hero {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	/* max-height: 50rem; */
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	/*text-align: center;*/
	/* padding-left: 25%; */
	z-index: 99;
}
.hero.is-large .hero-body{
    padding: 14rem 18rem;
	max-width: 42rem;
}
/*.hero-body{*/
/*	display: flex;*/
/*	    flex-direction: column;*/
/*	    justify-content: center;*/
/*}*/
.hero p {
	color: #fff;
}
.hero .subtitle{
    color: #ebeced;
    max-width: 40rem;
}
.hero .title:not(.is-spaced) + .subtitle{
	margin-top: 0;
}
.hero .title {
	font-size: 3.5rem;
	text-transform: uppercase;
	margin-bottom: 3rem;
}
.hero .title a{
    color: #fff;
    font-size: 2.5rem;
}
.hero .subtitle{
    font-weight: 300;
}
a.button.is-primary.btn-hero{
    padding: 0 3.5rem;
    margin-top: 6rem;
    background-color: #35B5FF;
    border-color: #35B5FF;
    color: #fff;
	transition: all cubic-bezier(.9,.03,.69,.22) .2s; 
}
a.button.is-primary.btn-hero:hover{
    background-color: #363636;
    color: #fff;
	border-color: #363636;
}
.hero.is-centered .hero-body{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
#mobile-menu {
	margin-top: .5rem;
}
.banner-video{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	top: 50%;
	left: 42%;
	max-width: 400%;
	transform: translateX(-42%) translateY(-50%);
	min-height: 100%;
}
.swiper-container {
	width: 100%;
/* 	min-height: 35rem;
	max-height: 50rem; */
	/* overflow: hidden; */
	/* z-index: 10; */
	height: 100%;
}
.swiper-wrapper{
    /* overflow: hidden; */
	-webkit-overflow-scrolling:touch
}
.swiper-product-container{
   width: 100%;

    position: relative;
}
.columns .swiper-product-container{
	min-height: auto;
}
.content ul.tags{
	list-style: none;
}
.product-content .column  .button.btn-book{
	max-width: 12rem;
	padding: 1.25rem;
}
.button.btn-book.has-background{
	background: #35B5FF;
	color: #fff !important;
	border-color: #35B5FF;
}
.button.btn-book.has-background:hover{
	background:transparent;
	color: #363636 !important;
	border-color: #363636;
}
.swiper-slide {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	max-width: 100%;
}

.swiper-button-prev {
	margin-left: 1.5rem;
}

.swiper-button-next {
	margin-right: 2.5rem;
}

.swiper-pagination-bullet-active {
	background-color: #35B5FF;
}
.swiper{
	width: inherit;
}
.swiper-slide-visible.swiper-slide-active{
	z-index: 99;
}
/*主体样式*/
.breadcrumb {
	padding-top: .5rem;
	padding-left: .5rem;
}

.main {
	
	margin-bottom: 3rem !important;
	margin-top: 2rem;
	overflow: hidden;
	width: 100%;
}
.product.main .column.menu-cate{
    padding: 0;
    
}

.columns.main.is-variable{
    margin-left: 0;
    margin-right: 0;
}
.content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.main .content{
	margin-top: 2rem;
	font-size: 1rem;
	font-weight:300;
}
.main .content a {
    font-size: inherit;
    color: inherit;
}
.main .content .list-paddingleft-2 h4{
	margin-top: 1rem;
}
.main .content .list-paddingleft-2 p{
	margin-top: 1rem;
}
aside.column .menu {
	/* border-right: 1px solid rgba(213, 212, 219, 0.5); */
	background-color:#fff;
	padding: 2rem 2rem 3rem 2rem;
	margin-bottom: 2rem;
}

.content-header {
	text-align: center;
	border-bottom: 1px solid rgba(213, 212, 219, 0.5);
	padding-bottom: .75rem;
	position: relative;
}
.column.menu{
    background: #fff;
}
.content .content-header {
	/* margin-top: 10rem; */
}
.content-header .title{
	font-size: 3rem;
	margin-bottom: 2rem;
	text-transform: uppercase;
}
.content-header.is-center h2.title::after{
	content: "";
	width: 8rem;
	height: 6px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -4rem;
	background-color: #35B5FF;
	border-radius: 6px;
}
.content h2.is-size-1{
	padding-left: 1.25rem;
	position: relative;
}
.content h2.is-size-1::after{
	content: "";
	width: 6px;
	height: 3rem;
	position: absolute;
	top: 4px;
	left: 0;
	background-color: #35B5FF;
	border-radius: 6px;
}
.aboutus{
	background-color: #fff;
	padding-bottom: 120px;
padding-top: 60px;
}
.aboutusimg{
	border-radius: 1rem;
}
.home-aside.aside1 .title{
    font-size: 2rem;
}
.home-aside.aside1 .hotline .title{
	font-size: 3rem;
}
.home-aside.aside1 .border-after-bottom::after,.aboutus .border-after-bottom::after{
	margin-left: 0;
	left: 0;
}
.content-item {
	margin-top: 10rem;
}

.content-img {
	text-align: center;
}

.content-img img {
	width: 90%;
	margin: 0 auto;
}

.content-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.content-text .title{
	font-size: 2.5rem;
	color: #35B5FF;
}
.content p:not(:last-child){
	margin-bottom: 1rem;
}
.content-item .desc {
	text-align: left;
	margin-top: 1.5rem;
	font-weight: 300;
}

.title:not(.is-spaced)+.subtitle{
	/* font-size: 1.5rem; */
	margin-bottom:0;
}
.card-content .subtitle{
	font-size: 1.125rem !important;
	
}

.home-product .content-header,.home-about .content-header,.home-news .content-header{
	border-bottom: none;
}
.home-product .content,.home-about .content,.home-news .content{
	padding: 0 1.5rem;
}
.home-product .box{
	padding: 0;
	/* padding-bottom: 3rem; */
	border-radius: 0;
}
.tabs-items{
	width: 100%;
	overflow: hidden;
}

ul.tabs-ul {
	margin-left: 0;
	display: flex;
}
.tabs-ul li{
	list-style: none;
	display: flex;
	align-items: center;
}
.tabs-ul .icon{
	color: #35B5FF;
}
.home-about .content{
	font-size: 1.125rem;
	font-weight: 300;
	color:#686D76;
}
 .is-border-6{
	 border-radius: 0.5rem;
 }
.btn-more{
	text-align: center;
	margin: 3rem 0;
}
.btn-more button{
    height: 2.75rem;
    width: 10rem;
    border-width: 2px;
    border-color: #363636;
	background: transparent;
}
.btn-more button a{
    color: #363636;
}
.btn-more button:hover{
	background-color: #35B5FF;
	color:#fff;
	border-color: #35B5FF;
}
.btn-more button:hover a{
	color:#fff;
}

.home-about .content .column img{
	max-height: 25rem;
}
.home-about .content .column p{
	text-align: justify;
}
.home-aside{
	padding: 3rem 0;
	margin: 2rem 0;
	background-color: #35B5FF;
	color: #fff;
}
.home-aside .columns{
	padding: 0 1rem;
}
.aside1{
	background: url(/static/images/aside1.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.aside1::before{
	content: '';
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.aside2{
	position: relative;
}
.aside2::after{
    content: '';
    position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-height: 1080px;
    background: url(/static/images/aside2.jpg) no-repeat center center;
	background-size: cover;
}

.aside2::before{
	content: '';
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.home-aside.aside2{
	padding: 10rem 0;
}
.aside2 .icon-hover{
	width: 8rem;
	height: 8rem;
	display: inline-block;
	text-align: center;
	line-height: 8rem;
	border-radius: 6px;
	background-color: #363636;
}

.home-aside .title,.home-aside .subtitle{
	color: #fff;
}
.home-aside .subtitle{
    color: #ebeced;
    padding: 0 1.5rem;
}
.home-product .subtitle,.home-product .tabs{
	margin: 0 1.5rem;
}
.home-aside.aside1 .subtitle{
    padding: 0;
}
.content-header .subtitle{
/* 	color: #ebeced; */
	margin-top: 1rem !important;
	max-width: 1024px;
	margin: 0 auto;
}

.aside2 .columns{
	margin-top: 8rem;
    
    padding: 0 2rem;
}
.aside2 .columns li span{
	font-size: 4rem;
	
}
.aside2 .columns li p{
	font-size: 1.125rem;
	font-weight: 300;
	
}
.home-aside .content-header{
	border-bottom: none;
	z-index: 2;
}
.home-product, .home-about, .home-news{
	padding:  6rem 0;
}

.home-news .column.is-6{
	margin-top: 1.75rem;
	overflow: hidden;
}
.home-news .column.is-6:nth-child(1),.home-news .column.is-6:nth-child(2){
	margin-top: 0;
	display: flex;
	align-items: center;
}
.home-news .news-list{
    margin: 0;
    margin-top: 1.5rem;
}
.home-aside p{
	color: #fff;
}

.menu-label {
	font-size: 1.75rem;
	font-weight: 600;
	color: #363636;
	letter-spacing: 0;
	position: relative;
	padding-left: 1rem;
	line-height: 2rem;
}
.menu-product{
	position: relative;
}
.one-menu{
	position: relative;
	margin-top: .5rem;
}
.one-menu .icon{
	position: absolute;
	top: .75rem;
	right: .5rem;
	transition: all ease .5s;
}
.one-menu>a {
	font-size: 1.125rem;
	font-weight: 400;
}
.one-menu ul{
	display: none;
}
.one-menu.is-current ul{
	display: block;
}

.is-current>a {
    background-color: #35B5FF;
    color: #fff;
}
.is-current.icon{
	color: #fff;
}
.one-menu.is-open ul{
	display: block;
}
.one-menu.is-open .icon,.one-menu.is-current .icon{
	transform:rotateX(-180deg);
}
.is-open>a{
    background-color: #35B5FF;
    color: #fff;
}
.is-open .iconfont,.is-current .iconfont{
    color: #fff;
}

.one-menu:hover>a{
	background-color: #35B5FF;
    color: #fff;
}
.one-menu:hover .icon{
	color: #fff;
}
.list {
	background-color: #fff;
	padding: 1.5rem 0;
	padding-top: 2.5rem;
}

.pagination {
	/*padding: 0 .75rem;*/
	justify-content:center;
}
.content .pagination p {
	margin-bottom: 0;
	padding: calc(.5em - 1px);
}
.text-uppercase{
	text-transform: uppercase;
}
.services{
	padding: 6rem 0;
	background: rgba(32,206,245,0.09);
}
.services .columns{
	margin: 6rem 0;
}
.services .content-header{
	border-bottom: none;
}
.services .box{
	padding-bottom: 3rem;
}
.icon-box{
	text-align: center;
}
.list-item {
	width: 100%;
	text-align: center;
	display: block;
	/* overflow: hidden; */
	position: relative;
	/* border: 1px solid #eee;*/
	padding: 0 .75rem; 
	margin-bottom: 2rem;
}
.main .list-item{
    margin-bottom: 1rem;
}
.list .list-item a{
	box-sizing: content-box;
	display: block;
	border: 1px solid #eee;
	overflow: hidden;
}
.list .list-item a.list-title{
    border: none;
}
.content .list-item{
	max-height: unset;
	max-width: unset;
	border: none;
}
.content .img-box img{
	transition: all 1s ease;
	width: 100%;
	max-height: 338px;
	min-height: 100%;
}
.list-item:hover img{
	transform: scale(1.05);
	transition: all .7s ease;
}
.content .img-box{
	max-height: 20rem;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.content .img-box a{
    overflow: hidden;
    line-height: 0;
    display: block;
}
.content .box:hover{
	box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 20%), 0 0 0 1px rgb(10 10 10 / 5%);
}
.product-text{
	padding: 3rem 1rem;
}
.product-text .btn-more{
	margin-bottom: 0;
}
.content .box:hover .product-text{
	/* background-color: #011627; */
	/* box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 20%), 0 0 0 1px rgb(10 10 10 / 5%); */
	
	transition: all ease .5s; 
}
.content .box:hover .product-text .title,.content .box:hover .product-text .subtitle{
	/* color: #fff; */
}
.content .box .title{
	font-size:1.25rem;
	line-height: unset;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* margin: 1.5rem; */
}
.content .box .subtitle{
	font-size: 1rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	/* height: 2.5rem; */
	margin: 0 1rem;
}
.list-item .tag{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0;
}
.list-item img{
	width: auto;
	max-height: 100%;
}
.list .list-item img{
	width: 100%;
	/*height: 21rem;*/
	object-fit: contain;
	/*min-height: 12rem;*/
	vertical-align: middle;
}
.img-box img {
	width: auto;
	margin: 0 auto;
	/* height: 16rem; */
}

/*.list .column:hover img {*/
/*	transform: scale(1.1);*/
/*	transition: all ease .5s;*/
/*}*/
/*.list .column:hover a{*/
/*	color: #35b5ff;*/
/*}*/
.aside-down{
	background: #363636;
	padding: 2rem 2rem 3rem 2rem;
	margin-bottom: 2rem;
	color: #fff;
}
.aside-down .title,.aside-down .subtitle{
	color: #fff;
}
.aside-down .button{
	margin: 0 auto;
}
.button.btn-down{
	background-color: transparent;
	border: 2px solid #35B5FF;
	color: #35B5FF;
}
.button.btn-down:hover{
	background-color:#35B5FF;
	color:#fff;
}
.aside-like .list-item{
	padding: 0;
	overflow: hidden;
	line-height: 0;
}
.main .columns.is-variable>.column.list-item{
    padding: 0;
/*    margin-left: var(--columnGap);
    margin-right: var(--columnGap); */
    margin-bottom: 0;
}
.aside-like .like-list{
    margin-left: 0;
    /*padding-left: .75rem;*/
    width: 100%;
}
.list-title {
	text-overflow: clip;
	margin-top: 1rem;
	width: 100%;
	text-align: left;
	font-size: 1.125rem;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 1rem;
}
.related-product{
    margin-bottom: 3rem;
}
.related-product .list-item{
    padding: .75rem;
}
.related-product .list-title{
    margin-top: 0;
}
.list-desc{
	text-align: left;
	color: #686D76;
	font-weight: 300;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.list-title a {
	font-weight: 400;
	border: none !important;
}
.aside-like .list-title a{
	-webkit-line-clamp: 1;
	line-clamp: 1;
	font-size: 1.25rem;
}

.news-item {
	padding: 0 .75rem;
	transition: all ease .5s;
}
.home-news .news-item{
    margin: -1.5rem;
}
.news-list{
	width: 100%;
	background: #fff;
}
.news-list .news-item{
	width: 100%;
	border-bottom: 1px solid #eee;
    margin: 0;
}
.news-list li{
	margin-bottom: 1.5rem;
}
.news-time {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	padding: .75rem;
}
.news-time .title{
	font-size: 1.25rem;
/* 	margin-bottom: 0; */
}
.news-time span.subtitle{
	font-size: 1.125rem !important;
}
.news-title {
	font-size: 1.25rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.column.is-12 .news-title{
    margin-top: 1.5rem;
}
.news-item a{
	display: block;
	overflow: hidden;
}
.news-list .news-item a{
	width: 100%;
	table-layout: fixed;
	display: table;
}
.news-item a:hover img{
	transform: scale(1.1);
	transition: all ease .5s;
}
.news-item.right .news-title:first-of-type{
	margin-top: 0;
}
.news-item.right .news-title{
	margin-bottom: .8rem;
}
.news-desc {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	color: #686D76;
	font-weight: 300;
}
.news-item.right .news-desc{
	margin-bottom: .5rem;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	font-weight: 300;
}
.news-item.right{
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 1.5rem;
}
.news-item.right:last-of-type{
	border-bottom:none;
}
.news-item.right .column{
	width: 100%;
}
.news-item .column{
	    justify-content: flex-start;
	    align-items: flex-start;
	}
.news-item.right p.newstime{
	color: #686D76;
}
.news-img{
    text-align: center;
}
.news .columns {
        padding: 3rem 1.5rem;
    }
.level-right .news-title{
	margin-top: 0;
	font-size: 1.5rem;
}
.level-right .news-desc{
	font-weight: 300;
}
.columns .column.product-content{
	background-color: #fff;
	max-width: 100%;
	padding: 3rem 2.5rem;
	padding-bottom: 8rem;
}
.product {
	margin-bottom: 2rem;
}
.product .title{
	font-size: 3rem;
}
.product-img {
	width: 20rem;
	height: 20rem;
	text-align: center;
	margin: 0 auto;
}

.product-img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.product-title{
	position: relative;
}
.product-title .title{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 600;
	font-size: 1.75rem;
}
.product-title .desc {
	text-align: justify;
	/* height: 10rem; */
	margin-bottom: 2rem;
}

.channel-img {
	height: 30rem;
	text-align: center;
	overflow: hidden;
	position: relative;
	width: 50rem;
	max-width: 100%;
	padding: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
}

.channel-img img {
	width: 100%;
    height: auto;
	vertical-align: middle;
	margin: 0 auto;
}

.channel-info {
	position: relative;
}
.channel-info .title{
	font-weight: 400;
}
.channel-info .desc {
	text-align: justify;
	display: block;
	/* min-height: 10rem; */
}
.news .title{
	font-size: 1.5rem;
}
.news .subtitle{
	font-size: 1rem;
}
.product-img-list{
	width: 100%;
	height: 100%;
	z-index: 0;
	position: relative;
}
.product-img-list img{
	width: 100%;
	height: 100%;
	max-width: unset;
}
#vframe{
	width: 100%;
	height: 100%;
	display: block;
}
.player {
	position: absolute;
	top: 50%;
	margin-top: -2rem;
	left: 50%;
	margin-left: -2rem;
	width: 4rem;
	max-width: 100%;
	height: 4rem;
	cursor: pointer;
}
.player-mask{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	background-color: rgb(10 10 10 / 10%);
	z-index: 999;
}

.icon-player {
	font-size: 4rem;
	color: #fff;
	margin-right: 0;
}

.button.btn-book {
	font-family: 'roboto';
	border-color: #363636;
    background: transparent;
    color: #363636;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	border-width: medium;
}
.button.btn-book.is-primary:focus:not(:active){
	box-shadow: 0 0 0 .125em rgba(54,54,54);
}
.button.is-primary.is-active, .button.is-primary:active{
	background-color: #35B5FF;
	color: #fff;
}

.sticky-fixed .button.btn-book,.product-content .button.btn-book{
    color: #363636;
}
#mobile-menu .navbar-dropdown .navbar-item{
	padding-left: 2rem;
}
.channel-info .btn-book{
	/* left: 1.75rem; */
}
.btn-book a{
	color: #fff;
}
.btn-book .iconfont{
	font-size: 1.5rem;
	transition: all linear .2s;
}
.button.btn-book:hover {
	background-color: #35B5FF;
}
.product-content .button.btn-book:hover{
	color: #fff;
}
.sticky-fixed .button.btn-book:hover{
	color: #fff;
}
.product-body {
	margin: 3rem 0;
	padding-left: 1.125rem;
}

.product-body-title {
	font-size: 1.75rem;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 1px solid rgba(213, 212, 219, 0.5);
	padding-bottom: 1rem;
	display: block;
	margin-bottom: 1.5rem;
	font-weight: 600;
	text-align: center;
}

.product-body-content p img{
	margin: 0 .5rem;
}

.product-cate {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	background-color: #35B5FF;
	color: #fff;
	overflow: hidden;
	opacity: 0;
	z-index: -9;
	transition: all ease .5s;
}

.is-show {
	opacity: 1;
	z-index: 9;
}

.product-cate .level {
	height: 4rem;
}

.product-cate .btn-book {
	position: relative;
	background-color: #35B5FF;
	margin-top: 1.5rem;
}

.product-cate .column {
	height: 100%;
}

.product-cate .column ul,
.product-cate .column ul li {
	height: 100%;
}

.product-cate .column ul li {
	padding: 0;
	text-align: center;
}

.product-cate .column ul li a {
	display: block;
	color: #fff;
	line-height: 4rem;
}

.product-cate .column ul li a:hover {
	background-color: #35b5ff;
}

.product-cate ul.columns {
	margin-top: 0;
}
.aside-tags,.aside-like{
    background: #fff;
    padding: 2rem 2rem 3rem 2rem;
}
.aside-like{
    margin-bottom: 2rem;
}

.product .aside-like{
    margin-bottom: 2rem;
}
.aside-like .title,.aside-tags .title {
	font-size: 1.75rem;
	position: relative;
	padding-left: 1rem;
}
.aside-like .title::after, .aside-tags .title::after,.menu .menu-label:after {
  content: '';
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  background: #35B5FF;
  border-radius: 6px;
}
.tags li{
	margin-left: .5rem;
}

.like-list li {
	line-height: 1.5rem;
	margin-top: 1rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
}

.like-list .tag {
	margin-right: .75rem;
	margin-left: .75rem;
}

.like-list a {
	width: 100%;
	line-height: 1.5rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1rem;
}
.like-list li:hover a{
	color: #35B5FF;
}
.like-list li:hover img{
	transform: scale(1.1);
	transition: all .5s ease;
}
.like-list li:hover span.tag{
  background-color: #35B5FF;
}
.product-content .aside-like{
    margin-top: 4rem;
    padding: 0;
}
.product-content .aside-like .like-list{
    padding-left: 0;
}
.product-content  .tags a.tag{
	font-size: inherit;
}
.tabs>ul {
	width: 100%;
}

.tabs a {
	overflow-x: unset;
	border-width: 2px;
}
.tabs .tab-item{
	width: 100%;
	font-size: 1.5rem;
}
.tabs .tab-item .iconfont {
	font-size: 2rem;
}
.tabs ul{
	margin-left: 0;
}
.tabs-list ul li {
	margin: 0 auto;
	text-align: center;
	min-height: 20rem;
	max-height: 50rem;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
}

.tabs-list ul li img {
	transition: all ease .5s;
	max-height: 100%;
}

.mlist {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.follow .columns{
	max-height: 7.5rem;
	height: 7.5rem;
	margin-top: .5rem;
}
.follow .columns li{
	text-align: center;
	height: 100%;
	width: 100%;
}

.follow-item .iconfont{
	margin-right: 0;
}
li.follow-item{
    margin-right: 1rem;
}
.btn-wx:hover{
	background-color: #2aae67;
	border-color:  #2aae67;
	color: #fff;
}
.btn-dy:hover{
	background-color: #fe2c55;
	border-color:  #fe2c55;
	color: #fff;
}
.btn-wb:hover{
	color: #fff;
	background-color: #ff5900;
	border-color:  #ff5900;
}
.btn-twitter:hover{
	background-color: #55acee;
	border-color:  #55acee;
	color: #fff;
}
.btn-whatsapp:hover{
	background-color: #25d366;
	border-color:  #25d366;
	color: #fff;
}
.btn-youtube:hover{
	color: #fff;
	background-color: #ff0000;
	border-color:  #ff0000;
}
.btn-linkedin:hover{
    color: #fff;
    background-color: #0965ba;
    border-color: #0965ba;
}
.btn-lan{
	outline: none;
	border:none;
	background-color: transparent;
	color: #fff;
	border-radius: 0;
	height: 100%;
	font-family: 'roboto';
}
.btn-lan:hover{
	color: #fff;
	background-color:#35b5ff;
}
.btn-lan:active,.btn-lan:focus{
	color: #fff;
	border: none;
	box-shadow:none;
}
.dropdown-menu{
	padding-top: 0;
	z-index: 999;
}
.dropdown-content{
	background-color: #35b5ff;
	color: #fff;
	border-radius: 0;
}
.dropdown .icon-dropdown{
	transition: all ease .5s;
	transform: rotateX(180deg);
}
.dropdown.is-active .icon-dropdown{
	transform: rotateX(0deg);
}
/*footer样式*/
.footer-contact{
	background-color:#35b5ff;
	padding: 6rem 0;
	background-size: cover;
	position: relative;
	z-index: 2;
}
.footer-contact::after{
	content: '';
	width: 100%;
	height: 100%;
	background: url(/static/images/back.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.footer-contact-left .title, .footer-contact-left .subtitle,.footer-contact-left p{
	color: #fff;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.footer-contact-left a{
	color: #fff;
}
.footer-contact-left .border-after-bottom::after{
	background-color: #fff;
	left: 1.5rem;
	margin-left: 0;
}
.footer-contact-left .text{
	padding-left: .75rem;
	padding-right: .75rem;
}
.footer-contact .form{
	border-radius: 0;
}

.footer-contact .container .icon{
	width: 3rem;
	height: 3rem;
	background-color: #35b5ff;
	border-radius: 50%;
	text-align: center;
	line-height: 3rem;
}
.footer-contact .container .iconfont{
	font-size: 1.5rem;
	margin-right: 0;
	color: #fff;
}
.footer {
	/* background-color: #011627; */
	background-color: #363636;
	color: #fff;
}

.footer a {
	color: #fff;
	display: block;
	height: 100%;
}
.footer .title{
	position: relative;
}
.footer .title a{
	padding-left: 1rem;
}
.footer .title a::before {
  content: "";
  width: 4px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #35B5FF;
  display: block;
  height: 1.5rem;
  border-radius: 4px;
}
.footer a img{
	color: #fff;
	width: auto;
	max-height: 100%;
}
.footer a:hover{
	color: #35B5FF;
}
.footer .subtitle a{
	font-weight: 300;
}
.link {
	padding: 1.5rem 0rem;
}

.like .title {
	font-size: 1.5rem;
	color:#011627;
}

.foot-link {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.foot-link li {
	margin-left: .75rem;
}
.foot-link .title{
	color: #fff;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-left: 0;
	margin-bottom: 1rem;
}
.foot-link a {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    display: block;
    padding-top: 0.15rem;
}

.copyright {
	text-align: center;
	height: 3.5rem;
}

.copyright p {
	padding: 1.5rem 0;
}

.footer .column .title {
	font-size: 1.5rem;
	font-weight: normal;
}

.footer .column .subtitle {
	font-size: 1rem;
}

.footer .column>.subtitle {
	margin-top: 1rem;
	margin-bottom: inherit;
}

.footer .column p.label{
	font-weight: normal;
}
.footer .text{
	font-weight: 300;
}
.footer .text:not(:last-child){
	margin-bottom: .5rem;
}
/*模态表单*/
.form {
	background-color: #fff;
	padding: 2rem 2rem;
	border-radius: .75rem;
	display: flex;
	flex-direction: column;
}
.content .form .label{
	color: #363636;
}
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus{
	border-color: #35B5FF;
}
.button.btn-success,.button.btn-success[disabled]{
	background-color: #363636;
}
.button.btn-success:hover{
	background-color: #35B5FF;
}
.btn-cancle {
	margin-left: 2rem;
}
.is-left{
	text-align: left;
}
.home-aside{
	padding: 6rem 0;
	    width: 100%;
    overflow: hidden;
}
.border-after-left{
	position: relative;
	padding-left: 1rem;
}
.border-after-left::after{
	content: '';
	height: 100%;
	width: 6px;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #35B5FF;
}
.border-after-bottom{
	position: relative;
}
.border-after-bottom::after{
	content: '';
	height: 6px;
	width: 6rem;
	border-radius: 6px;
	position: absolute;
	left: 50%;
	top: calc(100% + .125rem);
	background-color: #35B5FF;
	margin-left: -3rem;
}
.hotline{
	color: #fff;
	font-size: 3rem;
	text-align: right;
}
.icon-call,.icon-email,.icon-address,.icon-dongtai,.icon-download,.icon-news{
	font-size: 3rem;
	margin-right: .5rem;
}
.hotline span{
	color: #fff;
	font-size: 3rem;
}
.hotline .title{
    color: #fff;
}
.btn-scroll-top{
	background-color: transparent;
	color: #35B5FF;
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	text-align: center;
	outline: none;
	border-color:  #35B5FF;
	z-index: 999;
	border-width: 2px;
}
.btn-scroll-top:hover{
	background-color: #35B5FF;
	border-color: #35B5FF;
}
.btn-scroll-top a{
	color: #fff;
}
.btn-scroll-top .iconfont{
	margin-right: 0;
	transform: rotateX(-180deg);
}
.btn-scroll-top:hover{
	color: #fff;
}
.table-box{
	overflow-x: auto;
	max-width: 100%;
	display: flex;
 /*   justify-content: center;*/
}
article.column.news{
	background-color: #fff;
	/*margin-left: 1.5rem;*/
}
/*sticky-fixed*/
header{
	background-color: transparent;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
.header{
	background-color: transparent;
	margin-top: 2rem;
	border-bottom: none;
	transition: all linear .5s;
}
header:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: linear-gradient(
to top,rgba(22,22,26,0),rgba(22,22,26,.3));
	z-index: 9;
}
.sticky-fixed{
	background:#fff;
	transition: all ease .5s;
}
.sticky-fixed .navbar-link,.sticky-fixed  a.navbar-item{
	color: #363636;
}
.sticky-fixed::after{
	content: none;
}
.sticky-fixed .header{
	margin-top: 0;
	box-shadow: 1px 1px 20px -10px rgba(20,20,20,.5) ;
}
.logo{
	width: 160px;
	/* height: 48px; */
	height: 2.5rem;
}
.cls-3{
	fill: #fff;
}
.sticky-fixed .cls-3{
	fill:#333;
}
.navbar{
	background-color: transparent;
	transition: all linear .5s;
}
.navbar-link, a.navbar-item{
	color: #EEEEEE;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.125rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
a.navbar-item:hover{
	background-color: transparent;
}
.sticky-fixed a.navbar-item:hover{
	color: #35b5ff;
}
.navbar-burger span{
	width: 24px;
	border-radius: 6px;
	height: 2.5px;
	left: calc(50% - 12px);
}
.navbar-burger span:nth-child(1){
	top: calc(50% - 12px);
}
.navbar-burger span:nth-child(2){
	top: calc(50% - 4px);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(3){
	transform: translateY(-8px) rotate(-45deg);
}
header .button.btn-book{
	align-self: center;
	margin-left: 1rem;
	padding: 0 2rem;
	border-width: 2px;
}
.swiper-title{
    background: rgba(0,0,0,.3);
    position: absolute;
    height: 3rem;
    line-height: 3rem;
    bottom: 0px;
    color: #fff;
    margin-bottom: 0 !important;
    width: 100%;
    text-align: center;
}
.swiper-product{
    width: 100%;
    /* max-width: 800px;
    margin: 0 auto; */ 
}
.swiper-product .lazy{
    width: inherit;
    /* max-width: 100%;
    max-height: 42.25rem; */
}
.content .swiper-product img{
	min-width: 100%;
}
.search-pagination{
    padding: 2rem 0;
}
.swiper-pagination{
	width: 6rem !important;
	left: 50% !important;
	margin-left: -3rem;
	bottom: .5rem !important;
}
.swiper-pagination-bullet{
	width: 1rem;
	height: 1rem;
	margin-right: .25rem;
	opacity: .9;
}

/*样式重写*/
button{
	font-family: 'roboto',sans-serif;
}
.button.is-small{
    border: none;
}
.breadcrumb a {
	color: #35B5FF;
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
	color: #35B5FF;
}
.navbar-link.is-active, a.navbar-item.is-active{
    color: #35B5FF;
}
.navbar-link:not(.is-arrowless)::after{
	border-color:#35B5FF;
}
.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link{
	background-color: transparent;
}
.navbar-dropdown .navbar-item{
	color: #363636;
}
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover{
	color: #35B5FF;
}
.pagination-link.is-current {
	background-color: #35B5FF;
	border-color: #35B5FF;
}
.page-num{
	-webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .375em;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.5em - 1px);
    padding-left: calc(.75em - 1px);
    padding-right: calc(.75em - 1px);
    padding-top: calc(.5em - 1px);
    position: relative;
    vertical-align: top;
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center;
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em;
}
.page-num a{
    display: block;
    width: 100%;
    height: 100%;
}
.page-num:hover{
	border-color: #b5b5b5;
    color: #363636;
}
.page-num-current{
	background-color: #35B5FF;
	color: #fff;
	border: none;
}
.page-num-current:hover{
	color: #fff;
}
.is-small .iconfont {
	font-size: 1rem;
}
.subtitle {
	color: #686D76;
}


.tabs li.is-active a {
	border-bottom-color: #35B5FF;
	color: #35B5FF;
}
.tabs-list ul{
	margin-left: 0;
}
.icon {
	width: unset;
	height: unset;
}
.contact{
	position: relative;
}
.contact-mask img{
	width: 100%;
}
.contact-box{
	width: 100%;
	height: 100%;
	padding-top: 3rem;
	padding-left: 3rem;
}

.contact-box p.label{
	font-weight: bold;
}
.content-details{
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.content-details .columns img{
	/* width: 100% !important;
	height: auto !important; */
}
.content-details div.is-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-list li ul{
	border-left: none;
}
.tags li:hover a{
	background-color: #35B5FF;
	color: #fff;
}
.button.is-focused:not(:active), .button:focus:not(:active){
	box-shadow: none;
}
.dropdown-menu{
	min-width: unset;
}

table td, table th{
	vertical-align: inherit;
}
.content table{
	margin: 0 auto;
}
.content table td, .content table th{
	vertical-align: inherit;
	border-color: rgba(221,221,221,.5) !important;
}
.title:not(.is-spaced)+.subtitle{
	font-weight: 300;
}
strong{
	color: inherit;
}
tr.ue-table-interlace-color-single {
    background-color: #f9f9f9;
}
.tabs.is-toggle li.is-active a{
	background-color: #35B5FF;
	border-color :#35B5FF;
}
.content table td, .content table th{
	/* border-width: 1px; */
	/* padding: .25rem; */
}
table.table-noborder td{
	border: none;
}
table.nohover tbody tr:not(.is-selected):hover{
	background:transparent !important;
}

.content table tbody tr:last-child td, .content table tbody tr:last-child th{
	border-bottom-width: 1px;
}
.content li+li{
    margin-top: 0;
}
.aside-like li+li{
    margin-top: 1rem;
}
.home-news .content li+li{
	margin-top: 1.5rem;
}

button a{
	font-family: 'roboto';
}
.navbar-burger{
	color: #fff;
}
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover{
	background-color: transparent;
}
.modal{
	z-index: 999;
}
.aside-tags.is-hidden,.aside-like.is-hidden,.menu-cate.is-hidden,.menu.is-hidden{
    display: block!important;
}
.player-box .modal-card, .modal-content{
    height: 100%;
}
.product-content .content-header{
    border: none;
	position: relative;
	text-align: left;
	padding-left: 1.5rem;
}

.product-content .content-header::before {
  content: '';
  border: 4px solid #35B5FF;
  width: 6px;
  height: 80%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.product-content .content-header::after {
  content: '';
  border: 2px solid #363636;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 90%;
  left: 0;
}
aside.column.product-like.is-12{
    padding: .75rem;
    padding-top: 3rem;
}
aside.column.product-like.is-4-desktop{
	padding-right: .75rem;
	padding-left: 0;
}
aside.column.product-like-bottom{
	padding-left: 0 !important;
	padding-top: 2rem;
	padding-right: 0 !important;
	order: 1;
}
aside.column.product-like-bottom .aside-like{
	margin-bottom: 0;
}
.player-box .modal-close{
		background-color: #f00;
	}
/*1440分辨率*/
@media  screen and (max-width:1440px){
	
	.content .box .title{
		font-size: 1.5rem;
	}
	.home-news .news-time .title{
		font-size: 1.25rem;
	}
	.home-news .news-time{
		width: 5rem;
	}
	.home-news .news-title{
		font-size: 1.25rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.hero.is-large .hero-body{
	    padding: 12rem;
     padding-top: 14rem;
	}
	.aside-tags.is-hidden,.aside-like.is-hidden,.menu-cate.is-hidden,.menu.is-hidden{
    display: block!important;
}

}
/*1280分辨率*/
@media  screen and (max-width:1280px) {
	html,body{
		font-size: 14px;
	}
	.content .box .subtitle{
		font-size: 1.25rem;
	}
	.home-news .news-title{
		font-size: 1.125rem;
	}
	.hero.is-large .hero-body{
	    padding: 12rem;
     padding-top: 14rem;
	}
	.aside-tags.is-hidden,.aside-like.is-hidden,.menu-cate.is-hidden,.menu.is-hidden{
    display: block!important;
}
}
@media screen and (max-width: 1024px){
    .sticky-fixed .navbar-burger{
		color: #444;
	}
	.navbar-link, a.navbar-item{
	    color: #fff;
	}
	.hero.is-large .hero-body{
	    padding: 6rem;
     padding-top: 16rem;
	}
	.hero .title{
	    font-size: 3rem;
	}
	.btn-cate,
	.btn-like,
	.btn-tags{
		margin: 0 0 .75rem .75rem;
        padding: 0 2rem;
	}
	.btn-cate{
	    margin-left: 0;
	}
	 .product.main .column.menu-cate{
	    padding: 0 .75rem;
	    
	}
	/*.mask {*/
	/*	width: 100%;*/
	/*	height: 100%;*/
	/*	position: absolute;*/
	/*	top: 0;*/
	/*	left: 0;*/
	/*	background-color: rgba(0, 0, 0, 0.5);*/
	/*	z-index: 99;*/
	/*}*/

/*	aside.menu-cate {*/
/*		position: absolute;*/
/*		left: -100%;*/
/*		top: 0;*/
/*		transition: all ease .5s;*/
/*		background-color: #fff;*/
/*		z-index: 999;*/
/*		box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
/*		height: 100%;*/
/*		display: block!important;*/
/*	}*/
/*aside.menu-cate.is-active{*/
/*    left: 0;*/
/*    width: 80%;*/
/*}*/
/*	.aside-like {*/
/*		position: absolute;*/
/*		left: -100%;*/
/*		top: 0;*/
/*		transition: all ease .5s;*/
/*		background-color: #fff;*/
/*		z-index: 999;*/
/*		box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
/*		height: 100%;*/
/*		width: 100%;*/
/*		padding: 0 .75rem;*/
/*	}*/
	/*.like-list li {*/
	/*	display: flex;*/
	/*}*/
	.main{
	    padding: 0 .75rem;
	}
	.banner .swiper-button-prev.swiper-button-white.is-hidden-mobile {
    display: block !important;
    position: absolute;
    top: calc(100% - 8rem);
    left: 4rem;
    transform: scale(.7);
}
.banner .swiper-button-next.swiper-button-white.is-hidden-mobile {
    display: block !important;
    position: absolute;
    top: calc(100% - 8rem);
    left: 10rem;
    transform: scale(.7);
    /* transform: scaleX(1.5); */
}
.aside-tags.is-hidden,.aside-like.is-hidden,.menu-cate.is-hidden,.menu.is-hidden{
    display: block!important;
}
.product-content .menu.is-hidden{
    display: none!important;
}
.content-header.is-center .title::after{
	top: 4rem;
}
.content-header .subtitle{
	max-width: calc(100vw - 3rem);
}
.tabs .tab-item{
	font-size: 1rem;
}
}
@media screen and (max-width: 1023px){
	.navbar-link, a.navbar-item{
	    color: #333;
	}
	aside.column.product-like.is-4-desktop{
		padding: .75rem;
		padding-top: 3rem;
	}
	.product-like .pl-6{
		padding-left: 0 !important;
	}
}
@media screen and (max-width: 920px){
    .is-flex-direction-column-reverse-mobile{
        flex-direction: column-reverse;
    }
    aside.menu-cate {
		position: absolute;
		left: -100%;
		top: 0;
		transition: all ease .5s;
		background-color: #fff;
		z-index: 999;
		box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);
		height: 100%;
		display: block!important;
	}
aside.menu-cate.is-active{
    left: 0;
    width: 80%;
    min-height: 60rem;
}
	/*.aside-like {*/
	/*	position: absolute;*/
	/*	left: -100%;*/
	/*	top: 0;*/
	/*	transition: all ease .5s;*/
	/*	background-color: #fff;*/
	/*	z-index: 999;*/
	/*	box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
	/*	height: 100%;*/
	/*	width: 100%;*/
	/*	padding: 0 .75rem;*/
	/*}*/
	/*.aside-tags {*/
	/*	position: absolute;*/
	/*	left: -100%;*/
	/*	top: 0;*/
	/*	transition: all ease .5s;*/
	/*	background-color: #fff;*/
	/*	z-index: 999;*/
	/*	box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
	/*	height: 100%;*/
	/*	width: 100%;*/
	/*	padding: 0 .75rem;*/
	/*}*/
	.pr-5 .aside-like,.pr-5 .aside-tags{
	    position: absolute;
	}
	.mask {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 998;
		min-height: 60rem;
	}
	.like-list li {
		display: flex;
	}
		.aside-like,.aside-tags{
	    padding-top: 3rem;
	    padding-left: 2rem;
	    padding-right: 2rem;
	}
	.aside-like .title,.aside-tags .title{
	    margin-bottom: 2rem;
	}
	.columns .column.aside{
	    padding-left: 0;
	}
	.aside-tags.is-hidden,.aside-like.is-hidden,.menu-cate.is-hidden,.menu.is-hidden{
    display: none!important;
}
.aside.column .menu.is-active,.aside-like.is-active, .aside-tags.is-active{
    padding-top: calc(4rem - 0.75rem);
}
.columns.is-variable>.column.list-item{
    /* padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: var(--columnGap); */
}
 .product.main .column.menu-cate{
	    padding: 0 .75rem;
	    padding-top: .75rem;
	}
	.is-flex-direction-column-mobile{
		flex-direction: column;
	}
	aside.column.product-like.is-4-desktop{
		padding: .75rem;
		padding-top: 3rem;
	}
	.product-like .pl-6{
		padding-left: 0 !important;
	}
}
/*平板样式*/
@media screen and (max-width: 768px) {
	.logo {
		height: 2.8rem;
	}
	.sticky-fixed .logo{
	    height: 2.5rem;
	}
	.sitelogo a {
		display: flex;
		align-items: center;
        width: 100%;
        height: 100%;
	}
	.sitename {
		line-height: 3.5rem;
	}
    .sticky-fixed .navbar-burger{
		color: #444;
	}
	.navbar-link, a.navbar-item{
	    color: #4a4a4a;
	}
	.banner {
		min-height: 35rem;
	}

	.banner-img {
		max-width: 100%;
		height: unset;
	}
	.hero .title{
	    font-size: 3rem;
	}
    .hero.is-large .hero-body{
            padding: 6rem;
    padding-top: 9rem;
    }
	.breadcrumb {
		padding-left: .75rem;
		margin-bottom: .5rem !important;
	}
	.news-item{
		display: flex;
	}
	
	.news-time{
		border: none;
		padding: 0;
	}
	/* .news-time .title{
		font-size: var(--size);
	} */
	.columns.is-multiline {
		display: flex;
	}
    .title:not(.is-spaced)+.subtitle{
        font-size: 1.5rem;
    }
	aside.menu-cate {
		position: absolute;
		left: -100%;
		top: 0;
		transition: all ease .5s;
		background-color: #fff;
		z-index: 999;
		box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);
		height: 100%;
		display: block!important;
	}
aside.menu-cate.is-active{
    left: 0;
    width: 80%;
    min-height: 60rem;
}
	/*.aside-like {*/
	/*	position: absolute;*/
	/*	left: -100%;*/
	/*	top: 0;*/
	/*	transition: all ease .5s;*/
	/*	background-color: #fff;*/
	/*	z-index: 999;*/
	/*	box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
	/*	height: 100%;*/
	/*	width: 100%;*/
	/*	padding: 0 .75rem;*/
	/*}*/
	/*.aside-tags {*/
	/*	position: absolute;*/
	/*	left: -100%;*/
	/*	top: 0;*/
	/*	transition: all ease .5s;*/
	/*	background-color: #fff;*/
	/*	z-index: 999;*/
	/*	box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
	/*	height: 100%;*/
	/*	width: 100%;*/
	/*	padding: 0 .75rem;*/
	/*}*/
    .hotline{
        text-align: center;
    }
	.like-list li {
		display: flex;
	}

	.mask {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 998;
		min-height: 60rem;
	}

	.btn-cate,
	.btn-like,
	.btn-tags{
		margin: 0 0 .75rem .75rem;
		/*margin-left: 1.5rem;*/
		padding: 0 1.5rem;
	}
    .btn-cate{
        margin-left: 0;
    }
	.tabs-list ul li {
		max-width: 100%;
	}
	/* .aside-like,.aside-tags{
	    padding-top: 4rem;
	} */
	.aside-like.is-active,.aside-tags.is-active{
	    padding-top: calc(4rem - .75rem);
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	
	.menu-label{
	    /*padding-top: calc(4rem - .75rem);*/
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
	}
	.menu-list{
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
	}
    .aside-like .title,.aside-like .like-list{
        /*padding-left: 1.5rem;*/
        /*padding-right: 1.5rem;*/
    }
    .menu.is-active .menu-label,.menu.is-active .menu-list,.aside-like.is-active .title,.aside-like.is-active .like-list,.aside-tags.is-active .title,.aside-tags.is-active .tags{
         padding-left: 1rem;
         padding-right: 1rem;
    }
    .aside-like .like-list{
        /*padding-left: calc(2rem + .75rem);*/
        padding-top: .75rem;
    }
	.copyright p {
		padding: 1.5rem 0;
	}
	
	.aside2::after{
    	background-image: url(/static/images/aside2-1024.jpg);
    }
	.aside1{
    	background-image: url(/static/images/aside1-1024.jpg);
    }
    .btn-scroll-top{
        background-color: #35B5FF;
        color: #fff;
    }
    .column .is-left{
        text-align: center;
    }
    .column.is-12-mobile{
    width: 50%;
    }
    aside.column .menu{
        padding-left: .75rem;
        /*padding-top: .75rem;*/
    }
    .banner .swiper-button-prev.swiper-button-white.is-hidden-mobile {
    display: block !important;
    position: absolute;
    top: calc(100% - 4rem);
    left: 4rem;
    transform: scale(.7);
}
.banner .swiper-button-next.swiper-button-white.is-hidden-mobile {
    display: block !important;
    position: absolute;
    top: calc(100% - 4rem);
    left: 10rem;
    transform: scale(.7);
    /* transform: scaleX(1.5); */
}
.main .column.aside{
    padding-left: 0;
}
.main .column.menu-cate{
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: var(--columnGap);
    padding-right: var(--columnGap);
}
.is-flex-direction-column-reverse-mobile{
    flex-direction:column-reverse !important;
}
.main .aside-like .like-list{
    /*padding: 2rem;*/
    max-width: 100%;
    padding-top: 0;
}
.main .column.is-11-desktop.is-8-mobile{
    padding-top: 0;
    padding-bottom: 0;
}
.product-like .pl-6{
	padding-left: 0;
}
}

/*手机端样式*/
@media screen and (max-width: 640px) {
	html,body{font-size: 14px;}
	.logo {
		height: 2.8rem;
	}
	.sticky-fixed .logo{
	    height: 2.5rem;
	}

	.sitename {
		line-height: 1.5rem;
      margin-top: .25rem;
	}
	.navbar-link, a.navbar-item{
		color: #444;
		padding-left: 1.5rem;
	}
	.sticky-fixed .navbar-burger{
		color: #444;
	}
	/*.banner {*/
	/*	height: 30rem;*/
	/*}*/

	.banner-img {
		height: 100%;
		max-width: unset;
	}

	.hero .title{
	    font-size: 2rem;
	}
	.hero .title a{
		font-size: 2.25rem;
	}
	.hero-body{
		height: inherit;
	}
    .hero.is-large .hero-body{
        	padding: 3rem;
        padding-top: 16rem;
    }
	a.button.is-primary.btn-hero{
		margin-top: 2rem;
	}
	.breadcrumb {
		padding-left: .75rem;
		margin-bottom: .5rem !important;
	}

	.columns.is-multiline {
		display: flex;
	}
	.menu-label {
    /*padding-top: calc(1rem - 0.75rem);*/
    /*padding-left: .75rem;*/
}
.menu-list{
    /*padding-left: .75rem;*/
}

.column.is-12-mobile{
    width: 100%;
}
.title:not(.is-spaced)+.subtitle {
    font-size: 1.125rem;
}
	aside.menu-cate {
		position: absolute;
		left: -100%;
		top: 0;
		transition: all ease .5s;
		background-color: #fff;
		z-index: 999;
		box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);
		height: 100%;
		display: block!important;
		padding-top: 2rem;
	}
aside.menu-cate.is-active{
    left: 0;
    width: 80%;
}
	/*.aside-like {*/
	/*	position: absolute;*/
	/*	left: -100%;*/
	/*	top: 0;*/
	/*	transition: all ease .5s;*/
	/*	background-color: #fff;*/
	/*	z-index: 999;*/
	/*	box-shadow: 0 .5rem 1rem rgb(10 10 10 / 10%);*/
	/*	height: 100%;*/
	/*	width: 100%;*/
	/*	padding: 0 .75rem;*/
	/*}*/
	.like-list li {
		display: flex;
	}

	.mask {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 99;
	}
	.home-news .news-title{
		font-size: 1.25rem;
	}
	.btn-cate,
	.btn-like,
	.btn-tags{
		margin: 0 0 .75rem .75rem;
        padding: 0 .75rem;
	}
	.btn-cate{
	    margin-left: 0;
	}
	.product-title{
		padding-bottom: 5rem;
	}
	.product-cate ul.columns {
		display: flex;
		padding: 0 .75rem;
	}

	.product-cate .button.btn-book {
		left: 0;
	}

	.tabs-list ul li {
		max-width: 100%;
		position: relative;
	}
	.news-title{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1rem;
	}
	span.menu-product{
		font-size: 1.5rem;
	}
	.content-header .title,.content .title{
		font-size: 3rem;
	}
	.content .subtitle,.content-header .subtitle{
		font-size: 1rem;
	}
	.content-item{
		margin-top: 1.5rem;
	}
	.channel-info .desc{
		min-height: 1.5rem;
	}
	/* .button.btn-book{
		left: .75rem;
	}
	.channel-info .btn-book{
		left: 1.75rem;
	} */
	.breadcrumb .is-flex{
		flex-wrap: wrap;
	}
	.breadcrumb a{
		padding: 0 .5rem;
	}

	.home-product .box .title{
		font-size: 1.5rem;
	}
	.level-left+.level-right{
		margin-top: unset;
	}
	.home-aside{
		padding: 2rem 0;
	}
	.home-aside .title,.home-aside .icon-call{
		font-size: 3rem;
	}
	.home-aside p{
		text-align: center;
	}
	.channel-img{
		height: 16rem;
	}
	.content-details .columns{
		/*padding: 0 .75rem;*/
		width: 100%;
    	margin: 0 auto;
	}
	.content-details img{
		width: 100% !important;
		height: auto !important;
	}
	.content .content-header{
		margin-top: 6rem;
	}
	.columns.content-item.is-3.is-variable:nth-child(2){
		display: flex;
		flex-direction: column-reverse;
	}
	.copyright p {
		padding: 1.5rem .75rem;
	}
	.table-box table.min-width{
		min-width: 64rem;
	}
	.list{
		/*margin-left: 0;*/
	}
	.list-item{
	    
		padding: 0;
		margin-bottom: 1rem;
	}
	.box{
		box-shadow:none;
		border: 1px solid rgba(221,221,221,.5);
	}
	.aside2 .columns li span{
		font-size: 3rem;
	}
	.aside2 .icon-hover{
		width: 6rem;
		height: 6rem;
		line-height: 6rem;
	}
	.news-list .level-right{
		width: calc(100% - 1.5rem);
	}
	article.column.news{
		margin-left: 0;
	}
	
	.swiper-product{
	  /*  max-width: 100%; */
	}

	.home-news .news-item{
	    margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: 1.5rem;
	}
	  .banner	.swiper-button-prev.swiper-button-white.is-hidden-mobile {
    display: block !important;
    position: absolute;
    top: calc(100% - 4rem);
    left: 2rem;
    transform: scale(.6);
}
.banner .swiper-button-next.swiper-button-white.is-hidden-mobile {
    display: block !important;
    position: absolute;
    top: calc(100% - 4rem);
    left: 8rem;
    transform: scale(.6);
    /* transform: scaleX(1.5); */
}
.columns .column.product-content{
	padding: 3rem 1.5rem;
	padding-bottom: 8rem;
}
.swiper-product .swiper-wrapper{
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.news .columns{
    padding: 3rem 1rem;
}
.columns .column.aside {
    padding-left: 0;
}
.main .column.menu-cate{
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.main .aside-like .like-list{
    /*padding: 1rem;*/
}
aside.column .menu{
    /*padding: 0;*/
    padding-top: 2rem;
}
.product.main .column.menu-cate.is-active{
    padding-top: .75rem;
}

.aside-like.is-active, .aside-tags.is-active{
    
    padding-top: 2rem;
}
.main .aside-like .like-list{
    /*padding: 1.5rem;*/
    padding-top: 0;
}
.is-active .list-title{
    margin-top: 0;
}
.button .icon{
    margin-right: 0 !important;
}
.btn-scroll-top.button .icon{
    margin-left: calc(-0.5em - 2px)!important;
    margin-right: calc(-0.5em - 0px)!important;
}

.like-list .list-desc{
    /*display: none !important;*/
}
.columns.pr-5{
    padding-right:0!important;
}
.columns.pl-5{
	 padding-left:0!important;
}
.main .columns.is-variable>.column.list-item{
    margin-left: 0;
    margin-right: 0;
}
ul.tabs-ul{
	flex-direction: column;
}
aside.column.product-like.is-4-desktop{
	 padding: .75rem;
	 padding-top: 3rem;
	 order: 2;
}
.tabs .tab-item{
	font-size: .75rem;
}
.tabs .tab-item a{
	padding: 0;
}
.home-aside.aside1 .border-after-bottom::after{
	left: 50%;
	margin-left: -3rem;
}
.aboutus .border-after-bottom::after{
	left: 0;
	margin-left: 0;
}
}