@media (min-width:750px) {
.sjnav{display: none!important}
}



@media (max-width:750px)  {
body { font-family: "Microsoft Yahei";min-width: 100%}
a {	outline: 0;text-decoration: none}
img {border: 0}
.container{ width: 100%; margin: 0 auto; }
.w.auto{margin:0 auto;min-width:100%;max-width:100%}
,.auto{overflow:visible}
.header-container,.i-map,.footer-center-right,.footer-center-left,.bottom-top{display: none!important}
.mbbo{display: none!important}
#globalWrapper{position:relative;top:0;left:0;overflow:hidden;overflow-y:auto;min-height:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;padding-top:.7rem}


.header-nav{height:80px;padding:0 10px;box-shadow:0 0 .05rem #ccc;position:relative;z-index:100;background-color:#fff;width:100%}
.user_name{line-height:.8rem;font-size:.3rem;color:#333;text-align:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.header-nav .logo{width:80px;height:30px;margin:10px 10px;display:inline-block}
.header-nav .head_btn{width:80px;height:60px;float:right;margin:25px 10px}
.header-nav .head_btn .head_nav,.header-nav .head_btn .head_user{display:inline-block;vertical-align:middle;width:30px;height:30px;}
.header-nav .head_btn .head_nav{float:left;background:url(/static/images/icon_menu_2x.png) 0 .03rem no-repeat;background-size:contain}
.header-nav .head_btn .head_user{float:right;background:url(/static/images/icon_user_2x.png) no-repeat;background-size:contain}
.back_container{height:.7rem;padding:0 .3rem;box-shadow:0 0 .05rem #ccc;position:relative;z-index:10;background:#fff}
.back_container .title{color:#222;font-size:.24rem;line-height:.7rem;text-align:center}
.back_container .title .icon-rt{float:right;top:.11rem;position:relative}
.back_container .icon-container{position:absolute;top:0}.back_container .icon-container i{width:.18rem;height:.34rem;background:url(/static/images/icon_back_2x.png) no-repeat;background-size:contain;display:inline-block;position:absolute;top:50%;margin-top:-.17rem}.back_container .icon-container span{font-size:.24rem;color:#7b7b7b;display:inline-block;line-height:.7rem;margin-left:.3rem;float:left}#globalWrapper>.back_container{position:fixed;top:0;width:100%;max-width:6.4rem;margin:0 auto;z-index:999}#globalWrapper>.header-nav{margin-top:-.7rem}#globalWrapper .header-nav~.back_container{position:relative}.footer-v-space{height:2.77rem}#g_footer{position:absolute;bottom:0;width:100%;background-color:#fff}#g_footer .copyright{padding:.15rem 0;color:#6e6e6e;font-size:.2rem;background-color:#f1f4f4}#g_footer .copyright p{text-align:center;line-height:.32rem;height:.32rem;padding:0}#g_footer .footer-user-nav{padding:0 .2rem;background-color:#fff;height:.65rem;line-height:.64rem;border-bottom:1px solid #ededed}#g_footer .footer-user-nav .username{font-size:.24rem;color:#216ee0}#g_footer .footer-user-nav .v-line{border-left:1px solid #a4a4a4;height:.22rem;display:inline-block;margin:0 .18rem;vertical-align:middle}#g_footer .footer-user-nav .logoff{color:#363636}#g_footer .footer-user-nav .back-top{float:right;position:relative;padding-left:.22rem;height:.65rem;line-height:.65rem}#g_footer .footer-user-nav .back-top i{position:absolute;top:50%;left:0;width:.22rem;height:.2rem;margin-top:-.12rem;background:url(/static/images/back_top@2x.png) center no-repeat;vertical-align:middle;background-size:contain}#g_footer .footer-nav{display:block;position:relative;padding:.2rem 0;font-size:0}#g_footer .footer-nav::after{width:0;height:100%;vertical-align:middle;display:inline-block}#g_footer .footer-nav .footer-item{padding:.14rem 0;display:inline-block;vertical-align:middle;font-size:.24rem;width:50%;text-align:center;position:relative}#g_footer .footer-nav .footer-item::before{position:relative;display:inline-block;vertical-align:middle;margin-right:.08rem}#g_footer .footer-nav .footer-item:last-of-type::after,.sub_page .back_container,.sub_page .header-nav{display:none}


.sel-head-box{height:100%;overflow:auto;width:100%;}
.sel-head{height:80px;padding:0 0;box-shadow:0 0 0 #ccc;position:relative;z-index:100;background-color:#fff;width:100%}
.menuFadeInRight{-webkit-transition:-webkit-transform .45s ease-in-out;transition:transform .45s ease-in-out}
.menuFadeInRight.active{-webkit-transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out}


.popup-container{position:absolute;left:0;top:80px;bottom:0;right:0;background:rgba(0,0,0,.4);z-index:10000;width:100%;}
.popup-container .popup-content{position:relative;width:100%;height:100%;overflow:auto;margin:0 auto}
.popup-container .popup-content .container{min-height:100%}
.popup-container .popup-content .popup-container-wrapper,.popup-container .popup-content .popup-content-wrapper{height:100%}
.popup-container .popup-content>.popup-container-wrapper{overflow:hidden;padding-top:.7rem}
.popup-container .popup-content>.popup-container-wrapper .popup-content-wrapper{position:absolute;width:100%;height:100%;top:0;padding-top:.7rem;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.popup-container .popup-content>.popup-container-wrapper .popup-content-wrapper.footerbar-enable{padding-bottom:1.08rem}
.popup-container .popup-content>.popup-container-wrapper .back_container{position:absolute;width:100%;top:0;left:0;z-index:10020}
.popup-container .popup-content>.popup-container-wrapper .footer-btns-container{z-index:10020;position:absolute}
.sub-page{background:#f1f4f4;display:none}
.sub-page.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block}
.popup-container.fullpage .container{height:100%;overflow-y:auto}


.menu-list{background-color:#fff;width:100%;}
.menu-list li .title{position:relative;height:40px;line-height:40px;width:100%;display:block;padding:0 20px;border-bottom:1px solid #e4e4e4;font-size:14px;color:#252525;}
.menu-list li .title::after{position:absolute;right:.3rem;top:50%;margin-top:-.15rem;width:.16rem;height:.3rem;background:url(/static/images/gotox1.png) center no-repeat;background-size:contain;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.menu-list li.active .title{-webkit-transition-delay:0s;transition-delay:0s;color:#0865c5}
.menu-list li.active .title::after{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
.menu-list li.active a.title::after{-webkit-transform:none;transform:none}
.menu-list li.active-end dl{border-bottom:1px solid #e4e4e4}
.menu-list dl{overflow:hidden;padding:.05rem .3rem;display:none}
.menu-list dl dd{float:left;width:50%;height:.6rem;line-height:.6rem;font-size:.26rem}
.menu-list dl dd a{display:block;color:#868585;position:relative;text-indent:.3rem}
.menu-list dl dd a:active,.menu-list dl dd a:hover{background-color:#f3f3f3}
.menu-list dl dd a::after{position:absolute;width:.12rem;height:.22rem;background:url(/static/images/gotox1.png) center no-repeat;background-size:contain;right:.3rem;top:50%;margin-top:-.11rem}
.banner ul li .banA span{width: 128px; height: 38px;  line-height: 38px; font-size: 14px;  text-align: center; border: 1px solid #333333; cursor: pointer; display: block;  margin: 15px 0 0;}
.banner ul li .banA h2{font-size:26px; font-weight:normal;margin-left:10px;}
.banner ul li .banA p{text-size:15px; line-height: 32px; margin: 15px 0 0;margin-left:10px;}
.banner ul li .banA span{margin-left:10px;}
.banner ul .li1 .banA{left:0px; top:100px;}
.banner ul .li1 .banB{right: 0; top:60px; }
.banner ul .li2 .banA{left:0px; top:100px;}
.banner ul .li2 .banB{right: -150%; top: 70px;}
.banner ul .li3 .banA{left:-150%; top:100px;}
.banner ul .li3 .banB{right: -25px; top: 60px; opacity:0;}
.bannerbg_index{height:320px; position:relative;}
/*banner鍥剧墖鍒囨崲鏍峰紡*/
.banner{width:100%; height:320px;  position: absolute; left:0px; top:0px;}
.module-title p{ text-align:center; font-size: 12px;margin: 13px 0 0; }
.wwy-auth-title {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    max-width: 540px;

}
.c-pro-content h3 {
  font-weight: normal;
   margin-top: 0px;
  font-size: 12px;
}
.c-pro-content p {
  color: #666;
  font-size: 8px;
  margin: 5px 10px 10px;
}
.c-pro-item.w-353 {
  width: 42%;
}
.c-pro-item.w-dn23 {
  width: 42%;
}
.btns-xuangou{ height: 20px; padding: 2px 3px;line-height: 20px; background: #2358fe;}
.c-pro-first {
  width: 96%;
  height: 126px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f5), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: -o-linear-gradient(top, #f0f2f5 0%, #fff 100%), -o-linear-gradient(#fff, #fff);
  background-image: linear-gradient(180deg, #f0f2f5 0%, #fff 100%), linear-gradient(#fff, #fff);
  background-blend-mode: normal, normal;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
          box-shadow: 0px 4px 20px 0px rgba(0, 53, 128, 0.1);
  border-radius: 2px;
  border: solid 2px #fff;
}
.c-pro-first img {
  width: 80px;
  height: 96px;
  margin-right:5px;
  margin-left:-10px;
  margin-top: -15px;
}

.c-pro-content h3 > span {
  position: relative;
   margin-left: 10px;
}
.c-pro-content span {
     margin-left: 10px;
}
.c-pro-content p {
  color: #666;
  font-size: 13px;
  margin: 2px 10px 5px;
}
.cloud-product-wrap {
  background-color: #f5f7fa;
  height: 1682px;
}

.system-data-box .auto {
  width:100%;
}

.system-data-box ul {
  padding: 40px 0 0;
}

.system-data-box ul li {
  margin-left: 50px;
width:120px;
display: inline;
line-height: 50px;
 float:left
}

.system-data-box h3 {
  position: relative;
  font-weight: normal;
  color: #fff;
  margin-bottom: 30px;
}
.system-data-box h3::after {
  position: absolute;
  bottom: -5px;
  display: block;
  content: '';
  width: 32px;
  height: 2px;
  background-color: #fff;
  opacity: 0.6;
}

.system-data-box span {
  font-family: Akrobat-Regular;
  font-size: 38px;
  letter-spacing: 2px;
  color: #fff;
}
.module {
    width: 100%;
	padding-bottom: 60px;
}
.bg-gray {
    width: 100%;
	padding-top: 60px;
}
.virtue-list {
	width: 100%;
}
.virtue-list li {
	display: list-item;
	float: left;
	padding: 25px 38px 0 150px;
	width: 98%;
	height: 130px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 35px 20px;
	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
	margin-top: 10px;
}
.virtue-list li:hover {
	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}

.virtue-title {
	display: block;
	font-size: 14px;
	color: #333;
}
.virtue-info {
	margin-top: 10px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	text-align: justify;
}
.margin-left-20 {
	margin-left: 0px;
}
.margin-top-20 {
	
}
.virtue-list .virtue-bg1 {
	background-image: url(/static/images/dn23virtue_01.png);
}
.virtue-list .virtue-bg2 {
	background-image: url(/static/images/dn23virtue_02.png);
}
.virtue-list .virtue-bg3 {
	background-image: url(/static/images/dn23virtue_03.png);
}
.virtue-list .virtue-bg4 {
	background-image: url(/static/images/dn23virtue_04.png);
}
.virtue-list .virtue-bg5 {
	background-image: url(/static/images/dn23virtue_05.png);
}
.virtue-list .virtue-bg6 {
	background-image: url(/static/images/dn23virtue_06.png);
}

.w {
  width: 100%;
  margin: 0 auto;
}

.footer-join-box {
  height: 154px;
  background: #242633;
}
.footer-join-box h3 {
  font-size: 14px;
  width: 60%;
  margin-left: 20px;
  padding: 20px 0 10px;
}
.footer-join-box .f-join-photo {
  margin-top: -40px;
 width: 100px;
 height:80px;
}
.el-footer{
  width: 100%;
}
.bdr-2{
  margin-left: 20px;
}
.bottom-ul {
  height: 120px;
}

.bottom-ul li {
  width: 25%;
}

.bottom-ul li img{
    width: 40px;
    
  margin-left: 50px;
}

.bottom-ul li span{
font-size: 12px;
margin-top: 60px;
}
.footer-center-right {
 width: 95%;
 float:none;
}

.footer-center-right>ul {
  width: 45%;
   float:none;
}
.footer-center-right>ul {
  width: 30%;
 float:none;
}

.footer-center-right ul li {
   float:none;
  line-height: 26px;
}
.hosting-main .hosting-main-son {
  width: 95%;
  position: relative;
  text-align: center;
}
.hosting-main-son {
  margin: 0 auto;
  width: 100%;
}
.hosting-main {
  width: 100%;
  height: 369px;
  margin-top: 0px;
  background: url(/static/images/banner-bg.jpg) no-repeat center center;
}
.module-title {
	position: relative;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}
.module-title span {
	display: inline-block;
	margin-left: 30px;
	font-size: 14px;
	color: #666;
}
.recommend-package>.package-type{
	width: 100%;
	height:40px;
	border-bottom: 1px solid #dddddd;
}
.recommend-package>.package-type>div{
	width: 120px;
	height: 40px;
	float: left;
	background-color: #fafafa;
	border: solid 1px #dddddd;
	font-size: 12px;
	color: #333333;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.hosting-main .kangd-main1-son .firstP {
  position: absolute;
  width: 95%;
  line-height: 25px;
  top: 120px;
  color: #fff;
}
.hosting-product{ padding: 0px 0;min-width:100%; overflow: hidden; }
.hosting-product .product-list{ margin-left: 0px; overflow: hidden; }
.hosting-product  dt{ margin:0 0 20px 20px; text-align: center; padding:10px 0 0; width: 90%; }
.hosting-product .product-list li{ float: left; margin:0 0 20px 20px; text-align: center; padding:10px 0 0; width: 45%; height: 398px; border: 1px solid #dddddd;}
.hosting-product .product-list h2{ font-size: 16px;justify-content:center;font-weight: bold; margin: 0 10px 8px; line-height: 30px; height: 60px;display: flex;align-items: center; overflow: hidden}
.hosting-product .product-list h2 p{ color: #666666; font-size: 14px; margin:10px 0 0;}
.hosting-product .list{background: #f2f5fa; padding: 0 18px; overflow: hidden; }
.hosting-product .list p{padding: 18px 0; border-bottom: 1px solid #dddddd; overflow: hidden;}
.hosting-product .list p:last-child{ border-bottom: none; }
.hosting-product .list span{ display: block; float: left; width:33.33%; color: #666666;}
.hosting-product .list dn23{ display: block; margin-bottom: 6px; font-weight: bold;}
.hosting-product .price{ color: #666666;font-size: 14px; padding:22px 0 25px; color: #666666;overflow: hidden}
.hosting-product .price dn23{ font-size: 26px; color: #ff8a00; font-weight: bold; }
.hosting-product .btn{ display: block; width: 118px; height: 30px; margin: 0 auto; border: 1px solid #015bfe; color: #015bfe; line-height: 30px; font-size: 14px;}
.hosting-product .btn:hover{ background: #015bfe; color: #fff; }
.hosting-product .product-list li:hover{border: 1px solid #015bfe}
	/* 套餐*/
.package-box {
	margin-top: 35px;
	width: 100%;
	height: auto;
	display: inline-block;
}
.package-box ul {
	width: 100%;
}
.package-box li {
	display: list-item;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	width: 48%;
	border:1px solid #ddd;
}
.item-info .item-name {
	display: inline-block;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	color: #333;
}
.item-info .item-value {
	display: inline-block;
	float: left;
	padding-left: 5px;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
}
.cloud-main-son {
  margin: 0 auto;
  width: 98%;
}
.cloud-main {
  width: 100%;
  height: 369px;
  margin-top: 0px;
  background: url(/static/images/cloud_banner.png) no-repeat center center;
}


.cloud-main .cloud-main-son {
  height: 100%;
  position: relative;
}
.hosting-main .hosting-main-son h2 {
  color: #fff;
  position: absolute;
  top: 50px;
  font-size: 28px;
}
.cloud-main .cloud-main-son h2 {
  color: #fff;
  position: absolute;
  top: 50px;
  font-size: 28px;
}

.cloud-main .kangd-main1-son .firstP {
  position: absolute;
  width: 95%;
  line-height: 30px;
  top: 100px;
  color: #fff;
}
.virtue-cloud-list li {
	float: left;
	width: 46.80%;
	height: 360px;
	margin-left: 1.6%;
	background-color: #fff;
	background-repeat: no-repeat;
}
.server-main-son {
  margin: 0 auto;
  width: 95%;
}
.server-main {
  width: 100%;
  height: 369px;
  margin-top: 0px;
  background: url(/static/images/server_banner.png) no-repeat center center;
}
.server-main .kangd-main1-son .firstP {
  position: absolute;
  width: 95%;
  line-height: 25px;
  top: 120px;
  color: #fff;
}

.product-info-btn {
	margin-top: 0px;
}

.product-info-btn a {
	display: inline-block;
	width: 60px;
	height: 30px;
	text-align: center;
	margin-right: -10px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
}
.idc-tabs {
	width: 100%;
	margin: 38px 0 0px 0;
	display: flex;
	justify-content: center;
}
.idc-tabs div.tab--active {
	color:#fff;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -o-linear-gradient(to left, #4196fe,#7c7ee5 );background: -moz-linear-gradient(to left,#4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1)
}
.idc-tabs div {
    color:#333333;
	height: 50px;
	line-height: 50px;
	background: #ffffff;
	border:1px solid #ced9f2;
	text-align: center;
	margin-right: 10px;
	margin-bottom: -1px;
	font-size: 12px;
	border-radius: 2px;

}
.cloudtable-info tr td {
	font-size: 12px;
	color: #4c4c4c;
}
.width{ width:100%; margin:0px auto;}
.jf_img{ width:100%; margin-top:20px;}
.jf_img ul{ width:100%}



.buy-main-son {
  margin: 0 auto;
  width: 100%;
}
.buy-main {
  width: 100%;
  height: 209px;
  margin-top: 0px;
  background: url(/static/images/banner-bg.jpg) no-repeat center center;
}
.buy-main .buy-main-son h2 {
  color: #fff;
  position: absolute;
  top: 50px;
  margin-left:10px ;
  font-size: 18px;
}
.buy-main .kangd-main1-son .firstP {
  position: absolute;
  width: 95%;
  line-height: 30px;
  top: 80px;
  margin-left:10px ;
  color: #fff;
}
.buy-main .kangd-main1-son .secondP span {
  font-size: 12px;
  font-weight: bold;
  color: #00abff;
}
.config-content-parent.product_card {
    width: 100%;
}
.col-sm-product {
    width: 100%;
    margin-top: 20px;
     margin-bottom: 20px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
}
.firstgroup_box,
.secondgroup_box {
  min-height: 20px;
  padding: 10px 10px;
  background-color: #fff;
  display: flex;
  margin-left: 0px;
  align-items: center;
}
.firstgroup_box .firstgroup_item,
.secondgroup_box .secondgroup_item,
.pro_box .pro_item {
  height: 30px;
  box-shadow: 0px 4px 15px 1px rgba(6, 75, 179, 0.06);
  border-radius: 1px;
  border: solid 1px #ced1e2;
  margin-left: -1px;
  float: left;
  margin-bottom: 3px;
}

.firstgroup_box a,
.secondgroup_box a,
.pro_box a,
.firstgroup_box .firstgroup_item,
.secondgroup_box .secondgroup_item,
.pro_box .pro_item {
  min-width: 80px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.about-banner{height:200px;color: #fff; min-width: 100%;}
.about-banner h1{ font-size: 18px; margin-bottom: 10px; margin-left:10px}
.about-banner .main{margin: 0 auto; padding-top: 82px; margin-left:10px }
.page-notice{ padding:40px 0; background: #f2f5fa; min-width:100%; overflow:hidden;}
.notice-side{ float: left; width: 100%;overflow: hidden}
.notice-body{float: right; width: 100%; overflow: hidden;margin-top:20px;}
.notice-lists dt{ float: left; width: 20%; font-size: 14px; padding:25px 0 0 19px;font-family:"GOTHICB"}
.notice-lists dt p{ margin-bottom: 14px;font-size:14px; }
.notice-lists dd{ width: 80%; border-left: 1px solid #ddd; padding: 0 10px; height: 220px; float: right}
.notice-lists .title{display: block; font-size: 18px; line-height: 65px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.notice-lists .desc{ color: #666666; line-height: 24px; height: 72px; margin:16px 0 8px; overflow: hidden}
.notice-show .back{display: block; height: 79px; color: #333333; font-size: 16px;line-height: 79px; border-bottom: 1px solid #ddd;}
.notice-show .info{ font-size: 12px; color: #666666; padding-bottom: 55px; line-height: 25px; overflow: hidden}




}