/* CSS Document */

.protect-menu{
    		width:80%;
    		margin: 0 auto;
    	}
    	.protect-menu ul{
    		width: 80%;
    		display: inline-block;
            margin: 20px auto;
    	}
    	.protect-menu ul li{
    		float: left;
    		width: 25%;
    		cursor: pointer;
			list-style: none
    	}
    	.protect-menu ul li img{
    		width:45%;
            min-width:50px;
    	}
        .protect-menu ul li span{
            color:#333;

        }
    	/*.protect-menu ul li:hover span{
    		color: rgb(2,193,255);
    	}*/
    	.ind-box{
    		width: 100%;
            max-width: 1200px;
    		margin: 0 auto;
    	}
    	.ind-cp-item ul{
    		padding: 0;
    		padding-right: 18%;
    	}
    	.ind-cp-item ul li{
    		font-size: 14px;
    		line-height: 23px;
    		text-align: left;
    		color: rgb(153,153,153);
    	}
    	.ind-cp-item ul li:before{
		    content: "";
		    display: inline-block;
		    width: 6px;
		    height: 6px;
		    margin-right: 5px;
		    background: linear-gradient(45deg,rgb(83,185,241),rgb(35,88,217));
		    border-radius: 50%;
    	}
    	.ind-tit{
    		padding: 5px 0;
    	}
    	.fun-item{
			float: left;
		    width: 16.6%;
		    text-align: left;
		}
		.swiper-container .s1,
		.swiper-container .s2{
			max-height: 380px;
		}
		span.wen{
			font-family: PingFangSC-Regular;
		    font-size: 8px;
		    font-weight: normal;
		    font-stretch: normal;
		    line-height: 30px;
		    letter-spacing: 0px;
		    color: rgba(51, 51, 51, 0.6);
		}
		div.learn2{
			margin: 80px 0 40px 0;
		}
		.fish-tit2{
			/*margin:80px 0 40px 0;*/
			font-family: PingFang-SC-Regular;
			font-size: 26px;
			line-height: 30px;
			letter-spacing: 3px;
			color: #333333;
		}
		.mp4Banner{
			display: block;
			position: absolute;
			top: -50%;
			right: -50%;
			bottom: -50%;
			left: -50%;
	        margin: auto;
	        min-width: 100%;
	        min-height: 100%;
	        background: transparent;
		}
        #box1{
            /*/position: absolute;*/
            position: relative;
            height:600px;

        }
        .img-box{
            width: 100%;
            display: inline-block;
            margin:0 auto;
            height: 550px;
            margin-top: -70px;
            position: absolute;
            left: 0;
            height:640px;
            opacity: 0;
        }
        .img-box a{
         	display: inline-block;
         	width: 100%;
         	height: 100%;
         }
        .img-box:nth-child(1){
        	opacity: 1;
        }
        #box1 ul {
            position: absolute;
            /*bottom:38px;*/
            height: 30px;
            left: 50%;
            transform: translateX(-50%);
            padding: 0;
        }
        #box1 ul li{
        cursor: pointer;
        float:left;
        padding:0 30px;
		height: 20px;
		float: left;
		margin-top: -10px;
}
#box1 ul li span{
	color:rgba(255, 255, 255, 0.8);
}

#box1:hover #rightArrow{
    display: inline-block;
}
#box1:hover #leftArrow{
    display: inline-block;
}

.index-slide-container{
	width:100%;
	max-width: 1161px;
	margin:0 auto;
}
.index-slide-left{
	width:40%;
	float: left;
}
.index-slide-right{
	width:56%;
	float: left;
}
/*客服*/
#btn{
		width: 40px;
		height: 40px;
		background-color: #409fff;
		/*border-radius: 30px;*/
		position: fixed;
		border-bottom: 1px solid #FFFFFF;
		z-index: 10;
		right: 40px;
		bottom: 240px;
	}
	#btn img{
		width: 28px;
        height: 28px;
        position: absolute;	
        top: 15%;
        left: 15%;	
	}
	.btnContent{
		display: none;
		position: fixed;
		z-index: 10;
		right: 95px;
		bottom: 237px;
		text-align: center;
		line-height: 50px;
		border-radius: 3px;
		box-shadow: 3px 3px 2px rgba(0,0,0,.2);
		width: 120px;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		font-weight: bold;
		height: 50px;
		background-color: #FFFFFF;
	}
	.btnContent:after{
		content: '';
	    width: 10px;
	    height: 10px;
	    border-left: 1px solid transparent;
	    border-bottom: 1px solid transparent;
	    border-right: 1px solid rgba(0,0,0,.2);
	    border-top: 1px solid rgba(0,0,0,.2);
	    transform: rotate(45deg);
	    border-radius: 2px;
	    position: absolute;
	    right: -5px;
	    top: 22px;
	    background: #fff;
	}
	.toolphone{
		width: 40px;
		height: 40px;
		background-color: #409FFF;
		/*border-radius: 30px;*/
		position: fixed;
		border-bottom: 1px solid #FFFFFF;
		z-index: 10;
		right: 40px;
		bottom: 200px;
	}
	.toolphone img{
		width: 28px;
        height: 28px;
        position: absolute;	
        top: 15%;
        left: 15%;	
	}
	.phoneContent{
		display: none;
		position: fixed;
		z-index: 10;
		right: 95px;
		bottom: 197px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 50px;
		border-radius: 3px;
		box-shadow: 3px 3px 2px rgba(0,0,0,.2);
		width: 155px;
		font-family: PingFangSC-Regular;
		height: 50px;
		background-color: #FFFFFF;
	}
	.phoneContent:after{
		content: '';
	    width: 10px;
	    height: 10px;
	    border-left: 1px solid transparent;
	    border-bottom: 1px solid transparent;
	    border-right: 1px solid rgba(0,0,0,.2);
	    border-top: 1px solid rgba(0,0,0,.2);
	    transform: rotate(45deg);
	    border-radius: 2px;
	    position: absolute;
	    right: -5px;
	    top: 22px;
	    background: #fff;
	}
	.toolchat{
		width: 40px;
		height: 40px;
		background-color: #409FFF;
		/*border-radius: 30px;*/
		position: fixed;
		z-index: 10;
		right: 40px;
		bottom: 160px;
	}
	.toolchat img{
		width: 28px;
	    height: 23;
	    position: absolute;
	    top: 23%;
	    left: 15%;
	}
	.chatContent{
		display: none;
		position: fixed;
		z-index: 10;
		right: 95px;
		bottom: 57px;
		font-size: 14px;
		font-weight: bold;
		padding: 0;
		text-align: center;
		line-height: 150px;
		border-radius: 3px;
		box-shadow: 3px 3px 2px rgba(0,0,0,.2);
		width: 150px;
		font-family: PingFangSC-Regular;
		height: 150px;
		background-color: #FFFFFF;
	}
	.chatContent:after{
		content: '';
	    width: 10px;
	    height: 10px;
	    border-left: 1px solid transparent;
	    border-bottom: 1px solid transparent;
	    border-right: 1px solid rgba(0,0,0,.2);
	    border-top: 1px solid rgba(0,0,0,.2);
	    transform: rotate(45deg);
	    border-radius: 2px;
	    position: absolute;
	    right: -5px;
	    top: 25px;
	    background: #fff;
	}
	.topContent{
		display: none;
		position: fixed;
		z-index: 10;
		right: 95px;
		bottom: 117px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 50px;
		border-radius: 3px;
		box-shadow: 3px 3px 2px rgba(0,0,0,.2);
		width: 120px;
		font-family: PingFangSC-Regular;
		height: 50px;
		background-color: #FFFFFF;
	}
	.topContent:after{
		content: '';
	    width: 10px;
	    height: 10px;
	    border-left: 1px solid transparent;
	    border-bottom: 1px solid transparent;
	    border-right: 1px solid rgba(0,0,0,.2);
	    border-top: 1px solid rgba(0,0,0,.2);
	    transform: rotate(45deg);
	    border-radius: 2px;
	    position: absolute;
	    right: -5px;
	    top: 22px;
	    background: #fff;
	}
	.gotop{
		position: fixed;
		z-index: 10;
		right: 40px;
		bottom: 120px;
		opacity: 0;
	}
	.gotop img{
		max-width:40px;
		min-width:36px;
		width: 100%;
	}
.hon-logo{
	width: 100%;
	height:140px;
	background-color: #131527;
	opacity: 0.96;
	display: inline-table;
}
.hon-logo ul{
	width: 100%;
	max-width:1200px;
	display: inline-table;
	margin:20px auto;
	padding: 0;
}
.hon-logo ul li{
	width:20%;
	float: left;
	display: inline-table;
	text-align: center;
	border-right: 1px solid #2b2e44;
}
.hon-logo ul li:nth-child(5){
	border-right:0;
}
.hon-logo ul li img{
	padding:15px;
	padding-top: 0;
}
.hon-logo ul li span{
	width: 100%;
    display: inline-block;
    text-align: center;
    font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1	;
	  -webkit-box-orient: vertical;
}
/*首页*/
.protect-menu{
	 width:65%;
	 margin: 0 auto;
	}
.protect-menu ul{
	 width: 80%;
	 display: inline-block;
     margin: 20px auto;
     padding: 0;
}
.protect-menu ul li{
	 float: left;
	 width: 25%;
	 cursor: pointer;
}
.protect-menu ul li img{
 	width:30%;
    min-width:50px;
}
.protect-menu ul li span{
    color:#333;
    font-family: PingFangSC-Regular;
	font-size: 16px;
    margin-top:15px;
}
/*.protect-menu ul li:hover span{
   color: #02c1ff;
}*/
.ind-box{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.ind-cp-item ul{
    padding: 0;
    padding-right: 18%;
}
.ind-cp-item ul li{
	font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    color: rgb(153,153,153);
}
.ind-cp-item ul li:before{
	content: "";
	display: inline-block;
	 width: 6px;
	height: 6px;
	margin-right: 5px;
	background-color: rgb(2,193,255);
	border-radius: 50%;
}
.ind-tit{
    padding: 5px 0;
}
.fun-item{
	float: left;
	width: 16.6%;
	text-align: left;
}
.index_tit{
	margin-bottom: 40px;
}
.index_tit p:nth-child(1){
	font-family: PingFangSC-Regular;
	font-size:26px;
	line-height:30px;
	letter-spacing: 3px;
	color: #333333;
}
.index_tit p:nth-child(2){
	font-family: PingFangSC-Regular;
	font-size:14px;
	color: #999999;
	margin-top:15px;
}
#cptx-box img {
	float: left;
}
#cptx-box h3 {
	font-family: PingFangSC-Medium;
	float: left;
	font-size: 30px;
	margin-left: 15px;
	margin-top:4px;
}

#tx-left{
	margin-top:20px!important;
	padding-top:0;
}
#tx-right{

}
#tx-right ul{
	display: inline-block;
}
#tx-right ul li{
	height: 100px;
}
.hyal-box{
	width:96%;
	max-width: 1700px;
	margin: 0 auto;
	/*margin-top: 56px !important;*/
}
.qk{
	margin-top: 15px !important;
}
.qk>.hyal-item{
	margin: 20px 0px !important;
}
.hyal-box .hyal-item{
	width:16.66%;
/*	margin:40px auto;*/
	display: inline-block;
	margin-bottom: 40px;
	float: left;
}
.hyal-box .hyal-item img{
	min-width: 56px;
    width: 100%;
    max-width: 220px;
}
.saas-nav-fix{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f6f6f6;
	box-shadow: 0px 1px 0px 0px 
		rgba(6, 6, 6, 0.11);
    z-index: 9;
}
.saas-nav-box{
	width: 100%;
	height:60px;
	display: inline-block;
}
.saas-nav{
	width: 100%;
	max-width:966px;
	display: inline-table;
	margin:0 auto;
	/*background:#f7f7f7;*/
}
.saas-nav .saas-nav-title{
	width: 11.5%;
	width: calc(12% - 1.2px);
    margin: 0 4%;
    display: inline-table;
    float: left;
    line-height: 60px;
    height: 60px;
    
}
.saas-nav .saas-nav-title h3{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color:#373D41;
	height: 39px;
	font-weight: bold;
    line-height: 39px;
}
.saas-nav-title a{
	color: inherit;
}
.saas-nav span{
	width:1px;
	float: left;
	margin-top:20px;
}
.saas-nav .active{
	color:#109efe;
	border-bottom: 3px solid #109efe;
}
.cp-row{
    display: inline-block;
    width: 96%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 9px 14px 1px rgba(53, 129, 203, 0.14);
	border-radius: 10px;
}	
.cp-item{
    float: left;
    width: 25%;
    height: auto;
    margin: 50px auto;
    padding: 0 26px;
    border-left:1px solid #eee;
}

.cp-item h3{
	font-family: PingFangSC-Medium;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333;
	margin:25px 0 0 0;
}
.cp-item span{
	width: 60px;
	height: 1px;
	background-color: #109efe;
    display: inline-block;
}
.cp-item p{
	font-family: PingFangSC-Regular;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	font-size: 12px;
	color: #666666;
	margin-top: 30px;
	text-align:justify;
}
.cp-point{
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.cp-point-1{
    background: url("https://www.dexunyun.com/images/xwd/ad_02.png") no-repeat;
}
.cp-point-2{
    background: url("https://www.dexunyun.com/images/xwd/ad_03.png") no-repeat;
}
.cp-point-3{
    background: url("https://www.dexunyun.com/images/xwd/ad_01.png") no-repeat;
}
.cp-point-4{
    background: url("https://www.dexunyun.com/images/xwd/ad_04.png") no-repeat;
}
.pro-fun{
	width: 100%;
	max-width: 1200px;
    height: auto;
    margin:20px auto 50px;
}
.span-title span{
	font-family: PingFangSC-Regular;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: rgba(51, 51, 51, 0.6);
}
.span-title h3{
	font-family: PingFangSC-Semibold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 3px;
	color: #333333;
}
.span-title .span-lo{
	width:110px;
	height:10px;
	background: url("https://www.dexunyun.com/images/xwd/fun_title.png") no-repeat;
	margin-left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
}
.fun-menu{
	width: 100%;
	border-bottom: 1px solid rgba(153,153,153,.2);
}
.fun-menu ul{
	min-height: 60px;
	line-height: 58px;
	width: 80%;
	margin: 0 auto;
}
.fun-menu ul li{
	width: 14.2%;
	float: left;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.fun-menu ul li:hover{
	color: rgb(2,193,255);
}
.fun-menu ul li.active{
	color: rgb(2,193,255);
	border-bottom: 3px transparent solid;
    border-image:linear-gradient(to right,rgb(83,185,241),rgb(34,87,216))5 5;
}
.fun-box:nth-child(1){
	padding-top:50px;
}
.fun-box{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	height: auto;
	display: inline-table;
	margin-bottom:25px;
	padding-top:5px;
}
.fun-item{
	float: left;
    width: 20%;
    text-align: left;
}
.fun-item img{
	width: 88%;
}
.fun-item p{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #373d41;
}
.item-det{
	width: 122px;
	height: 132px;
	margin-left: 50%;
	text-align: center;
    transform: translate(-50%);
}
.item-det:hover{
	box-shadow: 0px 9px 14px 1px 
		rgba(53, 129, 203, 0.14);
	border-radius: 10px;
	border: solid 1px #44a9ff;
}
.explain-box{
	text-align: left;
}
.explain{
	width:90%;
	margin-left: 5%;
	height:110px;
	display: inline-block;
	padding:30px;
	padding-bottom: 10px;
	background: url("https://www.dexunyun.com/images/xwd/exp_left.png") no-repeat;
	background-size: 100% 100%;
	text-align: left;
	color: #fff;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 30px;
	display: none;
}
.explain:nth-child(1){
	background: url("https://www.dexunyun.com/images/xwd/exp_01.png") no-repeat;
	background-size: 100% 100%;
}
.explain:nth-child(2){
	background: url("https://www.dexunyun.com/images/xwd/exp_02.png") no-repeat;
	background-size: 100% 100%;
}
.explain:nth-child(3){
	background: url("https://www.dexunyun.com/images/xwd/exp_03.png") no-repeat;
	background-size: 100% 100%;
}
.explain:nth-child(4){
	background: url("https://www.dexunyun.com/images/xwd/exp_04.png") no-repeat;
	background-size: 100% 100%;
}
.explain:nth-child(5){
	background: url("https://www.dexunyun.com/images/xwd/exp_05.png") no-repeat;
	background-size: 100% 100%;
}
/*.left{
	background: url("https://www.dexunyun.com/images/xwd/exp_left.png") no-repeat;
	background-size: 100% 100%;
}
.middle{
	background: url("../images/xwd/exp_mid.png") no-repeat;
	background-size: 100% 100%;
}
.right{
	background: url("../images/xwd/exp_right.png") no-repeat;
	background-size: 100% 100%;
	float: right;
}*/
.pro_bottom{
	width: 100%;
	margin:30px auto;
	display: inline-table;
}
.pro_bottom button {
	width: 125px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 6px;
	border: solid 1px #0685ff;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #0685ff;
}


.add-service{
	height:auto;
	width: 100%;
	padding-top:10px;
	padding-bottom:60px;
/*	display: inline-table;*/
	background: url("https://www.dexunyun.com/images/xwd/add_bg.png") no-repeat;
	background-size: 100% 100%;
}
.add-service .server-box{
	width:98%;
	max-width: 1120px;
	display: inline-table;
}
.add-service .server-item {
	background: #fff;
	width: 48%;
	height: 200px;
	background-color: #ffffff;
	border-radius: 10px;
	float: left;
	margin:20px auto;
}
.add-service .server-item .server-item-left{
	height: 190px;
	width: 30%;
	float: left;
	padding: 30px;
	padding-top: 70px;
}
.add-service .server-item .server-item-right{
	padding: 30px;
	padding-left:0;
	width:70%;
	padding-right: 50px;
	float: left;
	text-align:left;
}
.add-service .server-item .server-item-right h3{
	font-family: PingFangSC-Medium;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
}
.add-service .server-item .server-item-right p{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
}

.scene{
	width:100%;
	max-width: 1200px;
	height:auto;
	display: inline-block;
    background: url("https://www.dexunyun.com/images/xwd/scene_bg.png") no-repeat;
    background-position: 0 100%;
}
.scene .scene-item{
	width:33.3%;
	padding:50px;
	padding-bottom: 0;
	height: auto;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
}
 div.mb-20>.scene-item:nth-child(4),.scene-item:nth-child(5){
 	padding-top: 0px;
 }
.scene-item:nth-child(4),.scene-item:nth-child(5){
	padding-top: 80px;
}
.scene .scene-item h3{
	font-size: 16px;
	color: #333333;
	font-family: PingFangSC-Medium;
	line-height: 24px;
}
.scene .scene-item p{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	text-align: justify;
    display: inline-block;
}


.safety{
	width:100%;
	max-height: 380px;
	position: relative;
	overflow: hidden;
	background-color: #36394d;
	opacity: 0.9;
	margin-top: 50px;
	font-size:0;
}
.safety-box{
	width:100%;
	max-width: 1200px;
	height:auto;
	display: inline-block;
}
.safety:hover #leftSolveArrow{
	display: inline-block;
}
.safety:hover #rightSovleArrow{
	display: inline-block;
}
#leftSolveArrow{
        position: absolute;
        left:30px;
        top:42%;
        color:#4f545f;
        background: url(https://www.dexunyun.com/images/arrow.png) no-repeat 15px 11px;
	    width: 56px;
	    height: 56px;
	    background-color: #171019;
	    opacity: 0.4;
	    cursor: pointer;
	    border-radius: 50%;
	    display: none;
}
#rightSovleArrow{
        position: absolute;
        right:30px;
        top:42%;
        color:#4f545f;
        cursor: pointer;
        background: url(https://www.dexunyun.com/images/arrow.png) no-repeat 12px -33px;
	   	width: 56px;
	    height: 56px;
	    background-color: #171019;
	    opacity: 0.4;
	    border-radius: 50%;
	    display: none;
}
.safety-box .safety-item{
	width:100%;
	height: 100%;
	/*float: left;*/
	position: relative;
}
.safety-box .safety-item>img{
	width:100%;
	height: 100%;
	/*min-height: 200px;*/
}
.safety-box .safety-title>img{
	max-width: 66px;
	margin-top:40%;
	min-width: 25px;
	width: 100%;
}
.safety-box .safety-item:hover .safety-hov{
	display: inline-block;
}
.safety-box .safety-item:hover .safety-title{
	display: none;
}
.safety-box .safety-item .safety-title{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	opacity: 0.95; 
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: normal;
	font-stretch: normal;
	background-color: rgba(0, 0, 0, 0.3);
	display: block;
}
.safety-box .safety-item .safety-title h3{
	margin-top:20%;
	transform:translateY(-50%);
	 font-family: PingFangSC-Regular;
}
.safety-box .safety-item .safety-title span{
	width: 28px;
	height: 2px;
	background-color: #ffffff;
	display: inline-table;
}
.safety-box .safety-item .safety-hov{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	opacity: 1; 
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: normal;
	font-stretch: normal;
	display: none;
	font-family: PingFangSC-Regular;
}
.safety-box .safety-item .safety-hov{
	background: linear-gradient(360deg,rgba(83,185,241,.52), rgba(35,87,216,.52));
}
/*.safety-box .safety-item:nth-child(2) .safety-hov{
	background: url("../images/xwd/safe_02_1.png") no-repeat;
	background-size: 100% auto; 
}
.safety-box .safety-item:nth-child(3) .safety-hov{
	background: url("../images/xwd/safe_03_1.png")  no-repeat;
	background-size: 100% auto; 
}
.safety-box .safety-item:nth-child(4) .safety-hov{
	background: url("../images/xwd/safe_04_1.png") no-repeat;
	background-size: 100% auto; 
}
.safety-box .safety-item:nth-child(5) .safety-hov{
	background: url("../images/xwd/safe_05_1.png") no-repeat;
	background-size: 100% auto; 
}
.safety-box .safety-item:nth-child(6) .safety-hov{
	background: url("../images/xwd/safe_06_1.png") no-repeat;
	background-size: 100% auto; 
}*/
.safety-box .safety-item .safety-hov h3{
	 font-family: PingFangSC-Regular;
	font-size: 24px;
	line-height: 30px;
	margin-top: 28%;
}
.safety-box .safety-item .safety-hov span{
	width: 28px;
	height: 2px;
	background-color: #ffffff;
	display: inline-table;
	margin-bottom:25px;
}
.safety-box .safety-item .safety-hov p{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	opacity: 0.9;
	line-height: 18px;
}
.safety-box .safety-item .safety-hov button{
	background: transparent;
	height: 30px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 1px;
	letter-spacing:1px;
	padding:0 10px;
	color:rgba(255,255,255,.7);
	margin-top:15px;
}

.server-price{
	width:100%;
	height:auto;
}
.server-price .server-price-box{
	width:96%;
	max-width: 1200px;
	display: inline-table;
	height:auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 1px 0px 
		rgba(35, 24, 21, 0.18);
	border-radius: 12px;
	border: solid 1px #d1dce6;
	margin-top:25px;
}
.server-price .server-price-box:hover{
	box-shadow: 0px 9px 14px 1px 
		rgba(53, 129, 203, 0.14);
	border-radius: 12px;
	border: solid 1px #44a9ff;
}
.server-price-left{
	float: left;
	margin:10px auto;
	padding:60px;
	width: 25%;
	border-right:1px dashed #bfc7cf;
	font-weight: normal;
	font-stretch: normal;
}
.server-price-left h3{
	font-family: PingFang-SC-Medium;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 25px;
    padding-left: 17px;
	color: #2e75b6;
}
.server-price-left h4{
	font-family: PingFangSC-Semibold;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #2e75b6;
}
.server-price-left p{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0px;
	color: #ff7243;
	text-align: center;
}
.server-price-right{
	float: left;
	width: 72%;
	padding-top: 15px;
	margin-left: 20px;
}
.server-price-right .server-price-item{
	width:100%;
	display: inline-table;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom: 1px dashed #bfc7cf;
}
.server-price-right .server-price-item:nth-child(3){
	border-bottom: inherit;
}

.server-price-right .server-price-item h5{
	float: left;
	width: 12.5%;
	text-align:center;
}
.server-price-right .server-price-item div{
	float: left;
	width: 87.5%;
}
.server-price-right .server-price-item div p{
	float: left;
	height: 33px;
	padding: 5px 15px;
	font-family: PingFangSC-Regular;
	margin-right: 20px;
	background-color: rgba(205, 231, 255, 0.2);
	border-radius: 16px;
	border: solid 1px rgba(6, 133, 255, 0.2);
	color:#145596;
}
.server-price-right .server-price-item div p span{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #ff5a00;
}

.value{
	width:100%;
	height:auto;
}
.value-box{
	width: 96%;
	max-width: 1200px;
	height: auto;
	display: inline-table;
}
.value-box tr th {
	width: 20%;
	height: 38px;
	font-family: PingFangSC-Regular;
	font-weight: normal;
	line-height: 1;
	background-color: #eeeeee;
	text-align: center;
	padding-top: 15px!important;
	padding-bottom: 15px!important;
}
.value-box tr th:nth-child(even){
	background-color: #f2f2f2;
}
.value-box tr td{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
	padding-top: 15px!important;
	padding-bottom: 15px!important;
}


.custom-case{
	width: 100%;
	max-width: 1200px;
	padding:20px;
	padding-right:10px;
	height: auto;
	display: inline-table;
	background-color: #fafafb;
	margin-top:20px;
}
.custom-case .custom-case-box{
	width: 100%;
	height: auto;
	margin:15px auto;
	display: inline-table;
}
.custom-case .custom-case-box .custom-case-left{
	width:10%;
	display: inline-table;
	float: left;
	text-align: left;
}
.custom-case .custom-case-box .custom-case-left h3{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 34px;
	margin:0;
	letter-spacing: 0px;
	color: #333333;
}
.custom-case .custom-case-box .custom-case-mid{
	width:80%;
	float: left;
	height: auto;
	display: inline-table;
	text-align: left;
}
.custom-case .custom-case-box .custom-case-mid .custom-case-mid-show{
	width:100%;
	float: left;
	height: auto;
	display: inline-table;
}
.custom-case .custom-case-box .custom-case-mid .custom-case-mid-show span{
	width:20%;
	float: left;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #777;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1	;
	  -webkit-box-orient: vertical;
}
/*.custom-case .custom-case-box .custom-case-mid .custom-case-mid-show span:nth-child(5){
	width:143px;
}
*/
.custom-case .custom-case-box .custom-case-right{
	width:9%;
	display: inline-table;
	float: left;
}
.custom-case .custom-case-box .custom-case-right span{
	font-family: PingFangSC-Light;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #0685ff;
	background: url("https://www.dexunyun.com/images/xwd/more.png") no-repeat;
	padding-right: 15px;
    background-position: 100% 65%;
}
#case_less{
	background: url("https://www.dexunyun.com/images/xwd/less.png") no-repeat;
	background-position: 100% 65%;
}
#web-hide{display: none;}

/*.app-user{
	position: fixed;
	bottom: 380px;
	right:40px;
	z-index: 9;
	background: #527efc;
	z-index: 100001;
	width:60px;
	height:60px;
	border-radius: 50%;
	color: #fff;
	display: inline-table;
	text-align: center;
}*/
 .app-user{
    height: 60px;
	line-height: 30px;
	color: #fff;
	width: 100px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	float: left;
	display: flex;
	cursor: pointer;
	align-items: center;
	background: linear-gradient(45deg, rgb(83,185,241), rgb(35,87,216));
	justify-content: center;
}
.app-user:hover{
    color: #fff;
    opacity: 0.9;
}
.app-user span{
	width:40px;
	color: white;
    display: inline-block;
    margin-top: 10px;
    line-height: 20px;
    letter-spacing: 2px;
    font-family: PingFangSC-Regular;
}
#app-mask{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 99;
	opacity: .3;
	display: none;
	top:0;
	left: 0;
}
#app-video{
	position: fixed;
	width:776px;
	height:438px;
	background: #fff;
	z-index: 999;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background-color: #ffffff;
	box-shadow: -3px -1px 51px 0px 
		rgba(35, 24, 21, 0.2);
	border-radius: 10px;
	display: none;
}
#app-video video{
	width: 100%;
	height: 100%;
}
.popup{
	position: fixed;
	display:none;
	width: 401px;
	height: 340px;
	box-sizing: border-box;
	z-index: 999;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	box-shadow: -3px -1px 51px 0px 
		rgba(35, 24, 21, 0.2);
	border-radius: 10px;
}
.popup form{
	background: #fff;
    padding-top: 30px;
    padding-bottom: 44px;
    border-radius: 0 0 10px 10px;
}
.popup h3{
	width: 100%;
	height: 55px;
	background: url("https://www.dexunyun.com/images/xwd/sq_nth.png") no-repeat;
	background-size: 100% 100%;
	border-radius: 12px 12px 0px 0px;
	font-family: PingFangSC-Regular;
	margin:0;
	color: #fff;
	text-align: center;
	line-height:55px;
}
.popup h3 span{
	display: inline-block;
    width: 22px;
    height: 22px;
	position: absolute;
	right: 10px;
	top:10px;
	line-height: 20px;
	background: url("https://www.dexunyun.com/images/xwd/X.png") no-repeat;
}
.popup p{
	margin-left:40px;
	color:red;
	margin-bottom:0;
	font-family: PingFangSC-Regular;
	margin-top: 5px;
}
.popup div{
	
	width: 321px;
	height: 50px;
	background-color: #f7f6f4;
	border-radius: 10px;
	border: solid 1px #e5e5e5;
	margin-left:40px;
}
.popup div label{
	width:45px;
	height:45px;
	line-height: 45px;
	margin: 0;
	text-align: center;
	float: left;

}
.popup div input{
	background-color: #f7f6f4;
	height:46px;
	padding: 10px;
	width: 250px;
	border-radius: 0px 12px 12px 0px;
	line-height: 46px;
	margin-top: 2px;
	float: left;

}
.popup button{
	width: 321px;
	height: 50px;
	background-color: #128bff;
	border-radius: 10px;
	margin-left:40px;
	margin-top:30px;
	font-family: PingFangSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing:2px;
	color: #ffffff;
}
table tr th,table tr td{
	border:1px!important;
}
.popup div:hover{
	border: solid 1px #148fff;
}
input::-webkit-input-placeholder { /* WebKit browsers */
　　font-family: PingFangSC-Regular;
　}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　font-family: PingFangSC-Regular;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
　　font-family: PingFangSC-Regular;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
　font-family: PingFangSC-Regular;
}


/*精心打磨的产品体系箭头*/
.pcont:before{
    	position: absolute;
        left: 29.5%;
        content: '';
        top: -13px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
/*        border-bottom: 15px solid rgb(243,243,243);*/
    }
    .pcont:nth-child(2):before{
    	left: 42.5%;
    }
    .pcont:nth-child(3):before{
    	left: 55.5%;
    }
    .pcont:nth-child(4):before{
     	left: 68.5%;
    }
.chain-cp-row{
    display: inline-block;
    width: 96%;
    max-width:1080px;
    height: auto;
    margin: 0 auto;
}	
.chain-cp-item{
    float: left;
    width:300px;
    margin:30px;
	height: 370px;
	background-color: #ffffff;
	border-radius: 10px;
	padding:45px;
	padding-left: 42px;
	box-shadow: 0px 10px 18px 0px 
		rgba(146, 169, 211, 0);
}
.chain-cp-item h3{
	font-family: PingFangSC-Medium;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333;
	margin:25px 0 0 0;
	font-size: 16px;
	display: inline-block;
	height:45px;
	border-bottom: 2px solid  #0984ff;
}
.chain-cp-item p{
	font-family: PingFangSC-Regular;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	font-size: 12px;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 30px;
	text-align:justify;
}
.chain-cp-point{
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.chain-tx-body{
	width: 100%;
    padding-bottom:110px;
    background: url("https://www.dexunyun.com/images/chain/chain_bg.png") no-repeat;
    background-size:100%;
    background-position: 100% 100%;
}
.chain-tx-row{
	display: inline-block;
    width: 96%;
    max-width: 1080px;
    height: auto;
    margin: 0 auto;
}
.chain-tx-item{
	width: 100%;
    height: auto;
    display: inline-table;
    margin:15px auto;
}
.chain-tx-item:hover .chain-left p{
	background: url("https://www.dexunyun.com/images/chain/hover_01.png") no-repeat;
}
.chain-tx-item:hover .chain-left p.yellow{
	background: url("https://www.dexunyun.com/images/chain/hover_02.png") no-repeat;
}
.chain-tx-item:hover .chain-left p.last{
	background: url("https://www.dexunyun.com/images/chain/hover_03.png") no-repeat;
}
.chain-tx-item:hover .chain-right{
	background-color: #ffffff;
	box-shadow: 0px 10px 18px 0px 
		rgba(146, 169, 211, 0.29);
	border-radius: 10px;
	border: solid 2px #0984ff;
}
.chain-left{
	float:left;
	width: 140px;
	height: auto; 
}
.chain-left img{
	margin-top:15px;
}
.chain-left p{
	width: 140px;
	height: 140px;
	line-height:120px;
	font-family: PingFangSC-Semibold;
	margin:0;
	/*font-size: 20px;*/
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	text-align:center;
	background: url("https://www.dexunyun.com/images/chain/chain_01.png") no-repeat;
}
.chain-left p.yellow{
	background: url("https://www.dexunyun.com/images/chain/chain_02.png") no-repeat;
}
.chain-left p.last{
	background: url("https://www.dexunyun.com/images/chain/chain_03.png") no-repeat;
}
.chain-right{
	float:left;
	width: calc( 100% - 160px);
	height: 192px;
	padding:20px 30px;
	background-color: #ffffff;
	border-radius: 10px;
	border: solid 1px #e5eaee;
}
.chain-tit img{
	float:left;
	margin-top:-4px;
}
.chain-tit h3{
	text-align:left;
	font-family: PingFangSC-Semibold;
	/*font-size: 20px;*/
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #0984ff;
	margin-left:50px;
}
.chain-contain{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;
	text-align: left;
}

.chain-ah-row{
	display: inline-block;
    width: 100%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto;
}
.chainPhp{
	display: inline-block;
    width: 96%;
    max-width: 1180px;
    height: auto;
    margin: 0 auto;
}
.chain-ah-left{
	float: left;
	background: url('https://www.dexunyun.com/images/chain/zxbg.png') no-repeat;
	background-size: 100% 100%;
	width: 60%;
	height: 400px;
}
.chain-ah-right{
	float: left;
	position: absolute;
	height: 300px;
	right: 5%;
	top: 12%;
	box-shadow: 0 6px 12px rgba(11,4,109,0.1);
	background-color: #FFFFFF;
	width: 40%;
}
.chain-ah-right .left-p{
	width: 46%;
	float: left;
}
.chain-ah-right .right-img{
	width: 50%;
	float: right;
}
.chain-ah-left .left-date{
	width: 70px;
	height: 70px;
	color: #ffffff;
	float: left;
	border-right: 1px solid #FFFFFF;
}
.chain-ah-left .left-date h2{
	font-size: 40px;
	margin: 0;
}
.chain-ah-left .left-date p{
	opacity: 0.7;
	margin-top: 5px;
}
.chain-ah-left .right-text{
	/*float: right;*/
}
.chain-ah-row{
	position: relative;
}
.chain-ah-row .chain-ah-item{
	position: relative;
	width: 88%;
    height: auto;
    margin: 50px auto;
    min-height: 70px;
    margin-left: 6%;
}
.before{
	content: "";
	position: absolute; 
	transform: translateY(52px);
	left: 0; 
	margin: 20px; 
	width: 10px; 
	height: 10px; 
	border-bottom:10px solid transparent;
	border-top:10px solid rgba(255,255,255,.8);
	border-right:10px solid transparent;
	border-left-width:0px;
	border:10px solid transparent;
	border-left-color: rgba(255,255,255,.8);
	transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.chain-ah-row .chain-ah-item .left-p{
	text-align: left;
}
.chain-ah-row .chain-ah-item .left-p h2{
	margin: 0;
	font-size: 30px;
	color: rgb(77,77,77);
}
.chain-ah-row .chain-ah-item .left-p span{
	font-size: 16px;
	margin: 0;
	opacity: 0.6;
	margin-left: 2px;
}
.chain-ah-row .chain-ah-item .left-p p{
	margin: 5px 0;
    margin-bottom: 10px;
    font-size: 12px;
    color: rgb(77,77,77);
}
.chain-ah-row .chain-ah-item .left-p p.showP{
	font-size: 12px;
	opacity: 0.8;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	 white-space:normal;
	 overflow: hidden;
	-webkit-box-orient: vertical;
}

.chain-ah-row .chain-ah-item .left-p button{
	background: none;
	width: 90px;
	height: 30px;
	color: rgb(153,153,153);
	border-radius: 4px;
	margin-top: 10px;
	border: 1px solid rgb(147,151,153);
}
.chain-ah-row .chain-ah-item img{
	width: 100%;
	height: 150px;
	margin-top: 20px;
}
.chain-ah-row .chain-ah-item:nth-child(3){
	/*margin-right: 0!important;*/
}
.chain-ah-row .chain-ah-item .right-text{
	font-weight: normal;
	font-family: PingFangSC-Regular;
	font-stretch: normal;
	text-align: left;
	letter-spacing: 0px;
	height: 70px;
	color: #FFFFFF;
	margin-right: 5%;
	width: 80%;
	float: right;
}
.chain-ah-row .chain-ah-item .right-text p:nth-child(1){
	font-size: 16px;
	opacity: 0.9;
	margin: 0;
	margin-top: 5px;
}
.chain-ah-row .chain-ah-item .right-text p{
	font-size: 12px;
	opacity: 0.8;
    /*height: 60px;
    line-height: 60px;*/
	overflow: hidden;
	margin: 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	margin: 16px 0;
	-webkit-line-clamp: 1	;
	-webkit-box-orient: vertical;
}
.chainPhp>.item {
    float: left;
    width: 32.15%;
    height: auto;
    background-color: #ffffff;
    margin-right: 1.75%;
}
.chainPhp>.item:nth-child(3) {
    margin-right: 0!important;
}
.chainPhp>.item p {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.chainPhp>.item img{
	width: 100%;
}
/*精心打磨的产品体系*/
.ind-cp-row{
    display: inline-block;
    width:100%;
    /*max-width:1200px;*/
    height: auto;
    padding:10px 2%;
    /*margin: 2% auto;*/
/*    background-color: rgb(245,246,250);*/
}	
.ind-cp-box{
	display: inline-block;
    width:100%;
    /*max-width:1200px;*/
    height: auto;
    padding: 2% 0;
    margin: 2% auto;
    background-color: rgb(243,243,243);
}
.ind-cp-item{
    float: left;
    width: 22%;
    margin:30px 0;
	/*padding:43px;
	padding-left: 42px;*/
	/*height:400px;*/
	border-right: 2px solid rgba(153,153,153,.2) ;
    padding-top: 20px;
    padding-bottom: 20px;
	border-radius: 2px;
}
/*.ind-cp-item:hover{
	background-color: #ffffff;
	box-shadow: 0px 5px 15px -5px 
		rgba(0, 27, 52, 0.19);
	border-radius: 2px;
	border: solid 2px #02c1ff;
}*/
.ind-cp-item h3{
	font-family: PingFangSC-Medium;
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
}
.ind-cp-item span{
	width: 90px;
	height: 2px;
	background-color: #eee;
    display: inline-block;
}

.ind-cp-item:hover span{
	background-color: #02c1ff;
}

.ind-cp-right{
	width: 75%;
	padding-left: 2%;
	float: right;
}
.ind-cp-right ul{
	margin-top:25px;
}
.ind-cp-right ul li:nth-child(2n){
	padding-left:5%;
	padding-right:0;
}
.ind-cp-right ul li{
	float: left;
	width: 45%;
	padding-right:5%;
	height:100px;
}
.ind-cp-right ul li h3{
	font-weight: normal;
	font-size: 16px;
	color: rgb(102,102,102);
}
.ind-cp-right ul li a{
	color: rgb(102,102,102);
}
.ind-cp-right ul li:hover h3{
	color: rgb(1, 171, 255)!important;
}


.ind-cp-right ul li:hover p{
	color: rgb(1, 171, 255)!important;
}


.ind-cp-right ul li p{
	font-size: 14px;
	font-family: PingFangSC-Regular;
	line-height: 22px;
	color: rgb(153,153,153);
}
.ind-tit{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ind-box{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #999999;
/*	margin-top: 20px;*/
	text-align: justify;
	padding: 0 35px;
	height:330px;
	display: block;
}
.ind-cp-item button{
	width: 100px;
	height: 36px;
	background-color: transparent;
	border-radius: 8px;
	/*border: 1px solid rgb(2,193,255);*/
	color:#fff;
	margin-left: 5%;
	margin-top:15px;
}

.chain-cp-point{
    width:100%;
    height: 55px;
    margin: 0 auto;
    position: relative;
}
.chain-cp-point img{
	width: 45px;
}
.chain-cp-point h3{
	display: inline-block;
}

.chain-cp-point h3 a{
	color: rgb(102,102,102);
}
.chain-cp-point h3 a:hover{
	color:rgb(1, 171, 255);
}


.message-box{
	width:50%;
	height: 180px;
	float: left;
	padding:20px 36px;
}
.message-box-left{
	float: left;
	width:20%;
}
.message-box-left img{
	width: 45px;
	margin-top: 10px;
}
.message-box-right{
	float: left;
	width:80%;
}
.message-box-right h3{
	text-align: left;
	font-family: PingFangSC-Semibold;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #333333;
}
.message-box-right p{
	font-family: PingFangSC-Semibold;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #999999;
	text-align: left;
	margin:0;
}
#box{
        position:relative;
        width:100%;
     /*   min-height:450px;*/
}
#box img{
        position:absolute;
        width:100%;
        /*height:450px;*/
        left:0;
        opacity:0;
}
#box img:nth-child(1){
        opacity:1;
}
#box ul{
        position:absolute;
        bottom:20px;
        height:30px;
        left:50%;
        transform: translateX(-50%);
        padding:0;
}
#box ul li{
        float:left;
        padding:0 30px;
		height: 20px;
		float: left;
		margin-top: -10px;
}
#box ul li span{
	color:rgba(255, 255, 255, 0.8);
}
       .ccBg{
        	 background: url("https://www.dexunyun.com/images/cc_03.png") no-repeat 0px 0px!important;
        	 background-size:100% 100%!important;
        	 transition: transform 1s;
        	 width: 24px;
			 height:23px;
			 margin-top: -6px;
			 padding:0!important;
			 margin-left:15px;
			 margin-right: 15px;
       }
.ccBg span{
	display: none;
}
#leftArrow{
        position: absolute;
        left:30px;
        top:50%;
        transform: translateY(-125%);
        color:#4f545f;
        background: url(https://www.dexunyun.com/images/arrow.png) no-repeat 15px 11px;
	    width: 56px;
	    height: 56px;
	    background-color: #171019;
	    opacity: 0.4;
	    border-radius: 50%;
	     display: none;
}
#rightArrow{
        position: absolute;
        right:30px;
        top:50%;
        transform: translateY(-125%);
        color:#4f545f;
        background: url(https://www.dexunyun.com/images/arrow.png) no-repeat 12px -33px;
	   	width: 56px;
	    height: 56px;
	    background-color: #171019;
	    opacity: 0.4;
	    border-radius: 50%;
	    display: none;
}
#box:hover #rightArrow{
	display: inline-block;
}
#box:hover #leftArrow{
	display: inline-block;
}
.lxP{
	position: fixed;
	width: 75px;
	right:50px;
	top:300px;

}
.lxP div{
	background-color: #02c1ff;
	text-align: center;
	color:#fff;
	padding:10px 0 0;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	text-align:center;
	line-height: 35px;
	margin-bottom: 2px;
}
.ddos-cp-list h3{
	margin: 0px !important;
}
.ddos-cp-list span{
	width: 60px;
    height: 1px;
    background-color: #109efe;
    margin-bottom: 30px;
    display: inline-block;
}
.ddos-cp-box div h3{
	margin-bottom: 0px !important;
}
.ddos-top{
	width:98%;
	max-width:1200px;
	margin:50px auto;
}
.ddos-top-left{
	float: left;
	width:45%;
	text-align: left;
	margin-bottom: 50px;
}
.ddos-top-left .lonely-p{
	margin:0;
	color:rgba(255, 255, 255, .8);
	display: inline-block;
	margin-top: 25px;
	line-height: 20px;
}
.img-box .btnBoth{
	position: absolute;
	z-index: 1;
	letter-spacing: 0px;
	bottom: 144px;
    left: 1%;
    min-width: 200px;
    max-width: 380px;
    font-size: 14px;
    font-family: PingFangSC-Light;
   
}
.img-box .btnBoth>a{
	float: left;
	padding: 5px 10px;
	width: 80px !important;
	display: inline-block;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 20px;
    border: solid 1px #ffffff;
    opacity: 0.9;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
}
.img-box .btnBoth .use{
	border: none;
	border-radius: 20px;
    line-height: 22px;
    cursor: pointer;
    width: 100px !important;
    padding: 5px 10px;
    float: right;
    text-align: left;
    color: rgba(255, 255, 255, .8);
    display: inline-block;
	background: linear-gradient(45deg, rgb(83,185,241), rgb(35,87,216));
}
.img-box .btnBoth .use img{
	margin-left: 8px;
	margin-bottom: 2px;
}
.ddos-top-left h2{
	font-family: PingFangSC-Regular;
	font-size: 40px;
	line-height: 60px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: left;
}
.ddos-top-left p{
	font-family: PingFangSC-Light;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: left;
	margin: 30px 0;
}
.ddos-top-left span{
	border-radius: 20px;
	border: solid 1px #ffffff;
	font-family: PingFangSC-Light;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 5px 10px;
	text-align: left;
}
.ddos-top-right{
	float: right;
	width:45%;
	margin-top:21px;
}
.ddos-top-right img{
	width:90%;
	margin-bottom:15px;
}
.ddos-nav-box{
	display: inline-block;
	margin:0 auto;
}
.ddos-nav-box a{
	float:left;
	/*margin:10px 35px 0;*/
	font-family: PingFangSC-Light;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
	/*padding-bottom:10px;*/
}
.ddos-nav-box a h3{
	font-family: PingFangSC-Light;
	font-size: 16px;
	line-height: 80px;
	height: 80px;
	margin-bottom: 0px;
	letter-spacing: 0px;
	color: #333333;
}
.ddos-nav-box a.act{
	border-bottom: 2px solid #527efc;
}
.ddos-cp-box{
	width:98%;
	max-width: 1200px;
	margin:0 auto;
}
.ddos-cp-box div{
	float: left;
	width:31.6666%;
	margin:1.25%;
	padding:20px 3.2%;
}
.ddos-cp-box .ddos-cp-list img{
	width:30%;
}
.ddos-cp-box div h3{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	line-height: 55px;
	color: #333333;
}
.ddos-cp-box div p{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	text-align: left;
	line-height: 24px;
	color: #999999;
}
.ddos-ll-list{
	background-color: #ffffff;box-shadow: 0px 3px 16px 0px rgba(153, 153, 153, 0.14);border-radius: 8px;height: 380px;
}
.ddos-ll-list img{
	width:40%;
}
.ddos-zn-box{
	width:98%;
	max-width: 1200px;
	margin:0 auto;
}

.ddos-zn-list{
	width:98%;
	margin:18px auto;
	display: inline-block;
}
.ddos-zn-list .ddos-zn-left{
	float: left;
	width: 18.6666%;
	height: 190px;
	background-color: #527efc;
	border-radius: 8px 0px 0px 8px;
	padding:4.16%;
}
.ddos-zn-list .ddos-zn-left img{
	width:40%;
}
.ddos-zn-list .ddos-zn-left p{
	font-family: PingFangSC-Regular;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top:25px;
}
.ddos-zn-list .ddos-zn-right{
	float: left;
	width: 80%;
	height: 190px;
	background-color: #fff;
	border-radius: 0px 8px 8px 0px;
	padding:5.41%;
	text-align: left;
	box-shadow: 0px 3px 10px 0px 
		rgba(82, 126, 252, 0.21);
}
.ddos-zn-list .ddos-zn-right p{
	font-family: PingFangSC-Light;
	font-size: 12px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
}
.user-pricing{
	width: 66%;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 100px;
	position: relative;
	text-align: center;
	}
	.user-pricing p{
		margin:0 auto;
		height:38px;
		line-height:38px;
		font-size: 26px;
		font-family: PingFangSC-Medium;
		color: #ff5a00;
	}
	.user-pricing h1{
		font-size: 90px;
		font-family: PingFangSC-Medium;
		top: -90px;
		width: 42%;
		letter-spacing: 3px;
		color: #eeeeee;
		z-index: -1;
		left: 29%;
		position: absolute;
		font-weight: bold;
	}
.ddos-zn-box table{
	width: 100%;
	height: auto;
	border: solid 1px #f0f0f0;
	text-align: center!important;
}
.ddos-zn-box table thead tr th{
	text-align: center!important;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}
.ddos-zn-box table thead tr {
	height: 80px;
	background-color: #e9eefc;
}
.ddos-zn-box table tbody tr {
	height: 60px;
	background-color: #ffffff;
	
}
.ddos-zn-box table tbody tr td{
	font-family: PingFangSC-Medium;
	line-height: 30px;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
}
/*.ddos-zn-box table tbody tr td:nth-child(1){*/

	/*font-weight: bold;
	font-size: 14px;
}*/
.ddos-zn-box table tbody tr:nth-child(2n){
	background-color: #f7f9fe;
}

.ddos-nav-fix{
	position: fixed;
    top: 0;
    left:0;
    background: #fff;
}



/*钓鱼监测*/
.fish-ll-list span{
	width: 60px;
    height: 1px;
    background-color: #109efe;
    margin-bottom: 30px;
    display: inline-block;
}

.fish-cp-box{
	width:96%;
	max-width: 1200px;
	display: inline-table;
	margin:0 auto;
}

.fish-ll-list{
	width: 28.8333%;
	background-color: #ffffff;
	box-shadow: 0px 4px 6px 0px 
		rgba(147, 160, 172, 0.15), 
		0px 0px 3px 0px 
		rgba(0, 0, 0, 0.15);
	border-radius: 20px;
	float: left;
	text-align: center;
	margin:0 2.91%;
}
.fish-ll-list img{
	width:90%;
	margin:20px 0;
}
.fish-ll-list div{
	padding: 30px 20px;
	position:relative;
	width: 100%;
	height: 200px;
}
.fish-ll-list div img{
	position:absolute;
	transform: translate(-50%,-50%);
	top:50%;
	left:50%;

}
.fish-ll-list h3{
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	line-height: 40px;
	color: #333333;
}
.fish-ll-list p{
	height:230px;
	font-family: PingFang-SC-Regular;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0px;
	color: rgba(0,0,0,.6);
	padding: 30px 19px;
	background-color: #f7f9fc;
	border-radius: 0px 0px 20px 20px;
	margin:0;
	text-align: left;
	overflow: hidden;
}
.fish-tit{
	margin:80px 0 40px 0;
	font-family: PingFang-SC-Regular;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 3px;
	color: #333333;
}
.fish-nr{
	margin-bottom:12%;
}
.fish-nr p{
	font-family: PingFang-SC-Regular;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0px;
	color: rgba(0,0,0,.6);
}
.fish-hy {
	width: 18.1%;
	display: inline-block;
	box-shadow: 0px 0px 3px 0px 
		rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 15px 0.8%;
}
.fish-hy img{
	width: 80%;
	margin: 24px 0;
}
.fish-hy p{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom:20px;
}
@media only screen and (min-width: 1800px){
	.img-box .btnBoth {
	    /*left: 19%;*/
	    bottom: 147px;
	}
}
@media only screen and (max-width: 1680px) and (min-width: 1600px){
	.img-box .btnBoth {
	    /*left: 14%;*/
	    bottom: 147px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 769px) {
	.img-box .btnBoth{
		bottom: 142px;
		/*left: 1% !important;*/
	}
	.chainPhp>.item {
	    width: 32%!important;
	    margin-right: 2%!important;
	}
	.chainPhp>.item p {
	    height: 30px!important;
	    line-height: 30px!important;
	}
	.before{
		left: -5px;
	}
	.site-nav .item{
		width: 13.6%;
	}
	.safety {
	    min-height: 245px;
	    height: 100%;
	    max-height: 330px;
	}
	#imgId0 a img{
		object-fit: contain !important;
	}
	.pcont:nth-child(1):before{
		left: 28.5%;
	}
	.pcont:nth-child(2):before {
	    left: 41.5%;
	}
	.pcont:nth-child(3):before {
	    left: 54.5%;
	}
	.pcont:nth-child(4):before{
		left: 67.5%;
	}
	.cont-hide{
		height: 412px !important;
	}
	#safety-box{
		height: 412px !important;
	}
	.content .c-cont .aa>img{
		max-width: 34px !important;
	}
	.safety-b img{
		max-width: 25px !important;
	}
	.bb{
		min-height: 238px !important;
		margin-left: 18% !important;
	}
	.safety-title>img{
		max-width: 42px !important;
	}
	.hide-t>img{
		max-width: 42px !important;
	}
	.hide-t>img.safety-close{
		max-width: 28px !important;
	}
	.content .c-cont>div{
		top: 47px !important;
	}
	.hide-c p{
		line-height: 25px;
		margin-bottom: 0;
	}
	#safety-box>ul{
		height: 412px !important;
	}
	#safety-box>ul>li{
		height: 412px !important;
	}
	.safety-title>p{
		left: 36% !important;
		letter-spacing: 12px !important;
	}
	.hide-t{
		top: 92px !important;
	}
	.hide{
		display: block !important;
		min-height: 350px !important;
	}
	.f-adc{
		display: none !important;
	}
	.fun-menu ul{
		width:80%!important;
	}
	
	#imgId4 .ddos-top-right{
		margin-top: -57px !important;
	}
	.ddos-top-right{
		margin-top: 0px !important;
	}
	.fun-menu ul li{
		font-size: 14px!important;
	}
	/*.fish-hy {
		width: 23%;
		margin: 15px 0.8%;
	}*/
	
}
@media only screen and (max-width: 1000px){
	.ddos-top-right{
		opacity: 1 !important;
	}
	.safety {
	    min-height: 245px;
	    height: 100%;
	    max-height: 295px;
	}
	.mp4Banner{
		display: none !important;
	}
	#imgId1{
		background-color:#161939 !important;
	}
}
@media only screen and (width: 768px) {
	.img-box .btnBoth {
	    bottom: 17.7% !important;
	    /*left: 1% !important;*/
	}
	/*.site-nav .item{
		width: 12.6% !important;
	}*/
}
@media only screen and (max-width: 767px){
	.chainPhp>.item{
	    width: 70%!important;
	    margin: 15px 15%;
    }
	.showMax{
		display: none;
	}
	.safety-box .safety-item .safety-hov span{
		margin-bottom: 0;
	}
	.showMin{
		display: block !important;
	}
	.safety-box .safety-title>img{
		margin-top: 80%;
	}
	.chain-ah-row .chain-ah-item{
	float:left;
	/*width:32.15%;*/
	height: auto;
	background-color: #ffffff;
	/*margin-right:1.75%;*/
	width: 70%!important;
    margin: 15px 15%;
}
.chain-ah-row .chain-ah-item img{
	width: 100%;
	height: auto !important;
}
.chain-ah-row .chain-ah-item:nth-child(3){
	margin-right: 0!important;
}
.chain-ah-row {
    display: inline-block;
    width: 96%;
    max-width: 1180px;
    height: auto;
    margin: 0 auto;
}
.chain-ah-row .chain-ah-item p{
	width:100%;
	font-family: PingFangSC-Regular;
	font-size: 12px;
    height: 60px;
    line-height: 60px;
	font-weight: normal;
	font-stretch: normal;
	text-align: center;
	letter-spacing: 0px;
	color: #000000;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1	;
	  -webkit-box-orient: vertical;
}
	nav{
		height: 60px;
	}
	.ddos-top-right{
		opacity: 1 !important;
	}
	.pcont:before {
	    left: 12.5%;
	}
	.pcont:nth-child(2):before {
	    left: 34.5%;
	}
	.pcont:nth-child(3):before {
	    left: 57.5%;
	}
	.pcont:nth-child(4):before{
		left: 79.5%;
	}
	.mp4Banner{
		display: none !important;
	}
	#imgId1{
		background-color:#161939 !important;
	}
	.img-box .btnBoth{
		bottom: 102px;
		/*left: 1%;*/
	}
	header{
		height: 60px;
	}
	.login-btn{
		height: 58px !important;
	}
	#imgId0 a img{
		object-fit: contain !important;
	}
	.ddos-nav-box a h3{
		height: 60px !important;
		line-height: 60px !important;
	}
	.cont-hide{
		height: 300px !important;
		width: 82% !important;
	}
	.hide-c{
		width: 93% !important;
		padding-left: 8% !important;
	}
	.content .c-cont div span{
		writing-mode: vertical-lr;
		letter-spacing: 15px !important;
	}
	.bb{
		min-height: 50px !important;
	}
	.bb ul{
		display: none;
		min-height: 50px !important;
	}
	#safety-box{
		height: 300px !important;
	}
	.content .c-cont>div{
		top: 48px !important;
	}
	#safety-box>ul{
		height: 300px !important;
	}
	#safety-box>ul>li{
		height: 300px !important;
	}
	#safety-box>ul>li:nth-child(2) .bb{
		min-height: 21px !important;
	}
	.hide-t>img{
		max-width: 30px !important;
	}
	.safety-close {
		right: 10px !important;
	}
	.safety-title>img{
		max-width: 35px !important;
	}
	.hide-c{
		top: 88px !important;
	}
	.hide-c p{
		line-height: 18px;
		margin-bottom: 0px;
	}
	.safety-title{
		/*top: 77px !important;*/
	}
	.safety-title>p{
		left: 10% !important;
		margin-top: 64% !important;
		letter-spacing: 15px !important;
	}
	.hide-t>img.safety-close{
		top: 6px;
		max-width: 20px !important;
	}
	.hide-t{
		top:75px !important;
	}
	
	
	.hide{
		display: block !important;
		min-height: 178px;
	}
	.f-adc{
		display: none !important;
	}
	#box1{
            height:330px;

        }
        .img-box{
            height:400px;
        }
	.site-logo{
		margin:0!important;
	}
	.site-logo a{
		background-size:50% 100%;
		background-position: center 4px;
	}
	.menu-tel{
		top:-15px;
		display: none;
	}
	.login-btn{
		/*height: 28px!important;
    	line-height: 26px!important;*/
    	/*padding-left: 18px!important;*/
    	/*padding-right: 10px!important;*/
    	margin-top:0!important;
    	font-size: 14px!important;
	}
	.hyal-box .hyal-item{
		width:33.33%;
	}
	#box ul{
		bottom: 5px;
	}
	#box ul li{
		margin-right:30px!important;
	}
	.ccBg{
		/*width:15px;
		height: 15px;*/
		transition: transform .8s;
		margin-top: -2px;
	}
	.fun-menu ul{
		width:90%!important;
	}
	.fun-menu ul li{
		font-size: 12px!important;
	}
	.fun-menu ul li span.dxqy {
		display: none;
	}
	/*钓鱼*/
	.fish-tit{
		font-size: 24px;
		margin-top:40px;
	}
	.fish-hy {
		width: 31%;
		margin: 15px 0.8%;
	}
	.fish-ll-list {
	    width: 31.6%;
	    margin: 0 1.2%;
	}
	.fish-ll-list div {
	    padding: 30px 20px;
	    position: relative;
	    width: 100%;
	    height:100px;
	}

	.fish-ll-list h3 {
	    font-size: 16px;
	}
	.fish-ll-list p {
	    height: 330px;
	    font-size: 12px;
	    line-height:20px;
	    padding: 15px 5px;
	}


	#box1 .ddos-top{
		margin: 130px auto!important;
	    margin-left: 50%!important;
	}
	#box1 .ddos-top .ddos-top-left img {
		width:50%!important;
	}
	#box1 .ddos-top .ddos-top-right{
		top:50%;
		height: 100px;
	}
	#imgId4 .ddos-top-right{
		margin-top: -40px !important;
	}
	#box1 .ddos-top .ddos-top-left img.xwdl{
		width:20%!important;
	}
	#box1 ul li{
		padding: 0 20px!important;
	}
	#box1 .ddos-top .ddos-top-right #xzImg{
		margin-top: 50px;
	}
	
	.protect-menu{
	 width:100%;
	 margin: 0 auto;
	}
	.protect-menu ul{
		width: 90%
	}
	.protect-menu ul li span{
		font-size: 14px;
	}
}

.prophet-content,
.prophet-content1,
.prophet-content2 {
    text-align: center;
    margin: 0 auto;
}

.prophet-content {
    /*min-height: 200px;*/
}

span.kong {
    display: inline-block;
    width: 10px;
}


@media only screen and (max-width: 1199px) and (min-width: 768px) {

    #imgId0 {
        background-image: url(https://www.dexunyun.com/images/another_index/middle.png);
        background-size: 100% 100% !important;
    }

    #imgId0 #mpbanner {
        display: none !important;
    }
	
    #box1 ul {
        position: absolute;
        bottom: 38px !important;
        height: 30px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
    }

    .site-nav .item {
        width: 11.6%;
    }

    .site-nav {
        width: 588px;
    }

    .ccBg {
        background: url(https://www.dexunyun.com/images/cc_03.png) no-repeat 0px 0px !important;
        background-size: 100% 100% !important;
        transition: transform 1s;
        width: 32px !important;
        height: 23px;
        margin-top: -6px;
        padding: 0 !important;
        margin-left: 15px;
        margin-right: 15px;
    }

    .dropdown-menu {
        padding: 0 6%;
    }

    .item-h p img {
        width: 12% !important;
    }

    .item-c div img {
        width: 12% !important;
    }

    .dropdown-menu li .m-item h2 img {
        top: 1.8%;
        left: -28%;
        width: 28% !important;
    }

    /* DDOS*/
    .ddos-top-left{
        width: 55% !important;
    }

    .ddos-top-left h2 , .new-ddos-top-left h2{
        font-size: 35px !important;
        line-height: 45px !important;
    }

    .chain-ah-left .left-date p {
        margin-top: 0;
    }

    .chain-ah-row .chain-ah-item .right-text p:nth-child(1) {
        margin-top: 0 !important;
    }

    .chain-ah-row .chain-ah-item .right-text {
        width: 75% !important;
    }

    .chain-ah-row .chain-ah-item {
        /*width:32%!important;*/
        margin-right: 2% !important;
    }

    /*.chain-ah-row .chain-ah-item:nth-child(3){
        margin-right:0!important;
    }*/
    .chain-ah-row .chain-ah-item img {
        width: 100%;
    }

    .chain-ah-row .chain-ah-item p {
        /*height: 30px!important;
        line-height: 30px!important;*/
    }

    .chain-cp-item {
        width: 43% !important;
        margin: 20px 3% !important;
        padding: 30px !important;
        height: 350px !important;
    }

    .nav-info {
        width: 100%;
    }

    .hon-logo {
        position: relative;
        top: -18px;
        height: auto !important;
    }

    .hon-logo ul li span {
        overflow: initial !important;
        text-overflow: initial !important;
        -webkit-line-clamp: initial !important;
    }

    .prophet-p,
    .cw-text1 {
        display: inline-block;
        position: relative;
        margin: 0 auto;
        padding-left: 50px;
    }

    .pro-item1+.pro-item1 {
        border-left: none;
    }

    .cw-item-body {
        overflow: auto;
    }

    .section5 .prophet-content .prophet-body .container .row .pro-item {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
        border-bottom: 5px solid #ebeff2;
        /*border-right: 5px solid #ebeff2;*/
    }

    .section5 .prophet-content .prophet-body .container .row .pro-item p {
        color: rgb(94, 109, 129);
        margin-top: 10px;
    }

    .prophet-content,
    .prophet-content1,
    .prophet-content2 {
        /*width: 768px;*/
        text-align: center;
        margin: 0 auto;
    }

    .prophet-content {
        /*min-height: 200px;*/
    }

    .item-deta img {
        width: 100% !important;
    }

    .prophet-images1,
    .prophet-images2 {
        position: relative;
        /*float: left;*/
        width: 600px;
        height: 400px;
        margin: 0 auto;
        background-size: 100%;
    }

    .cloudWaf-body {
        width: 100%;
        /*border: 1px solid red;*/
        margin: 0 auto;
        overflow: hidden;
    }

    .cloudWaf-body1 {
        width: 100%;
        /*border: 1px solid red;*/
        margin: 0 auto;
        overflow: hidden;
    }

    .container {
        padding: 0;
    }

    .cw-item-p {
        text-align: center;

    }

    .cw-item-p>p {
        text-align: center;
    }

    .cw-item-p {
        margin-bottom: 10px;
        height: 99px;
    }

    .cw-item-content {
        /*min-height: 158px;*/
    }

    .cw-mob {
        width: 750px;
        height: 422px;
    }

    .cw-pc {
        width: 750px;
        height: 422px;
    }

    .cw-row {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .cw-5item {
        width: 25%;
        float: left;
        padding: 0 5px;
        background: #fff;
    }

    .cw-5item+.cw-5item {
        border-left: 5px solid #ebeff2;
    }

    .cw-2item+.cw-2item {
        margin-top: 10px;
    }

    .cw-2item:first-child {
        /*background: #f5f5f5;*/
        border-bottom: 1px solid #ddd;
    }

    .cw-row {
        display: inline-block;
        width: 768px;
        margin: 0 auto;
    }

    .cw-3item {
        /*float: left;*/
        width: 768px;
        height: 270px;
        background: #fff;
        border-bottom: 5px solid #ebeff2 !important;
    }

    .cw-3item-noWidth,
    .cw-3item {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        border: none;
    }

    .cw-3item+.cw-3item {
        /*border-left: 10px solid #2d384a;*/
    }

    .cw-invisible {
        display: none;
    }

    .cw-3item p {
        width: 296px;
        color: rgb(94, 109, 129);
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto 40px;
    }

    .cw-3item+.cw-3item {
        border-left: 2px solid #f7f7f7;
    }

    .cw-3item:nth-child(1),
    .cw-3item:nth-child(2),
    .cw-3item:nth-child(3) {
        border-bottom: 2px solid #f7f7f7;
    }

    .cw-3item:nth-child(4) {
        border-left: 0;
    }

    /*数据大脑*/
    .brain-item-info {
        min-width: 186px;
        max-width: 450px;
        height: 100px;
        padding: 0 10px;
        color: rgb(94, 109, 129);
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto 40px;
    }

    .brain-4item {
        margin-bottom: 35px;
    }

    .brain-1item {
        border-bottom: 1px solid #ddd;
        margin-bottom: 35px;
    }

    .brain-pc {
        width: 750px;
        height: 344px;
    }

    .brain-mob {
        width: 216px;
        height: 385px;

    }

    /*场景 or 用户*/
    .scene-body {
        margin-top: 20px;
        width: 100%;
        overflow: hidden;
    }

    .scene-item {
        width: 50%;
    }

    .scene-text-mask h3 {
        margin-top: 100px;
    }

    .scene-text-mask p {
        width: 296px;
    }

    .ind-cp-item {
        margin: 0 auto !important;
    }

    .ind-cp-item .chain-cp-point img {
        width: 30px !important;
    }

    .ind-cp-item .chain-cp-point h3 {
        font-size: 25px !important;
    }

    .ind-cp-item .ind-tit {
        font-size: 12px !important;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .ind-cp-item .ind-box {
        height: 160px;
        font-size: 12px !important;
        padding: 0 20px !important
    }
}


@media only screen and (max-width: 767px) {

    html,
    body {
        /*font-size: 36px;*/
        width: 100%;
        height: 100%;
    }

    .section {
        padding: 0px !important;
    }

    .index_tit {
        margin: 20px 0 !important;
    }

    .index_tit p:nth-child(1) {
        line-height: 20px !important;
        font-size: 16px !important;
    }

    .index_tit p:nth-child(2) {
        font-size: 12px !important;
    }
	
	 #tx-main-box {
        padding: 0 !important;
    }
	
	.ind-cp-item .chain-cp-point img {
        width: 30px !important;
        margin-top: -8px !important;
    }

    .ind-cp-item .chain-cp-point h3 {
        font-size: 20px !important;
    }

    .ind-cp-item {
        width: 100% !important;
        margin: 10px auto !important;
        padding: 20px !important;
        height: 330px !important;
    }

    .ind-box {
        height: auto !important;
        font-size: 12px !important;
        line-height: 20px !important;
        margin-top: 10px !important;
        padding: 0 25px !important;
    }

    .ind-cp-item .chain-cp-point {
        width: 100% !important;
    }
	
	 #tx-left {
        width: 25% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        height: auto !important;
    }

    #tx-left .chain-cp-point img {
        width: 20px !important;
    }

    #tx-left ul {
        padding-right: 5% !important;
    }

    #tx-left .chain-cp-point h3 {
        font-size: 14px !important;

    }

    #cptx-box img {
        float: inherit !important;
    }

    #cptx-box h3 {
        float: inherit !important;
        margin-left: 0px !important;
    }

    #tx-left .ind-tit {
        display: inline-block;
        height: 50px;
        line-height: 20px;
        font-size: 12px !important;
        padding-right: 5%;
    }

    #tx-left button {
        width: auto !important;
        height: auto !important;
    }

    #tx-left ul li {
        font-size: 12px;
        line-height: 26px;
    }

    #tx-right {
        width: 75%;

        margin-top: 0 !important;
    }

    #tx-right ul li {
        width: 100%;
        padding: 0;
        height: auto !important;
        margin-bottom: 10px;
    }

    #tx-right ul li h3 {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    #tx-right ul li p {
        font-size: 12px;
        line-height: 18px;
        margin: 0;
    }
	
	 #cptx-box img {
        float: inherit !important;
    }

    #cptx-box h3 {
        float: inherit !important;
        margin-left: 0px !important;
    }

}