@charset "utf-8";
/* CSS Document */

.OT_BG{
	background: url(../images/ot_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    padding: 0 0 30px;
}
.NHZB_AA {
	width: 1160px;
	margin: 0 auto;
}


.CommContTop {
	text-align: center;
}


.CommContTop .CommContTopTit{
	font-size: 36px;
	color: #285fff;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 500;
}

.CommContTop .CommContTopFuTit {
	font-size: 16px;
	color: #666666;
}




.NHZB_AA_block .scenario-list {
	position: relative;
	z-index: 2;
	width: 1120px;
	height: 460px;
	margin-top : 50px;
}

.NHZB_AA_block .scenario-list-item {
	display: table-cell;
	width: 180px;
	height: 100%;
	vertical-align: top;
	-webkit-transition: all .35s cubic-bezier(.39, .58, .57, 1);
	-o-transition: all .35s cubic-bezier(.39, .58, .57, 1);
	transition: all .35s cubic-bezier(.39, .58, .57, 1)
}

.NHZB_AA_block .scenario-list-item .content {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 415px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #222;
	-webkit-transition: all .35s cubic-bezier(.39, .58, .57, 1);
	-o-transition: all .35s cubic-bezier(.39, .58, .57, 1);
	transition: all .35s cubic-bezier(.39, .58, .57, 1);
	zoom: 1;
	margin-top: 23px
}

.NHZB_AA_block .scenario-list-item:nth-child(1) .content {
	background-image: url(../images/a_1.jpg)
}

.NHZB_AA_block .scenario-list-item:nth-child(2) .content {
	background-image: url(../images/a_2.jpg)
}

.NHZB_AA_block .scenario-list-item:nth-child(3) .content {
	background-image: url(../images/a_3.jpg)
}

.NHZB_AA_block .scenario-list-item:nth-child(4) .content {
	background-image: url(../images/a_4.jpg)
}

.NHZB_AA_block .scenario-list-item.active {
	width: 580px
}

.NHZB_AA_block .scenario-list-item.active:nth-child(1) .content {
	background-image: url(../images/a_1_h.jpg)
}

.NHZB_AA_block .scenario-list-item.active:nth-child(2) .content {
	background-image: url(../images/a_2_h.jpg)
}

.NHZB_AA_block .scenario-list-item.active:nth-child(3) .content {
	background-image: url(../images/a_3_h.jpg)
}

.NHZB_AA_block .scenario-list-item.active:nth-child(4) .content {
	background-image: url(../images/a_4_h.jpg)
}

.NHZB_AA_block .scenario-list-item.active .content {
	width: 580px;
	height: 460px;
	margin-top: 0;
	border: solid 2px #285fff
}

.NHZB_AA_block .scenario-list-item.active .content .scenario-desc {
	display: none
}

.NHZB_AA_block .scenario-list-item.active .content .scenario-desc-top {
	display: block
}


.NHZB_AA_block .scenario-list-item .scenario-desc {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.NHZB_AA_block .scenario-list-item .scenario-desc h3 {
	font-size: 22px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 24px;
	color: #fff;
	margin-bottom: 20px
}

.NHZB_AA_block .scenario-list-item .scenario-desc-top {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 580px;
	height: 80px;
	display: none;
	background: url(../images/a_bg.png)
		no-repeat center;
	background-size: contain
}

.NHZB_AA_block .scenario-list-item .scenario-desc-top h3 {
	font-size: 32px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 80px;
	font-weight: 500;
	padding-left: 64px;
}

.NHZB_AA_block .scenario-list-item .scenario-desc-top .scenario-desc-txt  {
	width: 500px;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 30px;
	font-weight: 500;
	margin  : 30px auto;
	
}

.NHZB_AA_block .scenario-list-item .scenario-desc-top .scenario-desc-cta  {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.NHZB_AA_block .scenario-list-item .scenario-desc-top .scenario-desc-cta  a:nth-child(1){
	width: 180px;
	height: 48px;
	background-image: linear-gradient(90deg, #FA4B1F 0%, #DB2929 100%);
	border-radius: 4px;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 48px;
	font-weight: 500;
	margin : 40px 0 0 40px;
}

.NHZB_AA_block .scenario-list-item .scenario-desc-top .scenario-desc-cta  a:nth-child(2){
	width: 180px;
	height: 48px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 48px;
	font-weight: 500;
	margin-left : 30px;
	margin : 40px 0 0 40px;
}


/*************************************************************************/
@media (max-width: 789px) {.wt{ font-size:16px !important; text-align:center; line-height:40px !important;} .pc{ display:none !important}}


@media (min-width: 790px) and (max-width:1920px ) {.wt{ font-size:28px !important; text-align:center; line-height:50px !important;} .mob{ display:none !important}}


.NHZB_BB{
	width: 1160px;
	margin: 0 auto; margin-top:100px;
}

.NHZB_BB_block{
	width: 1160px;
	height: auto;
	background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
	box-shadow: 0px 30px 50px 0px rgba(226,228,248,1);
	border-radius: 10px;
	margin-top : 40px; padding-bottom:100px;
}
.NHZB_BB_block_tit{
	width: 1160px;
	height: 151px;
	background: url(../images/bb_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.NHZB_BB_block_tit div:nth-child(1){
	font-size: 32px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 500;
	padding : 25px 0 0 37px;
}
.NHZB_BB_block_tit div:nth-child(2){
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 30px;
	font-weight: 400;
	padding : 15px 0 0 37px;
}

.NHZB_BB_block .NHZB_BB_block_list{
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	margin-top : 20px;
}

.NHZB_BB_block .NHZB_BB_block_list_txt{
	width : 350px;
	padding : 0 20px;
}

.NHZB_BB_block_list_txt .NHZB_BB_block_list_block{
	width : 300px;
	height : 120px;
	position: relative;
}

.NHZB_BB_block_list_txt .NHZB_BB_block_list_block.none{
    position: inherit;
}

.NHZB_BB_block_list_txt .NHZB_BB_block_list_block::before
{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 270px;
	height: 1px;
	background: url(../images/bb_line.svg);
	background-size: cover;
	background-repeat: no-repeat;  
}


.NHZB_BB_block_list_txt .NHZB_BB_block_list_block.act,
.NHZB_BB_block_list_txt .NHZB_BB_block_list_block:hover{
	background: #F7F7F7;
}

.NHZB_BB_block_list_txt .NHZB_BB_block_list_block div:nth-child(1){
font-size: 20px;
color: #285fff;
letter-spacing: 0;
line-height: 20px;
font-weight: 500;
	padding : 20px 20px 20px ;
}

.NHZB_BB_block_list_txt .NHZB_BB_block_list_block div:nth-child(2){
font-size: 14px;
color: #666666;
letter-spacing: 0;
line-height: 20px;
font-weight: 500;
	padding : 0  20px ;
}


.NHZB_BB_block_list_img{
	width : 460px;
    padding-top: 50px;
}
.NHZB_BB_block_list_img img{
	width : 460px;
}

.NHZB_BB_block_list_img2{
	width : 460px;
    padding-top: 50px;
}
.NHZB_BB_block_list_img2 img{
	width : 460px;
}



/*.NHZB_BB_block_list_img:hover{ background:url(../images/bb_1_h.png)}
.NHZB_BB_block_list_img2:hover{ background:url(../images/bb_2_h.png)}*/
/*.NHZB_BB_block_list
  .NHZB_BB_block_list_img
  > li:nth-child(1)
  .content-box[data-index="1"]
  .solution-img-box {
  background: url(../images/bb_1_h.png);
  background-size: 100% 100%;
}

.NHZB_BB_block_list
  .NHZB_BB_block_list_img
  > li:nth-child(1)
  .content-box[data-index="2"]
  .solution-img-box {
  background: url(../images/bb_1_h.png);
  background-size: 100% 100%;
}*/

/*.solution
  .tab_item
  > li:nth-child(1)
  .content-box[data-index="2"]
  .solution-img-box {
  background: url(../images/cc_1_2_bg.png);
  background-size: 100% 100%;
}

*/
.NHZB_BB_cta {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	margin : 30px auto;
	width : 380px;
}
.NHZB_BB_cta a {
	display: block;
	width: 180px;
	height: 48px;
	background-image: linear-gradient(90deg, #FA4B1F 0%, #DB2929 100%);
	border-radius: 4px;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 48px;
	font-weight: 500;

}

.NHZB_BB_cta a:nth-child(2) {
	display: block;
	width: 180px;
	height: 48px;
	border: 1px solid #285fff;
	background: none;
	border-radius: 4px;
	font-size: 18px;
	color: #285fff;
	letter-spacing: 0;
	text-align: center;
	line-height: 48px;
	font-weight: 500;
	margin-left : 20px;
}


.OT_BG{
	background: url(../images/ot_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    padding: 0 0 30px; margin-top:50px;
}