.banner2 {
	height: 320px;
	max-width: 1920px;
	width: 100%;
	overflow: hidden;
    position: relative;
    background-position: right;
    background-size: 68% auto;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.banner2>div {
    width: 1440px;
    max-width: 100%;
    margin: auto;
    position: relative;
    height: 100%;
}

.banner2 .breadcrump {
	font-size: 12px;
	position: relative;
	z-index: 60;
}

.banner2.blue {
	background-color: #1e2dbe;
}

.banner2 .mask {
	position: absolute;
	z-index: 50;
	width: 72.98%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding: 24px 48px;
    color: #fff;
    /*
    background-image: url(../images/banner2_bg.png);
    background-position: bottom right;
    background-size: auto 100%;
    */
}

.banner2 .mask .info {
	position: absolute;
	top: 80px;
	left: 45px;
	z-index: 60;
}

.banner2 .mask .info>div {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1rem;
	width: 62.79%;
}

.banner2 .mask h1 {
	font-size: 32px;
    font-weight: 700;
    margin-left: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 0px;
    line-height: 35px;
    max-width: 600px;
}

.banner2 .mask h1:before {
	border-color: transparent #FA3C4B;
}

.banner2 .mask .bullet1:before {
    /* border-width: 0.20em 0 0.20em 0.35em; */
}

.banner2.blue .mask {
    /*background-color: #1e2dbe;*/
}

.banner2.blue .mask:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0px;
	border-bottom: 356px solid #1e2dbe;
    border-right: 614px solid transparent;
    width: 0;
    z-index: 50;
}

.banner2 .mask:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 45%;
    height: 100%;
    z-index: 50;
    background-color: #1e2dbe;
}

.m-b-nav{
	margin-top: 142px;
}

.banner2 .picture {
	width: 65.27%;
	/*
	height: 100%;
	position: absolute;
	z-index: 40;
	top: 0px;
	right: 0px;*/
	margin-right: 0px;
    margin-left: auto;
}

.banner2 .picture img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
}
@media only screen and (max-width: 1800px) {
	.banner2.blue .mask:before {
		/*border-right: 685px  solid transparent;*/
	}
 
}
@media only screen and (max-width: 1776px) {
.banner2.blue .mask:before {
    /*
	border-right: 675px solid transparent;
    border-bottom: 383px solid #1e2dbe;
    */
}
}
@media only screen and (max-width: 1565px) {
	.banner2.blue .mask:before {
        /*
		border-bottom: 351px solid #1e2dbe;
        border-right: 594px  solid transparent;
        */
	}
}
@media only screen and (max-width: 1500px) {
	.banner2.blue .mask:before {
		/*border-right: 575px  solid transparent;*/
	}
}
@media only screen and (max-width: 1497px) {
	.banner2.blue .mask:before {
		/*border-right: 569px solid transparent;*/
	}
}
@media only screen and (max-width: 1492px) {
	.banner2.blue .mask:before {
        /*
		border-bottom: 388px solid #1e2dbe;
        border-right: 569px  solid transparent;
        */
	}
}

@media only screen and (max-width: 1440px) {
	.banner2 {
		background-size: auto 100%;
	}
    .banner2 .mask h1 {
        font-size: 36px;
        line-height: 1.2;

    }
    .m-b-nav {
        margin-top: 136px;
    }
}

@media only screen and (max-width: 1390px) {
    .banner2 .mask {
        width: 80%;
    }
    .m-b-nav {
        margin-top: 107px;
    }
}

@media only screen and (max-width: 1250px) {
    .banner2 .mask {
        width: 85%;
    }
}

@media only screen and (max-width: 1180px) {
    .banner2 .mask {
        width: 90%;
    }
    .m-b-nav {
        margin-top: 109px;
    }
}

@media only screen and (max-width: 1120px) {
    .banner2 .mask {
        width: 95%;
    }

    .banner2 .mask:after {
        width: 43%;
    }
}

@media only screen and (max-width: 1024px) {
    .banner2 .mask {
        width: 95%;
    }

    .banner2 .mask:after {
        width: 37%;
    }
    .m-b-nav {
        margin-top: 104px;
    }
}

@media only screen and (max-width: 1000px) {
    .banner2 .mask:after {
        width: 35%;
    }
   
}

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

}

@media only screen and (max-width: 768px) {
    .banner2 .mask h1 {
        font-size: 30px;
    }
    .video-title-list {
        font-size: 30px;
        font-weight: 900;
        line-height: 1.2;
        padding: 0px;
    }
}


.b-content{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bg-b-left{
	width: 50%;
	background-color: #1e2dbe;
	display: block;
}
.bg-b-right{
	width: 50%;
}
.h-ba{
	height: 500px;
}
.bg-blue-text::before{
    content: '';
     background-color: #1e2dbe;
	width: 100%;
	height: 50px;
    z-index: 50;

}

@media only screen and (min-width: 1440px) {
    .banner2 .mask h1 {
        font-size: 36px;
        line-height: 1.2;

    }
}