/*-----------------------虚拟主机---------------------------*/ 
.bg-img {
    width: 100%;
    height: 480px;
    background-image: url("../img/banner/host/bgImage.png");
}

.bg-img .info {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.bg-img .info .text {
    color: white;
    width: 50%;
    display: inline-block;
}


.bg-img .info .text .title {
    font-size: 40px;
    margin-top: 10%;
}


.bg-img .info .text .desc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.bg-img .info .img {
    display: inline-block;
    float: right;
}
/*------------------域名--------------------------------*/ 
.domainbg-img {
    width: 100%;
    height: 480px;
    background-image: url("../img/banner/domain/domain.jpg");
}
.domainbg-img .domaininfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.domainbg-img .domaininfo .domaintext {
    color: white;
    width: 50%;
    display: inline-block;
}


.domainbg-img .domaininfo .domaintext .domaintitle {
    font-size: 40px;
    margin-top: 10%;
}


.domainbg-img .domaininfo .domaintext .domaindesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.domainbg-img .domaininfo .domainimg {
    display: inline-block;
    float: right;
}
/*------------------数据库--------------------------------*/ 
.sqlbg-img {
    width: 100%;
    height: 480px;
    background-image: url("../img/banner/sql/sql.png");
}
.sqlbg-img .sqlinfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.sqlbg-img .sqlinfo .sqltext {
    color: white;
    width: 50%;
    display: inline-block;
}


.sqlbg-img .sqlinfo .sqltext .sqltitle {
    font-size: 40px;
    margin-top: 10%;
}


.sqlbg-img .sqlinfo .sqltext .sqldesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.sqlbg-img .sqlinfo .sqlimg {
    display: inline-block;
    float: right;
}
/*------------------VPS--------------------------------*/ 
.vpsbg-img {
    width: 100%;
    height: 500px;
    background-image: url("../img/banner/vps/vps.png");
}
.vpsbg-img .vpsinfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.vpsbg-img .vpsinfo .vpstext {
    color: white;
    width: 50%;
    display: inline-block;
}


.vpsbg-img .vpsinfo .vpstext .vpstitle {
    font-size: 40px;
    margin-top: 10%;
}


.vpsbg-img .vpsinfo .vpstext .vpsdesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.vpsbg-img .vpsinfo .vpsimg {
    display: inline-block;
    float: right;
}
/*------------------弹性云--------------------------------*/ 
.cloudbg-img {
    width: 100%;
    height: 500px;
    background-image: url("../img/banner/cloud/cloud.png");
}
.cloudbg-img .cloudinfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.cloudbg-img .cloudinfo .cloudtext {
    color: white;
    width: 50%;
    display: inline-block;
}


.cloudbg-img .cloudinfo .cloudtext .cloudtitle {
    font-size: 40px;
    margin-top: 10%;
}


.cloudbg-img .cloudinfo .cloudtext .clouddesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.cloudbg-img .cloudinfo .cloudimg {
    display: inline-block;
    float: right;
}
/*------------------租用--------------------------------*/ 
.idczybg-img {
    width: 100%;
    height: 500px;
    background-image: url("../img/banner/idczy/idczy.png");
}
.idczybg-img .idczyinfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.idczybg-img .idczyinfo .idczytext {
    color: white;
    width: 50%;
    display: inline-block;
}


.idczybg-img .idczyinfo .idczytext .idczytitle {
    font-size: 40px;
    margin-top: 10%;
}


.idczybg-img .idczyinfo .idczytext .idczydesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.idczybg-img .idczyinfo .idczyimg {
    display: inline-block;
    float: right;
}
/*------------------托管--------------------------------*/ 
.idctgbg-img {
    width: 100%;
    height: 500px;
    background-image: url("../img/banner/idctg/idctg.png");
}
.idctgbg-img .idctginfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.idctgbg-img .idctginfo .idctgtext {
    color: white;
    width: 50%;
    display: inline-block;
}


.idctgbg-img .idctginfo .idctgtext .idctgtitle {
    font-size: 40px;
    margin-top: 10%;
}


.idctgbg-img .idctginfo .idctgtext .idctgdesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.idctgbg-img .idctginfo .idctgimg {
    display: inline-block;
    float: right;
}
.table-info {
	width: 100%;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.table-info tr {
	height: 52px;
}

.table-info tr td {
	text-align: center;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}

.table-info tr td strong {
	display: inline-block;
	font-style: normal;
	font-size: 20px;
	color: #ff6600;
}

.table-info tr td {
	font-size: 14px;
	color: #4c4c4c;
}

.table-info tr:first-child {
	width: 166px;
	font-size: 14px;
	background: #fafafa;
}

.table-info tr:first-child td {
	color: #999;
}

.table-info tr td:first-child {
	width: 230px;
	background: #fafafa;
	font-size: 14px;
	text-align: left;
	padding-left: 30px;
}

.table-info tr td.huise {
	width: 230px;
	background: #fff;
	font-size: 14px;
	text-align: center !important;
	padding-left: 0px;
}
/*------------------邮箱--------------------------------*/ 
.mailbg-img {
    width: 100%;
    height: 480px;
    background-image: url("../img/banner/mail/email.jpg");
}
.mailbg-img .mailinfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.mailbg-img .mailinfo .mailtext {
    color: white;
    width: 50%;
    display: inline-block;
}


.mailbg-img .mailinfo .mailtext .mailtitle {
    font-size: 40px;
    margin-top: 10%;
}


.mailbg-img .mailinfo .mailtext .maildesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.mailbg-img .mailinfo .mailimg {
    display: inline-block;
    float: right;
}
/*------------------邮箱--------------------------------*/ 
/*------------------cdn--------------------------------*/ 
.cdnbg-img {
    width: 100%;
    height: 480px;
    background-image: url("../img/banner/cdn/cdn.png");
}
.cdnbg-img .cdninfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.cdnbg-img .cdninfo .cdntext {
    color: white;
    width: 50%;
    display: inline-block;
}


.cdnbg-img .cdninfo .cdntext .cdntitle {
    font-size: 40px;
    margin-top: 10%;
}


.cdnbg-img .cdninfo .cdntext .cdndesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.cdnbg-img .cdninfo .cdnimg {
    display: inline-block;
    float: right;
}
/*------------------cdn--------------------------------*/ 
/*------------------帮助--------------------------------*/ 
.helpbg-img {
    width: 100%;
    height: 480px;
    background-image: url("../img/banner/help/help.jpg");
}
.helpbg-img .helpinfo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 5%;
}

.helpbg-img .helpinfo .helptext {
    color: white;
    width: 50%;
    display: inline-block;
}


.helpbg-img .helpinfo .helptext .helptitle {
    font-size: 40px;
    margin-top: 10%;
}


.helpbg-img .helpinfo .helptext .helpdesc {
    font-size: 20px;
    line-height: 36px;
    margin-top: 50px;
}

.helpbg-img .helpinfo .helpimg {
    display: inline-block;
    float: right;
}
/*------------------帮助--------------------------------*/ 


.product {
    padding: 50px 0 30px 0;
    text-align: center;
}

.product .title {
    text-align: center;
    font-size: 30px;
}

.product .desc {
    color: #909399;
    text-align: center;
    margin: 10px 0 50px 0;
}

.advantage .title {
    padding-top: 30px;
    text-align: center;
    font-size: 30px;
    padding-bottom: 40px;
}

.product .radio {
    display: table;
    margin: 30px auto 20px auto;
}

.product .radio li {
    padding: 12px 35px;
}

.radio-table {
    width: 1200px;
    margin: 30px auto 0 auto;
    padding: 20px 20px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
}

.radio-table table {
    width: 100%;
    border: 1px solid #dcdfe6;
    border-radius: 5px;
}

.radio-table table .cell-left {
    text-align: left;
    padding-left: 2%;
}

.radio-table table th {
    color: #909399;
    font-size: 16px;
    padding: 15px 10px;
    border-right: 1px solid #dcdfe6;
}

.radio-table table th:last-child {
    border-right: 0;
}

.radio-table table .btn {
    color: #409eff;
    cursor: pointer;
}

.radio-table table td {
    border-right: 1px solid #dcdfe6;
    font-size: 14px;
    color: #606266;
    text-align: center;
    padding: 18px 10px;
    border-top: 1px solid #dcdfe6
}

.radio-table table td:last-child {
    border-right: 0
}

.radio-table table td .title {
    font-size: 18px;
    color: #606266;
}

.radio-table table td .title .high-defence-tag {
    background-color: #67C23A;
    padding: 1px 6px 2px 6px;
    font-size: xx-small;
    color: white;
    border-radius: 5px;
    position: relative;
    top: -2px;
}

.radio-table .price {
    display: flex;
    justify-content: center
}

.radio-table .price .price_tag {
    background-color: #f56c6c;
    color: white;
    padding: 2px 8px;
    border-radius: 1px 10px 1px 10px;
    font-size: xx-small;
}

.radio-table table td span {
    color: rgb(248, 138, 35);
    font-size: 24px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.radio-table table tr {
    border: 1px solid #ebeef5;
}


.server_cont3 {
    text-align: center;
    min-width: 1200px;
    width: 70%;
    margin: auto auto 80px;
}

.server_cont3a {
    display: inline-block;
    width: 380px;
    height: 230px;
    transition: all .5s;
    position: relative;
    border: 1px solid #dfdfdf;
    margin-right: 30px;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px;
}

.server_cont3b {
    font-size: 24px;
    color: #222;
    padding: 0 20px 20px;
    text-align: left;
}

.server_cont3c {
    color: #83838b;
    line-height: 26px;
    padding: 0 20px;
    text-align: left;
}

.server_cont3a i {
    background-image: url(../img/banner/host/advantage.png);
    display: block;
    width: 150px;
    height: 120px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.server_cont3a1 i {
    background-position: 0 0;
    text-align: left;
}

.server_cont3a2 i {
    background-position: -170px 0;
    text-align: left;
}

.server_cont3a3 i {
    background-position: -340px 0;
    text-align: left;
}

.server_cont3a4 i {
    background-position: -510px 0;
    text-align: left;
}

.server_cont3a5 i {
    background-position: -680px 0;
    text-align: left;
}

.server_cont3a6 i {
    background-position: -850px 0;
    text-align: left;
}

.server_cont3a:hover {
    border: 1px solid #286cd0;
    box-shadow: 0 0 7px #5292f1;
    background: -o-linear-gradient(top, #2568cb 0%, #5591ea 100%);
    background: -ms-linear-gradient(top, #2568cb 0%, #5591ea 100%);
    background: linear-gradient(to bottom, #2568cb 0%, #5591ea 100%);
}

.server_cont3a:hover .server_cont3b, .server_cont3a:hover .server_cont3c {
    color: #fff;
}

.server_cont3a1:hover i {
    background-position: 0 143px;
}

.server_cont3a2:hover i {
    background-position: -170px 143px;
}

.server_cont3a3:hover i {
    background-position: -340px 143px;
}

.server_cont3a4:hover i {
    background-position: -510px 143px;
}

.server_cont3a5:hover i {
    background-position: -680px 143px;
}

.server_cont3a6:hover i {
    background-position: -850px 143px;
}
@charset "utf-8";
.host{width:1310px; margin:0px auto;overflow:hidden; height:auto}
.host_qp{width:100%; margin:0px auto; padding:20px 0px; background:#F4F8FC; overflow:hidden; height:auto}
.host_cd{background:#333333; padding:0px 0px;}
.hostxq ul {width:900px; margin:0px auto}
.hostxq ul li{padding: 5px;width:300px; height:56px; line-height:56px; float:left; text-align:center;}
.hostxq ul li a{height:100%; display:block; color:#FFFFFF; font-size:20px; position:relative; z-index:30;}
.hostxq ul li a:before
{content:""; width:0%; height:0%; background:#339EE2; position:absolute; left:50%; top:50%; z-index:-1;  }
.hostxq ul li.active a:before,.hostxq ul li a:hover:before
{width:100%; height:100%; left:0px; top:0px;}
.host_gg{font-size:14px; width:1370px; padding-bottom:20px}
.host_gg p{float:left; color:#FF6600; padding-left:20px}
.host_gg a{float:left; padding-right:15px; color:#666666}
.host_gg img{padding-right:10px}
.host_gg  .right{float:right; color:#FF6600}
.host_fl>div{width:250px; float:left; margin:0px 12px; border:1px solid #DDDDDD; height:410px; background:#FFFFFF}
.host_fl .top{  background: #E5EBF0; padding:15px 0px;text-align:center; line-height:30px; position:relative; z-index:30;}
.host_fl .top p{font-size:14px; color:#666666}
.host_fl h3{font-size:20px; font-weight:normal}
.host_fl .dli .top:before {content:""; width:0%; height:0%; background: #059fff; position:absolute; left:0px; top:0px; z-index:-1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.host_fl .dli.on .top:before {  width:100%; height:100%;}
.host_fl .dli.on .top h3,.host_fl .dli.on .top p{color:#FFFFFF}
.host_fl .bj{margin:10px; border-bottom:1px solid #ECECEC; text-align: center; color: #FF4800; padding:10px 0px 15px; font-size:14px}
.host_fl .bj .p{color:#0F9BF3}
.host_fl .bj span{font-size:30px}
.host_fl  ul li{font-size:12px; color: #666; padding:0px 20px; line-height:24px}
.host_fl  ul li span{color: #333333}  
.host_fl a{text-align:center; font-size:12px; color:#339EE2; display: block; padding:10px 0px}
.host_fl .zx{border-radius:5px; width:60%; margin:25px auto 0px;}
.host_fl .zx a{height:100%; background:#339EE2; display:block; font-size:14px; color:#FFFFFF; position:relative; z-index:20;}
.host_fl .zx a:before
{content:""; width:100%; height:0%; background: #FF6600; position:absolute; left:0px; top:0px; z-index:-1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.host_fl .zx a:hover:before
{height:100%;}
.hostys ul li{float:left; width:22.8%; margin:0px 1%; text-align:center;border:1px solid #ECECEC; padding:20px 0px 40px; background:#FFFFFF}
.hostys h3{color:#F86D0D; font-size:18px; font-weight:normal; padding-bottom:20px}
.hostys p{color:#696969; font-size:14px; line-height:24px; padding:0px 30px}
.hostys i{background:url(../img/host3.png) no-repeat center top;  width:76px; height:76px;border-radius:10px; display:block; margin:0px auto 20px}
.hostys .ic1{   background-position: 13px 12px;}
.hostys .ic2{   background-position: -120px 12px;}
.hostys .ic3{   background-position: -250px 18px;}
.hostys .ic4{   background-position: -378px 18px;}
.hostys1{overflow: visible;}
.hostys1 ul li:hover
{background:#f9f9f9;
animation:ydouA 0.5s;
animation: ydouA 0.5s;
-moz-animation: ydouA 0.5s;
-webkit-animation: ydouA 0.5s;
-o-animation: ydouA 0.5s;
}



.hostsm{padding:40px 0px}
.hostsm ul li{float: left; width:46%; margin:0px 1% 10px; line-height:30px;height: 101px; padding-right:2%}
.hostsm ul li h3{font-size:16px; color:#666666}
.hostsm ul li p{color:#6A6A6A; font-size:14px}
.hostsm i{width:100px; height: 101px;background: url(../img/host3.png) no-repeat;display: block; float: left}
.hostsm .i1{   background-position: 10px -120px;}
.hostsm .i2{   background-position: -105px -120px;}
.hostsm .i3{   background-position: -230px -120px;}
.hostsm .i4{   background-position: -345px -120px;}
.hostsm .i5{   background-position: -450px -120px;}
.hostsm .i6{   background-position: -585px -120px;}
.bean ul li{height:300px}
.bghs{background:#F5F5F5}
.hostys .ic5{background:url(../img/host7.png) no-repeat center top; background-position: center 0px;height:55px;}
.hostys .ic6{background:url(../img/host7.png) no-repeat center top;background-position:  center -55px;height:54px;}
.hostys .ic7{  background:url(../img/host7.png) no-repeat center top; background-position:  center -109px;height:54px;}
.hostys .ic8{  background:url(../img/host7.png) no-repeat center top;background-position:  center -163px;height:55px;}
.bean p{text-align:left; font-size:12px}

@charset "utf-8";
.tg_jflb{width:1400px; margin:0px auto; padding:20px 0px 0px; overflow:hidden; height:auto}
.tg_jflb .left{background:#FF8582; float:left; width:15%; height:225px; color:#FFFFFF; padding:25px 30px 0px;}
.tg_jflb .left h2{text-align:center;font-weight:normal; padding-bottom:15px}
.tg_jflb .left p{font-size:14px; line-height:26px;padding-bottom:13px}
.tg_jflb .left a{width:110px; display:block; padding:8px 22px; text-align:center; border:1px solid #FFFFFF; color:#fff; font-size:14px; margin:0px auto; border-radius:20px; position:relative; z-index:2;}
.tg_jflb .left a:after
{content:""; width:0%; height:100%; background:#fff; border-radius:20px; position:absolute; left:0px; top:0px; 
transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:-1;
}
.tg_jflb .left a:hover:after
{width:100%;}
.tg_jflb .left a:hover
{color:#555;}

.tg_jflb .right{float:right; height:208px; border:1px solid #E5E5E5; width:74%; padding:20px 30px}
.tg_jflb .right h2{font-size:20px; font-weight:normal; padding-bottom:20px}
.tg_jflb .right table{width:100%; border:1px solid #E5E5E5;border-collapse:collapse;}
.tg_jflb .right table th,.tg_jflb .right table td{line-height:50px; border:1px solid #E5E5E5; text-align:center; color:#333333}
.tg_jflb .right table th{background:#F3F3F3}
.tg_jflb .right:hover{ 
	-moz-box-shadow:0px 0px 5px #969696;
	-webkit-box-shadow:0px 0px 5px #969696;
	box-shadow:0px 0px 5px #969696;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.tg_jflb .right:hover h2 a
{color:#059fff;}
.tg_jflb .lefth{background:#FFA646}
.tg_jflb .leftl{background:#599B5E}
.tg_jflb .leftn{background:#3C7CCC}
.tg_jflb .leftn1{background:#39C3CC}
.tg_jflb .leftz{background:#9C4FCC}

.tg_jflb1{padding-bottom:20px}
.tg_jflb .right h2 span{float:right; font-size:14px;}
.tg_jflb .right a{}
.tg_jflb .right table span{color:#FF3300; font-weight:bold}
.tgys{padding:10px 0px; margin:0px auto; background: #ECEDF4 url(../img/soBg.png) no-repeat center bottom; height:560px}
.tgys .ys{width:1400px; margin:0px auto; height: auto; overflow:hidden}
.tgys .ys>div{width:50%; float:left; padding:15px 0px}
.tgys .ys i{background:#FFC642 url(../img/tgjfys.png) no-repeat center top/56px auto;  width:76px; height:76px;border-radius:10px; display:block; float:left; margin-right:20px}
.tgys .ys .ico1{   background-position: 13px 12px;}
.tgys .ys .ico2{   background-position: 16px -55px;}
.tgys .ys .ico3{   background-position: 13px -116px;}
.tgys .ys .ico4{   background-position: 13px -175px;}
.tgys .ys .ico5{   background-position: 5px -240px;}
.tgys .ys .ico6{   background-position: 10px -296px;}
.tgys h4{font-weight:normal; padding:6px 0px 10px; font-size:20px; color:#222D32}
.tgys p{color:#6A777F; font-size:14px}

 
.clear:after{content:''; display:block; clear:both;}
.clear{clear:both;}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
/*效果*/
.trans1{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans2{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.trans3{transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.transb1:before{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.huiA{width:100%; background:#f3f3f3; clear:both; overflow:hidden;}
.huiB{width:100%; background:#fafafa; clear:both; overflow:hidden;}
/* 文章上下篇 */
.wzfanye{line-height:25px;padding:20px 0px;clear:both;}
.wzfanye .wzfanyeA,.wzfanye .wzfanyeB{padding-left:0px; clear:both; color:#666;}
.wzfanye span
{}
.wzfanye a{text-decoration:none; color:#666;}
.wzfanye a:hover{text-decoration:none; color:#059fff;}
/*=========================顶部================================*/
.bannerbg{width:100%; margin:0px auto;}
.bannerbg_index{height:620px; position:relative;}
.cxhl_logo{width:100%; height:80px; margin:0px auto;border-bottom: 1px solid rgba(255, 255, 255, 0.3); position:relative; z-index:80;}
.bannerlogo{width:1400px; margin:0px auto;}
.bannerlogo .logo{float:left;}
.bannerlogo .logo img{padding-top:20px}
.bannerlogo ul li{text-align:center; float:left; padding: 0px;line-height:80px; color:#FFFFFF; font-size:18px; padding:0px 30px}
.bannerlogo ul li a{height:100%; display:block; color: #FFFFFF; position:relative;}
.bannerlogo ul li a:after{content: ""; display: block; margin:-1px 0 0; width:0px; height: 3px; background:#059fff; transition: 0.2s all linear;}
.bannerlogo ul li a:hover,.bannerlogo ul li.active a{color:#059fff;}
.bannerlogo ul li a:hover:after,.bannerlogo ul li.active a:after{width:100%;} 
.bannerlogo .nav{float:right}
/*banner图片切换样式*/
.banner{width:100%; height:620px;  position: absolute; left:0px; top:0px;}
.banner ul li{width:100%; height:100%; overflow:hidden;  position:absolute; left:0px; top:0px; float:left;}
.banner ul li a{height:100%; display:block;}
.banner ul li .ban{width:1400px; height:100%; margin:0 auto; position:relative;}
.banner ul li .banA{color:#fff; position:absolute;z-index:90;}
.banner ul li .banA h2{font-size:46px; font-weight:normal;}
.banner ul li .banA p{text-size:20px; line-height: 32px; margin: 15px 0 0;}
.banner ul li .banA span{width: 198px; height: 38px;  line-height: 38px; font-size: 16px;  text-align: center; border: 1px solid #fff; cursor: pointer; display: block;  margin: 75px 0 0;}
.banner ul li .banA span:hover{background:#059fff; border-color:#059fff;}    
.banner ul li .banB{position:absolute; z-index:90;}
.banner ul .li1 .banA{left:0px; top:260px;}
.banner ul .li2 .banA{left:0px; bottom:-150%;}
.banner ul .li2 .banB{right: -150%; top: 130px;}
.banner ul .li3 .banA{left:-150%; top:200px;}
.banner ul .li3 .banB{right: -25px; top: 100px; opacity:0;}
.banner ul .li4 .banA{left:0px; top:-150%;}
.banner ul .li4 .banB{right: 0; bottom: -150%;}
.banner .hd{width:100%; height:14px; text-align:center; position:absolute; bottom:80px; z-index:1000;}
.banner .hd span{width:30px; height:4px; display: inline-block; margin:0px 3px; text-indent:-999px; cursor: pointer;  background-color: rgba(255, 255, 255, 0.5);  overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.banner .hd .on{background-color: #fff;}

.bannernews{width:100%; margin:0px auto; height:50px; line-height:50px; background: rgba(255, 255, 255, 0.3); position:absolute; left:0px; bottom:0px; z-index:600;}
.bannernews .lr{width:1400px; margin:0px auto;}
.bannernews .lr ul li{width:308px; padding-right:55px; color:#FFFFFF; float:left}
.bannernews .lr ul li a{color:#FFFFFF;}
.bannernews .lr ul li a:hover{color:#059fff;}
.bannernews .lr ul .liA{padding-right:0px;}
.bannerbg_zuyou{height:480px; background:url(../img/idczytopbg.png) no-repeat center top;}
.top_title{width:1400px; margin:0px auto;color:#FFFFFF; text-align:center; padding:80px 0px}
.top_title h1{font-weight:normal; font-size:40px; padding:60px 0px 30px}
.bannerbg_tuoguan{height:480px; background:url(../img/banner-vps.jpg) no-repeat center top;}
.bannerbg_jigui{height:480px; background:url(../img/jftg.jpg) no-repeat center bottom/100% auto;}
.bannerbg_cloud{height:480px; background:url(../img/yun.png) no-repeat center bottom;}
.bannerbg_cloud .top_title h1{font-weight:normal; font-size:40px; padding:90px 0px 30px}
.bannerbg_host{height:480px; background:url(../img/tuoguan.jpg) no-repeat center top;}
.bannerbg_aboutus{height:480px; background:url(../img/host.png) no-repeat center top;}
.bannerbg_news{height:81px; background:#000;}
.idc_title{text-align:center; padding:30px 0px 20px; width:1400px; margin:0px auto; line-height:40px}
.idc_title h1{font-weight:normal; font-size:30px; color:#060606}
.idc_title p{color:#999999; font-size:16px}
.bannerbg_jifang{height:440px; background:url(../img/loadBalance.jpg) no-repeat center center;}
.tgfaq{width:1400px; margin:0px auto; padding:0px 0px 40px; overflow:hidden; height:auto}
.tgfaq ul li{float:left; width:290px; text-align:left; line-height:36px; color:#444444; font-size:14px; margin:0 30px;}
.tgfaq ul li a{color:#373d41;}
.tgfaq ul li a:hover{color:#059fff;}
/* ====================================新闻详情==============================*/
.newsxq{width:1400px; margin:0 auto; overflow:hidden; padding:60px 0;}
.news_info{width:1100px; background:#fff; border:1px solid #eaeaea; float:left;}
.info_title{text-align:center; padding:30px 30px 10px;}
.info_title h1{line-height:1.5; font-size:22px; font-weight:normal; line-height:}
.info_laiyuan{line-height:35px; text-align:center; font-size:12px; border-bottom:1px dashed #dedddd; color:#777;}
.info_text{padding:40px 100px; color:#333; line-height:2;}
.info_text img{max-width:100%;}
.info_text a{color:#059fff;}
.info_text a:hover{text-decoration: underline;}
.info_picA{padding:10px; text-align:center;}
.info_picA img{max-width:100%;}
.info_xg{padding:10px 100px;}
.info_xg h2{border-bottom: 1px solid #e1e1e1; color: #393939; font-size: 18px; font-weight:normal; padding-bottom: 5px;}
.info_xg ul{margin: 0; padding:15px 20px 0;}
.info_xg ul li{line-height:30px; color: #acacac; font-size: 12px;   list-style: outside;}
.info_xg ul li a{font-size:14px; color:#777;}
.info_xg ul li a:hover{color:#059fff;}
.newsR{width:270px; float:right;}
.newsR ._pic{width:100%;}
.Rredian{padding:20px; margin-top:15px; background: #ffffff; border: 1px solid #eaeaea;}
.Rredian h2{border-bottom: 1px solid #e1e1e1; font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.Rredian ul{padding:10px 0; overflow:hidden;}
.Rredian ul li{border-bottom: 1px solid #eeeeee; list-style: outside; padding: 5px 0;}
.Rredian ul li p a{color:#777;}
.Rredian ul li span{color: #bbbbbb; font-size: 12px;}
.Rredian ul li p a:hover{color:#059fff;}


.tgyss{padding:10px 0px; margin:0px auto; background: #ECEDF4 url(../img/soBg.png) no-repeat center bottom; height:660px}
.tgysss{padding:10px 0px; margin:0px auto; background: #ECEDF4 url(../img/soBg.png) no-repeat center bottom; height:660px}
.zuyong_tja
{  padding-top:140px;}
.zuyong_zy{width:1400px; margin:0px auto;}
.zuyong_zy>div{width:260px; float:left; border:1px solid #DDDDDD; padding:70px 29px 30px; font-size:14px; background:#fff; line-height:30px; color:#666666; margin:0px 14px; position:relative}
.zuyong_zy strong{color:#333333}
.zuyong_zy .zy-topfl{position:absolute; width:244px; height:54px; background:#059fff  no-repeat center 39px; top:-30px; left:40px; font-size:18px; text-align:center; color:#FFFFFF; padding-top:20px; border-radius:10%;}
.zuyong_zy .bj{border-top:1px solid #EEEEEE; padding-top:20px; margin-top:20px; text-align:center; color:#666666}
.zuyong_zy span{color:#FF6600; font-size:16px; font-weight:bold}
.zuyong_zy .tj{padding:20px 0px 0px; text-align:center}
.zuyong_zy .tj a{padding:8px 20px; border:1px solid #059fff; color:#059fff; font-size:14px}
.zuyong_zy .tj a:hover{background:#059fff; color:#fff;}
.zuyong_tj2 .zy-topfl
{background-color:#c53631;}
.zuyong_tj2 span{color:#c53631;}
.zuyong_tj2 .tj a{border:1px solid #c53631; color:#c53631;}
.zuyong_tj2 .tj a:hover{background:#c53631;}
.zuyong_tj3 .zy-topfl
{background-color:#36b73f;}
.zuyong_tj3 span{color:#36b73f;}
.zuyong_tj3 .tj a{border:1px solid #36b73f; color:#36b73f;}
.zuyong_tj3 .tj a:hover{background:#36b73f;}
.zuyong_tj4 .zy-topfl
{background-color:#0dc6d3;}
.zuyong_tj4 span{color:#0dc6d3;}
.zuyong_tj4 .tj a{border:1px solid #0dc6d3; color:#0dc6d3;}
.zuyong_tj4 .tj a:hover{background:#0dc6d3;}




.t-cen {
	text-align: center
}

.pay_span {
	width: 15px;
	padding: 12px 15px;
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 16px
}

.kf_side {
	width: 45px;
	position: fixed;
	z-index: 990;
	top: 30%;
	right: 0
}

.kf_side li {
	padding-bottom: 1px;
	position: relative;
	width: 45px
}

.kf_side li.frewm a {
	background-image: url(../img/kf_ico.png);
	background-repeat: no-repeat;
	background-position: -77px -75px
}

.kf_side li .frewm_hv {
	position: absolute;
	top: -53px;
	right: 45px;
	display: none;
	padding-right: 16px
}

.kf_side li.frewm.on a {
	background-color: #fd7700
}

.kf_side li .frewm_hv p {
	width: 136px;
	height: 136px;
	padding: 7px;
	background: #fff;
	box-shadow: 0 1px 6px 3px rgba(0,0,0,.05);
	position: relative
}

.kf_side li .frewm_hv p:before {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -10px;
	content: ""
}

.kf_side li.qq_m {
	display: none
}

.kf_side li a {
	display: block;
	background-color: #1d63bb;
	color: #fff;
	height: 45px;
	width: 100%
}

.kf_side li a.kf_qq2 {
	height: auto
}

.kf_side li a.kf_qq2 span {
	width: 15px;
	padding: 40px 15px 12px;
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 16px;
	background: url(../img/kf_ico.png) no-repeat -135px -74px
}

.kf_side li a:hover {
	background-color: #fd7700
}

.kf_side li a#gettop {
	height: 40px;
	background-image: url(../img/kf_ico.png);
	background-repeat: no-repeat;
	background-position: -50px 10px
}

.kf_side li .sidebox {
	height: 45px;
	line-height: 45px;
	width: 45px;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	opacity: 1;
	background: #fd7700 none repeat scroll 0% 0%;
	background: #1d63bb;
	overflow: hidden
}

.kf_side li .sidebox p {
	width: 160px
}

.kf_side li .sidebox .tel {
	width: 45px;
	height: 45px;
	display: block;
	background: url(../img/kf_ico.png) no-repeat -94px 14px;
	vertical-align: top;
	float: left
}

.kf_side li a.kf_qq {
	background-image: url(../img/kf_ico.png);
	background-repeat: no-repeat;
	background-position: -137px 12px
}

.kf_bgcm {
	position: fixed;
	z-index: 991;
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none
}

.bdshare-button-style0-16 .bds_more {
	display: none!important
}

.sr-bdimgshare {
	text-align: center!important
}

.sr-bdimgshare-black .bdimgshare-bg {
	background: 0 0!important
}

.sr-bdimgshare .bdimgshare-content {
	padding: 5px 8px!important;
	background: rgba(0,0,0,.45)!important;
	display: inline-block!important;
	float: none!important
}

.kf_comm {
	position: fixed;
	z-index: 992;
	width: 100%;
	top: .65rem;
	display: none;
	background: #fff
}

.kf_comm .kf_titlen {
	position: relative
}

.kf_comm .kf_titlen a {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/kf_ico.png) no-repeat -23px 3px;
	border: 1px solid #333
}

.kf_tousu {
	position: fixed;
	z-index: 992;
	width: 100%;
	bottom: 0;
	display: none;
	background: #fff
}

.kf_tousu #close_2 {
	width: 21px;
	height: 21px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: url(../img/kf_ico.png) no-repeat -26px 0
}

.kf_tousu ul {
	padding-top: 28px
}

.kf_tousu li.li_bd {
	padding: 4px 18px;
	border: 1px solid #e4e4e4;
	position: relative;
	margin-bottom: 15px
}

.kf_tousu li .ts_txt {
	width: 100%;
	border: 0;
	background: 0 0;
	height: 30px;
	line-height: 30px;
	font-family: microsoft yahei;
	font-size: 14px
}

.kf_tousu li .ts_nr {
	width: 100%;
	border: 0;
	background: 0 0;
	height: 100px;
	line-height: 22px;
	padding: 10px 0;
	font-family: microsoft yahei;
	font-size: 14px
}

.kf_tousu li.li_sub {
	padding: 5%;
	text-align: center
}

.kf_tousu li.li_sub .ts_sub {
	background: #fd7500;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	padding: 5px 15px
}

.sub_nav_dh #sonnav {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.sub_nav_dh .son-nav {
	font-size: 0
}

.sub_nav_dh .son-nav .show {
	width: 100%;
	height: 50px;
	position: relative;
	padding: 0 .5rem
}

.sub_nav_dh .son-nav .show i {
	font-size: 0;
	display: inline-block;
	width: 20px
}

.sub_nav_dh .son-nav .show i.hv {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.sub_nav_dh .son-nav .son-sub {
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50px;
	display: none;
	z-index: 10
}

.sub_nav_dh .son-nav ul {
	width: 100%
}

.sub_nav_dh .son-nav ul li {
	background: #fff;
	display: block;
	width: 100%;
	transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s
}

.sub_nav_dh .son-nav ul li a {
	display: block;
	color: #333;
	font-size: 14px;
	width: 100%;
	padding: .6rem .5rem;
	border-bottom: 1px solid #eee
}

.sub_nav_dh .son-nav ul li a:hover,.sub_nav_dh .son-nav ul li.hv a {
	background: #ee812c;
	color: #fff
}

.ban_wz {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.6
}

.ban_wz .typename_1_2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.ban_wz .link_a a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid rgba(255,255,255,.4);
	width: 133px;
	height: 40px;
	background-image: url(../img/idx_ban_a-ico.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: 97px
}

.ban_wz .link_a a:hover {
	border-color: #f77d12;
	color: #f77d12;
	background-color: #fff
}

.hide_m {
	display: none
}

.padd-td2 {
	padding: 2% 0
}

.padd-td25 {
	padding: 2.5% 0
}

.padd-td3 {
	padding: 3% 0
}

.padd-td35 {
	padding: 3.5% 0
}

.padd-td4 {
	padding: 4% 0
}

.padd-td3 {
	padding: 3% 0
}

.padd-td2 {
	padding: 2% 0
}

.padd-t1 {
	padding-top: 1%
}

.padd-t2 {
	padding-top: 2%
}

.padd-t25 {
	padding-top: 2.5%
}

.padd-t3 {
	padding-top: 3%
}

.padd-t35 {
	padding-top: 3.5%
}

.padd-t4 {
	padding-top: 4%
}

.padd-t45 {
	padding-top: 4.5%
}

.padd-t5 {
	padding-top: 5%
}

.padd-b2 {
	padding-bottom: 2%
}

.padd-b25 {
	padding-bottom: 2.5%
}

.padd-b3 {
	padding-bottom: 3%
}

.padd-b35 {
	padding-bottom: 3.5%
}

.padd-b4 {
	padding-bottom: 4%
}

.padd-b45 {
	padding-bottom: 4.5%
}

.padd-b5 {
	padding-bottom: 5%
}

.sub_ban_m {
	display: none
}

.img_ys {
	overflow: hidden;
	font-size: 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.img_ys img {
	display: inline-block
}

.img_ys:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid rgba(255,255,255,.3);
	border-top-color: rgba(255,255,255,.3);
	border-right-color: rgba(255,255,255,.3);
	border-bottom-color: rgba(255,255,255,.3);
	border-left-color: rgba(255,255,255,.3);
	transform: scale(1.06);
	opacity: 0;
	transition: all .3s ease-out 0s
}

.img_ys:hover:after {
	transform: scale(1);
	opacity: 1;
	border-color: rgba(230,252,82,.6)
}

.img_ys_cp {
	overflow: hidden;
	font-size: 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.img_ys_cp img {
	display: inline-block
}

.img_ys_cp:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid rgba(255,255,255,.3);
	border-top-color: rgba(255,255,255,.3);
	border-right-color: rgba(255,255,255,.3);
	border-bottom-color: rgba(255,255,255,.3);
	border-left-color: rgba(255,255,255,.3);
	transform: scale(1.06);
	opacity: 0;
	transition: all .3s ease-out 0s
}

.img_ys_cp:hover:after {
	transform: scale(1);
	opacity: 1;
	border-color: rgba(41,85,205,.6)
}

.w-50 {
	width: 50%
}

.w-55 {
	width: 55%
}

.w-40 {
	width: 40%
}

.w-100 {
	width: 100%
}

.in-blk {
	display: inline-block
}

.disp-flex {
	width: 100%;
	display: flex;
	flex-flow: wrap
}

.flex-between {
	justify-content: space-between
}

.flex-center {
	justify-content: center
}

.flex-align {
	align-items: center
}

.flex-align-top {
	align-items: flex-start
}

.flex {
	display: flex
}

.flex-align-left {
	text-align: left
}

.flex-column {
	flex-direction: column
}

.img-100 {
	width: 100%;
	display: inline-block;
	vertical-align: top
}

.img-max100 {
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: auto
}

.en {
	text-transform: uppercase
}

.pd_zy_15 {
	padding-left: .5rem;
	padding-right: .5rem
}

.sub_foot {
	background: url(../img/footer-bg.png) no-repeat center bottom;
	background-color: #194b9a;
	padding: 28px 0 75px;
	min-height: 345px
}

.sub_foot .ewm img {
	width: 140px;
	height: 140px;
	border: 4px solid #fff
}

.sub_foot .let_text span {
	line-height: 1.3
}

.sub_foot .let_text p {
	padding-top: .5rem
}

.sub_foot .let_text p span {
	line-height: 1.8
}

.sub_foot .ewm span {
	padding: 8px 0
}



.hideHead .head_pc,.hideHead .head_m {
	background-color: rgba(10,21,51,.5)
}

.header-navigation #head {
	display: block
}

.header-navigation.slideUp #head {
}

.fontbold {
	font-weight: 700
}

.head_pc {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background: url(../img/head_pc_bg_ico.png) repeat-x bottom;
	height: .64rem
}

.head_pc .nav_pc {
	height: 100%;
	box-sizing: content-box;
	transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	position: relative
}

.head_pc .nav_pc .rit_con {
	position: absolute;
	right: .4rem;
	top: 0;
	height: .64rem;
	display: flex;
	justify-content: flex-end;
	width: 80%
}

.head_pc .nav_pc .pc_login {
	display: flex;
	align-items: center;
	width: 150px;
	width: 70px;
	height: .64rem;
	background: url(../img/head_pc_bg_ico.png) repeat-y left;
	display: none
}

.head_pc .nav_pc .pc_login .pc_ss {
	width: 33%;
	width: 100%;
	height: 100%;
	position: relative
}

.head_pc .nav_pc .pc_login .pc_ss .searchform {
	position: relative;
	margin-bottom: 0
}

.head_pc .nav_pc .pc_login .pc_ss .searchform input {
	padding: 11px 38px 11px 30px;
	margin-bottom: 0;
	width: 100%
}

.head_pc .nav_pc .pc_login .pc_ss .searchform .button-search {
	border: 0;
	padding: 0;
	color: #fff;
	border-radius: 0;
	width: 40px;
	height: 100%;
	text-align: center;
	font-size: 14px;
	position: relative;
	z-index: 1;
	background-color: transparent
}

.head_pc .nav_pc .pc_login .pc_ss .searchform .input>.button-search {
	position: absolute;
	top: 0;
	right: 0;
	background: #1de118
}

.head_pc .nav_pc .pc_login .pc_ss .searchform .input>.tw-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px
}

.head_pc .nav_pc .pc_login .pc_ss .searchform {
	position: absolute;
	right: 0;
	height: 100%
}

.head_pc .nav_pc .pc_login .pc_ss .searchform .button-search {
	background: 0 0
}

.head_pc .nav_pc .pc_login .pc_ss .searchform .input {
	height: 100%
}

.head_pc .nav_pc .pc_login .pc_ss .searchform input {
	background: 0 0;
	border-color: transparent;
	width: 0;
	height: 100%;
	transition: all .2s ease
}

.head_pc .nav_pc .pc_login .pc_ss .searchform i {
	position: absolute;
	padding: 0;
	font-size: 0;
	width: 14px;
	height: 14px;
	cursor: pointer;
	right: 17px;
	z-index: 3;
	background: url(../img/pc_ss_ico.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 100%
}

.search-alert {
	position: fixed;
	z-index: 100;
	background-color: #222;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999
}

.search-alert .close {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/img5-4.png) no-repeat center;
	position: absolute;
	top: 38px;
	right: 2.6%;
	cursor: pointer;
	transition: transform .3s ease 0s
}

.search-alert .cent-form {
	position: absolute;
	width: 94.8%;
	left: 2.6%;
	top: 50%;
	height: 124px;
	margin-top: -63px;
	border-bottom: 1px solid #515151
}

.search-alert .cent-form .tex {
	border: none;
	font-size: 66px;
	height: 124px;
	line-height: 124px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	color: #555;
	background: 0 0;
	font-family: arial;
	padding-left: 88px;
	padding-right: 80px;
	background: url(../img/img5.png) no-repeat 35px 60px
}

.search-alert .cent-form .sub-butn {
	border: none;
	height: 100px;
	margin-top: 24px;
	font-size: 24px;
	line-height: 100px;
	color: #555;
	text-align: right;
	background: 0 0;
	font-family: arial;
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	text-align: center
}

.search-alert .close:hover {
	transform: rotate(90deg)
}

.head_pc .nav_pc .pc_login .pc_dlzc {
	width: 67%;
	display: none
}

.head_pc .nav_pc .pc_login .pc_dlzc a {
	margin-left: 10px
}

.head_pc .nav_pc .pc_login .pc_dlzc a:hover {
	color: #eb8a0d
}

.head_pc .nav_pc .logo_pc {
	position: absolute;
	left: .4rem;
	top: 0;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

.head_pc .nav_pc .logo_pc .text {
	padding-left: 20px
}

.head_pc .nav_pc .logo_pc a {
	display: inline-block;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

.head_pc .nav_pc .logo_pc a img {
	display: block;
	width: 1.84rem
}

.head_pc .nav_pc .pc_ul {
	text-align: center;
	font-size: 0;
	display: flex;
	height: .64rem;
	width: auto
}

.head_pc .nav_pc .pc_ul li {
	position: relative;
	height: 100%;
	position: relative;
	margin-right: .25rem
}

.head_pc .nav_pc .pc_ul li .sub {
	display: none;
	position: fixed;
	width: 100%;
	top: .64rem;
	left: 0;
	background: rgba(0,0,0,.7)
}

.head_pc .nav_pc .pc_ul li .sub dl {
	padding: 7px 0;
	text-align: center
}

.head_pc .nav_pc .pc_ul li .sub dl dt {
	display: none
}

.head_pc .nav_pc .pc_ul li .sub dl dd:hover {
	background-position-y: center
}

.head_pc .nav_pc .pc_ul li .sub dl dd {
	display: inline-block
}

.head_pc .nav_pc .pc_ul li .sub dl dd a {
	width: 100%;
	font-size: 16px;
	color: #ccc;
	height: 46px;
	padding: 0 10px;
	margin-right: 26px;
	display: inline-block;
	background: url(../img/nav_li_sub_dd.png) no-repeat;
	background-position-y: -8px;
	background-position-x: 180px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(187,186,186,.06);
	position: relative
}

.head_pc .nav_pc .pc_ul li .sub dl dd a:after {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 50%
}

.head_pc .nav_pc .pc_ul li .sub dl dd a:hover {
	color: #eb8a0d
}

.head_pc .nav_pc .pc_ul li .sub dl dd a:hover:after {
	background: #eb8a0d
}

.head_pc .nav_pc .pc_ul .one {
	display: inline-block;
	text-align: center
}

.head_pc .nav_pc .pc_ul .one a {
	display: block;
	position: relative;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	height: 100%;
	padding: 0 .1rem;
	line-height: .64rem
}

.head_pc .nav_pc .pc_ul .one a span {
	font-weight: 400;
	transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s
}

.head_pc .nav_pc .pc_ul .one a span:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #eb8a0d;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.645,5,.355,1);
	transition: -webkit-transform .6s cubic-bezier(.645,5,.355,1);
	-o-transition: transform .6s cubic-bezier(.645,5,.355,1);
	transition: transform .6s cubic-bezier(.645,5,.355,1);
	transition: transform .6s cubic-bezier(.645,5,.355,1),-webkit-transform .6s cubic-bezier(.645,5,.355,1);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.head_pc .nav_pc .pc_ul .one a:hover span,.head_pc .nav_pc .pc_ul .one a.a_hv span,.head_pc .nav_pc .pc_ul .on a span {
	color: #eb8a0d
}

.head_pc .nav_pc .pc_ul .one a:hover span:after,.head_pc .nav_pc .pc_ul .one a.a_hv span:after,.head_pc .nav_pc .pc_ul .on a span:after {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.c-767676 {
	color: #767676
}

.c-bf9f6c {
	color: #bf9f6c
}

.c-a9a9a9 {
	color: #a9a9a9
}

.c-7b7b7b {
	color: #7b7b7b
}

.in_blk {
	display: inline-block
}

.flex_zy {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.pd_rit_50 {
	padding-right: 50px
}

.pd_let_50 {
	padding-left: 50px
}

.pd_sx_25 {
	padding: 25px 0
}

.pd_sx_70 {
	padding: 70px 0
}

.pd_sx_60 {
	padding: 60px 0
}

.pd_sx_50 {
	padding: 50px 0
}

.pd_btm_25 {
	padding-bottom: 25px
}

.pd_btm_30 {
	padding-bottom: 30px
}

.pd_btm_50 {
	padding-bottom: 50px
}

.pd_top_35 {
	padding-top: 35px
}

.pd_t_60 {
	padding-top: 60px
}

.pd_t_50 {
	padding-top: 50px
}

.pd_t_40 {
	padding-top: 40px
}

.pd_t_30 {
	padding-top: 30px
}

.pd_t_20 {
	padding-top: 20px
}

.pd_b_20 {
	padding-bottom: 20px
}

.pd_b_30 {
	padding-bottom: 30px
}

.pd_b_40 {
	padding-bottom: 40px
}

.pd_b_50 {
	padding-bottom: 50px
}

.pd_b_60 {
	padding-bottom: 60px
}

.en {
	text-transform: uppercase
}

.ind_cont {
	padding: 40px 0
}

.pd_rit_3 {
	padding-right: 3%
}

.pd_rit_4 {
	padding-right: 4%
}

.pd_rit_6 {
	padding-right: 6%
}

.pd_let_3 {
	padding-left: 3%
}

.pd_let_4 {
	padding-left: 4%
}

.head_pc .nav_pc li a:hover span,.head_pc .nav_pc li a.a_hv span {
	width: 100%;
	left: 0
}

.head_m,.page-navigation {
	display: none
}

.block_home_slider {
	position: relative;
	text-align: center;
	line-height: 0;
	margin-right: auto;
	margin-left: auto;
	background: #f0f1f2;
	overflow: hidden;
	border-radius: 0
}

.block_home_slider .slide {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.block_home_slider .slide {
	position: relative
}

.block_home_slider .caption {
	padding: 13px 16px 12px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(bg_caption.png);
	text-align: left
}

.block_home_slider .caption p {
	padding-bottom: 0;
	font-size: 11px;
	color: #dedede;
	text-shadow: 0 -1px #000;
	line-height: 17px
}

.block_home_slider .caption p.title {
	padding-bottom: 6px;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	line-height: normal
}

.block_home_slider .flex-direction-nav a {
	width: 25px;
	height: 25px;
	margin-top: -27px;
	display: block;
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	background-image: url(sprite_arrow_2.png);
	text-indent: -9000px
}

.block_home_slider .flex-direction-nav a.flex-prev {
	left: 6px;
	background-position: left top
}

.block_home_slider .flex-direction-nav a.flex-prev:hover {
	background-position: left bottom
}

.block_home_slider .flex-direction-nav a.flex-next {
	right: 6px;
	background-position: right top
}

.block_home_slider .flex-direction-nav a.flex-next:hover {
	background-position: right bottom
}

.block_home_slider .flex-control-paging {
	position: absolute;
	bottom: .5rem;
	width: 100%;
	text-align: center;
	left: 0;
	z-index: 2
}

.block_home_slider .flex-control-paging li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	display: inline-block;
	text-align: center
}

.block_home_slider .flex-control-paging li a {
	width: .5rem;
	height: .07rem;
	background: #fff;
	display: block;
	cursor: pointer;
	margin: 0 5px;
	opacity: .2
}

.block_home_slider .flex-control-paging li a.flex-active {
	color: #bf9f6c;
	background-color: #ef8201;
	opacity: 1
}

.block_home_post_feature {
	width: 300px
}

.block_home_post_feature p {
	padding-bottom: 0
}

.flexslider {
	margin: 0;
	padding: 0
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none
}

.flexslider .slides img {
	width: 100%;
	display: block
}

.flex-pauseplay span {
	text-transform: capitalize
}

.c-f3f4f5 {
	color: #f3f4f5
}

.c-000 {
	color: #000
}

.c-666 {
	color: #666
}

.c-6a6969 {
	color: #6a6969
}

.c-4c4948 {
	color: #4c4948
}

.c-221815 {
	color: #221815
}

.c-474342 {
	color: #474342
}

.c-eb8a0d {
	color: #eb8a0d
}

.c-6f6e6f {
	color: #6f6e6f
}

.bgr-7f1013 {
	background-color: #7f1013
}

.bgr-f1f1f1 {
	background-color: #f1f1f1
}

.font100 {
	font-size: 100px
}

.font88 {
	font-size: 88px
}

.font50 {
	font-size: 50px
}

.font48 {
	font-size: 48px
}

.font42 {
	font-size: 42px
}

.font36 {
	font-size: 36px
}

.font35 {
	font-size: 35px
}

.font32 {
	font-size: 32px
}

.font30 {
	font-size: 30px
}

.font26 {
	font-size: 26px
}

.font22 {
	font-size: 22px
}

.font20 {
	font-size: 20px
}

.font18 {
	font-size: 18px
}

.font16 {
	font-size: 16px
}

.font14 {
	font-size: 14px
}

.font1533 {
	font-size: 15.33px
}

.font1546 {
	font-size: 15.46px
}

.c-611417 {
	color: #611417
}

.c-black {
	color: #000
}

.c-545251 {
	color: #545251
}

.c-7f1013 {
	color: #7f1013
}

.c-535152 {
	color: #535152
}

.c-595757 {
	color: #595757
}

.bgr-f7f8f8 {
	background-color: #f7f8f8
}

.c-5c5a5a {
	color: #5c5a5a
}

.c-180d0d {
	color: #180d0d
}

.c-413d3c {
	color: #413d3c
}

.c-514f4e {
	color: #514f4e
}

.font12 {
	font-size: 12px
}

.c-7b {
	color: #7b7b7b
}

.c-27ade5 {
	color: #27ade5
}

.c-333 {
	color: #333
}

.c-222 {
	color: #222
}

.c-65 {
	color: #656565
}

.c-4f4c4b {
	color: #4f4c4b
}

.c-3e3a39 {
	color: #3e3a39
}

.c-c3c4c4 {
	color: #c3c4c4
}

.c-bdbebe {
	color: #bdbebe
}

.c-fff {
	color: #fff
}

.c-2a2a2a {
	color: #2a2a2a
}

.bgr-27ade5 {
	background-color: #27ade5
}

.bgr-611417 {
	background-color: #611417
}

.bgr-fff {
	background-color: #fff
}

.bgr-f0f1f2 {
	background-color: #f0f1f2
}

.w_100 {
	width: 100%
}

.w_100_max {
	width: 100%
}

.h_27 {
	height: 27px
}

a,.slow {
	transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s
}

#head,#main,#foot {
	width: 100%;
	-webkit-transition: -webkit-transform 500ms;
	transition: transform 500ms;
	margin: auto;
	font-size: 0
}

#main {
	overflow: hidden
}

.hidden {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis
}

.w_1200 {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto
}

.w_1000.btm {
	width: 1000px;
	overflow: hidden;
	float: left
}

.w_1400 {
	width: 1400px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden
}

.float-l {
	float: left
}

.float-r {
	float: right
}

.max-img {
	max-width: 100%
}


/* 产品功能 */
.function-table {
	width: 100%;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-top: 32px;
}
.function-table td {
	padding: 40px 17px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #666;
	font-size: 14px;
}
td.multi-td {
	padding: 0 20px;
}
.function-title {
	background-color: #f8f8f8;
	color: #4c4c4c;
}
.function-title span {
	display: inline-block;
	padding-left: 34px;
	background: no-repeat left center;
	line-height: 30px;
}
span.function-icon-calculate {
	background-image: url("../img/server_prod_calculate.png");
}
span.function-icon-storage {
	background-image: url("../img/server_prod_storage.png");
}
span.function-icon-safety {
	background-image: url("../img/server_prod_safety.png");
}
span.function-icon-manage {
	background-image: url("../img/server_prod_config.png");
}
span.function-icon-net {
	background-image: url("../img/server_prod_net.png");
}

/*模块*/
.trusteeship-info {
	margin-top: 38px;
}
.module-marg-top {
	margin-top: 95px;
}
.module-title {
	position: relative;
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	color: #545454;
	padding-left: 12px;
}
.module-title span {
	display: inline-block;
	margin-left: 45px;
	font-size: 14px;
	color: #999;
}
.module-title:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: "";
	height: 32px;
	width: 3px;
	background: #22a4b3;
}
.group-title {
	position: relative;
	height: 20px;
	line-height: 20px;
	margin: 55px 0px 35px 0px;
}
.group-title .group-name {
	display: inline-block;
	color: #009fd9;
	font-size: 20px;
	background: #fff;
	padding-right: 5px;
}
.group-title .group-span {
	float: right;
	margin-top: -20px;
	width: 100%;
	height: 20px;
	display: inline-block;
	background: url("../img/line_ico.png") repeat-x;
	z-index: 10;
}
/* 优势滚动 */
.youshi-module {
	margin-top: 50px;
}
.slider-outer {
	margin-top: 32px;
}
.youshi-slider {
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}
.youshi-slider-item {
	float: left;
	width:300px;
	height: 320px;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	background: #fff;
}
.youshi-slider-item:hover{
	box-shadow: 0px 4px 20px rgba(0,0,0,.3);
	border-radius: 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	border: none;
	background: #fff;
	transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.youshi-title {
	font-size: 16px;
	text-align: center;
}
.youshi-text {
	padding: 15px 20px;
	font-size: 12px;
	line-height: 2em;
	text-align: center;
}
.youshi-icon {
	height: 170px;
	background: url("../img/server_youshi_exchange.png") no-repeat center;
}
.youshi-icon-bj {
	background-image: url("../img/bj.png");
}
.youshi-icon-yy {
	background-image: url("../img/yy.png");
}
.youshi-icon-safe {
	background-image: url("../img/safe.png");
}
.youshi-icon-xn {
	background-image: url("../img/xn.png");
}
.youshi-icon-sx {
	background-image: url("../img/sx.png");
}

.server-main {
	width:100%;
	padding: 20px 0;
	background-color: #f5f5f5;
}
.module {
	width:1510px;
	margin: 50px auto;
}


/* 功能展示 */
.operate-item {
    float: left;
    display: none;
    width: 104px;
    height: 104px;
    border: 1px solid #cacaca;
    margin-right: 33px;
    margin-top: 20px;
    padding-top: 72px;
    text-align: center;
    line-height: 1;
    color: #262829;
    cursor: pointer;
    box-sizing: border-box;
}
.operate-item span {
    font-size: 12px;
}
.operate-item:hover {
    border-color: #00aaff;
    color: #00aaff;
    text-decoration: none;
}
.server-install-system {
    background: url(../img/1.png) no-repeat center 20px;
}
.server-opicon-restart {
    background: url(../img/2.png) no-repeat center 20px;
}
.server-set-password {
    background: url(../img/3.png) no-repeat center 20px;
}
.server-snapshot-manage {
    background: url(../img/4.png) no-repeat center 20px;
}
.server-traffic-statistics {
    background: url(../img/5.png) no-repeat center 20px;
}
.server-cpu-statistics {
    background: url(../img/6.png) no-repeat center 20px;
}
.server-disk-statistics {
    background: url(../img/7.png) no-repeat center 20px;
}
.server-vnc-links {
    background: url(../img/8.png) no-repeat center 20px;
}
.server-web-assistant {
    background: url(../img/9.png) no-repeat center 20px;
}

.panel-title {
    display: inline-block;
    border-left: 4px solid #00AAFF;
    margin: 46px 0 4px 0;
    height: 22px;
    line-height: 22px;
    text-indent: 1em;
    font-size: 22px;
    color: #272829;
}
.panel-content {
    margin-top: 32px;
}
.panel-p {
    font-size: 12px;
    color: #6f6f6f;
    margin-top: 12px;
}


.advantage-list {padding:55px 0 0 0;}
.advantage-list li {width: 350px;margin-left: 20px;float: left;height: 340px;background-color: #f8fafd;border-radius:10px; -moz-box-shadow: 1px 1px 1px rgba(6, 6, 6, 0.42); b-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);will-change: transform;}
.advantage-list li:first-child{margin-left: 0;}
.advantage-list li:hover{-webkit-transition-delay: .15s;transition-delay: .15s;-webkit-transform: translate3d(0, -7px, 0);transform: ranslate3d(0, -7px, 0);-webkit-box-shadow: 0 0 46px rgba(6, 6, 6, 0.13);box-shadow: 0 0 30px rgba(6, 6, 6, 0.13);}
.advantage-list li a {display: inline-block;width: 100%;height: 100%;background: url(../img/advantage_bg.png) no-repeat center 29px;}
.advantage-list li span {display: block;width: 100%;height: 142px;margin-top: 30px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.advantage-list li:hover span{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.advantage_01 {background: url(../img/e_advantage_01.png) no-repeat center;}
.advantage_02 {background: url(../img/e_advantage_02.png) no-repeat center;}
.advantage_03 {background: url(../img/e_advantage_03.png) no-repeat center;}
.advantage_04 {background: url(../img/e_advantage_04.png) no-repeat center;}
.advantage-list li p {font-size: 20px;color: #3b426b;text-align: center;margin: 20px 0px 10px 0px;}
.advantage-list li .introduce {margin: 0px 20px;font-size: 12px;color: #999;line-height: 24px;}


@charset "utf-8";

.database-specialty {
  width: 100%;
  background-color: #fff;
  padding: 85px 0px 42px;
}
.database-specialty .content {
  width: 1200px;
  margin: 0 auto;
}
.database-specialty .content > h2 {
  line-height: 46px;
  font-size: 36px;
  font-weight: 400;
  color: #2D3037;
  text-align: center;
}
.database-specialty .content .title-des {
  line-height: 28px;
  font-size: 18px;
  color: #5E6D81;
  text-align: center;
  margin-top: 30px;
}
.database-specialty .content .database-item {
  margin-top: 70px;
}
.database-specialty .content .database-item .item {
  position: relative;
  float: left;
  height: 140px;
  width: 580px;
  height: 146px;
  padding-left: 120px;
  margin: 0px 40px 32px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.database-specialty .content .database-item .item.mr-0 {
  margin-right: 0px;
}
.database-specialty .content .database-item .item.mb-0 {
  margin-bottom: 0px;
}
.database-specialty .content .database-item .item .bgimg {
  position: absolute;
  left: 0px;
  top: 14px;
  width: 80px;
  height: 80px;
}
.database-specialty .content .database-item .item.cdn-one .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat 0px -190px;
}
.database-specialty .content .database-item .item.cdn-one:hover .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat 0px -275px;
}
.database-specialty .content .database-item .item.cdn-two .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -85px -190px;
}
.database-specialty .content .database-item .item.cdn-two:hover .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -85px -275px;
}
.database-specialty .content .database-item .item.cdn-three .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -170px -190px;
}
.database-specialty .content .database-item .item.cdn-three:hover .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -170px -275px;
}
.database-specialty .content .database-item .item.cdn-four .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -255px -190px;
}
.database-specialty .content .database-item .item.cdn-four:hover .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -255px -275px;
}
.database-specialty .content .database-item .item.cdn-five .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -340px -190px;
}
.database-specialty .content .database-item .item.cdn-five:hover .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -340px -275px;
}
.database-specialty .content .database-item .item.cdn-six .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -425px -190px;
}
.database-specialty .content .database-item .item.cdn-six:hover .bgimg {
  background: url(../img/cdn-sprite.png) no-repeat -425px -275px;
}

.database-specialty .content .database-item .item h3 {
  line-height: 48px;
  font-size: 20px;
  font-weight: normal;
  color: #2D3037;
}
.database-specialty .content .database-item .item p {
  line-height: 28px;
  font-size: 16px;
  color: #5E6D81;
}