/* Write your styles */
html,body{ background: #f6f7f9; font-family: "微软雅黑" !important; color: #223555; -webkit-font-smoothing：antialiased; }
.hw{ max-width: 1120px !important; /*background: #ff0;*/ margin: 0 auto; }
.h-title,.h-title-short{ padding:30px 0; }
.h-title h3{ line-height:100%; background: url(../i/titlebg.png) no-repeat center bottom; background-size: 500px 4px; text-align: center; padding:0 0 16px 0; margin:0; font-size: 36px; font-weight: normal; }
.h-title-short h3{ line-height:100%; background: url(../i/titlebg-short.png) no-repeat center bottom; background-size: 500px 4px; text-align: center; padding:0 0 16px 0; margin:0; font-size: 36px; font-weight: normal; }

.am-gallery{ padding:0 5px; }
.am-gallery-default > li{ padding:0 5px; }

.vuebg{ width: 100%; height: 100%; background: #ededed; position: fixed; left: 0; top: 0; z-index: 999999; }
.vuebg img{ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; position: absolute; left: 50%; top: 50%; }
.h-header-bg{ border-bottom: 1px solid #ddd; }
.banner{ width:100%; padding-top: 50px; position: relative; z-index: 1; }
.banner-img{ position: relative; }
.banner-img img{ width:100%; display: block; }
.banner-img a{ width: 8vw; height: 2.6vw; line-height: 2.6vw; background: #c7030d; color: #fff; font-size: 1.1vw; text-align: center; border-radius: 3px; display: block; text-decoration: none; position: absolute; top: 24.4vw; z-index: 3; }
.banner-img a:hover{ background: #d4000e; }
.banner-img a.btn-zcgkzb{ left: 13vw; }
.banner-img a.btn-zcxcch{ left: 23vw; }

.banner-img a.ds{ width: 100%; height: auto; background: none; position: relative; left: auto; top: auto; }
.banner-img a.ds:hover{ background: none; }

.nav ul{ overflow: hidden; }
.nav li{ line-height: 40px; margin-right: 20px; display: inline-block; }
.nav li a{ color: #666; text-decoration: none; }
.nav li a.on{ color: #252525; font-weight: bold; }

.h-gs{ background: url(../i/gsbg.jpg) no-repeat center bottom #ffffff; background-size: 100% auto; }
.h-gs-content{ padding: 10px 0 30px 0; }
.h-gs-content p{ line-height: 36px; font-size: 18px; margin-bottom: 20px; }
.h-gs-content a,.h-gs-content a:hover,.h-gs-content a:visited,.h-gs-content a:active{ line-height: 22px; font-size: 16px; color: #333; margin-right: 32px; text-decoration: none; display: inline-block; }
.h-gs-content a i{ float: left; width: 22px; height: 16px; background: url(../i/icon-jt.png) no-repeat left center; background-size: 22px 16px; margin-top: 3px; margin-right: 10px; vertical-align: middle; display: block; }


/* 热点新闻 start */
.hot-news{ width: 100%; background: url(../i/newsbg.jpg) no-repeat center bottom #fff; background-size: 100% auto; padding-bottom: 40px; }
.h-title-small{ overflow: hidden; }
.h-title-small h5{ line-height: 52px; background: url(../i/mtzx-title-bg.png) no-repeat; background-size: 72px 62px; color: #333; padding: 10px 0 0 36px; margin:0; font-size: 24px; font-weight: normal; }
.h-title-small a{ float: right; line-height: 40px; background: #ffece2; color: #cf561a; font-size: 16px; text-decoration: none; padding: 0 20px; margin-top: 22px; display: block; }
.hot-news ul{ padding: 20px 0; overflow: hidden; }
.hot-news li{ float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%; overflow: hidden;}
.hot-news li a{ text-decoration: none; font-size: 16px; color: #333; display: block; }
.hot-news li a img{ width: 100%; display: block; }
.hot-news li a span{ height: 48px; line-height: 24px; margin: 10px 0;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.hot-news li a em{ line-height: 24px; color: #767676; font-size: 12px; padding: 0 5px; display: inline-block; }
.btn-news-more,.btn-news-more:hover,.btn-news-more:visited,.btn-news-more:active{ width: 150px; line-height: 36px; background: #eaebed; color: #333; font-size: 16px; text-align: center; text-decoration: none !important; font-style: normal; margin: 0 auto; display: block; }


/* 媒体中心 start */
.media-center{ background: url(../i/media-bg.jpg) no-repeat center bottom #fff; background-size: 100% auto; padding-bottom: 150px; }
.media-center ul{ margin: 20px 0; overflow: hidden; }
.media-center li{ float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%; overflow: hidden;}
.media-center .news-list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.media-center .news li{ float: none; width: 100%; margin:0; border-bottom: 1px solid #ddd; padding: 10px 0;}
.media-center .news li h5{ font-size: 18px; font-weight: normal;}
.media-center .news li em{ background: none; font-size: 14px; color: #cf561a; padding: 0; margin-top: 10px; display: block;}
.media-center li a{ text-decoration: none; font-size: 16px; color: #333; display: block; }
.media-center li a img{ width: 100%; display: block; }
.media-center li a span{ line-height: 24px; padding: 10px 0; display: block; }
.media-center li a em{ line-height: 24px; background: #ffece2; color: #cf561a; font-size: 12px; padding: 0 5px; display: inline-block; }
.meida-bps a{ width: 90%; margin: 50px auto 0 auto; display: block; overflow: hidden; }
.meida-bps a img{ width: 100%; display: block; }
/* 媒体中心 end */

.list-box{ background: #fff; padding-top: 30px; }
.list-nav{ height: 60px; line-height: 60px; border-bottom: 3px solid #ddd; }
.list-nav span{ float: left; width: 33.33%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; display: block; cursor: pointer; }
.list-nav-two span{ float: left; width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; display: block; cursor: pointer; }
.list-nav span.on{ background: url(../i/titlebg-short.png) no-repeat center bottom; background-size: auto 3px; }
/* .list-content .media-center{ background: #fff;} */
.list-tag{ padding: 20px; overflow: hidden; text-align: center; }
.list-tag a{ height: 40px; line-height: 40px; background: url(../i/tag.jpg); background-size: auto 40px; color: #949494; font-size: 16px; padding: 0 20px 0 30px; display: inline-block; margin: 10px 20px; }
.list-tag a:hover{ text-decoration: none; }
.list-tag a.on{ line-height: 40px; background: url(../i/tag-on.jpg); background-size: auto 40px; color: #cf561a; }
.btn-box{ text-align: center; }
.btn-box a:hover,.btn-box a:visited,.btn-box a:focus { color: #cf561a; text-decoration: none; }
.btn-more,.btn-more:hover{ line-height: 40px; background: #eaebed; color: #333 !important; font-size: 16px; text-decoration: none; padding: 0 30px; margin: 10px auto; display: inline-block; }


/* 嘉宾 start */
.h-jb{ background: #fff; padding: 40px 0; }
.h-sbox{ position: relative; }
.h-jb-swiper{ width: 90% !important; margin: 0 auto; position: relative; }
.h-jb-swiper .swiper-slide{ padding: 0 10px 60px 10px; }
.h-jb-swiper .swiper-slide img{ width: 100%; display: block; }
.h-jb-swiper .swiper-pagination { width: 100%; text-align: center; position: absolute; left: 0;bottom:10px; z-index:10;}
.h-jb-swiper .swiper-pagination-bullet,.h-jb-swiper .swiper-pagination-switch { width: 6px; height: 6px; background: #ffe5d7 !important; border-radius: 6px; margin: 0 3px; cursor: pointer; display: inline-block; opacity:1;}
.h-jb-swiper .swiper-pagination-bullet-active,.h-jb-swiper .swiper-active-switch { width: 20px; background: #ff8448 !important;}
.h-jb-prev{ width: 28px; height: 48px; background: url(../i/icon-prev.png) no-repeat; background-size: 28px 48px; margin-top: -30px; position: absolute; left: 0; top:40%; z-index: 9; }
.h-jb-next{ width: 28px; height: 48px; background: url(../i/icon-next.png) no-repeat; background-size: 28px 48px; margin-left: 14px; margin-top: -30px; position: absolute; right: 0; top: 40%; z-index: 9; }
/* 嘉宾 end */

.h-pc{ width: 100%; background: url(../i/pcbg.jpg) repeat; padding: 40px 0 70px 0; }
.h-pc ul{ overflow: hidden; }
.h-pc li{ float: left; width: 32%; background: #fff; margin-right: 2%; margin-bottom: 2%; }
.h-pc li:nth-child(3n+3){ margin-right: 0; }
.h-pc li a{ text-decoration: none; color: #223555; }
.h-pc li img{ width: 100%; }
.h-pc li span{ padding: 10px; font-size: 20px; display: block; }


.h-viewpoint{ background: url(../i/cygdbg.jpg) no-repeat center bottom #fff; background-size: 100% auto; padding: 40px 0;}
.h-viewpoint-content{ padding: 0 40px; position: relative; }
.h-cygd-swiper{
  height: 180px;
}
.h-cygd-swiper .swiper-slide{
	position: relative;
}
.h-cygd-swiper p{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 3;
	font-size: 10px;
	color: #f00;
}
.h-cygd-swiper img{
	width: 100%;
	display: block;
}
.h-viewpoint .h-jb-prev,.h-viewpoint .h-jb-next{ top: 50%; }

#wrap{
	height:320px;				
	position: relative;
	/*一定要有以下样式，才会有3D的效果*/
	/*把div变成3D的场景*/
	transform-style: preserve-3d;
	perspective: 1500px;
}
#wrap img{
	/*对所有的图片进行设置样式*/
	width: 420px;
	height:220px;
	/*这里一定要设置为绝对定位*/
	position: absolute;
	/*calc()是一个计算函数  页面的宽度-容器宽度的一半*/
	margin: -110px 0 0 -210px;
	left: 50%;
	top: 50%;
	border-radius: 7px;
	/*看到图片的运动过程*/
	transition:0.5s ease-in-out;
}



.swiper-container{ width:100%; position:relative;}
.swiper-container .swiper-slide{ width:100%; position: relative; }
.swiper-container .swiper-slide img{ width: 100%; height: auto; display: block; }
.swiper-container .swiper-slide .h-lg{ width: 100%; position: relative;}
.swiper-container .swiper-slide .h-lg h5{ width: 100%; height: 36px; line-height: 36px; font-weight: normal; text-align: center; color: #fff; font-size: 36px; display: block; margin-left: -50%; margin-top: -18px; position: absolute; left: 50%; top: 30%; z-index: 5; }
.swiper-container .swiper-slide .h-lg a{ width: 158px; height: 52px; line-height: 52px; background: url(../i/play.png) no-repeat 15px 15px; background-size: 20px 20px; color: #fff; font-size: 16px; text-align: center; font-style: normal; text-decoration: none; white-space: nowrap; border: 1px solid #fff; border-radius: 5px; padding-left: 20px; display: block; margin-left: -89px; margin-top: -26px; position: absolute; left: 50%; top: 50%; z-index: 5; }
.swiper-container .swiper-slide .h-lg a em{ width: 20px; height: 20px; display: block; position: absolute; left: 15px; top: 16px; }
.swiper-pagination { width: 100%; text-align: center; position: absolute; left: 0;bottom:30px; z-index:10;}
.swiper-pagination-bullet,.swiper-pagination-switch { width: 6px; height: 6px; background: #fff !important; border-radius: 6px; margin: 0 3px; cursor: pointer; display: inline-block; opacity:1;}
.swiper-pagination-bullet-active,.swiper-active-switch { width: 20px;}

.swiper-container .swiper-slide .h-lg-down{ width: 100%; }
.swiper-container .swiper-slide .h-lg-down a{ width: 100%; font-style: normal; text-decoration: none; padding-bottom: 36px; display: block;  }
.swiper-container .swiper-slide .h-lg-down a span{ width: 100%; line-height: 36px; background: #fff; font-size: 16px; text-align: center; color: #223555; display: block;}


/* IE8兼容 start */
/* .h5one{ background: url(../i/hyyc_1.png) no-repeat left top !important; background-size: 485px 127px !important; }
.h5two{ background: url(../i/hyyc_2.png) no-repeat left top !important; background-size: 485px 127px !important; } */
.whitebg{ background: #fff !important; }
.leftborder{ width: 70% !important; border-left: 1px solid #c9d4df !important; text-align: left !important; }
.lastmargin{ margin-right: 0 !important; }
.leftborder-o{ width: 42% !important; border-left: 1px solid #c9d4df !important; text-align: left !important;}
/* IE8兼容 end */

.picbg{ width: 100vw; height: 100vh; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 99999; }
.picbgg{ width: 100vw; height: 100vh; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; z-index: 1; }
.btn-close{ width: 30px; height: 30px; background: url(../i/close.png) no-repeat; background-size: 30px 30px; position: absolute; right: 20px; top: 20px; z-index: 3; }
.picc{ width: 90%; max-width: 800px; transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%; z-index: 2; }
.picc img{ width: 100%; display: block; }


footer{ width:100%; background: #161616 !important; }
.h-footer-menu{ color: #999; font-size: 16px; padding:20px 0 0 0; }
.h-footer-menu .am-fl{ width:20%; }
.h-footer-menu dl{ line-height: 28px; list-style: none;}
.h-footer-menu dt{ margin-bottom: 15px; font-weight: normal; }
.h-footer-menu dd a{font-size: 14px; color: #909090; }
.h-footer-menu dd a:hover{ text-decoration: underline; }

.h-footer-code{ border-top: 1px solid #909090; }


#go_top{position:fixed;right: 10px;bottom:50px;z-index:9999;width:48px;height: 48px;background: url(../i/icon_top_normal.png) no-repeat;}
#go_top:hover{background: url(../i/icon_top_hover.png) no-repeat;cursor: pointer;}	



/* data-infrastructure  start*/
.data-i-box{ background: url(../i/data-i-bg-02.jpg) no-repeat center bottom #fff; background-size: 100% auto; padding: 50px 0 150px 0; }
.data-i-title{ text-align: center; margin-top: 20px; position: relative; }
.data-i-title h3{ height: 85px; background: url(../i/data-i-b-titlebg-left.jpg) no-repeat left top; background-size: 123px 85px; font-size: 24px; color: #333; text-align: left; padding: 44px 30px 0 58px; display: inline-block; position: relative; z-index: 2; }
.data-i-title i{ width: 27px; height: 28px; background: url(../i/data-i-b-titlebg-right.jpg) no-repeat left top; background-size: 27px 28px; display: block; position: absolute; right: 0; top: 10px; z-index: 1;}
.data-i-content{ margin: 40px 0; position: relative; }
.data-i-content p{ line-height: 36px; font-size: 18px; text-align: justify; margin-bottom: 20px; }
.data-i-content img{ width: 100%; display: block; }
.data-i-content-jjfa a{ width: 50%; height: 30%; background: rgba(0,0,0,0); display: block; position: absolute; }
/* data-infrastructure  end*/


/* distributed storage  start*/
.h-ds{ background: #fff; padding: 30px 0; }
.h-ds-title{ text-align: center; }
.h-ds-title-two{ margin-top: 20px; }
.h-ds-title h3{ line-height: 48px; background: url(../i/ds-01.jpg) no-repeat left top; background-size: 24px 24px; margin: 0 auto; font-size: 36px; font-weight: normal; color: #424047; display: inline-block; }
.h-ds-title h3 span{ line-height: 48px; background: url(../i/ds-02.jpg) no-repeat right bottom; background-size: 24px 24px; padding: 0 30px 3px 30px; margin: 0 auto; display: block; }
.h-ds{ }
.h-ds-content{ padding: 30px 0; }
.h-ds-content p{ line-height: 36px; font-size: 18px; margin-bottom: 20px; }
.h-ds-content ul{ overflow: hidden; }
.h-ds-content li{ float: left; width: 30%; margin-right: 5%; text-align: center; }
.h-ds-content li i{ width: 100px; height: 100px; background: url(../i/ds-03.jpg) no-repeat center center; background-size: 100px 100px; margin: 0 auto; display: block; }
.h-ds-content li i.ds-i-two{ background: url(../i/ds-04.jpg) no-repeat center center; background-size: 100px 100px; }
.h-ds-content li i.ds-i-three{ background: url(../i/ds-05.jpg) no-repeat center center; background-size: 100px 100px; }
.h-ds-content li h5{ font-size: 24px; margin: 10px 0; }
.h-ds-content li span{ line-height: 32px; font-size: 18px; text-align: justify; display: block; }

.h-ds-video-bg{ width: 100vw; height: 100vh; background: url(../i/ds-video-bg.png) repeat; position: fixed; left: 0; top: 0; z-index: 99999; }
.h-ds-video-box{ width: 960px; height: 540px; background: #000; transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%; z-index: 1; }
.btn-close{ width: 30px; height: 30px; background: url(../i/close.png) no-repeat; background-size: 30px 30px; cursor: pointer; position: absolute; right: 20px; top: 20px; z-index: 3; }
.h-ds-video-box video{ width: 960px; height: 540px; object-fit: fill; display: block; }
/* distributed storage  end*/

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

@media only screen and (max-width: 1024px){
	.h-title,.h-title-short{ padding: 20px 0; }
	.h-title h3{ background: url(../i/titlebg.png) no-repeat center bottom; background-size: 200px 3px; text-align: center; font-size: 24px; }
	.header_right { float: right; display: table;margin: 10px 10px 0 0; }
	.h-title-short h3{ line-height:100%; background: url(../i/titlebg-short.png) no-repeat center bottom; background-size: 500px 4px; text-align: center; padding:0 0 16px 0; margin:0; font-size: 24px; font-weight: normal; }

	.nav ul{ padding:0 20px;}
	.nav li{ line-height: 36px; margin-right: 8px; }
	.nav li a{ font-size: 12px; }
	.h-gs-content{ padding: 10px 20px; }
	.h-gs-content p{ line-height: 36px; font-size: 16px; margin-bottom: 20px; text-align: justify; }
	.h-gs-content a{ line-height: 22px; font-size: 14px; padding-left: 0; text-decoration: none; margin-bottom: 10px; display: block; }
	.h-gs-content a i{ float: left; width: 22px; height: 16px; background: url(../i/icon-jt.png) no-repeat left center; background-size: 22px 16px; margin-top: 3px; margin-right: 10px; vertical-align: middle; display: block; }

	.hot-news ul{ padding: 20px 0; margin: 0 20px; overflow: hidden; }
	.hot-news li{ float: left; width: 48.5%; margin-right: 2%; margin-bottom: 2%; overflow: hidden;}
	.hot-news li:nth-child(2n){ width: 48.5%; margin-right: 0;}
	.hot-news li a{ text-decoration: none; font-size: 16px; color: #333; display: block; }
	.hot-news li a img{ width: 100%; display: block; }
	.hot-news li a span{ height: 48px; line-height: 24px; font-size: 14px; margin: 10px 0; display: block; }
	.hot-news li a em{ line-height: 24px; color: #767676; font-size: 12px; padding: 0 5px; display: inline-block; }
	.btn-news-more,.btn-news-more:hover{ width: 150px; line-height: 36px; background: #eaebed; color: #333; font-size: 16px; text-align: center; text-decoration: none !important; font-style: normal; margin: 0 auto; display: block; }
	
	.banner-img a{ width: 20vw; height: 6.4vw; line-height: 6.4vw; font-size: 2.8vw; top: 38vw; }
	.banner-img a.btn-zcgkzb{ left: 16vw; }
	.banner-img a.btn-zcxcch{ left: 40vw; }

	.banner-img a.ds{ width: 100%; height: auto; position: relative; left: auto; top: auto; }
	.banner-img a.ds:hover{ background: none; }



	.media-center{ padding: 20px 0 30px 0;}
	.h-title-small h5{ line-height: 40px; background: url(../i/mtzx-title-bg.png) no-repeat; background-size: 46px 40px; color: #333; padding: 0 0 0 22px; margin:0; font-size: 16px; font-weight: normal; }
	.h-title-small a{ float: right; line-height: 30px; background: #ffece2; color: #cf561a; font-size: 14px; text-decoration: none; padding: 0 10px; margin-top: 10px; display: block; }
	.media-center ul{ margin: 10px 3%; }
	.media-center li{ width: 48%; margin: 0 1% 2% 1%; }
	.media-center .news-list li{ width: 98%; margin: 0 1% 2% 1%; }
	.media-center li a span{ font-size: 13px; padding: 5px 0; }
	.meida-bps a{ width: 90%; margin-top: 20px; }
	
	.list-box{ padding-top: 10px; }
	.list-tag{ padding: 0; overflow: hidden; text-align: center; }
	.list-tag a{ height: 26px; line-height: 26px; background: url(../i/tag.jpg); background-size: auto 26px; font-size: 12px; color: #949494; padding: 0 10px 0 16px; display: inline-block; margin: 5px; }
	.list-tag a:hover{ text-decoration: none; }
	.list-tag a.on{ line-height: 26px; background: url(../i/tag-on.jpg); background-size: auto 26px; color: #cf561a; }
	.btn-box{ text-align: center; }
	.btn-box a:hover{ color: #cf561a; text-decoration: none; }
	.btn-more,.btn-more:hover{ line-height: 30px; background: #eaebed; color: #333 !important; font-size: 16px; text-decoration: none; padding: 0 30px; margin: 10px auto; display: inline-block; }
	
	.h-viewpoint{ padding:0; }
	#wrap{
		height:260px;				
		position: relative;
		/*一定要有以下样式，才会有3D的效果*/
		/*把div变成3D的场景*/
		transform-style: preserve-3d;
		perspective: 1500px;
	}
	#wrap img{
		/*对所有的图片进行设置样式*/
		width: 300px;
		height:158px;
		/*这里一定要设置为绝对定位*/
		position: absolute;
		/*calc()是一个计算函数  页面的宽度-容器宽度的一半*/
		margin: -79px 0 0 -150px;
		left: 50%;
		top: 50%;
		border-radius: 7px;
		/*看到图片的运动过程*/
		transition:0.5s ease-in-out;
	}

	.h-pc{ padding: 20px 3% 30px 3%; }
	.h-pc ul{ margin-top: 10px; }
	.h-pc li{ width: 48%; background: #fff; margin: 0 1% 2% 1%; }
	.h-pc li span{ padding: 10px 5px; font-size: 13px; }
	.h-pc li.lastmargin{ margin: 0 1% 2% 1% !important; }

	.swiper-container .swiper-slide h5{ font-size: 24px; }
	.swiper-container .swiper-slide a{ width: 96px; height: 36px; line-height: 36px; font-size: 14px; }
	.swiper-container .swiper-slide a i{ width: 16px; height: 16px; background: url(../i/play.png) no-repeat; background-size: 16px 16px; display: block; position: absolute; left: 8px; top: 10px; }
	.swiper-pagination { bottom:10px;}


	/* 嘉宾 start */
	.h-jb{ background: #fff; padding: 0; }
	.h-sbox{ position: relative; }
	.h-jb-swiper{ width: 90% !important; margin: 0 auto; position: relative; }
	.h-jb-swiper .swiper-slide{ padding: 0 10px 60px 10px; }
	.h-jb-swiper .swiper-slide img{ width: 100%; display: block; }
	.h-jb-swiper .swiper-pagination { width: 100%; text-align: center; position: absolute; left: 0;bottom:10px; z-index:10;}
	.h-jb-swiper .swiper-pagination-bullet,.h-jb-swiper .swiper-pagination-switch { width: 6px; height: 6px; background: #ffe5d7 !important; border-radius: 6px; margin: 0 3px; cursor: pointer; display: inline-block; opacity:1;}
	.h-jb-swiper .swiper-pagination-bullet-active,.h-jb-swiper .swiper-active-switch { width: 20px; background: #ff8448 !important;}
	.h-jb-prev{ width: 20px; height: 34px; background: url(../i/icon-prev.png) no-repeat; background-size: 20px 34px; margin-top: -17px; position: absolute; left: 5px; top:40%; z-index: 9; }
	.h-jb-next{ width: 20px; height: 34px; background: url(../i/icon-next.png) no-repeat; background-size: 20px 34px; margin-left: 14px; margin-top: -17px; position: absolute; right: 5px; top: 40%; z-index: 9; }

	/* data-infrastructure  start*/
	.data-i-box{ background: url(../i/data-i-bg-02.jpg) no-repeat center bottom #fff; background-size: 100% auto; padding: 50px 0; }
	.data-i-title{ text-align: center; margin-top: 20px; position: relative; }
	.data-i-title h3{ height: 64px; background: url(../i/data-i-b-titlebg-left.jpg) no-repeat left top; background-size: 92px 64px; font-size: 18px; color: #333; text-align: left; padding: 34px 22px 0 40px; display: inline-block; position: relative; z-index: 2; }
	.data-i-title i{ width: 21px; height: 22px; background: url(../i/data-i-b-titlebg-right.jpg) no-repeat left top; background-size: 21px 22px; display: block; position: absolute; right: 0; top: 10px; z-index: 1;}
	.data-i-content{ margin: 20px 10px; position: relative; }
	.data-i-content p{ line-height: 28px; font-size: 14px; text-align: justify; margin-bottom: 10px; }
	.data-i-content img{ width: 100%; display: block; }
	/* data-infrastructure  end*/

	/* distributed storage  start*/
	.h-ds{ background: #fff; padding: 20px 0; }
	.h-ds-title{ text-align: center; }
	.h-ds-title-two{ margin-top: 20px; }
	.h-ds-title h3{ line-height: 36px; background: url(../i/ds-01.jpg) no-repeat left top; background-size: 18px 18px; margin: 0 auto; font-size: 24px; font-weight: normal; color: #424047; display: inline-block; }
	.h-ds-title h3 span{ line-height: 36px; background: url(../i/ds-02.jpg) no-repeat right bottom; background-size: 18px 18px; padding: 0 30px 1px 30px; display: block; }
	.h-ds{ }
	.h-ds-content{ padding: 10px 20px; }
	.h-ds-content p{ line-height: 32px; font-size: 16px; margin-bottom: 20px; }
	.h-ds-content ul{ overflow: hidden; }
	.h-ds-content li{ float: none; width: 100%; margin-right: 0; text-align: center; }
	.h-ds-content li i{ width: 80px; height: 80px; background: url(../i/ds-03.jpg) no-repeat center center; background-size: 80px 80px; margin: 10px auto 0 auto; display: block; }
	.h-ds-content li i.ds-i-two{ background: url(../i/ds-04.jpg) no-repeat center center; background-size: 80px 80px; }
	.h-ds-content li i.ds-i-three{ background: url(../i/ds-05.jpg) no-repeat center center; background-size: 80px 80px; }
	.h-ds-content li h5{ font-size: 20px; margin: 5px 0; }
	.h-ds-content li span{ font-size: 16px; text-align: justify; display: block; }

	.h-ds-video-bg{ width: 100vw; height: 100vh; background: url(../i/ds-video-bg.png) repeat; position: fixed; left: 0; top: 0; z-index: 99999; }
	.h-ds-video-box{ width: 96vw; height: 54vw; background: #000; transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%; z-index: 1; }
	.btn-close{ width: 30px; height: 30px; background: url(../i/close.png) no-repeat; background-size: 30px 30px; cursor: pointer; position: absolute; right: 20px; top: 20px; z-index: 3; }
	.h-ds-video-box video{ width: 96vw; height: 54vw; object-fit: fill; display: block; }
	/* distributed storage  end*/
}



@media screen and (min-width: 1200px){
	.h-hyyc-dl dd p em br.obig{ display: none; }
}