* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: top;
    outline-width: 0ch;
}

@media only screen and (min-width: 996px) {
    .add1 {
        width: 100%;
        padding: 50px 0;
    }
    .add1con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    .add1top {
        padding: 0 10px 0 20px;
        font-size: 36px;
        color: #fff;
        position: relative;
        background-color: #c93931;
        display: inline-block;
    }
    .add1top::after {
        display: block;
        height: 100%;
        position: absolute;
        right: -10px;
        top: 0;
        content: '';
        transform: skew(10deg);
        width: 16px;
        background-color: #c93931;
        z-index: 0;
    }
    .add1box {
        display: flex;
        justify-content: space-between;
    }
    .add1left {
        width: calc(100% - 360px);
        background-color: #24396f;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 25px;
    }
    .add1right {
        width: 360px;
    }
    .add1left strong {
        color: #fff;
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: bold;
        line-height: 1.5em;
    }
    .add1left p {
        margin-bottom: 30px;
        color: #fff;
        font-size: 16px;
        line-height: 1.5em;
    }
    .add1action {
        display: flex;
        align-items: center;
    }
	.add1right img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
    .add1action a {
        display: block;
        width: 145px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        text-align: center;
        margin-right: 20px;
    }
    .add_zx {
        background-color: #fff;
        color: #333;
    }
    .add_lj {
        border: 1px solid #fff;
        color: #fff;
    }
    .box1 {
        background-image: url(../images/adbg1.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .add2 {
        padding: 50px 0;
    }
    .add2con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
        display: flex;
        position: relative;
    }
    .add2left img {
        width: 100%;
    }
    .add2left {
        width: 60%;
    }
	.add2right {
		width: 65%;
		padding: 1.875rem;
		background-image: url(../images/add2bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		right: 0;
		top: 3rem;
	}
    .add2right strong {
        font-size: 22px;
        color: #fff;
        line-height: 1.5em;
    }
    .add2right h1 {
        font-size: 22px;
        color: #fff;
        margin-top: 4px;
        line-height: 1.5em;
    }
    .add2right h2 {
        font-size: 14px;
        color: #fff;
        margin-top: 4px;
        margin-bottom: 10px;
        font-weight: normal;
        line-height: 1.5em;
    }
    .add2right span {
        font-size: 14px;
        color: #fff;
        display: block;
        margin-bottom: 10px;
        position: relative;
        padding-left: 15px;
        line-height: 1.5em;
    }
    .add2right span1 {
        font-size: 14px;
        color: #fff;
        display: block;
        margin-bottom: 10px;
        position: relative;
        padding-left: 15px;
        line-height: 1.5em;
    }
    .add2right span::before {
        background-color: #81c5ff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 6px;
        position: absolute;
        margin-right: 15px;
        margin-top: 7px;
        width: 6px;
        left: 0;
        top: 3px;
    }
    .add3 {
        padding: 50px 65px;
        width: 100%;
    }
    .add3con {
        max-width: 1240px;
        margin: 0 auto;
        background-image: url(../images/add3bg.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .add3left {
        width: 48%;
    }
    .add3left strong {
        font-size: 28px;
        color: #fff;
    }
    .add3left p {
        font-size: 14px;
        color: #ffffff66;
        margin-bottom: 25px;
    }
    .add3right {
        width: 48%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .add3Input {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .add3Input input {
        background: rgba(255, 255, 255, .3);
        width: 48%;
        height: 35px;
        display: block;
        border: none;
        outline: none;
        padding-left: 15px;
        color: #fff;
    }
    .add3Input input::-webkit-input-placeholder {
        color: #fff;
    }
    .add3right a {
        display: block;
        height: 50px;
        line-height: 50px;
        width: 48%;
        text-align: center;
        font-size: 20px;
        color: #fff;
    }
    .a3tj {
        background-color: #2080f0;
        border-radius: 4px;
    }
    .a3zx {
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .add4 {
        padding: 60px 0;
        width: 100%;
    }
    .add4con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    .ad_title {
        text-align: center;
        font-weight: bold;
        color: #333;
        font-size: 22px;
        margin-bottom: 30px;
    }
    .add4con ul {
        display: flex;
        flex-wrap: wrap;
    }
    .add4con ul li {
        width: calc(100% / 3);
        position: relative;
    }
    .add4con ul li img {
        width: 100%;
        height: 207px;
        object-fit: cover;
    }
    .a4pos {
        position: absolute;
        width: 100%;
        padding: 30px;
        background: rgba(2, 105, 184, .5);
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
		.a4pos span {
			color: #fff;
			font-size: 16px;
			font-weight: normal !important;
			position: relative;
			line-height: 1.5em
		}
		.a4pos strong {
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			position: relative;
			line-height: 1.5em;
		}
    .a4pos strong::after {
        position: absolute;
        width: 40px;
        height: 8px;
        content: '';
        background-color: #fff;
        left: 0;
        bottom: -20px;
    }
	.add4con ul li:nth-child(n+4) .a4pos span {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		position: relative;
		line-height: 1.5em;
		text-align: right;
	}
    .add4con ul li:nth-child(n+4) .a4pos strong {
        display: block;
        text-align: right;
    }
    .add4con ul li:nth-child(n+4) .a4pos strong::after {
        right: 0 !important;
        left: auto !important;
    }
    .add5 {
        padding: 50px 0;
    }
    .add5con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    .add5con ul {
        display: flex;
        flex-wrap: wrap;
    }
    .add5con ul li {
        width: calc((100% - 80px) / 5);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .add5con ul li:nth-child(5n) {
        margin-right: 0;
    }
    .add5con ul li img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
    .add5txt {
        padding: 15px;
        background-color: #232d45;
        height: 242px;
        /* margin-bottom: 20px; */
    }
    .add5txt strong {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    .add5txt p {
        font-size: 14px;
        color: #ffffffc7;
        text-align: center;
        /* margin-bottom: 2px; */
        line-height: 1.5em;
    }
    .add6 {
        padding: 60px 0;
        background-image: url(../images/add6bg.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .add6con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    .add6con ul {
        display: flex;
        flex-wrap: wrap;
    }
    .add6con ul li {
        width: calc((100% - 60px) / 4);
        margin-left: 15px;
        margin-bottom: 20px;
    }
    .add6con ul li:nth-child(4n) {
        margin-right: 0;
    }
    .add6con ul li img {
        width: 100%;
        height: 155px;
        object-fit: cover;
    }
    .add6box {
        display: flex;
        justify-content: space-between;
        background-color: #25345c;
    }
	.ad6left {
		width: 24%;
		position: relative;
		display: block;
		padding: 10px;
		text-align: center;
	}
    .ad6left1 {
        background-color: #2170df;
    }
    .ad6left2 {
        background-color: #a1332d;
    }
    .ad6left3 {
        background-color: #403994;
    }
    .ad6left4 {
        background-color: #178780;
    }
    .ad6left1::after {
        background-color: #2170df;
    }
    .ad6left2::after {
        background-color: #a1332d;
    }
    .ad6left3::after {
        background-color: #403994;
    }
    .ad6left4::after {
        background-color: #178780;
    }
    .ad6right {
        width: 80%;
        display: flex;
        align-items: center;
        padding-left: 30px;
    }
    .ad6left::after {
        position: absolute;
        top: 0;
        z-index: 0;
        content: '';
        height: 100%;
        right: -10px;
        transform: skew(-10deg);
        width: 20px;
    }
    .ad6left strong {
        text-align: center;
        display: block;
        font-size: 24px;
        color: #fff;
    }
    .ad6left p {
        font-size: 16px;
        color: #fff;
    }
    .ad6right p {
        font-size: 14px;
        color: #fff;
        line-height: 1.5em;
    }
    .add7 {
        padding: 50px 0;
    }
    .add7con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    .add7box {
        max-width: 1080px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .ad7left {
        width: 50%;
    }
    .ad7left img {
        width: 100%;
    }
    .ad7right {
        width: 50%;
        background-color: #263355;
        padding: 30px 60px;
    }
    .ad7right strong {
        color: #fff;
        font-size: 28px;
    }
    .ad7right input {
        color: #fff;
        display: block;
        background-color: #333f5f;
        padding-left: 15px;
        outline: none;
        height: 45px;
        width: 100%;
        border: none;
        display: block;
        margin-top: 30px;
        font-size: 20px;
    }
    .ad7right input::-webkit-input-placeholder {
        color: #717a90;
        font-size: 20px;
    }
    .ad7action {
        display: flex;
        justify-content: space-between;
        margin: 30px 0;
    }
    .ad7action a {
        display: block;
        width: 48%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        border-radius: 4px;
    }
    .a7tj {
        background-color: #2080f0;
    }
    .a7zx {
        border: 1px solid #fff;
    }
    .tips {
        font-size: 14px;
        margin-bottom: 15px;
        color: #ffffff66;
    }
    .add8 {
        width: 100%;
        background-color: #f6f7fa;
        padding: 50px 0;
    }
    .add8con {
        max-width: 1370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    .add8con ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .add8con ul li {
        width: calc(100% / 3);
        text-align: center;
        padding: 0 30px;
    }
    .add8con ul li p {
        text-align: center;
        font-size: 16px;
        color: #333;
    }
    .add8con ul li img {
        display: block;
        margin: 15px auto;
        width: 25px;
    }
    .add8con ul li span {
        display: block;
        color: #666;
        font-size: 14px;
        line-height: 1.5em;
    }
    .add8con ul li a {
        display: block;
        width: 153px;
        color: #315091;
        transition: all ease .4s;
        font-size: 14px;
        border: 1px solid #efefef;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        margin: 15px auto;
    }
    .add8con ul li a:hover {
        background-color: #315091 !important;
        color: #fff !important;
    }
}

@media only screen and (max-width: 996px) {
    .add8 {
        width: 100%;
        background-color: #f6f7fa;
        padding: 15px;
    }
    .add8con ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .add8con ul li {
        width: 100%;
        text-align: center;
        padding: 15px 30px;
    }
    .add8con ul li p {
        text-align: center;
        font-size: 14px;
        color: #333;
    }
    .add8con ul li img {
        display: block;
        margin: 15px auto;
        width: 25px;
    }
    .add8con ul li span {
        display: block;
        color: #666;
        font-size: 12px;
    }
    .add8con ul li a {
        display: block;
        width: 153px;
        color: #315091;
        transition: all ease .4s;
        font-size: 14px;
        border: 1px solid #efefef;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        margin: 15px auto;
    }
    .add8con ul li a:hover {
        background-color: #315091 !important;
        color: #fff !important;
    }
    .add7 {
        padding: 15px;
    }
    .add7box {
        margin: 0 auto;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    .ad7left {
        width: 100%;
    }
    .ad7left img {
        width: 100%;
    }
    .ad7right {
        width: 100%;
        background-color: #263355;
        padding: 15px;
    }
    .ad7right strong {
        color: #fff;
        font-size: 18px;
    }
    .ad7right input {
        color: #fff;
        display: block;
        background-color: #333f5f;
        padding-left: 15px;
        outline: none;
        height: 35px;
        width: 100%;
        border: none;
        display: block;
        margin-top: 20px;
        font-size: 16px;
    }
    .ad7right input::-webkit-input-placeholder {
        color: #717a90;
        font-size: 16px;
    }
    .ad7action {
        display: flex;
        justify-content: space-between;
        margin: 20px 0;
    }
    .ad7action a {
        display: block;
        width: 48%;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border-radius: 4px;
    }
    .a7tj {
        background-color: #2080f0;
    }
    .a7zx {
        border: 1px solid #fff;
    }
    .tips {
        font-size: 14px;
        margin-bottom: 15px;
        color: #ffffff66;
    }
    .add6 {
        padding: 15px;
        background-image: url(../images/add6bg.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .add6con {
        margin: 0 auto;
    }
    .add6con ul {
        display: flex;
        flex-wrap: wrap;
    }
    .add6con ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .add6con ul li:nth-child(4n) {
        margin-right: 0;
    }
    .add6con ul li img {
        width: 100%;
    }
    .add6box {
        display: flex;
        justify-content: space-between;
        background-color: #25345c;
    }
    .ad6left {
        width: 20%;
        position: relative;
        display: block;
        padding: 10px;
        text-align: center;
    }
    .ad6left1 {
        background-color: #2170df;
    }
    .ad6left2 {
        background-color: #a1332d;
    }
    .ad6left3 {
        background-color: #403994;
    }
    .ad6left4 {
        background-color: #178780;
    }
    .ad6left1::after {
        background-color: #2170df;
    }
    .ad6left2::after {
        background-color: #a1332d;
    }
    .ad6left3::after {
        background-color: #403994;
    }
    .ad6left4::after {
        background-color: #178780;
    }
    .ad6right {
        width: 80%;
        display: flex;
        align-items: center;
        padding-left: 30px;
    }
    .ad6left::after {
        position: absolute;
        top: 0;
        z-index: 0;
        content: '';
        height: 100%;
        right: -10px;
        transform: skew(-10deg);
        width: 20px;
    }
    .ad6left strong {
        text-align: center;
        display: block;
        font-size: 24px;
        color: #fff;
    }
    .ad6left p {
        font-size: 16px;
        color: #fff;
    }
    .ad6right p {
        font-size: 14px;
        color: #fff;
    }
    .add5 {
        padding: 15px;
        width: 100%;
    }
    .add5con ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .add5con ul li {
        display: flex;
        width: 100%;
        margin-bottom: 20px;
    }
    .add5con ul li img {
        width: 35%;
        height: 100%;
        object-fit: cover;
    }
    .add5txt {
        padding: 15px;
        width: 65%;
        background-color: #232d45;
    }
    .add5txt strong {
        display: block;
        color: #fff;
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: normal;
    }
    .add5txt p {
        font-size: 14px;
        color: #a7abb5;
        margin-bottom: 2px;
    }
    .add4 {
        padding: 15px;
        width: 100%;
    }
    .ad_title {
        text-align: center;
        font-weight: bold;
        color: #333;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .add4con ul {
        display: flex;
        flex-wrap: wrap;
    }
    .add4con ul li {
        width: 50%;
        position: relative;
    }
    .add4con ul li img {
        width: 100%;
    }
    .a4pos {
        position: absolute;
        width: 100%;
        padding: 15px;
        height: 100%;
        left: 0;
        background: rgba(2, 105, 184, .5);
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .a4pos strong {
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        position: relative;
    }
    .a4pos strong::after {
        position: absolute;
        width: 25px;
        height: 4px;
        content: '';
        background-color: #fff;
        left: 0;
        bottom: -10px;
    }
    .add3 {
        padding: 15px;
        width: 100%;
    }
    .add3con {
        margin: 0 auto;
        background-image: url(../images/add3bg.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
        align-items: center;
        justify-content: space-between;
    }
    .add3left {
        width: 100%;
    }
    .add3left strong {
        font-size: 18px;
        color: #fff;
    }
    .add3left p {
        font-size: 14px;
        color: #ffffff66;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .add3right {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .add3Input {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .add3Input input {
        background: rgba(255, 255, 255, .3);
        width: 100%;
        margin-bottom: 10px;
        height: 30px;
        display: block;
        border: none;
        outline: none;
        padding-left: 15px;
        color: #fff;
    }
    .add3Input input::-webkit-input-placeholder {
        color: #fff;
    }
    .add3right a {
        display: block;
        height: 35px;
        line-height: 35px;
        width: 48%;
        text-align: center;
        font-size: 14px;
        color: #fff;
    }
    .a3tj {
        background-color: #2080f0;
        border-radius: 4px;
    }
    .a3zx {
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .add1 {
        width: 100%;
        padding: 15px;
    }
    .add1top {
        padding: 10px 15px;
        font-size: 16px;
        color: #fff;
        position: relative;
        background-color: #c93931;
        display: inline-block;
    }
    .add1top::after {
        display: block;
        height: 100%;
        position: absolute;
        right: -10px;
        top: 0;
        content: '';
        transform: skew(10deg);
        width: 16px;
        background-color: #c93931;
        z-index: 0;
    }
    .add1box {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    .add1left {
        width: 100%;
        background-color: #24396f;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 15px;
    }
    .add1right {
        width: 100%;
    }
    .add1left strong {
        color: #fff;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .add1left p {
        margin-bottom: 20px;
        color: #fff;
        font-size: 14px;
        line-height: 25px;
    }
    .add1action {
        display: flex;
        align-items: center;
    }
    .add1right img {
        width: 100%;
        height: 100%;
    }
    .add1action a {
        display: block;
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
        margin-right: 15px;
    }
    .add_zx {
        background-color: #fff;
        color: #333;
    }
    .add_lj {
        border: 1px solid #fff;
        color: #fff;
    }
    .box1 {
        background-image: url(../images/adbg1.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .add2 {
        padding: 15px;
    }
    .add2left img {
        width: 100%;
    }
    .add2left {
        width: 100%;
    }
    .add2right {
        width: 100%;
        padding: 15px;
        background-image: url(../images/add2bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .add2right strong {
        font-size: 18px;
        color: #fff;
    }
    .add2right h1 {
        font-size: 20px;
        color: #fff;
        margin-top: 10px;
    }
    .add2right h2 {
        font-size: 16px;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: normal;
    }
    .add2right span {
        font-size: 14px;
        color: #fff;
        display: block;
        margin-bottom: 10px;
        position: relative;
        padding-left: 15px;
    }
    .add2right span::before {
        background-color: #81c5ff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 6px;
        position: absolute;
        margin-right: 15px;
        margin-top: 7px;
        width: 6px;
        left: 0;
        top: 3px;
    }
}