/* 第一屏 */
.first {
    background-color: #d2d2d3;
}

.first .center {
    position: absolute;
    top: 20vh;
    left: 13.49vw;
}

.first .left {
    float: left;
    margin-right: 15vw;
    /* position: absolute;
    top: 20vh;
    left: 13.49vw; */
}

.first .left p:nth-child(1){
    font-size: 3.125vw;
    font-weight: bold;
    color: #212734;
}

.first .left p:nth-child(2){
    font-size: 1.25vw;
    font-weight: bold;
    color: #313131;
}

.first .left p:nth-child(3){
    width: 0.208vw;
	height: 3.125vw;
    background-color: #1189eb;
    margin: 1.306vw 0 2.304vw;
}

.first .left p:nth-child(4){
    width: 18.177vw;
    font-size: 0.729vw;
    letter-spacing: 0.036vw;
    color: #666666;
}

.first .left p:nth-child(5){
    font-size: 1.25vw;
    font-weight: bold;
    color: #313131;
    margin-top: 7.083vw;
}

.first .left p:nth-child(6){
    font-size: 0.938vw;
    font-weight: bold;
    color: #313131;
}

.first .right {
    float: right;
    width: 28vw;
    height: 42vh;
    margin-top: 15vh;
}

.first .right img {
    width: 100%;
    height: 100%;
}

/* 第二屏 */

.second {
    width: 100vw;
    height: 100vh;
    padding: 0 12.542vw 0 13.542vw;
}

.second .textLeft, .second .imgRight {
    float: left;
    width: 40%;
    height: 100vh;
    overflow: hidden;
}

.second .imgRight {
    width: 60%;
}

/* 左侧 */

/* 文字轮播部分 */

.parent {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
}

.textItem {
    float: left;
    height: 100%;
    padding-top: 25vh;
    box-sizing: border-box;
}

.second .textItem>p:nth-child(1) {
    font-family: MicrosoftYaHeiLight;
    font-size: 1.458vw;
    color: #313131;
}

.second .textItem>p:nth-child(2) {
    font-family: MicrosoftYaHei;
    font-size: 0.729vw;
    color: #00a0e9;
    line-height: 2.5vw;
}

.second .textItem>p:nth-child(3) {
    width: 10.417vw;
    height: 0.208vw;
    background-color: #1189eb;
    margin: 1vw 0 4.323vw;
}

.second .textItem>p:nth-child(4) {
    width: 37.8vw;
    font-family: MicrosoftYaHei-Bold;
    font-size: 1.875vw;
    font-weight: bold;
    /* line-height: 3.8vw; */
    color: #333333;
    padding: 0;
    margin: 0;
}

/* .second .textItem>p:nth-child(5) {
	font-size: 0.938vw;
	font-weight: bold;
	line-height: 2.5vw;
	color: #1989fa;
} */

.second .textItem>div {
    margin-top: 0.5vw;
}

.second .textItem>div p:nth-child(1) {
    font-family: MicrosoftYaHei;
    font-size: 0.938vw;
    font-weight: bold;
    color: #1989fa;
    vertical-align: middle;
}

.second .textItem>div p:nth-child(2) {
    width: 24.5vw;
    font-family: MicrosoftYaHei;
    font-size: 0.729vw;
    color: #666666;
    margin: 3% 0 4vw;
}

.second .textItem>div a {
    display: inline-block;
    box-sizing: border-box;
    width: 7.292vw;
    height: 2.292vw;
    font-size: 0.833vw;
    font-weight: bold;
    line-height: 2.292vw;
    text-align: center;
    background-color: #1989fa;
    transition: all 0.5s ease-in-out;
    border: 1px solid transparent;
}

.second .textItem>div a:hover {
    border: 1px solid #1989fa;
    background-color: #fff;
    color: #1989fa;
}

.swiper-button-prev::after, .swiper-button-next::after {
    display: none;
}

/* 左右切换 */

.btn1 {
    position: absolute;
    bottom: 20vh;
    right: 0;
    width: 8vw;
    padding: 0;
    background-color: pink;
}

.swiper-button-prev, .swiper-button-next {
    float: left;
    width: 2.813vw;
    height: 2.813vw;
    outline: none;
}

.swiper-button-prev img, .swiper-button-next img {
    width: 100%;
    height: 100%;
}

.myBullet {
    position: absolute;
    bottom: 10vh;
    left: 15vw;
}

.swiper-pagination-bullet {
    position: relative;
    width: 1vw;
    height: 1vw;
    border: solid 0.1vw #333333;
    background-color: transparent;
    margin: 0 0.3vw;
}

.swiper-pagination-bullet-active::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    display: inline-block;
    width: 0.5vw;
    height: 0.5vw;
    background-color: #333333;
    border-radius: 50%;
}

/* 叠层 */

.floor {
    position: absolute;
    top: 23vh;
    right: 13.3vw;
    width: 52vw;
    height: 7vw;
    background-color: #212734;
}

/* 右侧 */

.imgRight {
    overflow: hidden;
}

.second .imageItem {
    float: left;
    width: 30vw;
    height: 83vh;
    padding-top: 30vh;
    box-sizing: border-box;
}

.second .imgRight img {
    width: 100%;
    height: 100%;
}

/* 第三屏 */

.third {
    overflow: hidden;
}

.image_swiper {
    position: relative;
    float: left;
    width: 60vw;
    height: 100vh;
    box-sizing: border-box;
}

/* .image_swiper .swiper-slide {
    width: 100%;
    height: 100vh;
    padding: 10vh 0;
} */

.image_swiper img {
    width: 100%;
    height: 100%;
}

.text_swiper {
    position: relative;
    color: #fff;
    float: right;
    width: 40vw;
    height: 100vh;
    background-color: #212734;
    padding: 0 12.542vw 0 6.8vw;
}

.text_swiper .commonIntro {
    position: absolute;
    top: 20vh;
    left: 6vw;
}

.text_swiper .commonIntro p:nth-child(1) {
    font-family: MicrosoftYaHei;
    font-size: 1.458vw;
    font-weight: bold;
}

.text_swiper .commonIntro p:nth-child(2) {
    font-family: MicrosoftYaHeiLight;
    font-size: 0.729vw;
    font-weight: bold;
    margin: 3% 0 8% 0;
}

.text_swiper .commonIntro p:nth-child(3) {
    width: 10.417vw;
    height: 0.104vw;
    background-color: #ffffff;
}

.text_swiper .textContainer {
    position: absolute;
    top: 35vh;
    left: 6vw;
    width: 23vw;
    box-sizing: border-box;
    cursor: pointer;
}

.text_swiper .textContainer h3 {
    font-family: MicrosoftYaHeiLight;
    font-size: 1.3vw;
    font-weight: bold;
    margin-left: 0.1vw;
}

.text_swiper .textContainer p {
    width: 23vw;
    font-family: MicrosoftYaHei;
    font-size: 0.729vw;
    line-height: 1.563vw;
    margin-left: 0.1vw;
}

.text_swiper .detail {
    display: inline-block;
    width: 7.292vw;
    height: 2.292vw;
    font-family: MicrosoftYaHeiLight;
    font-size: 0.833vw;
    font-weight: bold;
    line-height: 2.292vw;
    text-align: center;
    margin-top: 3.4vw;
    border: solid 1px #ffffff;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    margin-left: 0.1vw;
}

.text_swiper .detail:hover {
    color: #212734;
    background-color: #ffffff;
}

.thirdNextBtn::after {
    display: none;
}

.btn2 {
    position: absolute;
    bottom: 15vh;
    left: 6vw;
    width: 8vw;
}

.btn2 img {
    width: 2.813vw;
    height: 2.813vw;
}

/* 第四屏第五屏 */

.fourth, .fifth {
    position: relative;
    background-color: #212734;
}

.fifth {
    background-color: #f4f4f4;
}

.fourth p:first-child, .fifth p:first-child {
    position: absolute;
    top: 15vh;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: MicrosoftYaHeiLight;
    font-size: 1.25vw;
    font-weight: bold;
    font-stretch: normal;
    color: #fff;
}

.fourth p:nth-child(2), .fifth p:nth-child(2) {
    position: absolute;
    top: 18vh;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: MicrosoftYaHei;
    font-size: 0.729vw;
    font-weight: bold;
    font-stretch: normal;
    color: #fff;
    box-sizing: border-box;
    margin: 2vh 0 4vh 0;
}

.fourth p:nth-child(3), .fifth p:nth-child(3) {
    position: absolute;
    top: 25vh;
    left: 50%;
    transform: translate(-50%, 0);
    width: 5.208vw;
    height: 0.104vw;
    background-color: #1189eb;
}

.fourth .introduce {
    position: absolute;
    bottom: 10vh;
    left: 0;
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 0.9vw;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
}

.fourth .introduce span {
    color: #1189eb;
    font-size: 1.6vw;
    font-weight: bold;
}

.fourth .map {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 53.3vw;
    height: 24.9vw;
    transform: translate(-50%, -50%);
}

.fourth .map img:first-child {
    width: 100%;
}

/* 地图point */

.icon {
    position: absolute;
    width: 2.5vw;
    height: 3vw;
    cursor: pointer;
}

.fourth .map div:nth-child(2) {
    top: 25%;
    left: 25%;
}

.fourth .map div:nth-child(2)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '新疆';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(2):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(3) {
    top: 40%;
    left: 35%;
}

.fourth .map div:nth-child(3)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '青海';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(3):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(4) {
    top: 45%;
    left: 50%;
}

.fourth .map div:nth-child(4)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '甘肃';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(4):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(5) {
    top: 32%;
    left: 52%;
}

.fourth .map div:nth-child(5)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '宁夏';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(5):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(6) {
    top: 52%;
    left: 55%;
}

.fourth .map div:nth-child(6)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '陕西';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(6):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(7) {
    top: 35%;
    left: 58%;
}

.fourth .map div:nth-child(7)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '山西';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(7):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(8) {
    bottom: 14%;
    left: 61%;
}

.fourth .map div:nth-child(8)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '广西';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(8):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(9) {
    bottom: 25%;
    right: 30%;
}

.fourth .map div:nth-child(9)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '湖南';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(9):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(10) {
    bottom: 40%;
    right: 27%;
}

.fourth .map div:nth-child(10)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '湖北';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 9999;
}

.map div:nth-child(10):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(11) {
    bottom: 58%;
    right: 25%;
}

.fourth .map div:nth-child(11)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '河北';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(11):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(12) {
    bottom: 50%;
    right: 23%;
}

.fourth .map div:nth-child(12)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '河南';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(12):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(13) {
    bottom: 40%;
    right: 18%;
}

.fourth .map div:nth-child(13)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '安徽';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(13):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(14) {
    top: 20%;
    right: 17%;
}

.fourth .map div:nth-child(14)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '辽宁';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(14):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(15) {
    top: 32%;
    right: 14%;
}

.fourth .map div:nth-child(15)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '山东';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(15):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(16) {
    top: 12%;
    right: 10%;
}

.fourth .map div:nth-child(16)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '黑龙江';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(16):hover::after {
    display: inline-block;
}

.fourth .map div:nth-child(17) {
    bottom: 18%;
    right: 7%;
}

.fourth .map div:nth-child(17)::after {
    position: absolute;
    top: -10%;
    right: -100%;
    content: '台湾';
    background-color: #fff;
    border: 1px solid #1189eb;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.1vw 0.5vw;
    font-size: 0.9vw;
    color: #1189eb;
    display: none;
    z-index: 999;
}

.map div:nth-child(17):hover::after {
    display: inline-block;
}

.fourth .map div img {
    width: 100%;
    height: 100%;
}

/* 地图动画控制 */

.fourth .map .icon:nth-of-type(2n) {
    animation-duration: 0.75s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: map_points;
}

.fourth .map .icon:nth-of-type(3n) {
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: map_points;
}

.fourth .map .icon:nth-of-type(4n) {
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: map_points;
}

@keyframes map_points {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

/* 第五屏 */

.fifth .news {
    position: absolute;
    top: 60vh;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0;
}

.fifth .news li {
    display: inline-block;
    padding: 0;
    height: 40vh;
    box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    background-color: #fff;
}

.fifth .news .newsHead {
    width: 100%;
    height: 20vh;
    transition: all 0.45s ease-in-out;
}

.fifth .news .newsHead img {
    width: 100%;
    height: 100%;
}

.fifth .news .newsHead div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 20vh;
    transition: all 0.45s ease-in-out;
}

.fifth .news .newsHead div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.333vw;
    height: 3.281vw;
    display: none;
    transition: all 0.45s ease-in-out;
}

.fifth .news li:hover .newsHead div {
    background-color: #0d8fea;
    opacity: 0.7;
}

.fifth .news li:hover .newsHead div img {
    display: block;
}

.fifth .news li .newsBody {
    height: 20vh;
    padding: 0 1vw 2vw;
    text-align: center;
    box-sizing: border-box;
}

/* .fifth .news li:hover .newsBody {
    position: absolute;
    top: -24%;
    left: 0;
    padding: 2vw 1.5vw 2vw;
    background-color: #0d8fea;
    opacity: 0.7;
} */

/* .fifth .news li:hover .newsBody span {
    color: #fff;
} */

.fifth .news .newsBody span:first-child {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 0.9vw;
    font-weight: bold;
    line-height: 2.5vw;
    color: #313131;
    margin-top: 0.5vw;
}

.fifth .news .newsBody span:nth-child(2) {
    display: block;
    margin: 0 auto 6%;
    width: 7.3vw;
    height: 0.1vw;
    background-color: #1189eb;
}

.fifth .news .newsBody span:last-child {
    display: block;
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 0.7vw !important;
    color: #666666;
    line-height: 1.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.fifth .more {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 9.375vw;
    height: 2.292vw;
    line-height: 2.292vw;
    text-align: center;
    box-sizing: border-box;
    border: solid 0.104vw #0d8fea;
    cursor: pointer;
    color: #0d8fea;
    font-size: 0.938vw;
    font-weight: bold;
    transition: all 0.3s linear;
}

.fifth .more:hover {
    color: #fff;
    background-color: #0d8fea;
}