.banner {
    font-size: 0;
    width: 100%;
    height: 100vh;
}

.banner .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.banner .img a {
    display: block;
}

.banner .img img {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: transform 0.3s ease-out 0s;
    -moz-transition: transform 0.3s ease-out 0s;
    -ms-transition: transform 0.3s ease-out 0s;
    -o-transition: transform 0.3s ease-out 0s;
    transition: transform 0.3s ease-out 0s;
}

.banner .swiper-slide-active img {
    -webkit-transition: transform 6.5s ease-out 1s;
    -moz-transition: transform 6.5s ease-out 1s;
    -ms-transition: transform 6.5s ease-out 1s;
    -o-transition: transform 6.5s ease-out 1s;
    transition: transform 6.5s ease-out 1s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.banner .pagination {
    position: absolute;
    bottom: .6rem;
    z-index: 3;
    text-align: center;
}

.banner .pagination span {
    width: auto;
    height: auto;
    margin: 0 .14rem !important;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 0.34rem;
    color: #fff;
    text-align: center;
    opacity: .3;
}

.banner .pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.banner .arrow {
    position: absolute;
    top: auto;
    right: 5%;
    bottom: 0.57rem;
    left: auto;
    z-index: 4;
}

.banner .arrow div {
    width: .62rem;
    height: .54rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-right: none;
    background-image: url("../images/arrow1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: 0.23rem;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.banner .arrow div.swiper-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.banner .arrow div:hover {
    border-color: #DBA564;
    background-color: rgba(255, 255, 255, 0.05);
}

.column {
    width: 100%;
    margin: .8rem 0 .35rem;
}

.column img {
    margin: 0 .2rem 0 0;
    width: .9rem;
}

.column .cn {
    font-family: "SYST900";
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 0.52rem;
    color: #333;
    text-align: left;
}

.column .en {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-family: "SYST700";
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 0.26rem;
    color: #9e9e9e;
    text-align: left;
}

.column .en i {
    display: flex;
    margin: 4px 0 0 .11rem;
}

.column .en i::before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: .16rem;
    height: 2px;
    background: #3C5186;
}

.column .en i::after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: .16rem;
    height: 2px;
    margin: 0 0 0 4px;
    background: #DBA564;
}

.column.flex-center {
    position: relative;
}

.column.flex-center .more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 1;
    height: 100%;
}

.more {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 30px;
    color: #999;
    text-align: left;
}

.more img {
    margin: 0 0 0 3px;
    width: .24rem;
}

.more:hover {
    color: #3C5186;
}

.more:hover img {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.home1 {
    padding: 0 0 1.2rem;
    background-image: url("../images/index_bg1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: cover;
}

.home1 .column {
    margin-bottom: .8rem;
}

.news-swiper1 {
    width: 56.5625%;
}

.news-swiper1 .img {
    padding: 6.05rem 0 0;
}

.news-swiper1 .text {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 0.5rem 0.4rem 0.3rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #294180 100%);
}

.news-swiper1 .date {
    display: inline-block;
    padding: 0 .15rem;
    margin: 0 0 .18rem;
    font-size: .2rem;
    color: #fff;
    line-height: .42rem;
    background: #DBA564;
}

.news-swiper1 .title {
    font-size: .24rem;
    font-weight: 700;
    color: #fff;
}

.news-swiper1 .pagination {
    position: absolute;
    bottom: .35rem;
    left: auto;
    right: .4rem;
    width: auto;
    z-index: 3;
    text-align: center;
}

.news-swiper1 .pagination span {
    width: .1rem;
    height: .1rem;
    margin: 0 0 0 .14rem !important;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.news-swiper1 .pagination .swiper-pagination-bullet-active {
    background: #DBA564;
}

.news-list {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 41.125%;
}

.news-list .first {
    margin: 0 0 .23rem;
}

.news-list .first a {
    padding: 0 .3rem 0 .15rem;
    background: none !important;
}

.news-list .first a:hover .title {
    color: #3C5186;
}

.news-list .first .date1::before {
    position: absolute;
    top: 0.18rem;
    right: 0.18rem;
    bottom: auto;
    left: auto;
    z-index: -2;
    width: .82rem;
    height: .82rem;
    content: "";
    border: 1px dashed #DBA564;
}

.news-list .first .date1::after {
    position: absolute;
    top: 0.18rem;
    right: 0.18rem;
    bottom: auto;
    left: auto;
    z-index: -1;
    width: .82rem;
    height: .82rem;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #3C5186;
}

.news-list .first .text {
    width: calc(100% - 1.18rem);
    padding: 0 0 0 .3rem;
}

.news-list .first .title {
    width: 100%;
    padding: 0;
    margin: 0 0 .07rem;
    font-weight: 700;
    line-height: .3rem;
    max-height: .6rem;
}

.news-list a {
    width: 100%;
    padding: .23rem .3rem;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -ms-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}

.news-list .date {
    width: .97rem;
    text-align: center;
    font-size: .22rem;
    line-height: .45rem;
    background: #DAE2F6;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.news-list .title {
    width: calc(100% - .97rem);
    max-height: .56rem;
    padding: 0 0 0 .35rem;
}

.home2 {
    padding: 0 0 1.3rem;
    background-image: url("../images/index_bg4.png");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: transparent;
    background-size: 16.7rem 100%;
}

.home2 .l-box {
    width: 37.1875%;
}

.home2 .r-box {
    width: 58%;
    padding: .3rem .3rem 0 0;
    align-items: flex-start;
}

.pic-list {
    width: 49.5%;
}

.pic-list .img {
    padding: 3.14rem 0 0;
}

.pic-list .text {
    position: relative;
    height: 3.04rem;
    padding: .3rem .4rem 0;
    background-image: url("../images/list_bg2.png");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-color: #3C5186;
    background-size: auto;
}

.pic-list .title {
    max-height: 0.64rem;
    font-size: .2rem;
    line-height: .32rem;
    color: #fff;
    font-weight: 700;
}

.pic-list .title span {
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background-size 0.5s ease-out 0s;
    -moz-transition: background-size 0.5s ease-out 0s;
    -ms-transition: background-size 0.5s ease-out 0s;
    -o-transition: background-size 0.5s ease-out 0s;
    transition: background-size 0.5s ease-out 0s;
}

.pic-list .info {
    margin: .2rem 0 0;
    max-height: .6rem;
    line-height: .3rem;
    color: #ACB3C5;
}

.pic-list .date {
    margin: .36rem 0 0;
    font-size: .3rem;
    color: #fff;
}

.pic-list .date span {
    font-size: .16rem;
    color: #9FACCE;
}

.pic-list .date span::before {
    display: inline-block;
    vertical-align: bottom;
    content: "";
    width: 1px;
    height: .41rem;
    margin: 0 .12rem;
    background: #9FACCE;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.pic-list .icon {
    position: absolute;
    top: auto;
    right: 0.4rem;
    bottom: 0.5rem;
    left: auto;
    z-index: 1;
    width: .48rem;
    height: .48rem;
}

.pic-list .icon::before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-image: url("../images/f_icon6_2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #DBA564;
    background-size: 0.27rem;
}

.pic-list .icon::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px dashed #C9D5F4;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.pic-list:hover .title span {
    background-size: 100% 1px;
}

.pic-list:hover .icon::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.list2 {
    width: 46.5%;
}

.list2 li {
    margin: .39rem 0 0;
}

.list2 li:first-child {
    margin: 0;
}

.list2 a {
    display: block;
    width: 100%;
    padding: .27rem .28rem .3rem;
    border: 1px solid #BDCBEE;
    position: relative;
}

.list2 a::before {
    display: block;
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: -1px;
    z-index: 1;
    width: 0;
    height: 0;
}

.list2 a::after {
    display: block;
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: auto;
    right: -1px;
    bottom: -1px;
    left: auto;
    z-index: 1;
    width: 0;
    height: 0;
}

.list2 a:hover::before {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-top: 1px solid #3C5186;
    border-right: 1px solid #3C5186;
    -webkit-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    -moz-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    -ms-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    -o-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
}

.list2 a:hover::after {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-bottom: 1px solid #3C5186;
    border-left: 1px solid #3C5186;
    -webkit-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    -moz-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    -ms-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    -o-transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
    transition: width 0.3s ease-in, height 0.3s ease-in 0.3s;
}

.list2 a:hover .title {
    color: #3C5186;
    font-weight: 700;
}

.list2 .title {
    line-height: .3rem;
    height: .6rem;
}

.list2 .date {
    margin: .2rem 0 0;
    font-size: .26rem;
    color: #3C5186;
    background-image: url("../images/f_icon6.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: transparent;
    background-size: 0.23rem;
}

.list2 .date span {
    font-size: .16rem;
    color: #9FACCE;
}

.list2 .date span::before {
    display: inline-block;
    vertical-align: bottom;
    content: "";
    width: 1px;
    height: .41rem;
    margin: 0 .12rem;
    background: #9FACCE;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.home3 {
    overflow: hidden;
    padding: 1px 0 1.2rem;
    background-image: url("../images/index_bg2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: cover;
}

.home3 .column {
    margin-top: .65rem;
}

.home3 .column .cn {
    color: #fff;
}

.home3 .column .en {
    color: rgba(255, 255, 255, 0.7);
}

.home3 .column .en i::before {
    background: #fff;
}

.home3 .column .more {
    color: #fff;
}

.home3 .l-box {
    width: 9.57rem;
    height: 6.15rem;
    background-image: url("../images/f_icon7.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: 100% 100%;
}

.home3 .l-box .img-wrap {
    position: relative;
    width: 4.5rem;
    margin: -2px 0 0 .47rem;
}

.home3 .l-box .text-wrap {
    position: relative;
    width: 3rem;
    margin: 0 .8rem 0 0;
}

.home3 .l-box .text-wrap a {
    display: block;
}

.home3 .l-box .text-wrap:hover .title span {
    background-size: 100% 1px;
}

.home3 .l-box .text-wrap:hover .icon::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.home3 .l-box .img-zoom {
    z-index: 2;
    border-radius: 50%;
}

.home3 .l-box .img {
    padding: 100% 0 0;
}

.home3 .l-box .title {
    font-size: .2rem;
    line-height: .3rem;
    max-height: .9rem;
    color: #fff;
    font-weight: 700;
}

.home3 .l-box .title span {
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 0 100%;
    -webkit-transition: background-size 0.5s ease-out 0s;
    -moz-transition: background-size 0.5s ease-out 0s;
    -ms-transition: background-size 0.5s ease-out 0s;
    -o-transition: background-size 0.5s ease-out 0s;
    transition: background-size 0.5s ease-out 0s;
}

.home3 .l-box .info {
    margin: .25rem 0 0;
    color: #A3B1D3;
    line-height: .3rem;
    height: .6rem;
}

.home3 .l-box .date {
    margin: .36rem 0 0;
    font-size: .3rem;
    color: #fff;
}

.home3 .l-box .date span {
    font-size: .16rem;
    color: #9FACCE;
}

.home3 .l-box .date span::before {
    display: inline-block;
    vertical-align: bottom;
    content: "";
    width: 1px;
    height: .41rem;
    margin: 0 .12rem;
    background: #9FACCE;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.home3 .l-box .icon {
    position: absolute;
    top: auto;
    right: 0;
    bottom: -0.1rem;
    left: auto;
    z-index: 1;
    width: .48rem;
    height: .48rem;
}

.home3 .l-box .icon::before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-image: url("../images/f_icon6_2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #DBA564;
    background-size: 0.27rem;
}

.home3 .l-box .icon::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px dashed #C9D5F4;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.home3 .r-box {
    width: calc(100% - 8.77rem);
    margin: 0 0 0 -.8rem;
}

.list3 {
    margin: .37rem 0 0;
}

.list3 li:nth-child(1) {
    padding-left: .11rem;
}

.list3 li:nth-child(1) a {
    padding-left: .89rem;
}

.list3 li:nth-child(2) {
    padding-left: .65rem;
}

.list3 li:nth-child(2) a {
    padding-left: .62rem;
}

.list3 li:nth-child(3) {
    padding-left: .78rem;
}

.list3 li:nth-child(3) a {
    padding-left: .73rem;
}

.list3 li:nth-child(4) {
    padding-left: .59rem;
}

.list3 li:nth-child(4) a {
    padding-left: .69rem;
}

.list3 a {
    padding: 0 0 0 1rem;
    border-bottom: 1px solid #6D88CD;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.list3 .title {
    width: calc(100% - .8rem);
    line-height: .92rem;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.list3 .title i {
    display: inline-block;
    margin: 0 .15rem 0 0;
    border: 1px solid #6D88CD;
    padding: 3px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.list3 .title i::after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    background: #6D88CD;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.list3 .date {
    font-size: .2rem;
    color: #fff;
    line-height: .92rem;
}

.home4 {
    overflow: hidden;
}

.home4 .column {
    margin-bottom: .9rem;
}

.home4 .slide-tag {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 4.8rem;
}

.home4 .slide-tag li {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22.9%;
    height: 4.1rem;
    padding: .35rem 0 0;
    background: #EEF3FF;
    border: 1px solid #B1BDDE;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.home4 .slide-tag li:nth-child(2n) {
    margin: .4rem 0 0;
}

.home4 .slide-tag li::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: calc(100% + 2px);
    height: .1rem;
    background-image: url("../images/list_bg5.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: 100% 100%;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.home4 .slide-tag li::after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    content: "";
    width: calc(100% + 2px);
    height: .1rem;
    background: #DBA564;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.home4 .slide-tag li .line {
    position: absolute;
    top: 100%;
    right: 50%;
    bottom: auto;
    left: auto;
    z-index: -1;
    width: 1px;
    height: 0;
    background: #B1BDDE;
}

.home4 .slide-tag li .line::after {
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 1;
    width: 0;
    height: 1px;
    background: #B1BDDE;
    content: "";
}

.home4 .slide-tag li.on {
    background: #3C5186;
    border-color: #d8d8d8;
}

.home4 .slide-tag li.on::before, .home4 .slide-tag li.on::after {
    opacity: 1;
}

.home4 .slide-tag li.on .icon1::after, .home4 .slide-tag li.on .icon1::before {
    background: #fff;
    opacity: .3;
}

.home4 .slide-tag li.on .icon2.i1 {
    background-image: url("../images/f_icon8_1h.png");
}

.home4 .slide-tag li.on .icon2.i2 {
    background-image: url("../images/f_icon8_2h.png");
}

.home4 .slide-tag li.on .icon2.i3 {
    background-image: url("../images/f_icon8_3h.png");
}

.home4 .slide-tag li.on .icon2.i4 {
    background-image: url("../images/f_icon8_4h.png");
}

.home4 .slide-tag li.on p {
    color: #fff;
}

.home4 .slide-tag li.on .line {
    height: 1.1rem;
    -webkit-transition: height 0.4s ease-out 0s;
    -moz-transition: height 0.4s ease-out 0s;
    -ms-transition: height 0.4s ease-out 0s;
    -o-transition: height 0.4s ease-out 0s;
    transition: height 0.4s ease-out 0s;
}

.home4 .slide-tag li.on .line::after {
    width: 35vw;
    -webkit-transition: width 0.5s ease-out 0.4s;
    -moz-transition: width 0.5s ease-out 0.4s;
    -ms-transition: width 0.5s ease-out 0.4s;
    -o-transition: width 0.5s ease-out 0.4s;
    transition: width 0.5s ease-out 0.4s;
}

.home4 .slide-tag .icon1 {
    width: 50%;
}

.home4 .slide-tag .icon1::before, .home4 .slide-tag .icon1::after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: .06rem;
    background: #B1BDDE;
    content: "";
    border-radius: 6px;
}

.home4 .slide-tag .icon1::after {
    margin: .14rem 0 0;
}

.home4 .slide-tag .icon2 {
    width: .45rem;
    height: .45rem;
    margin: .4rem 0 .3rem;
    background-image: url("../images/f_icon8_1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: auto;
}

.home4 .slide-tag .icon2.i2 {
    background-image: url("../images/f_icon8_2.png");
}

.home4 .slide-tag .icon2.i3 {
    background-image: url("../images/f_icon8_3.png");
}

.home4 .slide-tag .icon2.i4 {
    background-image: url("../images/f_icon8_4.png");
}

.home4 .slide-tag p {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    letter-spacing: .08rem;
    font-size: 0.28rem;
    font-weight: 500;
    line-height: 0.4rem;
    color: #333;
    text-align: left;
}

.home4 .slide-item {
    position: relative;
    z-index: 2;
    width: calc(100% - 5.8rem);
    display: none;
    background: #fff;
    border: 1px solid #B1BDDE;
}

.home4 .slide-item.on {
    display: block;
    animation: fadeUp .7s ease-out;
}

.home4 .slide-item::before {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0.22rem;
    z-index: 1;
    width: calc(50% - .22rem);
    height: .35rem;
    background-image: url("../images/list_bg4.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: auto;
    content: "";
}

.home4 .slide-item::after {
    position: absolute;
    top: auto;
    right: 0.22rem;
    bottom: 100%;
    left: auto;
    z-index: 1;
    width: calc(50% - .22rem);
    height: .35rem;
    background-image: url("../images/list_bg4.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: auto;
    content: "";
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.home4 .slide-item .r-box {
    position: relative;
    height: 6.4rem;
    padding: .32rem .32rem .1rem;
}

.home4 .slide-item .r-box::after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1;
    width: 1px;
    height: 100%;
    background: #B1BDDE;
    content: "";
}

.home4 .pic-list {
    width: 46.4%;
}

.home4 .pic-list .img-zoom {
    overflow: visible;
}

.home4 .pic-list .text {
    height: auto;
    padding: .3rem 0 0;
    background: none;
}

.home4 .pic-list .img {
    padding: 3.07rem 0 0;
}

.home4 .pic-list .title {
    color: #333;
}

.home4 .pic-list .title span {
    background-image: linear-gradient(#3C5186, #3C5186);
}

.home4 .pic-list .info {
    color: #99A3BE;
}

.home4 .pic-list .date {
    margin: .26rem 0 0;
    color: #3C5186;
}

.home4 .pic-list .icon {
    bottom: 0;
    right: 0;
}

.home4 .pic-list .icon::before {
    background-color: #3C5186;
}

.home4 .pic-list .icon::after {
    border-color: #3C5186;
}

.home4 .pic-list:hover .title {
    color: #3C5186;
}

.home4 .list4 {
    width: 46.4%;
}

.list4 li {
    border-bottom: 1px dashed #C5CDE2;
}

.list4 li:last-child {
    border: none;
}

.list4 a {
    padding: .16rem 0;
    align-items: center;
}

.list4 a:hover .title {
    color: #3C5186;
    font-weight: 700;
}

.list4 a:hover .date1 {
    border-color: #3C5186;
}

.list4 .date1 {
    position: relative;
    z-index: 1;
    width: .83rem;
    height: .83rem;
    padding: 0 0 5px;
    font-size: .16rem;
    line-height: .2rem;
    border: 1px dashed #C5CDE2;
    border-radius: 50%;
    color: #9FACCE;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.list4 .date1 p:first-child {
    color: #3C5186;
}

.list4 .date1::after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 112%;
    content: "";
    background-image: url("../images/f_icon9.png");
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: transparent;
    background-size: 0.59rem 100%;
}

.list4 .title {
    width: calc(100% - .83rem);
    padding: 0 0 0 .3rem;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.home5 {
    padding: 1rem 0 0;
    overflow: hidden;
    background-image: url("../images/index_bg3.jpg");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-color: transparent;
    background-size: auto;
}

.home5 .container {
    position: relative;
    z-index: 1;
    align-items: flex-end;
}

.home5 .container::before {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: auto;
    left: auto;
    z-index: -1;
    width: 10%;
    height: 100%;
    content: "";
    background: #EBEDF2;
}

.home5 .l-box {
    position: relative;
    z-index: 1;
    width: calc(100% - 5.2rem);
    padding: 0 3rem 1.2rem 0;
    background: #EBEDF2;
}

.home5 .r-box {
    position: relative;
    z-index: 2;
    width: 7.8rem;
    margin: 0 0 0 -2.6rem;
}

.people-swiper {
    position: relative;
}

.people-swiper::before {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0.85rem;
    left: -0.38rem;
    z-index: 1;
    width: 3.19rem;
    height: 3.79rem;
    background-image: url("../images/list_bg3.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: 100%;
    content: "";
}

.people-swiper .swiper-container {
    z-index: 2;
    padding: 0 0 .15rem;
}

.people-swiper .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.people-swiper .img-zoom {
    width: 2.93rem;
}

.people-swiper .img-zoom .img {
    padding: 129% 0 0;
}

.people-swiper .text {
    width: calc(100% - 2.93rem);
    padding: 0 0 0 .5rem;
}

.people-swiper .title {
    font-weight: 700;
    font-size: .28rem;
    line-height: .5rem;
    color: #3C5186;
}

.people-swiper .sub-title {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 3.05rem;
    margin: .4rem 0 .28rem;
}

.people-swiper .sub-title p {
    margin: .12rem 0 0;
    padding: 0 .15rem;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.4rem;
    color: #fff;
    text-align: center;
    background: #3C5186;
}

.people-swiper .sub-title p.w100 {
    width: 100%;
}

.people-swiper .info {
    height: 1.6rem;
    color: #7A8399;
    line-height: .32rem;
}

.people-swiper .arrow {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: .55rem 0 0;
}

.people-swiper .arrow > div {
    position: relative;
    width: .48rem;
    height: .48rem;
    cursor: pointer;
}

.people-swiper .arrow > div::before {
    display: block;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-image: url("../images/f_icon6_2.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #DBA564;
    background-size: 0.27rem;
}

.people-swiper .arrow > div::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px dashed #C9D5F4;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.people-swiper .arrow > div.swiper-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.people-swiper .arrow > div.swiper-prev::before {
    background-color: #3C5186;
}

.people-swiper .arrow > div.swiper-prev::after {
    border-color: #3C5186;
}

.people-swiper .arrow > div.swiper-next {
    margin: 0 0 0 .4rem;
}

.people-swiper .arrow > div.swiper-next::after {
    display: none;
}

.data-box .column {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 2.6rem);
    height: 2.5rem;
    margin: 0 0 0 2.6rem;
    background-image: url("../images/list_bg4.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: cover;
}

.data-box .column .cn {
    color: #fff;
}

.data-box .column .en {
    color: #fff;
}

.data-box .column .en i::before {
    background: #fff;
}

.data-list {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.data-list li {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    height: 2.5rem;
    background: #506BAF;
}

.data-list li:nth-child(2) {
    background: #DBA564;
}

.data-list li:nth-child(3) {
    background: #3C6A86;
}

.data-list li:nth-child(4) {
    background: #863C3C;
}

.data-list img {
    max-width: .93rem;
}

.data-list p {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 0.26rem;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
    text-overflow: ellipsis;
    text-align: left;
}

.data-list .num {
    margin: .15rem 0 0;
    font-family: Impact;
    font-size: .46rem;
    line-height: .56rem;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    text-overflow: ellipsis;
    text-align: center;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media screen and (min-width: 1025px) {
    .news-list a:hover {
        background: #3C5186;
    }

    .news-list a:hover .date {
        color: #DBA564;
        background: none;
        border: 1px solid;
        border-image: linear-gradient(294deg, #3C5186 0%, #DBA564 51%, #3C5186 96%) 1;
    }

    .news-list a:hover .title {
        color: #fff;
        font-weight: 700;
    }

    .list3 a:hover {
        padding-right: .15rem;
    }

    .list3 a:hover .title {
        color: #DBA564;
    }

    .list3 a:hover .title i {
        border-color: #DBA564;
    }

    .list3 a:hover .title i::after {
        background: #DBA564;
    }
}

@media screen and (max-width: 1777px) {
    .home2 {
        background-size: 15.6rem 100%;
    }

    .home4 .slide-tag .icon2 {
        background-size: contain;
    }

    .people-swiper .sub-title p {
        padding: 0 .08rem;
        font-size: .15rem;
    }

    .people-swiper .text {
        padding: 0 0 0 .3rem;
    }
}

@media screen and (max-width: 1350px) {
    .home2 {
        background-size: 15rem 100%;
    }

    .pic-list .text {
        background-size: 80%;
    }
}

@media screen and (max-width: 1024px) {
    .banner {
        height: auto;
        margin: 61px 0 0;
    }

    .banner .img {
        height: auto;
        padding: 46% 0 0;
    }

    .banner .pagination {
        bottom: .2rem;
        text-align: left;
        padding-left: 5%;
    }

    .banner .arrow {
        bottom: .2rem;
    }

    .banner .arrow > div {
        width: 52px;
        height: 44px;
    }

    .column {
        margin: .3rem 0 .2rem !important;
        justify-content: space-between;
    }

    .column h3 img {
        width: .7rem;
        margin: 0 .15rem 5px 0;
    }

    .column .cn {
        font-size: .3rem;
        line-height: .36rem;
    }

    .column .en {
        font-size: .16rem;
    }

    .news-swiper1 {
        width: 100%;
    }

    .news-swiper1 .img {
        padding: 65% 0 0;
    }

    .news-list {
        width: 100%;
        margin: .25rem 0 0;
    }

    .news-list li {
        border-top: 1px solid #BDCBEE;
    }

    .news-list a {
        padding: .15rem .3rem;
    }

    .news-list .first {
        margin: 0 0 .1rem;
        border: none;
    }

    .news-list .first a {
        align-items: center;
    }

    .home1 {
        padding: 0 0 .4rem;
    }

    .home2 {
        padding: 0 0 .4rem;
        background: none;
    }

    .home2 .l-box {
        width: 100%;
    }

    .home2 .r-box {
        width: 100%;
        padding: 0;
    }

    .pic-list .text {
        padding: .2rem .2rem 0;
    }

    .home3 {
        padding: 1px 0 .5rem;
    }

    .home3 .container > .flex {
        flex-wrap: wrap;
    }

    .home3 .l-box {
        width: 100%;
        height: auto;
    }

    .home3 .l-box .img-wrap {
        width: 47%;
        margin: 0.72rem 0.42rem;
    }

    .home3 .l-box .text-wrap {
        width: 35%;
        margin: 0 .5rem 0 0;
    }

    .home3 .l-box .info {
        margin: .12rem 0 0;
    }

    .home3 .l-box .date {
        margin: .2rem 0 0;
    }

    .home3 .r-box {
        width: 100%;
        margin: 0;
    }

    .list3 {
        margin: .12rem 0 0;
    }

    .list3 li {
        padding: 0 !important;
    }

    .list3 li:last-child {
        border: none;
    }

    .list3 a {
        padding: 0 0 0 .1rem !important;
    }

    .list3 .title, .list3 .date {
        line-height: .75rem;
    }

    .list4 .date1::after {
        width: 80%;
        left: 10%;
    }

    .list4 .title {
        padding: 0 0 0 .15rem;
    }

    .home4 .slide-tag {
        display: none;
    }

    .home4 .slide-item {
        width: 100%;
        margin: .2rem 0 0;
    }

    .home4 .slide-item .r-box {
        padding: .2rem .2rem .1rem;
    }

    .home5 {
        padding: .3rem 0 0;
    }

    .home5 .container {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .home5 .container::before {
        display: none;
    }

    .home5 .l-box {
        width: 100%;
        padding: 0 4% .4rem;
    }

    .home5 .r-box {
        width: 100%;
        margin: 0;
    }

    .data-box .column {
        width: 100%;
        height: 1.6rem;
        margin: 0 !important;
    }

    .data-list li {
        width: 25%;
        height: 2.2rem;
    }

    .data-list .num {
        margin: .1rem 0 0;
        font-size: .32rem;
    }
}

@media screen and (max-width: 768px) {
    .news-swiper1 .text {
        padding: .3rem .2rem .2rem;
    }

    .news-swiper1 .pagination {
        bottom: .65rem;
        right: .25rem;
    }

    .news-swiper1 .title {
        font-size: .22rem;
    }

    .news-list a {
        padding: .22rem 0;
    }

    .news-list .title {
        padding: 0 0 0 .2rem;
    }

    .news-list .first .text {
        width: calc(100% - .9rem);
        padding: 0 0 0 .2rem;
    }

    .news-list .first a {
        padding: 0;
    }

    .news-list .first .date1 {
        width: .9rem;
        height: .9rem;
    }

    .news-list .first .date1 p:first-child {
        font-size: .28rem;
        line-height: .35rem;
    }

    .news-list .first .date1::before, .news-list .first .date1::after {
        top: .1rem;
        right: .1rem;
        width: .7rem;
        height: .7rem;
    }

    .pic-list {
        width: 100%;
    }

    .pic-list .img {
        padding: 62% 0 0 !important;
    }

    .pic-list .text {
        height: 2.5rem;
    }

    .list2 {
        width: 100%;
    }

    .list2 li {
        margin: .2rem 0 0 !important;
    }

    .list2 a {
        padding: .15rem;
    }

    .home3 .l-box {
        background: none;
    }

    .home3 .l-box .img-wrap {
        width: 100%;
        margin: 0;
    }

    .home3 .l-box .img-wrap .img-zoom {
        border-radius: 0;
    }

    .home3 .l-box .img {
        padding: 60% 0 0;
    }

    .home3 .l-box .text-wrap {
        width: 100%;
        margin: .18rem 0 .2rem;
    }

    .home4 .pic-list {
        width: 100%;
    }

    .home4 .list4 {
        width: 100%;
        margin: .25rem 0 0;
    }

    .home4 .slide-item .r-box {
        height: auto;
    }

    .home4 .slide-item .r-box::after {
        display: none;
    }

    .people-swiper .swiper-slide {
        align-items: flex-start;
    }

    .people-swiper .img-zoom {
        width: 2rem;
    }

    .people-swiper .text {
        width: calc(100% - 2rem);
        padding: 0 0 0 .15rem;
    }

    .people-swiper .info {
        height: .96rem;
        -webkit-line-clamp: 3;
    }

    .people-swiper .sub-title {
        margin: 0 0 .1rem;
    }

    .people-swiper .arrow {
        margin: .3rem 0 0;
    }
}

@media screen and (max-width: 520px) {
    .banner .img {
        padding: 55% 0 0;
    }

    .banner .pagination {
        bottom: .12rem;
    }

    .banner .pagination .swiper-pagination-bullet {
        margin: 0 5px !important;
        font-size: .17rem;
    }

    .banner .arrow {
        bottom: .15rem;
    }

    .banner .arrow > div {
        width: 40px;
        height: 34px;
        background-size: .18rem;
    }

    .column {
        margin: .25rem 0 .2rem !important;
        justify-content: space-between;
    }

    .column h3 img {
        width: .55rem;
        margin: 0 .1rem 6px 0;
    }

    .column .cn {
        font-size: .27rem;
        line-height: .28rem;
    }

    .column .en {
        font-size: .14rem;
    }

    .more {
        font-size: .16rem;
    }

    .more img {
        width: .18rem;
    }

    .news-swiper1 .img {
        padding: 70% 0 0;
    }

    .news-swiper1 .text {
        padding: .2rem .1rem .12rem;
    }

    .news-swiper1 .pagination {
        bottom: .48rem;
        right: .1rem;
    }

    .news-swiper1 .title {
        font-size: .2rem;
    }

    .news-swiper1 .date {
        margin: 0 0 6px;
        font-size: .17rem;
        line-height: .32rem;
    }

    .news-list .date {
        width: .7rem;
    }

    .news-list .title {
        width: calc(100% - .7rem);
    }

    .home1 {
        padding: 0 0 .2rem;
    }

    .pic-list .info {
        margin: .1rem 0 0;
    }

    .pic-list .text {
        height: auto;
        padding: .1rem .12rem .3rem;
    }

    .pic-list .date {
        margin: .2rem 0 0 !important;
    }

    .pic-list .icon {
        right: .25rem;
        bottom: .2rem;
    }

    .list2 .date {
        margin: .1rem 0 0;
    }

    .list3 .title {
        width: calc(100% - .55rem);
        font-weight: 500;
    }

    .home4 .slide-item {
        border: none;
        margin: 0;
    }

    .home4 .slide-item::after, .home4 .slide-item::before {
        display: none;
    }

    .home4 .slide-item .r-box {
        padding: 0;
    }

    .home4 .pic-list .text {
        padding: .15rem 0 0;
    }

    .home4 .pic-list .date {
        margin: .1rem 0 0 !important;
        background-image: url("../images/f_icon6.png");
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-color: transparent;
        background-size: auto;
    }

    .home4 .pic-list .icon::before, .home4 .pic-list .icon::after {
        display: none;
    }

    .home4 .list4 {
        margin: .15rem 0 0;
    }

    .people-swiper .swiper-slide {
        flex-wrap: wrap;
        justify-content: center;
    }

    .people-swiper .img-zoom {
        width: 2rem;
    }

    .people-swiper .text {
        width: 100%;
        padding: 0;
        margin: .1rem 0 0;
    }

    .people-swiper .title {
        font-size: .24rem;
        text-align: center;
    }

    .home5 .l-box {
        padding-bottom: .3rem;
    }

    .data-box .column {
        height: 1rem;
        padding: 0 4% 0 0;
    }

    .data-list li {
        width: 50%;
        height: 2rem;
    }

    .data-list .num {
        margin: 0;
    }
}

/*# sourceMappingURL=index.css.map */