.btn-default{ float: left; margin-right: 20px; color: #333; width: 128px; text-align: center; font-size: 14px; line-height: 38px; height: 38px; border: 1px solid #dddddd;}
.btn-default:hover{color: #333;}
.btn-buy{ border: 1px solid #015bfe; background: #015bfe;color: #fff;}
.btn-buy:hover{color: #fff !important;}
.btn-open{background: #999; border: 1px solid #999;}
.btn-open:hover{color: #fff !important;border: 1px solid #999 !important;}
.product-cloumn{text-align: center; font-size: 32px;}
.product-cloumn span{display: block;font-size: 14px; margin: 25px 0 0}

/*菜单栏目*/
.stype-blank{ display:none; height:95px; overflow:hidden}
.product-stype{ background:#fff; border-bottom:1px solid #dddddd;font-size:16px;overflow:hidden; min-width:1280px;}
.product-stype .item{ float:left;position: relative; line-height:46px;padding: 24px 54px;cursor:pointer}
.product-stype .item:before{content: "";display: inline-block;width: 41px; height: 46px; margin-right: 10px; vertical-align: top; background: url("https://www.dn23.com/template/images/security/icon.png") no-repeat;}
.product-stype .item:after{ content: ""; height:40px; width: 1px; background: #dddddd; position: absolute; right: 0; top:27px;}
.product-stype .end:after{ width: 0;}
.product-stype .active {background: #f2f5fa}

/*banner*/
.product-banner{height: 460px; min-width: 1280px;overflow: hidden}
.product-banner .main{ margin: 165px 0 0; color: #fff; overflow: hidden}
.product-banner h2{ font-size: 40px;font-weight:bold;color: #fff}
.product-banner p{ font-size: 14px; line-height: 28px; margin: 24px 0 60px; overflow: hidden}

/*导航*/
.product-nav{height:70px; background: #fff;font-size: 16px; }
.product-nav .stype{float: left;overflow: hidden}
.product-nav li{float: left; position: relative; color: #666666; line-height:70px; margin-right:90px; cursor: pointer}
.product-nav li:after{content: "";position: absolute; left: 0; bottom: 0; width: 0; height:3px;background: #015bfe;transition: 0.2s all linear;-moz-transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-o-transition: 0.2s all linear;}
.product-nav li:hover{color: #015bfe;}
.product-nav li:hover:after{width: 100%;}
.product-nav .active{color: #015bfe !important;}
.product-nav .active:after{width: 100%;}
.product-nav .name{font-weight: bold; float: left; line-height: 70px; margin-right: 55px;}
.product-nav .name:after{ content: ""; float: right; width: 2px; height: 16px; background: #ddd; float: right; margin:27px 0 0 35px;}
.product-nav .btn-default{ float: right; width: 118px; height: 35px; line-height: 35px; margin: 20px 0 0;}
.product-nav .btn-default:hover{ color: #fff;}
.cloumn-blank{ display: none; height:70px;overflow: hidden;}
.nav-fixed{border-bottom: 1px solid #ddd; position: fixed; left: 0; right: 0; top: 0; z-index: 11;}

.products-wrap {width: 1200px;margin: 0px auto;}
/*列表展示*/
.product-list ul{ margin: 75px 0 0 -40px;overflow: hidden}
.product-list li{ float: left; background: #fff; text-align: center; margin-left: 40px; width: 380px; overflow: hidden}
.product-list li:before{content: ""; display: block; margin:40px auto 30px; width: 65px; height: 74px; background: url("../image/icons.png") no-repeat;}
.product-list li h4{ font-size: 22px; margin: 0 0 15px;}
.product-list li p{ color: #666666; line-height:28px; margin: 0 50px;}

.rule-desc{ height:20px;line-height:20px;color:#999; padding-top:5px; font-size:12px; margin-left:135px}


.cloud-part1{padding: 95px 0 70px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.cloud-part1 ul{ margin: 75px 0 0 -30px; overflow: hidden}
.cloud-part1 li{float: left; position: relative; padding: 24px 15px 0 135px; height: 100px; margin: 0 0 30px 30px; background: #fff; width: 255px;}
.cloud-part1 li span{position: absolute; left: 0;top: 0; width: 120px; height: 125px;background: url("../image/title.jpg") center no-repeat;}
.cloud-part1 li span:before{content: ""; display: block; width: 65px; height: 74px; margin: 28px auto 0;background: url("../image/icons.png") no-repeat;}
.cloud-part1 li h4{ font-size: 18px; font-weight: bold; margin: 0 0 8px;}
.cloud-part1 li p{ color: #666; line-height: 24px;font-size: 13px;}
.cloud-part1 .item1 span:before{ background-position: 0 -849px;}
.cloud-part1 .item2 span:before{ background-position: -76px -849px}
.cloud-part1 .item3 span:before{ background-position: -154px -849px}
.cloud-part1 .item4 span:before{ background-position: -230px -849px}
.cloud-part1 .item5 span:before{ background-position: -308px -849px}
.cloud-part1 .item6 span:before{ background-position: -384px -849px}
.cloud-part1 .item7 span:before{ background-position: -471px 0}
.cloud-part1 .item8 span:before{ background-position: -549px 0}

.cloud-part2{ color: #333333; padding:65px 0 0; height:920px; min-width: 1280px; overflow: hidden}
.cloud-part2 .balance-table{text-align: left;border: 1px solid #dee3eb;}
.cloud-part2 .balance-table th{padding-left: 25px;}
.cloud-part2 .balance-table td{padding: 15px 0 15px 25px;font-size: 13px;}
.cloud-part2 .balance-table tbody tr:last-child td{padding: 15px 0 20px 25px;}
.cloud-part2 .balance-table .tb-shadow{ height: 670px;}
.cloud-part2 .balance-table .title{font-size: 14px; color: #666;}
.cloud-part2 .balance-table  i{font-size: 16px; color: #0066ff;margin-right:5px;}


.clouds-part2{ color: #333333; padding:65px 0 0; height:910px; min-width: 1280px; overflow: hidden}
.clouds-part2 .balance-table{text-align: left;border: 1px solid #dee3eb;}
.clouds-part2 .balance-table th{text-align:center;}
.clouds-part2 .balance-table .fa-times-circle-o{font-size: 22px; color:#abaeb6}
.clouds-part2 .balance-table .fa-check-circle-o{font-size: 22px; color:#00c724}
.clouds-part2 .balance-table td{padding: 15px 0 15px 0px;text-align:center;}
.clouds-part2 .balance-table .tb-shadow{ height: 648px;}
.clouds-part2 .balance-table .title{font-size: 14px; color: #666;}


/*表格对比*/
.balance-table{ width: 100%; margin: 75px 0 0; color: #333; text-align: center; background: #fff; border-spacing: 0;border-collapse: collapse;}
.balance-table th{height: 60px; position: relative; background: #f2f5fa; font-size: 16px; font-weight: normal}
.balance-table td{padding: 12px 0; border-bottom: 1px solid #dee3eb;}
.balance-table tbody tr:last-child td{border-bottom: none; padding: 12px 0 18px;}
.balance-table span{ width: 19px;height: 19px; display: block;margin: 0 auto;}
.balance-table .title{ background: #e9edf3; font-size: 16px; text-align: center; }
.balance-table .n{background: url("../image/ico2.jpg") center no-repeat;}
.balance-table .y{background: url("../image/has.png") center no-repeat;}
.balance-table .tb-shadow {position: absolute; left: 0; top:59px; right: 0; z-index: 1;}
.balance-table .checked{ background: #015bfe; color: #fff;}
.balance-table .checked .tb-shadow { border: 1px solid #015bfe;}


.server-module.double {
	padding-bottom: 56px;
	background: #f7f8fa;
}
.server-module.single {
	padding-bottom: 56px;
}
.server-module.server-question-module {
	padding-bottom: 60px;
}

.module-title {
	position: relative;
	text-align: center;
	padding:50px;
	font-size: 28px;
}
.module-title span {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	color: #666;
}


.app-scene-wrap{
	background-color: #f7f8fa;
	padding: 80px 0;
	height: 610px;
}
.app-scene-block{
	display:flex;
	justify-content:space-around;
	position: relative;
	margin-top: 38px;
}
.app-scene{
	/* float: left; */
}
.app-scene-item{
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
	color: #333333;
	z-index: 3;
	width: 100px;
	text-align: center;
}
.app-scene-detail{
	display: none;
	width: 100%;
	position: absolute;
	top:48px;
	left: 0;
	background-color: #ffffff;
	border: solid 1px #cfd6e3;
	padding:40px;
	z-index: 2;
	text-align: left;
}
.app-scene-detail ul li{
	float: left;
}
.app-scene-detail ul li:nth-child(1){
	width: 60%;
	margin-right: 92px;
}
.app-scene-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	/* line-height: 46px; */
	letter-spacing: 0px;
	color: #000000;
	font-weight: bold;
	margin-top:15px ;
}
.app-scene-title:nth-of-type(1){
	margin-top:0
}
.app-scene-content{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
}
.app-scene-tips{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #0080ff;
	line-height: 23px;
}
.app-car-wrap{
	display: inline-block;
	width: 360px;
	height: 240px;
	background: url(../image/product_sence_bg.png) no-repeat center;
}
.app-car-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	padding: 24px 0 22px;;
}
.app-car-content{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;
	/* padding:0 40px; */
}
.app-car-content div{
	float: left;
	margin:0  0 0 40px;
	width: 120px;
}
.app-buy-button{
	display: block;
	width: 90px;
	height: 34px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin: 14px 0 0 42px;
}
.app-buy-button:hover{
	color:#fff
}
.app-scene-active .app-scene-item{
	border-bottom: 2px solid #0080ff;;
	color: #0080ff;
}
.app-scene-active .app-scene-item .app-scene-detail{
	display: block;
}

.module-title {
	position: relative;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.module-title .module-title-name {
	display: inline-block;
	padding-right: 15px;
	font-size: 26px;
	color: #333;
}
/* .module-title .group-span {
	float: right;
    margin-top: -25px;
	margin-left: 20px;
    width: 100%;
    height: 20px;
	font-size: 14px;
    display: inline-block;
    background: url(img/line_ico.png) repeat-x;
    z-index: 10;
} */
.group-title {
	font-size: 18px;
	color: #333;
}


.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}

.ysUl{
	margin-left: -2%;
	margin-top: 15px;
}
.ysUl li{
	width: 31.333%;
	margin-left: 2%;
	margin-top: 25px;
}
.ysUl li a{
    background: #fff;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 1.8;
	min-height: 145px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	border: 1px #e1e6f0 solid;
}
.ysUl li a img{
	margin-right: 20px;
}
.ysUl li a h3{
	margin-bottom: 8px;
}
.ysUl li a:hover{
	box-shadow: 0 0 15px rgba(43,63,126,.2);
	border-color: #fff;
	transform: translate(0, -5px);
}


.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-shrink {
	flex-shrink: 0;
}

.flex-1 {
	flex: 1;
}
.d-flex {
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.txt-main{color: #000;}
.fw500{font-weight: 500;}
.fz18{font-size: 18px;}
.txt-818181{
	color: #818181;
	font-size: 14px;
}
.cpbox1{background-color:#f7f8fa;padding-bottom:50px;padding-top:50px}



.clouds-part{ padding:65px 0 30px; overflow: hidden}

.idc-tabs {
	width: 100%;
	border-bottom: 1px solid #eee;
	margin: 38px 0 0px 0;
	display: flex;
	justify-content: flex-start;

}
.dc-tabs{
	justify-content:space-between
}
.idc-tabs li {
	/* float: left; */
	height: 50px;
	line-height: 50px;
	/* background: #fafafa; */
	width: 160px;
	text-align: center;
	margin-right: 10px;
	/* border: 1px solid #eee; */
	margin-bottom: -1px;
	font-size: 16px;
	cursor: pointer;
}
.compare-wrap{
	background-color: #fff;
}


.table-info {
	width: 100%;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	background: #fff;
	margin-top: 20px;
}

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

.table-info tr td {
	text-align: center;
	border-top: 1px solid #eee;
	height: 60px;
	border-right: 1px solid #eee;
}
.type-table{
	padding-top: 0px;
}
.type-table tr td {
	border-right: none;
}
.type-table tr td:last-child {
	border-right: 1px solid #eee;
}
.table-info tr td strong1 {
	display: inline-block;
	font-style: normal;
	font-size: 18px;
	color: #0000FF;
	font-weight:bold;
}


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

.table-info tr td.huise {
	width: 230px;
	background: #fff;
	font-size: 14px;
	text-align: center !important;
	padding-left: 0px;
}
.table-info tr td.huise span,.table-info tr td .addicon-wrap{
	position: relative;
    margin-right: 10px;
}
.table-info tr td.huise .addicon{
	position: absolute;
    top: -5px;
    left: 9px;
	font-size: 12px;
	font-style: normal;
}
.table-info tr td .addicon-wrap .addicon{
	position: absolute;
    top: -5px;
    left: 44px;
	font-size: 12px;
	font-style: normal;
}


.idc-table .info-btn1{
	background:#ff6600;
	color:#fff
}
.idc-table .info-btn2{
	background:#059fff;
	color:#fff
}
.biaoti{
	background:#fafafa;
}
.jieshao{
	line-height: 60px;
	background:#059fff;
	color: #ffffff;
}
.jieshao1{
	line-height: 60px;
	background:#FF0000;
	color: #ffffff;
}


.products-tabs {
	width: 100%;
	border-bottom: 1px solid #eee;
	margin: 70px 0 0px 0;
}

.products-tabs li {
	float: left;
	height: 50px;
	line-height: 50px;
	background: #fafafa;
	width: 166px;
	text-align: center;
	margin-right: 10px;
	border: 1px solid #eee;
	margin-bottom: -1px;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.products-tabs li:last-child{
	margin-right: 0px;
}
.products-tabs li.tab--active {
	background-color: #006aff;
	border: 1px solid #006aff;
	border-bottom-color: #fff;
	color: #fff;
	line-height: 48px;
}
.products-tabs li a {
	display: block;
}
.products-tabs li.tab--active a {
	color: #fff;
}
.gangyun-cloud-gg{margin-top:20px;padding:10px 15px;background-color:#006aff;color:#fff;font-size:12px}