/*10Gbps高速存储*/
/*banner*/
.banner_button{position: absolute; bottom:39.6vw; width:100%; text-align: center;}
.banner_button span{background-color:#009fe0; padding:0.3vw 1.2vw 0.45vw; font-size: 1.75em;}
.banner_button_title{font-size: 4.25em; text-align: center; width:100%; position:absolute; top:9.8vw;}
.banner_button_subtitle{font-size: 2.25em; text-align: center; width:100%;position:absolute; top:15vw; }
@media screen and (min-width:1024px) and (max-width:1399px){
	.banner_button span{font-size: 1.5em;}
	.banner_button_title{font-size: 3.5em; }
	.banner_button_subtitle{font-size: 1.875em;}
}
@media screen and (min-width:480px) and (max-width:1023px){
	.banner_button span{font-size: 1.25em;}
	.banner_button_title{font-size: 2.5em; }
	.banner_button_subtitle{font-size: 1.5em;}
}
@media screen and (max-width:640px){
	.banner_button span{font-size: 1.125em;}
	.banner_button_title{font-size: 2em; }
	.banner_button_subtitle{font-size: 1.25em;}
}
@media screen and (max-width:480px){
	.banner_button span{font-size: 1em;}
	.banner_button_title{font-size: 1.87em; }
	.banner_button_subtitle{font-size: 1.125em; top:17vw;}
}
/*中间内容*/
.h_speed a, h_speed a:hover{color:#FFF;}
.h_speed_title{font-size: 3.35em; line-height: 1.125em;}
.h_speed_subtitle{font-size: 1.875em; margin-top:1.25em; margin-bottom: 1.25em;}
.h_speed_des{font-size: 1.125em; line-height: 1.75em;}
.h_speed_text span{display: inline-block; background-color:#009fe0; padding:1vw 2vw; font-size: 1.5em; margin-top:2.5vw;}
.h_speed_text{width:40%; text-align: center;}
.h_speed{width:100vw; height: 24.9vw; overflow: hidden;/*background-size:100% 100%;*/ background-repeat:no-repeat;}
.h_speed_text_white{color:#FFF;}
.h_speed_text_black{color:#333;}
.h_speed_text_gray{color:#666;}
.h_speed_02{background-image: url(../../images/h_speed/h_speed_01.jpg);}
.h_speed_03{background-image: url(../../images/h_speed/h_speed_02.jpg);}
.h_speed_04{background-image: url(../../images/h_speed/h_speed_03.jpg);}
.h_speed_05{background-image: url(../../images/h_speed/h_speed_04.jpg);}
.h_speed_06{background-image: url(../../images/h_speed/h_speed_05.jpg);}
.h_speed_07{background-image: url(../../images/h_speed/h_speed_06.jpg);}
.h_speed_08{background-image: url(../../images/h_speed/h_speed_07.jpg);}
@media screen and (min-width:1400px){
	.h_speed{width:100vw; height: 800px; background-position: center;}
	.h_speed_text{margin:160px 0;}
	.h_speed_09 .h_speed_text{margin:94px 0}
}
@media screen and (max-width:1399px){
	.h_speed{width:100vw; height: 57vw; background-size:137.24% 100%; background-position: center;}
	.h_speed_text{margin:11vw 0;}

}

@media screen and (max-width:1280px){
	.h_speed_title{font-size: 2.255em;}
	.h_speed_subtitle{font-size: 1.5em;}
	.h_speed_des{font-size: 1em;}
	.h_speed_text span{font-size: 1.125em;}
}
@media screen and (max-width:959px){
	.h_speed_text{width:50%; }
}
@media screen and (max-width:768px){
	.h_speed_des{display: none;}
	.h_speed_title{font-size: 1.875em; line-height: 1.125em;}
	.h_speed_subtitle{font-size: 1.25em; margin-top:1em; margin-bottom: 1em;}
	.h_speed_text span{font-size: 1em; margin-top:1.5vw;}
}
@media screen and (max-width:480px){
	.h_speed_text{margin:8vw 0;}
	.h_speed_title{font-size: 1.5em; line-height: 1.125em;}
	.h_speed_subtitle{font-size: 1.125em; margin-top:0.5em; margin-bottom: 0.5em; line-height: 1.25em;}
	.h_speed_text span{font-size: 1em; margin-top:1.5vw;}
}
/*第九屏*/
.h_speed_09{background-image: url(../../../weben/images/h_speed/h_speed_08.jpg);}
.h_speed_09 .h_speed_text{width:100%;}
@media screen and (min-width:1000px){
	.h_speed_09{width:100vw; height: 800px; background-position: center; overflow: hidden;}
	.h_speed_09 .h_speed_text{margin:94px 0}
}
@media screen and (max-width:1024px){
	.h_speed_09{width:100vw; height: 75vw; background-size:178.2% 100%; background-position: center;}
	.h_speed_09 .h_speed_text{padding:10vw 0; margin:0;}

}
/*第十屏*/
.h_speed_10_title{position: absolute; width: 96%; text-align: center; top: 11%; left: 2%; font-size: 1.5em;}
.h_speed_10_subtitle{position: absolute; width: 96%; text-align: center; top: 21%; left: 2%; font-size: 1.25em;}
@media screen and (max-width:1400px){
	.h_speed_10_title{top: 8%;}
	.h_speed_10_subtitle{top: 18%;}
	.h_speed_10 .title{font-size: 1.25em;}
	.h_speed_10 .subtitle{font-size: 1.125em;}
}
@media screen and (max-width:1027px){
	.h_speed_10 .title{font-size: 1.125em;}
	.h_speed_10 .subtitle{font-size: 1em;}}


.h_speed_10{background-color:#f6f6f6; overflow: hidden; padding-top:4.5vw;}
.h_speed_10 .title{font-size: 1.5em;}
.h_speed_10 ul{padding-top:4.5vw;}
.h_speed_10_four, .h_speed_10_two{width:100%;}
.h_speed_10_four li{width:24.1%; margin-right:1.2%; float: left; position: relative; overflow: hidden;}
@media screen and (max-width:990px){
	.h_speed_10_four li{margin-bottom: 3.5%;}
	.h_speed_10_four li:nth-child(3), .h_speed_10_four li:nth-child(4){margin-bottom: 0;}
}
.h_speed_10_four li:hover{box-shadow: 0px 5px 15px rgba(0,0,0,0.2)}
.h_speed_10_four .text{position: absolute; width:96%; text-align: center; top:14%; left:2%}
@media screen and (min-width:461px){
	.h_speed_10_four li .transparent_buy{position: absolute; bottom:-30%;}
	.h_speed_10_four li:hover .transparent_buy{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}

}
.transparent_buy .transparent_buy_button{position: relative; top:50%; margin-top:-1.5em; width:100%; text-align: center;}
.transparent_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 2em; color:#333; font-size: 1em; }
.transparent_buy a:hover{background-color:#009fe0; color:#FFF; border:1px solid transparent; }
.h_speed_10_four li:hover .transparent_buy{display: block;}

.h_speed_10_two li{width:49.3%; margin-right:1.2%; float: left; position: relative; margin-bottom: 2%}
.h_speed_10_two li:last-child{margin-right: 0;}
.h_speed_10_two .all_text{position: absolute; top:27%; left:5%; width:50%;}
.h_speed_10_two .title, .h_speed_10_one .title{margin-bottom: 5%;}
.h_speed_10_two .subtitle, .h_speed_10_one .subtitle{font-size: 1.25em; color:#333333; margin-bottom: 10%;}
.h_speed_10_two .transparent_buy a, .h_speed_10_one .transparent_buy a{margin-left:0;}

.h_speed_10_one{width:100%; position: relative; overflow: hidden; background-color:#FFF; margin-bottom: 2.5%;}
.h_speed_10_one .all_text{position: absolute; top:26%; left:10%; width:30%;}
@media screen and (min-width:991px){
	.h_speed_10_four li:nth-child(4n){margin-right:0;}
}

@media screen and (max-width:1400px){
	.h_speed_10_text{font-size: 1.2em}
	.transparent_buy a{font-size: 1em;}
	.h_speed_10_two .subtitle, .h_speed_10_one .subtitle{font-size: 1em;}
}
@media screen and (min-width:768px) and (max-width:990px){
	.h_speed_10_four li{width:32%; margin-right:2%}
	.h_speed_10_four li:nth-child(3n){margin-right:0px;}
	.h_speed_10_two li:last-child{margin-right: 0;}

}
@media screen and (min-width:768px) and (max-width:960px){
	.h_speed_10_two .subtitle, .h_speed_10_one .subtitle{display: none;}
	.h_speed_10_two .transparent_buy, .h_speed_10_one .transparent_buy{margin-top:15%;}
}
@media screen and (max-width:767px){
	.h_speed_10_four li{width:46%; margin-left:2%; margin-right:2%;}
	.h_speed_10_four li:nth-child(2n){margin-right:0}
	.h_speed_10_two li{width:96%; margin-left:2%; margin-right:2%;}
	.h_speed_10_one{width:96%; margin-left:auto; margin-right: auto;}
	.h_speed_10_one .all_text{left:5%; width:50%; top:20%;}
	.h_speed_10_two .title, .h_speed_10_one .title{margin-bottom: 5%;}
	.h_speed_10_one .subtitle{margin-bottom: 5%; display: none;}
	
	.h_speed_10_four li{background-color:#FFF; overflow: visible;}

}
@media screen and (max-width:460px){
	.transparent_buy a{margin-left:1.5%; margin-right:1.5%; padding-left:3%; padding-right: 3%;}
	.h_speed_10_four .text{top:8%;}
	.h_speed_10_one .all_text{top:12%;}
	.h_speed_10_four li .transparent_buy{bottom: 0; height: 20%; margin-bottom:1em}
	.h_speed_10_two .subtitle{display: none;}
	.h_speed_10_four li:hover .transparent_buy{height: 20%; margin-bottom:1em}

}
@media screen and (min-width:461px) and (max-width:768px){
	.h_speed_10_four li .transparent_buy{overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;}
	.h_speed_10_four li .transparent_buy{height: 16%;}
	.h_speed_10_four li:hover .transparent_buy{height: 16%;}
	.h_speed_10 li:hover .transparent_buy, .h_speed_10 li .transparent_buy{top: 88%; height: 20%;  background-color:#FFF;}
}