@media (min-width:0px) {
    .two-col {
        padding-left: 0 !important;
    }
    .info-con ul li p {
        width: 270px!important;
    }
    .two-col .info-con ul li p {
        width: 166px!important;
    }
    .two-col .info-con ul li {
        margin-bottom: 2px !important;
    }
    .nav-con {
        margin-bottom: 10px;
        height: 22.9333vw;
    }
    .item-tit img {
        width: 20%;
        height: auto;
    }
    /* .view-items {
        padding: 0 1.3333vw !important;
    } */
}
.super{
	color: #333;
}
@media screen and (min-width:320px) and (max-width:1200px) {
	.titleBg {
		color: #d0d5e1;
		position: relative;
		text-align: center;
		font-size: 20px;
	}
	
	.titleText {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		font-weight: 600;
		margin: 0 auto;
		color: #0c2053;
		font-size: 10px;
	}
	.pc{
		display: none!important;
	}
	.activity-con {
	    overflow: hidden;
	    width: 100%!important;
	    margin-top: 9.0667vw !important;
	    margin-bottom: 10.6667vw !important;
	    padding: 0 4.3333vw !important;
	}
}
@media (min-width:320px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
    .mask {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        z-index: 5;
    }
    .head {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-content: center;
        position: relative;
    }
    .head-bg {
        width: 100% !important;
        height: auto !important;
    }
    .head-btn {
        width: 4.1333vw !important;
        height:4.1333vw !important;
        display: block;
        position: absolute;
        top: 45%;
        margin-top: -1.6667vw;
        right: 2.6667vw;
        cursor: pointer;
    }
    /* show-items */
    .show-items {
        width: 48vw;
        /* height: 93.333vw; */
        /* background-color: #fff; */
        position: absolute;
        /* left: 0; */
		
        top: 13.3vw;
		right: 2.5vw;
        z-index: 100;
        /* opacity: 0; */
        display: none;
    }
    .main-show-items {
        /* top: 18.733vw; */
    }
    .show-item {
        width: 100%;
        height: 13.333vw;
        display: flex;
        align-items: center;
        justify-content:center;
        color: #666666;
		background-color: #fff;
        font-size: 4vw;
		margin-bottom: 2px;
        padding: 0 6.667vw;
        box-sizing: border-box;
    }
	.show-item :hover{
		background-color: #0c2053!important;
		color: #fff!important;
	}
	.show-item p{
		margin: 0!important;
	}
    .show-item a {
        color: #666666;
    }
    .show-item a:active {
        color: #2b76d9;
        background-color: #fff;
    }
    .show-item img {
        display: none;
        width: 1.867vw;
        height: 3.2vw;
    }
    /* show-items */
    .item-tit {
        font-size: 3.0667vw !important;
        margin-bottom: 1.3333vw !important;
        text-align: center !important;
        color: #0c2053 !important;
        letter-spacing: 0.6667vw !important;
    }
    .header-nav {
        display: none;
    }
    .banner-txt,
    .swiper-container {
        display: none;
    }
    .banner .banner-img {
        display: block;
        width: 100%;
        height: auto;
    }
    .about {
        height: auto !important;
        padding-top: 5.3333vw !important;
    }
    .about-con {
        width: 90% !important;
        margin-top: 4.3333vw !important;
    }
    .about-left {
        float: inherit !important;
        width: 100vw;
        padding: 0 20vw;
    }
    .about-left img:nth-child(1) {
        width: 18.6667vw;
        height: 23.3333vw;
    }
    .about-left img:nth-child(2) {
        width: 19.0667vw;
        height: 34.6667vw;
    }
    .about-left img:nth-child(3) {
        width: 18.6667vw;
        height: 23.3333vw;
    }
    .about-right {
        float: inherit !important;
        width: 100vw;
        padding: 0 11.3333vw;
        margin-top: 0.3333vw !important;
    }
    .about-right p {
        font-size: 2.6vw;
        line-height: 6vw !important;
        color: #333333;
        /* font-weight: initial; */
        letter-spacing: 0.3333vw;
        overflow: hidden;
    }
    .swiper-container-load {
        display: none;
    }
    .view-items {
        width: 96%!important;
        margin: 0 auto;
    }
    /* load */
    .load {
		background-color: #f3f3f3;
        padding-top: 6vw !important;
		padding-bottom: 3vw;
        height: 109vw !important;
    }
    .item-subTit {
        font-size: 2.2vw !important;
        text-align: center !important;
    }
    .load-items {
        width: 90%;
        margin: 0 auto;
		overflow: hidden;
    }
    .load-item {
        float: left;
		width: 33%;
        text-align: center;
    }
    .load-item:nth-child(6) {
        width: 28%;
        height: 24.5vw;
        line-height: 22vw;
        font-size: 2.2vw;
        background-color: #142c68;
        border-radius: 1.3333vw;
        margin-top: 1.3333vw;
        margin-left: 2.3333vw;
        color: #fff;
    }
    .load-item img {
        width: 100%;
        /* height: 26.6667vw; */
    }
    .load-item .load-tit {
        font-size: 2.2vw;
        margin-top: -1.7333vw !important;
        margin-bottom: 1.3333vw !important;
    }
    .load-txt {
        font-size: 1.1333vw;
        margin-bottom: 1.3333vw !important;
        color: #142c68;
        text-decoration: none;
        border-bottom: 1px solid #142c68;
    }
    .adv {
        margin-top: 9.3333vw !important;
    }
    .adv .row {
        padding: 0 10vw;
        margin-top: 5vw;
    }
    .adv .row .col {
        width: 30.6667vw !important;
        /* height: 70.6667vw !important; */
        text-align: center !important;
        margin-top: 5.3333vw;
    }
    .adv .row .col img {
        width: 8.1333vw;
        height: 8vw;
        margin-bottom: 5.3333vw !important;
        /* margin-top: 12vw !important; */
    }
    .adv .row .col .adv-item-tit {
        font-size: 2.2vw !important;
        margin-bottom: 0 !important;
    }
    .adv .row .col .adv-item-txt {
        color: #5b6c94;
        width: 26.6667vw !important;
        font-size: 2.6667vw !important;
        line-height: 4vw !important;
        text-align: left !important;
        margin: 0 auto;
    }
    .adv .row .col hr {
        width: 6.6667vw !important;
        height: 0.4vw !important;
        margin-top: 4vw !important;
        margin-bottom: 2vw !important;
        background-color: #0c2053;
    }
    /* view */
    .view {
        margin-top: 7.7333vw !important;
    }
    .view-con {
        height: 30.6667vw !important;
        background: #0c2053 url(../images/index-viewBg.png)no-repeat !important;
    }
    .swiper-container-view {
        display: none !important;
    }
    .view-items {
        display: block !important;
        margin-top: 6.6667vw !important;
        line-height: 30vw !important;
    }
    .view-items img {
        width: 30.9333vw !important;
        height: 20.5333vw !important;
    }
    .view-items img:nth-child(1) {
        display: none !important;
    }
    .view-items img:nth-child(5) {
        display: none !important;
    }
    /* news */
    .news {
        margin-top: 9.3333vw !important;
        height: 50vw !important;
    }
    .news-txt {
        display: none;
        /* opacity: 0; */
        font-size: 2.6667vw !important;
        line-height: 4vw !important;
    }
    .news-container {
        width: 90vw !important;
        margin: 0 auto;
        margin-top: 6.6667vw !important;
    }
    .news-top-trends {
        float: left;
        width: 28.6667vw !important;
        height: 16.6667vw !important;
        line-height: 16.6667vw !important;
        font-size: 3.2vw !important;
        margin-right: 0.33333vw !important;
        background-color: #f5f5f5;
        text-align: center;
    }
    .news-top-study {
        float: left;
        width: 57.7333vw !important;
        height: 16.6667vw !important;
        line-height: 16.6667vw !important;
        font-size: 2.3333vw !important;
        margin-bottom: 1.3333vw !important;
        color: #fff;
        text-align: center;
        background: url(../images/index-news1.png)no-repeat !important;
    }
    .news-bottom-left {
        float: left;
        margin-right: 1.3333vw !important;
        margin-bottom: 2.6667vw !important;
        overflow: hidden;
    }
    .news-bottom-left img {
        width: 38.6667vw !important;
        height: 18vw !important;
    }
    .news-bottom-mid {
        float: left;
        width: 22.6667vw !important;
        height: 18vw !important;
        line-height: 18vw !important;
        background-color: #fe8f3f;
        color: #fff;
        font-size: 3.6667vw !important;
        text-align: center;
        margin-right: 1.3333vw !important;
    }
    .news-bottom-right {
        float: left;
        width: 22.6667vw !important;
        height: 18vw !important;
        font-size: 2.1333vw !important;
        overflow: hidden;
        background: url(../images/index-news3.png)no-repeat;
        /* line-height: 18vw !important; */
    }
    /* activity */
    .activity {
        /* height: 80vw; */
        margin-top: 6.6667vw !important;
        margin-bottom: 1.3333vw !important;
    }
    .activity-con {
        overflow: hidden;
        width: 100%!important;
        /* margin-top: 9.0667vw !important; */
        /* margin-bottom: 10.6667vw !important; */
        padding: 0 4.3333vw !important;
    }
    .activity-item {
        /* width: 26.6667vw !important; */
        float: left;
        text-align: center;
        margin-right: .6667vw;
    }
    .activity-con .activity-item:nth-child(5) {
        margin-right: 0 !important;
    }
    .activity-con .activity-item:nth-child(6),
    .activity-con .activity-item:nth-child(7) {
        display: none;
    }
    .activity-item img {
        width: 15vw !important;
        height: 15vw !important;
    }
    .activity-item p {
        font-size: 1.1333vw !important;
        margin-bottom: 0 !important;
        color: #999999;
    }
    .activity-item p:nth-child(2) {
        font-size: 1.4vw !important;
        color: #333333;
        font-weight: bold;
        font-family: "苹方-简";
    }
    .activity-item p:nth-child(2) a{
        color: #333333;
    }
    /* footer */
    .footer {
        /* margin-top: 120px !important; */
        width: 100%;
        height: 23.7333vw;
        background: url(../images/index-footer.png)no-repeat;
        text-align: center;
        color: #fff;
        /* padding: 13.3333vw 0; */
        /* padding-top: 100px !important; */
    }
    .footer button {
        display: none;
    }
    .footer h4 {
        font-size: 4.4vw !important;
        margin-bottom: 3.6667vw !important;
        padding-top: 3.3333vw;
    }
    .footer p {
        font-size: 1.6667vw !important;
        /* margin-bottom: 10.6667vw !important; */
    }
    /* footer-des */
    .footer-des {
        background-color: #202020;
        color: #fff;
        font-size: 2.1333vw !important;
        padding: 1.3333vw 0;
        padding-left: 4vw;
        overflow: hidden;
    }
    .footer-des-txt {
        float: left;
    }
    .contact {
        margin-bottom: 1.3333vw;
    }
    .icon {
        float: left;
        /* margin-right: 50px; */
        /* margin-top: 45px; */
    }
    /* .icon img {
        width: 30px !important;
        height: 30px !important;
        margin-right: 20px !important;
    } */
    .icon-item {
        display: inline-block;
        width: 45px;
        margin: 0px 5px;
        cursor: pointer;
        height: 45px;
        line-height: 37px;
        border-radius: 50%;
        border: 1px solid #393939;
        border-radius: 50%;
        text-align: center;
    }
}

@media (min-width:375px) {}

@media (min-width:576px) {}

@media (min-width:750px) {
    .load {
        height: 86vw !important;
    }
    .adv .row {
        padding: 0 4vw !important;
    }
}

@media (min-width:992px) {}

@media (min-width: 1200px) {
	.titleBg {
		color: #d0d5e1;
		position: relative;
		text-align: center;
		font-size: 50px;
	}
	
	.titleText {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		font-weight: 600;
		margin: 0 auto;
		color: #0c2053;
		font-size: 30px;
	}
	.phone{
		display: none!important;
	}
    .container {
        max-width: 1600px;
    }
    .item-tit {
        font-size: 38px !important;
        letter-spacing: 5px !important;
        /* font-weight: bold; */
        text-align: center !important;
    }
    .item-tit img {
        width: auto !important;
    }
    .item-subTit {
        font-size: 24px !important;
    }
    .header-nav {
        display: block;
    }
    .banner-txt,
    .swiper-container {
        display: block;
    }
    .banner .banner-img {
        display: none;
    }
    .adv-container {
        max-width: 1500px !important;
        background-color: #fff;
        margin-top: 55px;
        border-radius: 10px;
        box-shadow: 3px 3px 20px #ccc;
    }
    .news-container {
        max-width: 1270px !important;
        margin-top: 80px !important;
        margin: 0 auto;
    }
    /* about */
    .about-con {
        width: 100% !important;
        /* padding: 0 345px; */
    }
    .about-left {
        float: left !important;
        width: auto !important;
    }
    .about-left img {
        width: 180px !important;
        height: 250px !important;
    }
    .about-left img:nth-child(2) {
        height: 370px !important;
    }
    .about-right {
        float: left !important;
        width: 600px !important;
        /* color: #000000; */
        font-size: 22px !important;
        margin-left: 60px !important;
        padding-top: 35px !important;
        padding: 0!important;
    }
    .about-right p {
        font-size: 22px !important;
        line-height: 45px !important;
    }
    .swiper-container-load {
        display: block !important;
    }
    .load-items {
        display: none !important;
    }
    .load-txt {
        font-size: 16px !important;
        margin-bottom: 1.3333vw !important;
    }
    body {
        background-color: #fff;
    }
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    ul,
    li {
        list-style: none;
    }
    button {
        outline: none;
        border: none;
    }
    .nomarginright {
        margin-right: 0 !important;
    }
    /* 头部区域 */
    .head {
        /* width: 100%;
    height: auto; */
        /* background: url(../images/index-head.png)no-repeat;
    background-size: over; */
        /* text-align: center; */
    }
    .head .head-bg {
        width: 100%;
        height: auto;
        /* display: block; */
        margin: 0 auto;
    }
    .head .head-btn {
        display: none;
    }
    .header {
        /* width: 100%; */
        height: 90px !important;
        background-color: #2d5591;
        /* line-height: 90px !important; */
    }
    .navbar-brand {
        font-size: 32px !important;
        font-family: "Adobe 黑体 Std";
    }
    .navbar-brand img {
        margin-right: 13px !important;
    }
    /* header-nav */
    .header-nav {
        width: 100%;
        height: 50px !important;
        background-color: #142c68;
        /* border-top: 1px !important solid #194475; */
    }
    .header-nav-con ul {
        overflow: hidden;
        margin-left: 135px !important;
    }
    .header-nav-con ul li {
        float: left;
        color: #fff;
        font-size-adjust: 20px !important;
        height: 50px !important;
        line-height: 50px !important;
        margin-right: 100px !important;
    }
     .header-nav-con ul li a{
        color: #fff;
    }
    /* banner区域 */
    .banner {
        width: 100%;
        position: relative;
    }
    .banner-img {
        display: none;
    }
    .banner-txt {
        position: absolute;
        z-index: 999;
        top: 210px !important;
        left: 260px !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .banner-txt p {
        margin-bottom: 0px !important;
    }
    .tit {
        color: #fff;
        font-size: 70px !important;
        margin-bottom: 15px !important;
        letter-spacing: 5px !important;
    }
    .banner-des {
        width: 750px !important;
        margin-bottom: 120px !important;
    }
    .banner-des p {
        color: #fff;
        font-size: 36px !important;
    }
    .banner-btn button {
        width: 210px !important;
        height: 65px !important;
        background-color: transparent;
        border: 2px solid #30c1cd;
        color: #30c1cd;
        letter-spacing: 5px !important;
        font-size: 24px;
        border-radius: 10px;
        margin-right: 36px;
    }
    .banner-btn button:nth-child(1) {
        background-color: #fff;
        color: #102e5b;
        border: none;
    }
    .banner-btn button:active {
        background-color: #fff;
        color: #102e5b;
    }
    .swiper-container .swiper-slide img {
        /* height: 770px; */
		width: 100%;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        border: 2px solid #fff !important;
    }
    .swiper-container {
        /* --swiper-theme-color: #ff6600; */
        --swiper-pagination-color: #fff;
        /* 两种都可以 */
    }
    /* about */
    .about {
        width: 100%;
        height: 680px !important;
        padding-top: 100px !important;
    }
    .item-tit {
        color: #0c2053 !important;
        font-size: 38px !important;
        letter-spacing: 5px !important;
        /* font-weight: bold; */
        text-align: center;
    }
    .item-subTit {
        font-size: 24px !important;
        text-align: center;
    }
    .about-con {
        width: 1230px !important;
        margin: 0 auto;
        margin-top: 75px !important;
        overflow: hidden;
    }
    .about-left {
        float: left;
        padding: 0!important;
    }
    .about-right {
        float: left;
        width: 600px !important;
        /* color: #000000; */
        font-size: 22px;
        margin-left: 60px;
        padding-top: 35px;
    }
    .about-right p {
        line-height: 45px;
    }
    /* load */
    .load {
        width: 100%;
        height: 1080px !important;
        background-color: #f5f5f5;
        padding-top: 60px !important;
        /* margin-bottom: 140px; */
    }
    .load .swiper-slide {
        text-align: center;
    }
    .load-tit {
        margin-top: 17px;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .load-txt {
        color: #142c68;
        text-decoration: none;
        border-bottom: 1px solid #142c68;
    }
    .swiper-container-load {
        margin-top: 40px;
    }
    /* .swiper-container-load .swiper-slide {
    flex-shrink: 1 !important;
} */
    .swiper-container {
        --swiper-theme-color: #ff6600;
        /* 设置Swiper风格 */
        --swiper-navigation-color: #00ff33;
        /* 单独设置按钮颜色 */
        --swiper-navigation-size: 30px;
        /* 设置按钮大小 */
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        cursor: pointer!important;
        opacity: 1!important;
        color: #808aa4;
        font-size: 40px;
    }
    .swiper-button-prev {
        left: -30px !important;
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: -30px !important;
    }
    /* adv */
    .adv {
        margin-top: -280px !important;
    }
    .adv .row {
        padding: 0!important;
        margin-top: 0 !important;
    }
    .adv .row .col {
        text-align: center !important;
        width: 230px !important;
        height: 530px !important;
        margin-top: 0px !important;
        /* margin-right: 30px !important; */
    }
    .adv .row .adv-item-tit {
        color: #0c2053;
        font-size: 24px !important;
        /* font-weight: bold; */
    }
    .adv .row .col img {
        width: 61px !important;
        height: 60px !important;
        margin-bottom: 40px !important;
        margin-top: 90px !important;
    }
    .adv .row .col hr {
        width: 75px !important;
        height: 5px !important;
        background-color: #0c2053;
        margin: 0px auto;
        margin-top: 30px !important;
        margin-bottom: 15px !important;
    }
    .adv .row .col .adv-item-tit {
        margin-bottom: 0;
        font-size: 24px !important;
    }
    .adv .row .col .adv-item-txt {
        color: #5b6c94;
        font-size: 20px !important;
        width: 295px !important;
        margin: 0 auto;
        margin-bottom: 70px !important;
        line-height: 40px !important;
        text-align: left;
    }
    /* view */
    .view {
        margin-top: 100px !important;
    }
    .view-con {
        width: 100%;
        height: 510px !important;
        line-height: 510px !important;
        background: #0c2053 url(../images/index-viewBg.png)no-repeat !important;
        margin-top: 50px !important;
    }
    .view-con-swiper {
        position: relative !important;
        padding: 0 250px !important;
    }
    .view-items {
        display: none !important;
    }
    /* swiper */
    .swiper-container-view {
        display: block !important;
        /* position: relative; */
        /* width: 75%; */
        margin: 0 auto;
        position: relative !important;
        overflow: hidden !important;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .swiper-container-view .swiper-wrapper {
        /* padding: 0 50px; */
        padding-left: 124px;
        padding-right: 100px;
        box-sizing: border-box;
    }
    .view-con-swiper .swiper-button-next:after,
    .view-con-swiper .swiper-button-prev:after {
        opacity: 0;
    }
    .swiper-container-view .swiper-slide {
        text-align: center;
        width: 425px !important;
        height: auto;
        box-sizing: border-box;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: block !important;
        outline: none;
    }
    .view-con-swiper .swiper-button-prev {
        left: 200px !important;
        top: 6%;
    }
    .view-con-swiper .swiper-button-next {
        right: 185px !important;
        top: 6%;
    }
    /* swiper */
    .view-items {
        width: 1620px !important;
        height: 510px !important;
        line-height: 510px !important;
        margin: 0 auto;
        margin-top: 0 !important;
    }
    .view-items img {
        width: auto !important;
        height: auto !important;
    }
    .view-items img:nth-child(1) {
        display: inline-block !important;
        margin-right: 83px !important;
    }
    .view-items img:nth-child(5) {
        display: inline-block !important;
        margin-left: 83px !important;
    }
    /* news */
    .news {
        width: 100% !important;
        height: 675px !important;
        padding-top: 115px !important;
        background-color: #fff;
        margin-top: 0 !important;
    }
    .news-txt {
        padding-top: 10px;
        padding-left: 10px;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 15px !important;
        color: #333333;
        font-weight: normal;
        line-height: 30px !important;
        display: none;
    }
    .news-txt h4 {
        text-align: left;
    }
    .news-txt p {
        margin-bottom: 0!important;
    }
    .news .item-tit {
        margin-bottom: 80px !important;
    }
    .news-top {
        overflow: hidden;
        margin-bottom: 20px !important;
    }
    .news-top-trends {
        position: relative;
        float: left;
        width: 400px !important;
        height: 250px !important;
        line-height: 250px !important;
        text-align: center;
        font-size: 50px !important;
        color: #031d5b;
        font-weight: bold;
        background-color: #f5f5f5;
        margin-right: 0 !important;
    }
    .news-top-study {
        float: left;
        width: 800px !important;
        height: 250px !important;
        line-height: 250px !important;
        background: url(../images/index-news1.png)no-repeat;
        font-size: 40px !important;
        color: #fff;
        text-align: center;
        margin-bottom: 0 !important;
    }
    .news-bottom-left {
        float: left;
        margin-right: 20px !important;
    }
    .news-bottom-left img {
        width: 540px !important;
        height: 252px !important;
    }
    .news-bottom-mid {
        position: relative;
        float: left;
        width: 310px !important;
        height: 250px !important;
        background-color: #fe8f3f;
        color: #fff;
        font-size: 50px !important;
        text-align: center;
        line-height: 250px !important;
        margin-right: 20px !important;
    }
    .news-bottom-right {
        float: left;
        width: 310px !important;
        height: 250px !important;
        background: url(../images/index-news3.png)no-repeat;
    }
    /* activity */
    .activity {
        height: auto !important;
        margin-bottom: 20px;
    }
    .activity .item-tit {
        margin-top: 200px !important;
        margin-bottom: 95px !important;
    }
    .activity-item img {
        width: 160px !important;
        height: 160px !important;
    }
    .activity-con .activity-item:nth-child(5) {
        margin-right: 30px !important;
    }
    .activity-con .activity-item:nth-child(6),
    .activity-con .activity-item:nth-child(7) {
        display: block;
    }
    .activity-con {
        overflow: hidden;
        width: 1340px !important;
        margin: 0 auto;
        padding: 0 !important;
    }
    .activity-item p {
        font-size: 16px !important;
    }
    .activity-item p a{
        color: #666666;
    }
    .activity-item p:nth-child(2) {
        font-size: 18px !important;
    }
    .activity-item {
        float: left;
        text-align: center;
        margin-right: 30px !important;
    }
    /* footer */
    .footer {
        width: 100%;
        height: 500px !important;
        margin-top: 120px !important;
        background: url(../images/index-footer.png)no-repeat;
		background-size: 100% 100%;
        text-align: center;
        color: #fff;
        padding-top: 100px !important;
    }
    .footer h4 {
        font-size: 48px !important;
        margin-bottom: 50px !important;
        padding-top: 0 !important;
    }
    .footer p {
        font-size: 20px !important;
        margin-bottom: 80px !important;
    }
    .footer button {
        display: inline-block;
        width: 165px !important;
        height: 50px !important;
        color: #243a6a;
        font-size: 18px !important;
        background-color: #fff;
    }
    .footer button:nth-child(2) {
        color: #fff;
        background-color: #fe8f3f;
        margin-left: 35px !important;
    }
    /* footer-des */
    .footer-des {
        overflow: hidden;
        background-color: #202020;
        color: #fff;
        font-size: 16px !important;
        padding: 10px 0 !important;
        padding: 0 155px !important;
    }
    .footer-des-txt {
        float: left;
    }
    .contact {
        margin-bottom: 10px !important;
    }
    .icon {
        float: right;
        /* margin-right: 250px; */
        margin-top: 30px;
    }
    .icon-item {
        display: inline-block;
        width: 45px;
        margin: 0px 5px;
        cursor: pointer;
        height: 45px;
        line-height: 37px;
        border-radius: 50%;
        border: 1px solid #393939;
        border-radius: 50%;
        text-align: center;
    }
}


/* @media (min-width: 1300px) {
    .footer-des {
        padding-left: 140px !important;
    }
    .icon {
        margin-right: 140px !important;
    }
} */