body{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}


.s-banner{ width: 100%; height: 300px; min-height: 300px; font-size: 0.12rem; background: #eee; overflow: hidden;}
.s-banner>.s-text{ width: 100%; height: 100%; padding: 60px 0 0 20%; box-sizing: border-box; background-position: 80% center; background-repeat: no-repeat; background-size: cover; object-fit: scale-down;}
.s-banner>.s-text>.name{ color: #FFF; font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 25px; font-weight: normal;}
.s-banner>.s-text>.info{ margin: 20px 0; }
.s-banner>.s-text>p{ width: 500px; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 20px; }
.s-banner_line{ width: 100%; height: 50px; background: #333; display: none;}


.sub-container>.sub-container_fluid:nth-child(odd){ background: #fafafa;}


.s-wrapper{ padding: 50px 0;}
.s-wrapper>.tit-box{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
.s-wrapper>.tit-box>h2.tit{ margin: 0; height: 60px; line-height: 60px; font-size: 26px; font-weight: 500;}
.s-wrapper>.tit-box>.extend{ min-height: 40px; line-height: 30px; padding: 10px 100px; text-align: center; font-size: 15px;}

.row-box{ padding: 20px; margin: 30px 0 0;}


/* 业务可靠性服务 - 整体设计 */
.u-06_list{ margin: 0; padding: 20px 0;}
.u-06_list>li{ list-style: none; padding: 10px 0; margin: 0; font-size: 16px; line-height: 24px;}


.database-box{ display: flex; flex-direction: column;}
.database-box>.tit{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; font-weight: 600;}
.database-box>.inf{ margin: 0 auto;}
ul.u-06db{ margin: 0; padding: 0;}
ul.u-06db>li{ list-style: none; padding: 0 0 0 28px; margin: 0; height: 36px; line-height: 36px; font-size: 16px; position: relative;}
ul.u-06db>li::after{ width: 16px; height: 16px; background: url('/images/hina/service/06/icon-item.png'); position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); background-size: cover !important; background-position: 50% 50% !important;}

.df-wrap{ display: flex; justify-content: center; align-items: center;}
.alone-ads{ margin: 30px 0 0; border: 1px dotted #d1d1d1; display: flex; justify-content: center; align-items: center;}
.alone-ads_no__border{ border: 0 !important; margin: 30px 0 0; display: flex; justify-content: center; align-items: center;}
.alone-txt{ padding: 30px 0 0; line-height: 30px; font-size: 15px;}

/* 总体概览-简介 */
.illustration>.about-tit{ height: 60px; line-height: 60px; font-size: 26px;}
.illustration>.about-txt{ line-height: 32px; font-size: 14px;}
.illustration>.about-txt>p{ margin: 0;}

/* 总体概览-国信政务云的产品列表 */
.goods-list{ display: flex; flex-wrap: wrap; margin: 30px 0 0;}
.goods-list>.item{ box-sizing: border-box; padding: 8px; margin: 0 0 10px;}
.goods-list>.item>.box{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 0 0 10px; transition:all 0.5s ease;}
.goods-list>.item>.box:hover{ box-shadow:0 8px 15px rgba(0, 0 , 0, 0.2); transform: translate(0,-5px); }
.goods-list>.item>.box-min1{ height: 364px;}
.goods-list>.item>.box-min2{ height: 196px;}
.goods-list>.item>.box>.tit{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; font-weight: 600;}
.goods-list>.item>.box>.inf{ display: flex; flex-wrap: wrap;}
.goods-list>.item>.box>.inf>.inf-item{ height: 32px; text-align: center; margin: 5px 0; font-size: 12px;}
.goods-list>.item>.box>.inf>.inf-item>.txt{ cursor: pointer; padding: 0 5px; background: rgba(0, 0, 0, 0.04); height: 32px; line-height: 32px; overflow: hidden; transition:all 0.5s ease;}
.goods-list>.item>.box>.inf>.inf-item>.txt:hover{ background: rgba(0, 0, 0, 0.1);}
/* text-overflow: ellipsis; white-space: nowrap; */
.goods-list>.grid-1{ flex: 0 0 15%; max-width: 15%;}
.goods-list>.grid-2{ flex: 0 0 18.33%; max-width: 18.33%;}
.goods-list>.grid-3{ flex: 0 0 23.33%; max-width: 23.33%;}
.goods-list>.grid-1>.box>.inf{ padding: 0 15px;}
.goods-list>.grid-1>.box>.inf>.inf-item{ flex: 0 0 100%; max-width: 100%; }
.goods-list>.grid-2>.box>.inf, .goods-list>.grid-3>.box>.inf{ padding: 0 5px;}
.goods-list>.grid-2>.box>.inf>.inf-item, .goods-list>.grid-3>.box>.inf>.inf-item{ flex: 0 0 50%; max-width: 50%; box-sizing: border-box; padding: 0 5px;}


/* 计算服务 - 高规格数据中心基础设施 */
.bg-02service{ background: url('/images/hina/service/02/02-bg.jpg') !important; background-size: cover !important; background-position: 50% 50% !important; height: 400px; position: relative;}
.bg-02service::before{ position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); }
.bg-02service>.container{ position: relative; z-index: 3;}
.bg-02service .s-wrapper>.tit-box{ color: #FFF;}


.room-list{ display: flex; margin: 0 -15px; padding: 20px 0 0;}
.room-list>.room-item{ padding: 20px 15px; height: 180px; flex: 0 0 20%; max-width: 20%; box-sizing: border-box; position: relative;}
.room-list>.room-item::after{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; border-left: 1px dotted #FFF;}
.room-list>.room-item:first-of-type::after{ display: none;}
.room-list>.room-item>.box{ display: flex; flex-direction: column; justify-content: flex-start; color: #FFF;}
.room-list>.room-item>.box>.tit{ text-align: center; height: 40px; line-height: 40px; font-size: 16px; font-weight: 600;}
.room-list>.room-item>.box>.inf{ font-size: 13px; line-height: 24px; text-align: center;}


/* 国信政务云总体架构 */
/* 此项空白 */

/* 计算服务-云主机产品功能 */
.host-list{ padding: 20px;}
.host-item{ margin: 20px 0; padding: 15px; min-height: 170px; box-sizing: border-box; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 8px; transition:all 0.5s ease; cursor: pointer;}
.host-item:hover{ box-shadow:0 20px 50px rgba(0,0,0,0.2); transform: translate(0,-5px); }
.host-item>.tit{ height: 48px; line-height: 48px; font-size: 18px; font-weight: 500; color: #018BD5; text-align: center;}
.host-item>.inf{ color: #777; font-size: 15px;}

/* 计算服务-数据库产品功能 */
.grid-5_db{ display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 20px 0 0;}
.grid-5_db>.item{ padding: 20px 15px; flex: 0 0 20%; max-width: 20%; box-sizing: border-box;}
.grid-5_db>.item>.box{ padding: 15px; height: 240px; box-sizing: border-box; background: #FFF; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); border-radius: 8px; transition:all 0.5s ease; cursor: pointer;}
.grid-5_db>.item>.box:hover{ box-shadow:0 20px 50px rgba(0,0,0,0.2); transform: translate(0,-5px); }
.grid-5_db>.item>.box>.tit{ height: 48px; line-height: 48px; font-size: 18px; font-weight: 500; color: #018BD5; text-align: center;}
.grid-5_db>.item>.box>.inf{ color: #777; font-size: 15px;}

/* 负载均衡产品功能 */
.tab-box{ padding: 0 0 20px; margin: 10px 0 30px;}
.goods-txt{ text-align: center; padding: 0 30px; line-height: 32px; font-size: 16px; color: #777;}
.goods-tab{ padding: 30px 0 0;}
.goods-tab>.goods-tab_row{ display: flex; position: relative;}
.goods-tab>.goods-tab_row::after{ position: absolute; content: ''; right: 0; top: 0; bottom: 0; width: 1px; background: #ededed;}
.goods-tab>.th{ background: rgba(16, 88, 258, 0.7); text-align: center;}
.goods-tab>.tr:nth-child(odd){ background: #FAFAFA;}
.goods-tab>.tr:nth-child(even){ background: #FFFFFF;}
.goods-tab>.goods-tab_row>.item{ padding: 0 10px; height: 40px; line-height: 40px; position: relative; font-size: 14px;}
.goods-tab>.goods-tab_row>.item::after{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; width: 1px; background: #ededed;}
.goods-tab>.goods-tab_row>.item::before{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1px; background: #ededed;}
.goods-tab>.goods-tab_row>.item-type{ width: 180px; text-align: center;}
.goods-tab>.goods-tab_row>.item-normal{ flex: 1;}
.goods-tab>.goods-tab_row>.item-promise{ width: 140px; text-align: center;}
.goods-tab>.th>.item{ color: #FFF;}
.goods-tab>.tr>.item{ color: #666;}


/* 容器服务 */
.cloud-item{ margin: 0 0 40px; padding: 20px 0; background: #FFF; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; box-sizing: border-box; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 8px; transition:all 0.5s ease; cursor: pointer;}
.cloud-item:hover{ box-shadow:0 20px 50px rgba(0,0,0,0.2); transform: translate(0,-5px); }
.cloud-item>.ico{ width: 48px; height: 48px;}
.cloud-item>.tit{ height: 60px; line-height: 60px; font-size: 16px; font-weight: 600;}
.cloud-item>.inf{ padding: 0 20px; font-size: 14px; line-height: 20px;}

.col-md-3>.cloud-item{ height: 180px;}
.col-md-4>.cloud-item{ height: 240px;}


/* 网络服务 */
.map-list{}

.map-item{ height: 80px; margin: 0 0 15px; position: relative;}
.map-item::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1px; border-bottom: 1px dotted #ddd;}
.map-item::before{ position: absolute; content: ''; right: -15px; top: 0; bottom: 0; width: 1px; border-left: 1px dotted #ddd;}
.map-list>.col-xs-6:nth-child(even)>.map-item::before{ display: none;}
.map-list>.col-xs-6:nth-child(3)>.map-item::after{ display: none;}
.map-list>.col-xs-6:nth-child(4)>.map-item::after{ display: none;}
.map-item>.ico{ width: 36px; height: 36px;}
.map-item>.inf{ height: 40px; line-height: 40px; font-size: 14px;}
.map-text{ line-height: 28px; font-size: 16px;}
.map-text>p{ margin: 10px 0;}


.netword-item{ border: 1px dotted #dedede; margin: 15px 0; box-sizing: border-box; padding: 15px; display: flex; justify-content: space-between; align-items: flex-start;}
.netword-item>.icon{ width: 36px; height: 36px;}
.netword-item>.info{ flex: 1; min-height: 70px; padding: 0 0 0 15px;}
.netword-item>.info>.tit{ height: 20px; line-height: 20px; font-size: 16px; font-weight: 600; margin: 0 0 10px;}

@media (max-width: 1200px) {


.s-wrapper>.tit-box>.extend{ padding: 15px 0; line-height: 24px;}

.row-box{ padding: 15px 0; margin: 0;}


/* 总体概览-简介 */
.illustration>.about-tit{ height: 40px; line-height: 40px; font-size: 24px;}
.illustration>.about-txt{ line-height: 24px;}
/* 总体概览-国信政务云的产品列表 */
.goods-list>.grid-1{ flex: 0 0 33.33%; max-width: 33.33%;}
.goods-list>.grid-2{ flex: 0 0 33.33%; max-width: 33.33%;}
.goods-list>.grid-3{ flex: 0 0 33.33%; max-width: 33.33%;}

.goods-list>.item>.box-min3{ height: 238px !important;}
.goods-list>.grid-1>.box>.inf{ padding: 0 5px;}
.goods-list>.grid-1>.box>.inf>.inf-item{ flex: 0 0 50%; max-width: 50%; box-sizing: border-box; padding: 0 5px;}


/* 业务可靠性服务 - 整体设计 */
.u-06_list{ padding: 0;}
.u-06_list>li{ padding: 10px 0; margin: 0; font-size: 14px; line-height: 20px;}

/* 计算服务-云主机产品功能 */
.host-list{ padding: 15px 0 0;}
.host-item{ margin: 15px 0; padding: 5px 15px 15px; min-height: 170px;}
.host-item>.inf{ font-size: 14px; line-height: 24px;}

/* 计算服务-数据库产品功能 */
.grid-5_db{ padding: 15px 0 0;}
.grid-5_db>.item{ flex: 0 0 33.3333%; max-width: 33.3333%;}
.grid-5_db>.item>.box{ height: 160px; padding: 5px 15px 15px;}
.grid-5_db>.item>.box>.inf{ font-size: 14px;}

/* 网络服务 */
.map-item>.inf{ font-size: 13px;}
.map-text{ line-height: 28px; font-size: 14px;}
.map-text>p{ margin: 5px 0;}

}
@media (max-width: 992px) {


.row-box{ padding: 0;}

.s-wrapper{ padding: 30px 0;}

.s-wrapper>.tit-box>h2.tit{ margin: 0; height: 36px; line-height: 36px; font-size: 24px;}
.s-wrapper>.tit-box>.extend{ line-height: 24px;}


/* 总体概览-简介 */
.illustration>.about-tit{ height: 60px; line-height: 60px; font-size: 24px; text-align: center;}
.illustration>.about-txt{ line-height: 28px;}
.illustration>.about-txt>p{ margin: 0 0 10px;}



/* 负载均衡产品功能 */
.tab-box{ padding: 0; margin: 15px 0;}
.goods-txt{ padding: 0 20px; line-height: 24px; font-size: 14px;}


/* 业务可靠性服务 - 整体设计 */
.u-06_list{ padding: 10px 0;}
.u-06_list>li{ padding: 5px 0;}


/* 计算服务 - 高规格数据中心基础设施 */
.bg-02service{ height: 240px;}
.room-list>.room-item{ height: 100px; padding: 0;}
.room-list>.room-item>.box{ height: 100px; justify-content: center;}
.room-list>.room-item>.box>.tit{ font-size: 16px; font-weight: 600;}
.room-list>.room-item>.box>.inf{ display: none;}


/* 计算服务-云主机产品功能 */
.host-list{ padding: 15px 0 0;}
.host-item{ margin: 15px 0 20px; min-height: 150px;}

/* 计算服务-数据库产品功能 */
.grid-5_db{ padding: 15px 0 0;}
.grid-5_db>.item{ flex: 0 0 100%; max-width: 100%;}
.grid-5_db>.item>.box{ height: unset;}

/* 网络服务 */
.map-item{ height: 100px; padding: 10px 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.map-item>.inf{ text-align: center; padding: 10px 0; line-height: 20px; }

}
@media (max-width: 780px) {

.s-banner>.s-text{ background-position: 60% center; padding: 40px 0 0 10%; }
.s-banner>.s-text>.name{ font-size: 20px !important; font-weight: bold; }
.s-banner>.s-text>.info{ width: 70%; overflow: hidden;  display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.alone-ads, .alone-ads_no__border{ margin: 10px 0 0;}

.s-wrapper{ padding: 20px 0;}
/* 通用标题 */
.s-wrapper>.tit-box>h2.tit{ margin: 0; height: 40px; line-height: 40px; font-size: 16px; font-weight: 600;}
.s-wrapper>.tit-box>.extend{ padding: 15px 0; line-height: 20px; font-size: 13px;}

.u-06_list>li{ font-size: 13px;}


/* 总体概览-简介 */
.illustration>.about-tit{ height: 48px; line-height: 48px; font-size: 16px; text-align: center; font-weight: 600;}
.illustration>.about-txt{ line-height: 24px;}


/* 总体概览-国信政务云的产品列表 */
.goods-list{ margin: 10px 0 0;}
.goods-list>.grid-1, .goods-list>.grid-2, .goods-list>.grid-3{ flex: 0 0 100%; max-width: 100%;}
.goods-list>.item>.box-min1, .goods-list>.item>.box-min2, .goods-list>.item>.box-min3{ height: unset !important;}



/* 负载均衡产品功能 */
.goods-txt{ padding: 0; line-height: 20px;}
.goods-tab{ padding: 15px 0 0;}
.goods-tab>.th{ display: none !important;}
.goods-tab>.goods-tab_row{ display: block; margin: 10px 0;} 
.goods-tab>.goods-tab_row::before{ position: absolute; content: ''; left: 0; right: 0; top: 0; height: 1px; background: #ededed;}
.goods-tab>.goods-tab_row>.item{ text-align: left; width: 100%;}
.goods-tab>.goods-tab_row>.item-normal{ height: auto !important; min-height: 40px; padding: 10px; line-height: 20px;}


/* 计算服务 - 高规格数据中心基础设施 */
.bg-02service{ height: 200px;}
.room-list>.room-item{ height: 80px; margin: 10px 0 0;}
.room-list>.room-item::after{ bottom: 30px; top: 30px;}
.room-list>.room-item>.box{ height: 80px; justify-content: center;}

.room-list>.room-item>.box>.tit{ font-size: 14px;}


}