*{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    color: #000;
    /* background-color: #524300;  */
    /* 鼠标悬停时的背景颜色 */
}

a:active {
    /* background-color: #524300;  */
    /* 点击后的背景颜色 */
    color: #000;
}

a:hover {
    text-decoration: underline;
    color: #e9381c;
    /* background-color: #524300;  */
    /* 鼠标悬停时的背景颜色 */
}

h4,p{
    text-align: justify;
    /* font-family: "宋体"; */
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html, body{
    box-sizing: border-box;
    width: 100vw;
    min-width: 1000px;                                                                                                                                                                           
    height: auto;
    overflow-x: hidden;
}

.main-all{
    position: relative;
    width: 100vw;
    min-width: 1000px;
    height: auto;
    margin: 0 auto;
}

/* banner */
.main-banner{
    position: relative;
    width: 100vw;
    height: 600px;
    margin: 0 auto;
    min-width: 1000px;
    background: url(//x0.ifengimg.com/ucms/special/images/00D44D9B875B9077E34524D4B9937CF0.jpg) no-repeat center top;
}


.main-con{
    width: 100vw;
    min-width: 1000px;
    height: 4575px;
    margin: 0 auto;
    background: url(//x0.ifengimg.com/ucms/special/images/3CE3762DB9120EEF73B1BDEAB3BFA36B.jpg) no-repeat center top;
    /* background: url(../img/bgm1.jpg) no-repeat center top,
        url(../img/bgm2.jpg) no-repeat center 580px,
        url(../img/bgm3.jpg) no-repeat center 1228px; */
}

/* .title{
    width: 967px;
    height: 116px;
    padding-top: 58px;
    margin: 0 auto;
} */

/* one */
.main-one{
    position: relative;
    width: 100%;
    height: 690px;
    padding-top: 44px;
    margin: 0 auto;
    /* background: url(../img/bgm1.jpg) no-repeat center top; */
}

.main-one .title{
    width: 944px;
    height: 71px;
    margin: 0 auto 4px;
}

.one-con{
    width: 944px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.one-con .one-img{
    width: 880px;
    height: 448px;
    margin: 25px auto 0;
}

.one-con .one-link{
    width: 880px;
    height: 110px;
    margin: 0 auto;
    overflow: hidden;
}

.one-con .one-link a{
    text-decoration: none;
    color: #000;
}

.one-con .one-link a p{
    text-indent: 2em;
    font-size: 20px;
    line-height: 34px;
    padding: 12px 8px;
    text-align: justify;
    transition: 0.2s;
}

.one-con .one-link a:hover p{
    text-decoration: underline;
    color: #e9381c;
    transition: 0.2s;
}


/* two */
.main-two{
    position: relative;
    width: 100%;
    height: 1100px;
    padding-top: 24px;
    margin: 0 auto;
    /* background: url(../img/bgm1.jpg) no-repeat center top; */
}

.main-two .title{
    width: 944px;
    height: 71px;
    margin: 0 auto 4px;
}

.two-con{
    width: 944px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.two-con .two-list:nth-child(1){
    width: 944px;
    height: 398px;
    margin: 0 auto 27px;
    overflow: hidden;
}

.two-con .two-list:nth-child(1)>div{
    width: 888px;
    height: 356px;
    margin: 21px auto 0;
}

.two-con .two-list:nth-child(1) .list-box>div{
    float: left;
}

.two-con .two-list:nth-child(1) .list-box>div+div{
    float: right;
}

.two-con .two-list:nth-child(1) .two-img{
    width: 526px;
    height: 356px;
    /* margin: 25px auto 0; */
}

.two-con .two-link{
    width: 330px;
    height: 356px;
}

.two-con .two-link a{
    text-decoration: none;
    color: #000;
}

.two-con .two-link a p{
    text-indent: 2em;
    font-size: 20px;
    line-height: 34px;
    padding: 12px 8px;
    text-align: justify;
    transition: 0.2s;
}

.two-con .two-link a:hover p{
    text-decoration: underline;
    color: #e9381c;
    transition: 0.2s;
}

.two-con .two-list:nth-child(2){
    width: 944px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
}

.two-con .two-list:nth-child(2)>div{
    float: left;
    width: 450px;
    height: 450px;
    margin: 150px auto 0;
}

.two-con .two-list:nth-child(2)>div+div{
    float: right;
}

.two-con .two-list:nth-child(2) .two-img{
    width: 394px;
    height: 244px;
    margin: 20px auto 10px;
    overflow: hidden;
}

.two-con .two-list:nth-child(2) .two-link{
    width: 394px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}


/* three */
.main-three{
    position: relative;
    width: 100%;
    height: 1093px;
    padding-top: 29px;
    margin: 0 auto;
    /* background: url(../img/bgm1.jpg) no-repeat center top; */
}

.main-three .title{
    width: 944px;
    height: 71px;
    margin: 0 auto 4px;
}

.three-con{
    width: 944px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.three-con .three-list:nth-child(1){
    width: 944px;
    height: 398px;
    margin: 0 auto 19px;
    overflow: hidden;
}

.three-con .three-list:nth-child(1)>div{
    width: 888px;
    height: 356px;
    margin: 21px auto 0;
}

.three-con .three-list:nth-child(1) .list-box>div{
    float: left;
}

.three-con .three-list:nth-child(1) .list-box>div+div{
    float: right;
}

.three-con .three-list:nth-child(1) .three-img{
    width: 526px;
    height: 356px;
    /* margin: 25px auto 0; */
}

.three-con .three-link{
    width: 330px;
    height: 356px;
}

.three-con .three-link a{
    text-decoration: none;
    color: #000;
}

.three-con .three-link a p{
    text-indent: 2em;
    font-size: 20px;
    line-height: 34px;
    /* padding: 12px 8px; */
    text-align: justify;
    transition: 0.2s;
}

.three-con .three-link a:hover p{
    text-decoration: underline;
    color: #e9381c;
    transition: 0.2s;
}

.three-con .three-list:nth-child(2){
    width: 944px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
}

.three-con .three-list:nth-child(2)>div{
    float: left;
    width: 450px;
    height: 450px;
    margin: 150px auto 0;
}

.three-con .three-list:nth-child(2)>div+div{
    float: right;
}

.three-con .three-list:nth-child(2) .three-img{
    width: 394px;
    height: 244px;
    margin: 20px auto 10px;
    overflow: hidden;
}

.three-con .three-list:nth-child(2) .three-link{
    width: 394px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

/* four */
.main-four{
    position: relative;
    width: 100%;
    height: 668px;
    padding-top: 80px;
    margin: 0 auto;
    /* background: url(../img/bgm1.jpg) no-repeat center top; */
}

.main-four .title{
    width: 944px;
    height: 71px;
    margin: 0 auto 4px;
}

.four-con{
    width: 944px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.four-con .four-video{
    width: 796px;
    height: 448px;
    margin: 26px auto 0;
    border-radius: 30px;
}

.four-con .four-video .swiper-slide{
    width: 796px;
    height: 448px;
    text-align: center;
}

.four-con .four-video .swiper-slide .slide-title{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 3px;
    /* background-color: rgba(0, 0, 0, 0.3); */
}

.four-con .four-video .swiper-slide .slide-title p{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.four-con .four-video .swiper-slide video{
    box-sizing: border-box;
    border: 4px solid #fff;
    width: 700px!important;
    height: 394px!important;
    border-radius: 30px;
    margin-top: 40px;
}

.four-con .four-video .toggle{
    margin-top: -10px;
}

.four-con .four-link{
    width: 796px;
    height: 110px;
    margin: 0 auto;
    overflow: hidden;
}

.four-con .four-link p{
    text-indent: 2em;
    font-size: 20px;
    line-height: 34px;
    /* padding: 12px 8px; */
    text-align: justify;
    transition: 0.2s;
    padding: 16px 4px;
    cursor: default;
}

/* five */
.main-five{
    position: relative;
    width: 100%;
    height: 668px;
    padding-top: 71px;
    margin: 0 auto;
    /* background: url(../img/bgm1.jpg) no-repeat center top; */
}

.main-five .title{
    width: 944px;
    height: 71px;
    margin: 0 auto 4px;
}

.five-con{
    width: 944px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.five-con .five-swiper{
    width: 944px;
    height: 630px;
    margin: 0 auto;
    overflow: hidden;
}

.five-con .five-swiper .swiper-slide{
    width: 944px;
    height: 630px;
    overflow: hidden;
    border-radius: 30px;
}

.five-con .five-swiper .swiper-slide img{
    width: 944px;
    height: 630px;
    box-sizing: border-box;
    border: 4px solid #fff;
    border-radius: 30px;
    margin-left: 50%;
    transform: translateX(-50%);
    /* margin-top: 50%;
    transform: translateY(-50%); */
}