.banner{
	width: 100%;
	height: 240px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
}
.banner-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.banner-text{
	position: absolute;
	width: 100%;
	max-width: 1280px;
	padding: 0 22px;
	left: 50%;
	top: 46%;
	transform: translate(-50%,-50%);
}
.banner-text h3{
	margin: 0;
	padding: 0;
	font-size: 40px;
	text-align: center;
	color: #fff;
	line-height: 1;
	margin-bottom: 20px;
}
.banner-text p{
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #ddd;
	text-align: center;
	line-height: 1.3;
}
.banner-image{
	width: 100%;
	height: 100%;
}
.banner-image .wap{
	display: none;
}
.banner-image .pc{
	width: 100%;
	height: 100%;
}
.banner-image .wap{
	width: 100%;
	height: 100%;
}
.banner-image .pc img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-image .wap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media(max-width: 1068px){
	.banner{
		height: 180px;
	}
	.banner-text h3{
		font-size: 32px;
	}
	.banner-text p{
		font-size: 16px;
	}
}
@media(max-width: 734px){
	.banner-image .pc{
		display: none;
	}
	.banner-image .wap{
		display: block;
	}
}





.bottom-part{
	padding-bottom: 100px;
}
.part-title{
	font-size: 31px;
	margin:70px 0;
	text-align: center;
}
.left-box{
	width: calc(33.33333333333% - 12px);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.right-box{
	margin-left: 33.33333333333%;
}
.right-box .mob{
	width: calc(50% - 6px);
	margin-right: 12px;
	float: left;
	background: #fff;
	margin-bottom: 12px;
}
.mob{
	padding:90px 50px;
}
.right-box .mob:nth-child(even){
	margin-right: 0
}
.right-box .mob:nth-child(3),
.right-box .mob:nth-child(4){
	margin-bottom: 0
}
.mob h4{
	margin:0;
	font-size: 24px;
	font-weight:500;
}
.mob h5{
	margin: 24px 0 15px;
	font-size: 20px;
	font-weight: 300;
}
.mob p{
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
}
.choose-box span{
	font-size: 16px;
	margin-right: 5px;
}
.choosen-content{
	padding:50px 0 0;
}
.none-channel{
	padding:40px;
	font-size: 18px;
}
.state-content{
	display: none;
}
.state-content::after{
	content:"";
	display: table;
	clear: both;
}
.address-box{
	float: left;
	width: calc(33.33333333333% - 8px);
	margin-right: 12px;
	background: #fff;
	margin-bottom: 12px;
	min-height: 240px;
	padding:50px 50px 0;
}
.address-box h3,.address-box h4,.address-box p{
	margin:0;
	line-height: 1.7;

}
.address-box:nth-of-type(3n){
	margin-right: 0;
}
.address-box h3{
	font-size: 20px;
	font-weight: 500;
	color: #333;
}
.address-box h4{
	font-weight:300;
	color: #333;
	font-size: 16px;
}
.address-box p{
	font-weight: 300;
	color: #333;
	font-size: 16px;
	margin-bottom: 10px
}


.contact-us {
    text-align: center;
}
.contact-us dd {
    position: relative;
    display: inline-block;
    min-width: 100px;
}
.contact-us .contact-us-icon {
    position: relative;
    line-height: 85px;
}
.contact-us-icon::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 47px;
    height: 36px;
    background: center no-repeat url(https://www.51cube.com/wp-content/uploads/2019/05/customer-service-black-95x74.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.contact-us dd:nth-of-type(2) .contact-us-icon::before {
    width: 29px;
    height: 40px;
    background-image: url(https://www.51cube.com/wp-content/uploads/2019/05/phone-number-black-59x81.png);
}
.contact-us dd:nth-of-type(3) .contact-us-icon::before {
    width: 55px;
    height: 43px;
    background-image: url(https://www.51cube.com/wp-content/uploads/2019/05/weixin-black-110x87.png);
}
.contact-us dd:nth-of-type(4) .contact-us-icon::before {
    width: 49px;
    height: 43px;
    background-image: url(https://www.51cube.com/wp-content/uploads/2019/05/weibo-black-99x86.png);
}
.contact-us-text {
    color: #333;
    font-size: 18px;
}
.contact-us .contact-us-icon img {
    position: absolute;
    top: -80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}
.contact-us dd:hover .contact-us-icon img {
    visibility: visible;
    opacity: 1;
    top: -90px;
}
@media(max-width:768px){
	.bottom-part{
		padding-bottom: 10vw;
	}
	.ground-box{
		margin-bottom: 2vw;
	}
	.ground-box .custom_container{
		padding:0;
	}
	.contact-us {
	    margin-bottom: 2vw;
	    padding: 0 5.5vw;
	    font-size: 12px;
	    text-align: justify;
	}
	.contact-us dd {
	    vertical-align: top;
	    margin: 0!important;
	    min-width: 0;
	    text-align: center;
	    line-height: 1;
	}
	.contact-us-icon {
	    line-height: 14vw;
	}
	.contact-us-text {
	    font-size: 3vw;
	    line-height: 1;
	}
	.contact-us-icon::before {
	    width: 6.9vw;
	    height: 5.4vw;
	}
	.contact-us dd:nth-of-type(2) .contact-us-icon::before {
	    width: 4.3vw;
	    height: 5.9vw;
	}
	.contact-us dd:nth-of-type(3) .contact-us-icon::before {
	    width: 8.1vw;
	    height: 6.4vw;
	}
	.contact-us dd:nth-of-type(4) .contact-us-icon::before {
	    width: 7.2vw;
	    height: 6.3vw;
	}
	.contact-us::after {
	    content: "";
	    display: inline-block;
	    width: 100%;
	}
	.contact-us .contact-us-icon img{
	    top: -16vw;
	    width: 20vw;
	    height: 20vw;
	    -webkit-box-shadow: 0 0 3vw rgba(0,0,0,.3);
	    -moz-box-shadow: 0 0 3vw rgba(0,0,0,.3);
	    box-shadow: 0 0 3vw rgba(0,0,0,.3);
	}
	.contact-us dd:hover .contact-us-icon img {
	    top: -18vw;
	}
}

@media(max-width: 1440px){
	.part-title{
		font-size: 28px;
		margin:60px 0;
	}

}
@media(max-width: 1217px){
	.mob{
		padding:40px 30px;
	}
	.address-box{
		padding:40px 30px;
	}
	.choose-box{
		padding-left: 5px;
	}
}
@media(max-width:960px){
	.left-box{
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 12px;
	}
	.left-box .mob{
		float: left;
		width: 50%;
	}
	.right-box{
		margin-left: 0;
	}
	.part-title {
	    font-size: 22px;
	    margin: 40px 0;
	}
	.mob h4{
		font-size: 20px;
	}
	.mob h5 {
	    margin: 16px 0 10px;
	    font-size: 16px;
	}
	.mob p {
	    font-size: 14px;
	    margin-bottom: 5px;
	}
	.choosen-content{
		padding:30px 0 0;
	}
	.address-box{
		width: calc(50% - 6px);
		min-height: 200px;
	}
	.address-box:nth-of-type(3n){
		margin-right: 12px;
	}
	.address-box:nth-of-type(2n){
		margin-right: 0;
	}
	.address-box h3{
		font-size: 17px;
	}
	.address-box h4{
		font-size: 14px;
	}
	.address-box p{
		font-size: 15px;
	}
}
@media(max-width: 720px){
	.mid-part .custom_container,.bottom-part .custom_container{
		padding:0;
	}
	.mob{padding:6vw 4vw;}
	.mob h4{
		font-size: 3.8vw;
	}
	.mob h5{
		font-size: 3.2vw;
		margin:3vw 0 2vw;
	}
	.mob p{
		font-size: 2.5vw;
		margin-bottom: 1vw;
	}
	.address-box{
		padding:6vw 4vw 0;
	}
	.address-box h3{
		font-size: 3.5vw;
	}
	.address-box h4{
		font-size:2.3vw;
	}
	.address-box p{
		font-size: 2.4vw;
	}
	.choosen-content{
		padding:6vw 0 0;
	}
	.choose-box span{
		font-size: 14px;
	}
	.choose-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
		width: 150px;
	}
	.choose-box .btn{
		padding:0 12px 0 10px;
		height: 30px;
		line-height: 30px;
	}
}
@media(max-width: 480px){
	.part-title{
		font-size:5vw;
		margin:6vw 0;
	}
	.banner .text-box h3{
		font-size: 4.8vw;
	}
	.banner .text-box p{
		font-size: 3vw;
	}
	.left-box{
		margin-bottom: 6px;
	}
	.left-box .mob{
		width: 100%;
	}
	.left-box .mob:nth-of-type(2){
		padding-top: 0;
	}
	.right-box .mob{
		width: 100%;
		margin-right: 0;
		margin-bottom: 6px;
	}
	.right-box .mob:nth-child(3){
		margin-bottom: 6px;
	}
	.mob h4{
		font-size: 4.6vw;
	}
	.mob h5{
		font-size: 3.6vw;
	}
	.mob p{
		font-size: 2.8vw;
	}
	.address-box{
		width: 100%;
		margin-right: 0;
		min-height: 0;
		padding:6vw 4vw;
		margin-bottom: 6px;
	}
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#008cd6}