@charset "utf-8";
@media (max-width: 1400px) {
	.container{
		width: 100%;
	}
	.phone-header{
		display: block;
	}
	.header-nav{
		display: none;
	}
	.home-banner{
		display: none;
	}
	.phone-banner{
		display: block;
	}
	.home-products{
		padding-top: 40px;
		padding-bottom: 40px;
		background: none;
		background-color: #f3f8ff;
	}
	.home-products h2{
		margin-bottom: 20px;
		font-size: 20px;
	}
	.home-products-select{
		margin-bottom: 10px;
	}
	.home-products-select li{
		width: 42%;
		float: left;
		padding: 10px 20px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.home-products-section{
		padding-right: 0px;
	}
	.home-products-section .item{
		padding: 10px 20px 20px 20px;
		margin-bottom: 10px;
	}
	.home-products-section .item img{
		float: none;
		width: 80px;
	}
	.home-products-section .item .text{
		float: none;
		width: 100%;
		padding-left: 0px;
		padding-top: 10px;
	}
	.home-products-section .item .text h5{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.home-products-section .item .text p{
		font-size: 12px;
	}
	.home-success{
		background-size: cover;
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.home-success h2{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.home-success ul li img{
		width: 70%;
	}
	.home-success ul li h5{
		font-size: 12px;
	}
	.home-success ul li p{
		transform: scale(0.8);
	}
	.home-about{
		background-size: cover;
		padding-top: 40px;
		padding-bottom: 40px;
	}	
	.home-about h5{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.home-about h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.home-about p{
		line-height: 24px;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.home-about .more-btn{
		font-size: 12px;
		margin-top: 10px;
	}
	.home-news{
		background-size: cover;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.home-news-big{
		margin-bottom: 20px;
	}
	.home-news-big h2{
		font-size: 16px;
		height: 17px;
	}
	.home-news-big p{
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;
		height: 40px;
	}
	.home-news-big .more-btn{
		font-size: 12px;
	}
	.home-news-item h2{
		font-size: 14px;
		height: 15px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.home-news-item .more-btn{
		font-size: 12px;
	}
	.footer{
		background-size: cover;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.footer-link{
		display: none;
	}
	.footer .logo{
		width: 120px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	.footer-info h5{
		font-size: 12px;
		margin-bottom: 10px;
		text-align: center;
	}
	.footer-info h3{
		font-size: 16px;
		margin-bottom: 15px;
		text-align: center;
	}
	.footer-info p{
		font-size: 12px;
		margin-bottom: 20px;
		text-align: center;
	}
	.footer-bottom{
		margin-top: 10px;
		text-align: center;
		font-size: 10px;
		transform: scale(0.8);
	}
	.page-banner{
		width: 100%;
		height: auto;
		background-size: cover;
		padding-top: 20px;
		padding-bottom: 40px;
		margin-top: 60px;
	}
	.page-banner h1{
		margin-top: 30px;
		font-size: 26px;
		margin-bottom: 10px;
	}
	.page-banner ul li{
		font-size: 12px;
		margin-right: 20px;
	}
	.page-banner ul li:after{
		right: -15px;
		top: 0px;
	}
	.page-banner-free{
	    padding: 10px 30px;
	    margin-top: 20px;
	    font-size: 12px;
	}
	.page-banner-contact{
	    padding: 8px 18px;
	    margin-top: 20px;
	    margin-left: 10px;
	    font-size: 12px;
	}
	.free-float-box{
		width: 90%;
	}
	.free-float-box .free-header{
		padding: 20px;
	}
	.free-float-box .free-header h5{
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.free-float-box .free-header p{
	    font-size: 12px;
	}
	.free-float-box .close-btn{
		right: 15px;
		top: 10px;
	}
	.free-float-box .free-content td{
		font-size: 12px;
	}
	.free-float-box .free-content td:first-child {
	    width: 90px;
	}
	.free-float-box .free-footer{
		padding: 0px 20px 20px 20px;
	}
	.free-float-box .free-footer button{
	    padding: 10px 30px;
	    font-size: 12px;
	}
	.free-float-box .table-responsive{
		margin-bottom: 0;
	}
	.products-nft-use{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.products-nft-use .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.products-nft-use .select-price li{
		line-height: 24px;
		font-size: 10px;
		text-align: center;
	}
	.products-nft-use .section-price{
		margin-top: 20px;
	}
	.products-nft-use .section-price section h5{
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.products-nft-use .section-price section p{
		font-size: 12px;
		margin-bottom: 5px;
		line-height: 24px;
	}
	.products-nft-advantage{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.products-nft-advantage .title{
	    font-size: 20px;
	    margin-bottom: 0px;
	}
	.products-nft-advantage-owl-left,.products-nft-advantage-owl-right{
		display: none;
	}
	.products-nft-advantage .owl-box .text h5{
		margin-bottom: 15px;
		font-size: 14px;
	}
	.products-nft-advantage .owl-box .text ul li{
		line-height: 24px;
		font-size: 12px;
	}
	.products-nft-framework{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.products-nft-framework .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.products-nft-solution{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.products-nft-solution .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.products-nft-solution .section-price{
		margin-top: 20px;
	}
	.products-nft-solution .section-price section h5{
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.products-nft-solution .section-price section p{
		font-size: 12px;
	}
	.products-nft-solution .section-price section ul li{
		font-size: 12px;
	}
	.resources-person-profile{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.resources-person-profile h2{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.resources-person-profile h3{
		font-size: 12px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.resources-person-profile-imgleft{
		margin-top: 0px;
	}
	.resources-person-project{
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.resources-person-project .item img{
		width: 40%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.resources-person-project .item h5{
		padding: 20px 90px 20px 20px;
		font-size: 14px;
	}
	.resources-person-project .item h5 span{
		top: 16px;
	}
	.resources-person-project .item p{
		font-size: 24px;
	}
	.resources-sms-use{
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.resources-sms-use h2{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.resources-sms-use .item h5{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.resources-sms-use .item p{
		font-size: 12px;
		line-height: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.resources-sms-price{
		background-color: #f8f9fa;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.resources-sms-price .col-md-4{
		padding-left: 60px;
		padding-right: 60px;
		padding-top: 0px;
		margin-bottom: 20px;
	}
	.resources-sms-price .col-md-4:nth-of-type(2){
		padding-top: 0;
		padding-left: 40px;
		padding-right: 40px;
		margin-bottom: 20px;
	}
	.price-normal .price{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.price-normal h2{
		font-size: 30px;
		margin-bottom: 5px;
	}
	.price-normal h5{
		font-size: 12px;
	}
	.price-normal .info{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.price-normal .info h4{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.price-normal .info ul li{
		font-size: 12px;
	}
	.price-normal .info button{
		font-size: 12px;
		margin-top: 10px;
	}
	.price-mid .price{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.price-mid h2{
		font-size: 40px;
	}
	.price-mid h5{
		font-size: 14px;
	}
	.price-mid .info{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.price-mid .info h4{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.price-mid .info ul li{
		font-size: 12px;
	}
	.price-mid .info button{
		font-size: 12px;
		margin-top: 10px;
	}
	.resources-payment-solution{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.resources-payment-solution .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.resources-payment-value{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.resources-payment-value .title{
		font-size: 20px;
	    margin-bottom: 30px;
	}
	.resources-payment-value .item{
		margin-bottom: 20px;
	}
	.resources-payment-value .item .text{
		width: calc(100% - 90px);
		float: left;
		padding-left: 20px;
		padding-top: 10px;
	}
	.resources-payment-value .item .text h5{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.resources-payment-value .item .text p{
		font-size: 12px;
		line-height: 20px;
	}
	.resources-server-price{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.resources-server-price .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.resources-server-price .select-price li{
		font-size: 12px;
		line-height: 36px;
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
	}
	.resources-server-price .section-price{
		margin-top: 20px;
	}
	.resources-server-price .section-price .item .info{
		width: 100%;
		float: none;
	}
	.resources-server-price .section-price .item .info h2{
		font-size: 14px;
	}
	.resources-server-price .section-price .item .info p{
		font-size: 12px;
	}
	.resources-server-price .section-price .item .info h3{
		font-size: 12px;
	}
	.resources-server-price .section-price .item .info ul li{
		width: 49%;
		font-size: 12px;
		line-height: 24px;
	}
	.info-width-50 li{
		width: 100% !important;
	}
	.resources-server-price .section-price .item .info table td{
		font-size: 12px;
	}
	.resources-server-price .section-price .item .info table tr:last-child td{
		font-size: 12px;
	}
	.resources-server-price .section-price .item .pay{
		width: 100%;
		float: none;
		background-color: #ecf1f8;
		padding: 30px;
	}
	.resources-server-price .section-price .item .pay table td{
		padding: 5px;
	}
	.resources-server-price .section-price .item .pay strong{
		font-size: 26px;
	}
	.resources-server-price .section-price .item .pay button{
		margin-top: 5px;
	}
	.resources-server-advantage{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.resources-server-advantage .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.resources-server-advantage .item{
		background-color: #f2f6fa;
		padding: 40px 40px 25px 40px;
		border-radius: 10px;
		position: relative;
		margin-bottom: 20px;
	}
	.resources-server-advantage .item h3{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.resources-server-advantage .item h5{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.resources-server-advantage .item p{
		line-height: 24px;
		font-size: 12px;
	}
	.cases-four{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.cases-four .item{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 30px;
		margin-bottom: 30px;
	}
	.cases-four .item h5{
		font-size: 14px;
	    margin-bottom: 20px;
	}
	.cases-four .item p{
		font-size: 12px;
		margin-bottom: 5px;
	}
	.cases-wcu{
		padding-top: 40px;
		padding-bottom: 40px;
		background-size: cover;
		min-height: 600px;
	}
	.cases-wcu h2{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.cases-wcu-slide{
		margin-top: 20px;
	}
	.cases-wcu h5{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.cases-wcu h5 i{
		font-size: 14px;
		margin-right: 10px;
	}
	.cases-wcu ul li{
		font-size: 12px;
		line-height: 26px;
	}
	.cases-partner{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.cases-partner h2{
	    font-size: 20px;
	    margin-bottom: 30px;
	}
	.company-profile{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.company-profile h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.company-profile p{
		font-size: 12px;
		line-height: 24px;
		text-indent: 2em;
		margin-bottom: 10px;
	}
	.company-profile-num{
		margin-top: 20px;
	}
	.company-profile-num h5{
		font-size: 20px;
	}
	.company-profile-num p{
		font-size: 12px;
		text-indent: 0em;
	}
	.company-culture{
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #f8f9fd;
	}
	.company-culture-pc{
		display: none;	
	}
	.company-culture-mobile{
		display: block;
	}
	.company-contact{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.company-contact h2{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.company-contact h3{
		font-size: 14px;
	    margin-bottom: 30px;
	}
	.company-contact h5{
		font-size: 12px;
		margin-bottom: 5px;
	}
	.company-contact p{
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.company-contact-map{
		margin-top: 20px;
	}
	.company-contact-map .map-float{
		left: 10px;
		top: 10px;
		padding: 20px;
	}
	.company-contact-map .map-float img{
		width: 100px;
	}
	.company-contact-map .map-float p{
		font-size: 12px;
	}
	.about-join{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.about-join .title{
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.about-join .title-tips{
		font-size: 12px;
	    margin-bottom: 20px;
	}
	.about-join-item{
		padding-top: 20px;
	}
	.about-join-item .job h5{
		font-size: 16px;
	}
	.about-join-item strong{
		font-size: 14px;
	}
	.about-join-item p{
		font-size: 12px;
		line-height: 24px;
	}
	.news-list{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.news-list-first{
		margin-bottom: 30px;
	}
	.news-list-first h2{
		font-size: 16px;
	    margin-bottom: 15px;
	    margin-top: 20px;
	    height: auto;
	    overflow: visible;
	}
	.news-list-first h5{
		font-size: 12px;
	}
	.news-list-first h5 i{
		font-size: 12px;
	}
	.news-list-first p{
		font-size: 12px;
	    margin-bottom: 20px;
	}
	.news-list-item{
		padding: 20px;
	}
	.news-list-item img{
		float: none;
		width: 100%;
		border-radius: 10px;
	}
	.news-list-item .text{
		float: none;
		width: 100%;
		padding-left: 0px;
	}
	.news-list-item h2{
		font-size: 14px;
	    margin-bottom: 10px;
	    margin-top: 0px;
		height: auto;
		overflow: visible;
		margin-top: 25px;
	}
	.news-list-item p{
		font-size: 12px;
	}
	.news-list-item h5{
		font-size: 12px;
	}
	.news-list-item h5 i{
		font-size: 12px;
	}
	.news-details{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.news-details .news-details-title{
		font-size: 20px;
	    margin-bottom: 15px;
	}
	.news-details .news-details-rili{
		font-size: 12px;
	}
	.news-details .news-details-rili i{
		font-size: 12px;
	}
	
	.aside-container {
	        display: none;
	}
	.aside-container {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		z-index: 3;
		display: flex;
		flex-flow: wrap;
	}
	.aside-bar {
	    width: 36px;
	    height: 100%;
	    position: relative;
	}
	
	.bar-item-desc.bar-qrcode-box p {
	    font-size: 12px;
	    color: initial;
	    text-align: center;
	    margin: 0;
	}
	
	.bar-item-desc.bar-qrcode-box img {
	    display: block;
	    width: 120px;
	    height: 120px;
	    object-fit: contain;
	    max-width: 100%;
	    border: 0;
	    vertical-align: text-top;
	}
	
	.bar-item-desc.bar-qrcode-box li {
	    background: #fff;
	    padding: 10px;
	    margin-bottom: 10px;
	    border: 1px solid #ccc;
	    padding: 0 10px 10px;
	    box-sizing: border-box;
	}










	
}