/* ????? */
.back{width:100%;background:url(images/back.jpg) no-repeat top center;background-size: 100%;position: relative; text-align:left;}
.tlt{width:auto;margin:0 auto;color: #fff;font-size: 24px; position:absolute;top: 5%;left: 9%;text-align:left !important;}
.tlt div{padding:2px 0;}
.tlt .fb{font-weight: bold;font-size:28px;}
.tlt span{color: #ffea00;}
.search{width: 100%;text-align: center;background: #f1f1f1;padding: 50px 0 30px 0;}
.search .ind_sh{max-width: 1180px;margin: 0 auto;}
.search .domainDots{max-width: 1200px;margin: 0 auto;text-align: left;background: #fff;margin-top: 3px;padding: 10px;border-radius: 0 0px 5px 5px;}
.search .domainDots li{float: left;width: 10%;font-size: 12px;margin-top: 5px;}
.search .domainDots li.redfont input,label {float:none !important;}
.search .sh_img{position: absolute;padding: 18px 10px;}
.search .sh_inp{padding: 20px 0;width: 73%;border-radius: 5px;border: none;font-size: 18px;padding-left: 40px;}
.search .sh_st{position: absolute;right: 14.3%; padding: 9px 32px;background: #b40026; border: none;color: #fff;border-radius: 4px;font-size:18px;top: 10px;}
.b_search {position: absolute;width:100%;text-align: center;bottom: 25px;}
.b_search .b_img{position: absolute;background: #f39c12; padding: 10px 8px;border-radius: 3px;}
.b_search .b_it{padding: 11px 0 11px 42px;background-color: #f3c50b;border: none;border-radius: 3px; border-bottom: 3px solid #df8900;box-show: 1px solid red;color: #fff;font-size: 16px;}
.b_search input::-webkit-input-placeholder{color: #fff;opacity:1;}
.b_search .b_w{ margin-left:10px;}
.b_search .b_w .b_it{width:12%;}

.searchW { max-width: 1180px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 5px; overflow: hidden;}
.sh_imgW { float: left; padding: 10px 15px 10px 7px;}
.sh_sec { float: left; font-size: 24px; border: none; width: 80%; padding: 5px 0; outline-style: none;}
.sh_btn { float: right; border: none; color: #fff; background: #b40026; font-size: 24px; border-radius: 5px; padding: 5px 15px;}

.search_btn { text-align: center;margin-top: 30px;}
.search_btn a { display: inline-block; overflow: hidden; background: #f3c50b; border-bottom: 2px solid #df8900; border-radius: 5px; margin: 0 7px;}
.sh_imgBtn { float: left; background: #f39c12; padding: 10px;}
.sh_text { float: left; padding: 0 20px 0 15px; line-height: 40px; color: #fff; font-size: 18px;}

/*  */
.domain_Tab{margin: 0 auto 15px; overflow: hidden;}

.domain{width:100%; margin:0 auto;padding: 3px 0; border-top: 1px solid #eee;}
.domain ul { text-align:center;margin: 15px 0;}
.domain li{ display:inline-block;text-align: center;font-size: 16px;padding:5px 0;width: 127px;}
.domain li img{ padding-right:5px; height: 25px;}
.domain li img[src*="com"],.domain li img[src*="org"]{height: 20px;}
.domain li span{position: relative;top: -8px;font-size: 14px;}
.domain .domain.domain2{border: 0;}

.server {clear: both;text-align: center;background: #f1f1f1;border-top: 1px solid #e8e8e8;margin: 0 auto;width: 100%;overflow: hidden;}
.server ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.server li{width: calc(94%/4);margin: 0 0 30px;margin-right: 2%;background-color: #fff;padding: 30px 0;box-sizing: border-box; position: relative;}
.server li:nth-last-child(1){ margin-right:0;}
.server li .list .tit{font-size: 14px;margin-bottom: 20px;}
.server li .list .button { padding: 12px 10px;  cursor: pointer;word-wrap: break-word;white-space: normal;margin: 0 10px;}
.server li .hotIcon{ position: absolute; top: 0; right: 20px; width: 40px; height: 40px;}


/* ???? */
.content{clear:both;text-align:center;background: #f1f1f1;margin: 0 auto;width: 100%;overflow: hidden;}
.content.pd_b{padding-bottom: 30px;}
.w_c{max-width: 1180px; margin: 0 auto;}
.w_c h1{margin: 30px 0;}
.w_c h2{margin: 40px 0;}
.w_c h2 span{display: block;font-size: 16px;}
.w_c.two_line h1{margin-bottom: 0;}
.w_c.two_line h2{margin: 0 0 30px;font-size: 16px;}
.list .tit p{font-size: 14px;}

.content li{width:23.5%;margin-bottom: 30px;margin-right: 2%;}
.content li:nth-last-child(1){ margin-right:0;}
.content li .list{background: #fff;padding-bottom: 20px;}
.content li .list img{width:100%;}
.content li .list .title h2{margin-bottom:5px;}
.content li .list .tit{font-size: 14px;padding: 0 10px;box-sizing: border-box;line-height: 20px;}
.content li .list .price{margin:12px 0}
.content li .list .price label{font-size: 22px;font-weight: bold;}
.content li .list .price span{font-size: 22px;font-weight: bold;color: #b40026;}
.content li .list .button{padding: 12px 35px;cursor: pointer;margin: 0 10px;}

/* Comodo SSL Certificate */
.cs_c{clear: both;text-align:center;max-width: 1180px;margin: 0 auto; overflow: hidden;display: none;}
.cs_c h2{padding:10px;}
.cs_c li{float: left;width: 23.5%;margin-bottom: 30px; margin-right:2%;}
.cs_c li:nth-last-child(1){ margin-right:0;}
.cs_c li .s_p{background: #f1f1f1;float: left;border:2px solid #fff;padding-bottom: 20px;}
.cs_c li .s_p:hover{border:2px solid #b40026;background:#fff;}
/* .cs_c li .s_p:hover .bt{background-color:#b40026;padding:12px 35px;border-radius:3px;} */
.cs_c li .s_p .price{color:#b40026;font-size: 18px; font-weight: bold;}
.cs_c li .s_p .lt ul{list-style: initial;color:#b40026;float: left;padding: 12px 0;margin: 20px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.cs_c li .s_p .lt ul li{width:100%;margin: 3px 0;margin-left: 15px;text-align: left;}
.cs_c li .s_p .lt ul li a{color: #666666;font-size: 12px;}
.cs_c li .s_p .bt a{ color:#fff; background-color: #b40026; padding: 12px 35px; border-radius: 3px;}

.hang{clear: both;text-align:center;/*background:url(images/h_b.png);*/background: #f1f1f1;background-size: cover;}
.hang h2{/*color:#fff;padding: 20px 0;margin: 0;*/padding: 40px 0 40px;margin: 0;}
.hang .h_c{max-width: 1180px;margin: 0 auto;}
.hang .h_c li{float:left;width: 20%;background: #fff;box-sizing: border-box;border-left: 1px solid #e4e4e4;border-bottom: 5px solid #b40026;padding-bottom: 20px;box-shadow: 0 6px 10px #bbb;-webkit-box-shadow: 0 6px 10px #bbb;}
.hang .h_c li:nth-last-child(1){border-right: 1px solid #e4e4e4;}
.hang .h_c li img{ margin-top:20px;}
.hang .h_c li h6{margin:12px 0;}
.hang .h_c li div{font-size:12px;color: #999;padding: 0px 20px;text-align: center;}
.hang .hang_box{overflow: hidden;}
.hang .hang_box ul{overflow: hidden;max-width: 1180px;margin: 0 auto}
.hang .hang_box ul li{overflow: hidden;background: #fff;margin-bottom: 40px;}
.hang .hang_box li img{float: left;height: 230px;}
.hang .hang_box li .right{float: left;width: calc(100% - 230px);height: 230px;overflow: hidden;}
.hang .hang_box li .right .item{padding: 20px;text-align: left;}
.hang .hang_box li .right .hang_title{color: #000;margin: 0;font-weight: bold;font-size: 14px;}
.hang .hang_box li .right .hang_info{color: #666;width: 90%;}

.avenue{max-width: 1180px;margin: 0px auto;padding-bottom: 50px;}
.avenue .cho_right{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;width: 100%;}
.avenue .cho_right .cho_list{padding: 23px;border-bottom: 5px solid #b40026;box-sizing: border-box;background: #fff;margin: 0;cursor: default;}
.avenue .cho_tit{font-size: 16px;margin: 15px 0;line-height: 25px;text-align: left;line-height: 1.75;font-weight: bold;}
.avenue .cho_con{color: #999;font-size: 14px;text-align: left;line-height: 1.75;}
.avenue img {display: block;height: 50px;}

.index_ps_box{width: 100%;background: #fff;}
.index_ps{clear: both;text-align: center;width: 1180px;margin: 0 auto;padding: 0;position: relative;}
.index_ps .rus{padding-bottom: 60px;}
.index_ps h2{padding: 40px 0;margin:0;}
.index_ps .round label{font-size:12px;}
.index_ps .r_img{width: 85px;height: 55px;position: absolute;background: #fff;left:0; right:0; margin:0 auto;bottom:12px;}
.index_ps .r_img img{border-radius: 50%;height:55px;width: 55px;}
.index_ps h6{margin: 12px 0 5px 0;}
.index_ps .link{font-size: 12px;color: #999999;}

.whose{clear: both;text-align: center;background: #fff;float: left;width: 100%;}
.whose h2{padding: 30px 0; margin: 0;}
.whose h2 span{display: block;font-size: 16px;}
.whose .whose_box{max-width: 1180px;overflow: hidden;margin: 0 auto;padding-bottom: 30px;}
.whose .whose_box.magn_b{padding-bottom: 60px; }
.whose .whose_box .whose_left{float: left;width: calc(100% - 540px);}
.whose .whose_box .whose_left h2{padding-left: 60px;text-align: left;margin-bottom: 0;}
.whose .whose_box .whose_right{float: right;width: 540px;height: 270px;}
.whose .whose_box .wh_left{float: left;width: 540px;height: 270px;}
.whose .whose_box .whose_info.pad_r{padding-left: 0px !important;padding-right: 60px;}
.whose .whose_box .whose_info{color: #666;padding-left: 60px;text-align: justify;font-size: 14px;padding-top: 20px;}
.font_red{color: #b40026;}
.whose .whose_box .whose_info div.whose_link:last-child{margin-top: 14px;}
.whose .whose_box .whose_info div.whose_link:first-child{margin-top: 36px;}

.left_us{width: 42%;border-top: 5px solid #b40026;float: left;}
.left_us .cs{position: relative;float: right;width: 64%;}
.left_us .cs h2{text-align:center;}
.left_us .cs li{width:33.3%;float:left; text-align: center;}
.left_us .cs li div{background:#f1f1f1;padding:20px 0;margin-left: 10px;}
.left_us .cs li div img{border:none;}
.left_us .cs li div p{margin: 12px 0 0 0;color:#333333;font-size: 14px;}
.left_us .cs .us_button{clear: both;text-align: center;padding: 25px 0;}
.left_us .cs .us_button input{padding: 12px 35px;cursor: pointer;}

.right_computer{width: 50%;border-top: 5px solid #b40026;float: right;margin-top: 80px;position: relative;}
.right_computer .c_b{background:url(images/computer.png);height: 268px;background-size: cover;width: 348px;z-index: 3;position: absolute;top: -80px;left: 8%;}
.right_computer .c_b .i{width: 100%;position: relative;height: auto;border-radius: 0px;}
.right_computer .c_b .i_l{position: absolute;bottom: 0;right: 32px;}
.right_computer .c_b .i_r{position: absolute;bottom: 0;right: 0;;}

.slide {position:relative;overflow:hidden;margin: 10px;height: 170px;}
.slide ul {width:1400px;}
.slide ul li {width:349px;float:left;}


#domainList li { margin: 5px 0; font-size: 12px;}


#b04 { width: 100% !important;}

#b04 .dots { position: absolute; right: 12px; bottom:0px;}

#b04 .dots li 

{ 

	display: inline-block; 

	width: 10px; 

	height: 10px; 

	margin: 0 4px; 

	text-indent: -999em; 

	border-radius: 6px; 

	cursor: pointer; 

	opacity: .4; 

	-webkit-transition: background .5s, opacity .5s; 

	-moz-transition: background .5s, opacity .5s; 

	transition: background .5s, opacity .5s;
	background: rgba(0,0,0,.5);
    color: #fff;

}

#b04 .dots li.active 

{

	background: #fff;

	opacity: 1;

}

#b04 .arrow { position: absolute; top: 50%;}

#b04 #al { left: 15px;    border: none;}

#b04 #ar { right: 15px;    border: none;}

.banner { overflow: auto; text-align: center;}

.banner li { list-style: none; }

.banner ul{width: 1000%;display: flex;height: 300px !important;}

.banner ul li { position:relative;height: 300px;width: 383px !important;margin: 0;background: #f1f1f1;margin-right: 15px;padding: 23px;box-sizing: border-box;}
.banner .dots{display: none;}
.banner li p{text-align: justify;font-size: 14px;overflow: hidden;margin: 0;height: 195px;}
.banner .banner_info{overflow: hidden;width: 100%;}
.banner .banner_info .author{display: inline-block;line-height: 26px;vertical-align: top;font-size: 14px;font-weight: bold;}
.banner ul li .left{float: left;margin-top: 20px;}
.banner ul li .right{float: right;padding-right: 20px;}

.banner.premium_brokerage_banner li p{height: 155px;}
.banner.premium_brokerage_banner ul li .left{margin-top: 50px;float: none;text-align: left;}
.banner.premium_brokerage_banner ul li .left img{display: none;}
.banner.premium_brokerage_banner .banner_info .author{font-weight: 400;text-align: left;line-height: 20px;}
.banner.premium_brokerage_banner ul li .right{float: none;text-align: left;margin-left: 0;bottom: 0;}


#b06{overflow-y: scroll; min-height: 300px;}
#b06::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
#b06::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
#b06::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
#b06::-webkit-scrollbar-thumb{background: rgba(0,0,0,.1);  border-radius: 3px;}

#b06 .arrow { position: absolute; top: 50%;    border: none;display: none;}

#b06 #al {left: 0;background: rgba(0, 0, 0, 0.15);padding: 20px;box-sizing: content-box;}

#b06 #ar { right: 0;background: rgba(0, 0, 0, 0.15);padding: 20px;box-sizing: content-box;}

.example {
	width: 100%;
	height: 498px;
	font-size: 40px;
	text-align: center;
	margin: 0px auto;
	overflow: hidden;
}

/* promoD */
.promoDiv{
	width: 100%;
}
.promoDiv a{
	display: block;
}
.promoDiv a img{
	width: 100%;
}


.carousel-item{color: #fff;font-family:  Arial Black; position: relative;}

.carousel-item .text_box{
	position: absolute;
	width: 1180px;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	text-align: left;
	color: #fff;
}
.carousel-item .text_box h3{
	font-size: 48px;
	line-height: 1.5;
	margin: 0;
}
.carousel-item .text_box p{
	font-size: 30px;
	line-height: 1.5;
	margin: 0;
}

.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	position:relative;
	float: left;
	height: 100%;
    width: 100%;
}

.ft-carousel .carousel-item img {
	object-fit: cover;
	width:100%;
	height: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 3%;
	background: url(../index/images/icon_left.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 1%;
	background: url(../index/images/icon_right.png) no-repeat;
}

.common_problem h2 {font-size: 27px;}
.common_problem h3 {padding: 16px;font-weight: bold;font-size: 18px;}


.hong_kong_services{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hong_kong_services li{width: calc((100% / 4) - 19px);margin: 0;}
.hong_kong_services .list .title{margin: 20px 0 0;line-height: 25px;}
.hong_kong_services .list .title h3{margin-bottom: 5px;font-size: 16px;font-weight: bold;}
.service_advantages{background-color: #f1f1f1;clear: both;overflow: hidden;}
.service_advantages ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.service_advantages ul li{width: calc((100% / 4) - 19px);padding: 20px;box-sizing: border-box;background-color: #fff;margin: 0;}
.service_advantages ul li span{display: block;text-align: center;font-size: 14px;line-height: 20px;}
.service_advantages ul li img{display: block;margin: 0 auto 5px;height: 50px;}

.new_promotion{display: flex;justify-content: center;margin: 0px auto 15px !important;flex-wrap: wrap;}
.new_promotion li{width: calc((100% / 4) - 20px);margin: 0;padding: 0;}
.new_promotion li img{height: 30px;}

.two_line_ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;}
.two_line_ul li{width: calc((100% / 4) - 19px);margin: 0;}
.two_line_ul li .list .title{margin: 15px 0 5px;}
.two_line_ul li .list h3{font-size: 18px;margin: 0;font-weight: bold;}
.two_line_ul li .list .tit p{margin-top: 0;}
.two_line_ul li:last-child .list .tit p{text-align: left;font-size: 13.7px;padding: 0 10px;box-sizing: border-box;}

.guide_text{font-size: 14px;text-align: left;}
.guide_text img{display: inline-block;height: 20px;vertical-align: text-top;margin-right: 5px;}

@media screen and (max-width:1600px) {
	.carousel-item .text_box{
		top: 30px;
	}
	.carousel-item .text_box h3{
		font-size: 40px;
	}
	.carousel-item .text_box p{
		font-size: 24px;
	}
}

@media screen and (max-width: 1280px){
	.ban_txt .tlt{left:2%;font-size: 22px;}
	.ban_txt .tlt .fb{font-size:26px;}
	.promoDiv a img{height: 100%;}
}

@media screen and (max-width: 1040px){
	/* .back{ height:500px; background-size:100% 100%;} */
	.ban_txt .tlt .fb{font-size:20px;}
	.search{bottom:20px;}
	.searchW{width:90%;}
	
	.b_search .b_w .b_it{width:14%;}
	.w_c{width:100%;}
	.cs_c{width:100%;}
	.cs_c li{width: 50%;}
	.right_computer .c_b{width: 68%;}
	.bottom .b_m{width:100%;}
	.hang .h_c ul{margin: 0 10px;}
	.bottom .b_m .b_seat{margin:0;}
	.hang .h_c li{width:50%;}
	.ban_txt .tlt{font-size:16px;}
	.content li .list{ margin:10px;padding:10px;}
	.cs_c li{ margin:0;}
	.cs_c li .s_p{padding: 20px;margin: 10px;}
	.cs_c li .s_p h3{padding:10px 0;}	
}
@media screen and (max-width: 960px){
	/* .back{height: 400px;position: relative;} */
	.b_search .b_w .b_it{width:18%;}
	.search .sh_inp{padding: 10px 0;padding-left: 36px;}
	.search .sh_st{padding: 5px 18px;margin-top: 5px;}
	.search .sh_img{padding: 10px;}
	.ban_txt .icon_left{top: 42%;position: absolute;}
	.ban_txt .icon_right{top:45%;position: absolute;}
	.hang .h_c{width:100%;}
	.hang .h_c li{width:50%;}
	.right_computer .c_b{width: 78%;}
	.right_computer .c_b .i{height: 170px;}
	.hang .h_c ul{margin: 0 10px;}
	.ban_txt .tlt{font-size:16px;}
	.content li .list{ margin:10px;padding:10px;}
	.cs_c li{ margin:0;}
	.cs_c li .s_p{padding: 20px;margin: 10px;}
	.cs_c li .s_p h3{padding:10px 0;}
}

@media screen and (max-width: 768px) {
	.back{width:100%;background:url(images/backMobile.jpg) no-repeat top center;background-size: 100%;}
	.ban_txt .tlt div{padding:0;}
	.ban_txt {padding: 18.5% 0;}
	.sh_sec{width:70%;}
	.search{ bottom:10px;}
	
	.search .sh_img_{padding: 10px;}
	.left_us .cs li div img{width: 66%;}
	.right_computer .c_b{width: 74%;height: 219px;}
	.slide{margin: 8px;}
	.right_computer .c_b .i {height: 136px;}
	.hang .h_c ul{margin: 0 10px;}
	.left_us .cs li div p{font-size:12px;}
	.ban_txt .tlt{font-size:14px;}
	.content li .list{padding:10px;margin: 0;}
	.cs_c li{ margin:0;}
	.cs_c li .s_p{padding: 20px;margin: 10px;}
	.cs_c li .s_p h3{padding:10px 0;}
	.example{height: 300px;}

	.server ul li img{width: 100%;}
	.server ul{width: 100%;margin: 0 auto;}
    
    .whose{width: 96%;margin: 0 auto;float: none;overflow: hidden;}
    .whose .whose_box .whose_info{padding: 0 !important;margin-bottom: 0;font-size: 12px;}
    .whose .whose_box .wh_left{float: none;height: auto;margin-bottom: 10px;width: auto;}
    .whose .whose_box{margin: 0 !important;padding-bottom: 20px;}
    .whose .whose_box.magn_b{padding-bottom: 30px;}
    .whose.whose_mar{margin: 0;}
    .whose .whose_box .whose_right{width: 100%;height: 165px;margin-bottom: 20px;}
    .whose .whose_box .whose_info div.whose_link:first-child{margin-top: 10px;}
    .whose .whose_box .whose_info div.whose_link:last-child{margin-top: 5px;}
    .whose .whose_box .ft-carousel .carousel-inner{position: relative;}
    
    .avenue{padding: 20px 10px;}
    .avenue .cho_right{display: block;}
    .avenue .cho_right .cho_list{padding: 15px;margin-bottom: 10px;}
    .avenue .cho_right .cho_list:last-child{margin-bottom: 0;}
    .avenue .cho_tit{font-size: 14px;margin: 10px 0;}
    .avenue .cho_con{font-size: 12px;}
	.hang .avenue h2{padding: 0 0 20px;}

	.b_search{ display:none;}
	.search .sh_inp{font-size: 14px; width: 90%;}
	.search .sh_st {padding: 5px;right: 43px;font-size: 14px;}

	.carousel-item .text_box{top: 15px;width: 100%;}
	.carousel-item .text_box h3{font-size: 20px;padding: 0 20px;}
	.carousel-item .text_box p{font-size: 14px;padding: 0 20px;}
	.whose .whose_box{width: 100%;height: auto;overflow: hidden;}
	.whose .whose_box .whose_left{float: none;width: 100%;}
	.whose .whose_box .whose_right{float: none;width: calc(100% - 40px);height: 250px;}
	.whose .whose_box .whose_left h2{text-align: center;}
	.hang .hang_box ul{width: calc(100% - 20px);margin: 0 auto;}
	.hang .hang_box li img{width: 200px;}
	.hang .hang_box li .right .hang_info .mobile_none{display: none;}
	.hang .hang_box li .right{width: calc(100% - 200px);}
	.hang .hang_box li .right .item{padding: 10px;}
	.hang .hang_box li .right .hang_info{width: 100%;}
	.hang .hang_box ul li{margin-bottom: 20px;}
	.hang .hang_box li .right .hang_title{font-size: 12px;}
	.w_c.two_line h2{font-size: 14px;margin-bottom: 20px;}
	.w_c h1{margin-top: 20px;line-height: 25px;}
	.w_c{padding: 0 10px;box-sizing: border-box;}
	.w_c h2{font-size:18px;margin: 20px 0;}
	.w_c h2 span{font-size: 14px;}
    .whose h2{font-size:18px;padding:20px 0;}
	.whose h2 span{font-size: 14px;}
	/* .hong_kong_services{display: block;} */
	.new_promotion{padding: 0 10px;box-sizing: border-box;margin: 0 !important;}
	.new_promotion li{width: 50%;margin-bottom: 5px;text-align: left;}
	.service_advantages h2{font-size: 18px;padding: 0 10px;box-sizing: border-box;}
	.service_advantages ul li{width: 49%;margin-bottom: 10px;padding: 15px;}
	.service_advantages ul li:nth-child(3){margin-bottom: 0;}
	.service_advantages ul li:last-child{margin-bottom: 0;}
	.content li{width: 49%;margin: 0 0 10px;}
	.content li .list .button{padding: 10px 20px;white-space: normal; word-wrap: break-word;}
	.hong_kong_services .list .title{margin: 0 0 5px;}
	.hong_kong_services .list .title h3{font-size: 14px;line-height: 20px;margin: 0;}
	.content li .list .tit{font-size: 12px;padding: 0;}

	.server .two_line_ul li{padding: 10px 0;}
	.two_line_ul li .list .button{margin: 0 10px;}
	.two_line_ul li .list h3{font-size: 16px;}
	.two_line_ul li .list .title{margin: 10px 0;}
	.two_line_ul li .list .tit p{font-size: 12px;}
	.two_line_ul li:last-child .list .tit p{font-size: 12px;}

	.guide_text{font-size: 14px;margin-bottom: 0px;}
	.guide_text img{margin-right: 3px;}
}

@media screen and (max-width: 640px){
    .domain_Tab{width:96%;}
	.ft-carousel .carousel-next-btn{ right: -1%;}
	.ban_txt .tlt .fb{font-size:16px;}
	.right_computer .c_b { width: 92%;height: 212px;left: 5%;}
	.hang .h_c ul{margin: 0 10px;}
	.left_us .cs li div p{font-size:12px;}
	.ban_txt .tlt{font-size:12px;}
	.cs_c h2{font-size:18px;}
	.cs_c li{ width: calc(100%);}
	.hang .h_c li{width:100%;}	
	.index_ps{width:85%;}
	.index_ps h2{font-size:18px;}
	.left_us .cs h2{font-size:14px;}
	.left_us{width:90%;}
	.right_computer{width:90%;}
	.right_computer .c_b{ position:relative;height: 205px;}
	.right_computer .c_b .i {height: 126px;padding-top: 8px;}
	.u_r{display:none;}
	.nav{width: 100%;height: 64px;padding: 0;}
	.search .sh_inp{font-size: 14px;width: 90%;}
	.search .sh_st {padding: 5px;right: 38px;font-size: 14px;}
	.search .sh_img {padding: 7px;}
	.b_search .b_it{width:90%}
	.b_search .b_w .b_it {width: 38%;}

	.server li{ width: calc( 94%/2); margin-right: 0;}
}

@media screen and (max-width: 414px){
	.ft-carousel .carousel-next-btn{ right: 1%;}
	.ban_txt .tlt .fb{font-size:14px;}
	.searchW{padding: 3px;}
	.sh_sec{width:64%;font-size: 14px;padding: 10px 0;}
	.sh_btn{font-size: 14px;padding: 8px 15px;margin-top: 3px;margin-right: 3px;}
	.search_btn{display:none;}
	
	
	.b_search{display:none;}
	.index_ps{display:none;}
	.left_us{display:none;}
	.right_computer {display:none;}
	.cs_c li .s_p{margin: 0 10px 10px 10px;}
	.cs_c li .s_p{border: 2px solid #b40026;background: #fff;}
	.cs_c li .s_p h3{ margin:10px 0;}
	.cs_c li .s_p .bt{color: #fff;background-color: #b40026;padding: 12px 35px;border-radius: 3px;}
	.hang{height: auto;}
	.hang h2 ,.w_c h1{ font-size: 18px;}
	.hang .h_c{padding-top: 20px;background: #eeeeee;float: left;}
	.hang .h_c li{margin-bottom: 20px;}
	
	/* .back{ height:250px;} */
	.search{bottom: 30px;}
	.search .sh_img {padding: 10px;}
	.search .sh_inp{width:90%;padding: 12px 0;padding-left: 36px; font-size: 14px;}
	.search .sh_st{right: 7%;font-size: 14px;padding: 6px;top:1px;}
	
	.tlt {font-size: 12px;top:20%;left:0%;width:100%;text-align: center !important;}
	.tlt .fb{font-size: 14px;}
    .Homebannertext{height: auto;}
	
	/* promoBanner */
	.example{position: relative;height: 16vh;}
	.promoDiv{width: 170%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);}
	
	.server ul li{margin: 0;width: 49%;margin-bottom: 10px;}
	/* .server li:nth-child(2) .list .tit{margin-bottom: 44px;} */
	.hang .hang_box li img{width: 180px;}
	.hang .hang_box li .right{width: calc(100% - 180px);}
    
    .ft-carousel .carousel-btn{width:25px;background-size: contain !important;margin-top: -12px;height: 25px;}
    .ft-carousel .carousel-indicators span{width:10px;height:10px;}
    
}

@media screen and (max-width: 375px){
	.sh_sec{width:66%;}
	.sh_btn{padding: 6px;margin-top: 5px;}
	.domain li{padding: 5px 12px;}
	.search_btn{display:none;}
	
	.b_search{display:none;}
	.index_ps{display:none;}
	.left_us{display:none;}
	.right_computer {display:none;}
	.cs_c li .s_p{margin: 0 10px 10px 10px;}
	.cs_c li .s_p{border: 2px solid red;background: #fff;}
	.cs_c li .s_p h3{ margin:10px 0;}
	.cs_c li .s_p .bt{color: #fff;background-color: #b40026;padding: 12px 35px;border-radius: 3px;}
	
	/* .back{ height:250px;} */
	.search{bottom: 30px;}
	.search .sh_img {padding: 10px;}
	.search .sh_inp {font-size: 12px;width: 90%;}
	.search .sh_st{right: 7%;font-size: 12px;}

	.hang .hang_box li img{width: 150px;height: 180px}
	.hang .hang_box li .right{width: calc(100% - 150px);height: 180px;}
	/* .example{height: 154px;} */
}

@media screen and (max-width: 320px){
	.search_btn{display:none;}
	.sh_imgW{padding: 10px 5px 10px 5px;}
	
	.b_search{display:none;}
	.index_ps{display:none;}
	.left_us{display:none;}
	.right_computer {display:none;}
	.cs_c li .s_p{margin: 0 10px 10px 10px;}
	.cs_c li .s_p{border: 2px solid red;background: #fff;}
	.cs_c li .s_p h3{ margin:10px 0;}
	.cs_c li .s_p .bt{color: #fff;background-color: #b40026;padding: 12px 35px;border-radius: 3px;}
	.content li {width: 100%;}
	.cs_c h2{font-size:18px;}
	.cs_c li{ width: 100%;}
	.hang .h_c li{width:100%;}	
	.u_r{display:none;}
	.top li{padding: 0 10px;}
	.nav{width: 100%;height: 64px;padding: 0;}
	/* .back{ height:250px;} */
	.search{bottom: 30px;}
	.search .sh_img {padding: 10px;}
	.search .sh_inp{width:90%;font-size: 12px;}
	.search .sh_st {padding: 5px;margin-top: 6px;font-size: 12px;right: 20px;}
	.search .sh_img {padding: 7px;}
	.domain li {font-size:14px;padding: 5px;}
	
	.server h3{font-size: 18px;}
	.server li .list .button{padding: 12px 10px; width: 130px;}
	.server li .hotIcon{ width: 30px; height: 30px;}
}