*{
    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: 100%;
    min-width: 1000px;                                                                                                                                                                           
    height: auto;
    overflow-x: hidden;
}

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

/* banner */
.main-banner{
    position: relative;
    width: 100%;
    height: 660px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
    background: url(../img/banner.jpg) no-repeat center top/auto 100%;
}


.main-con{
    width: 100%;
    min-width: 1000px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

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

.main-one .main-title{
    position: relative;
    width: 100%;
    height: 200px;
    margin: 0 auto 20px;
}

.main-one .one-con{
    position: relative;
    width: 950px;
    height: 780px;
    margin: 0 auto;
}

.main-one .one-con .one-img{
    width: 100%;
    height: 307px;
    margin: 0 auto 15px;
}

.main-one .one-con .one-msg{
    position: relative;
    width: 100%;
    height: 458px;
    margin: 0 auto;
    overflow: hidden;
}

.main-one .one-con .one-msg .msg-title{
    width: 100%;
    height: 110px;
    margin: 44px auto 20px;
    text-align: center;
}

.main-one .one-con .one-msg .msg-con{
    width: 870px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.main-one .one-con .one-msg .msg-con a p:hover{
    color: #e9381c;
}

.main-one .one-con .one-msg .msg-con a p{
    font-size: 24px;
    line-height: 46px;
    color: #000;
    text-align: justify;
}

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

.main-two .main-title{
    position: relative;
    width: 100%;
    height: 200px;
    margin: 0 auto 98px;
    overflow: hidden;
}

.main-two .two-con{
    position: relative;
    width: 960px;
    height: 900px;
    margin: 0 auto;
}

.main-two .two-con .two-msg{
    position: relative;
    width: 100%;
    height: 236px;
}

.main-two .two-con .two-msg+.two-msg{
    width: 100%;
    height: 236px;
    margin: 64px auto 0;
}


.main-two .two-con .two-msg .msg-title{
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 43px;
}

.main-two .two-con .two-msg .msg-title a{
    color: #fff;
    text-decoration: none;
}

.main-two .two-con .two-msg .msg-title a p{
    font-size: 24px;
    line-height: 42px;
    padding: 0 10px;
    color: #fff;
    text-align: justify;
    background-color: #2686dc;
}

.main-two .two-con .two-msg .msg-title:hover a p{
    color: #e9381c;
    text-decoration: underline;
}


/* three */
.main-three{
    position: relative;
    width: 100%;
    height: 1700px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/bgm3.jpg) no-repeat center top;
    overflow: hidden;
}

.main-three .main-title{
    position: relative;
    width: 100%;
    height: 200px;
    margin: 30px auto 93px;
    overflow: hidden;
}

.main-three .three-con{
    position: relative;
    width: 936px;
    height: auto;
    /* height: 1320px; */
    margin: 0 auto;
    overflow: hidden;
}

.main-three .three-con .three-list{
    position: relative;
    width: 100%;
    height: 300px;
    margin: 34px auto 0;
}

.main-three .three-con .three-list+.three-list{
    position: relative;
    width: 100%;
    height: 300px;
    margin: 48px auto 0;
}

.main-three .three-con .three-list>div{
    float: left;
}

.main-three .three-con .three-list>div+div{
    float: right;
}

.main-three .three-con .three-list .list-video{
    width: 373px;
    height: 210px;
}

.main-three .three-con .three-list .list-video video{
    width: 373px;
    height: 210px;
}

.main-three .three-con .three-list .list-video video{
    width: 373px;
    height: 210px;
}

.main-three .three-con .three-list:nth-child(2) .list-video{
    width: 168px;
    height: 300px;
    margin-right: 190px;
}

.main-three .three-con .three-list:nth-child(2) .list-video video{
    width: 168px;
    height: 300px;
}

.main-three .three-con .three-list .list-msg{
    width: 468px;
    /* height: 150px; */
    margin-top: 74px;
}

.main-three .three-con .three-list .list-msg a{
    color: #000;
    text-decoration: none;
}

.main-three .three-con .three-list .list-msg a p{
    font-size: 23px;
    line-height: 36px;
    color: #000;
    text-align: justify;
}

.main-three .three-con .three-list .list-msg:hover a p{
    color: #e9381c;
    text-decoration: underline;
}

/* four */
.main-four{
    position: relative;
    width: 100%;
    height: 1480px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/bgm4.jpg) no-repeat center top;
    overflow: hidden;
}

.main-four .main-title{
    position: relative;
    width: 100%;
    height: 200px;
    margin: 30px auto 89px;
    overflow: hidden;
}

.main-four .four-con{
    position: relative;
    width: 938px;
    height: auto;
    /* height: 1320px; */
    margin: 0 auto;
    overflow: hidden;
}

.main-four .four-con .four-list{
    position: relative;
    width: 938px;
    height: 195px;
    /* height: 1320px; */
    margin: 0 auto 25px;
    overflow: hidden;
}

.main-four .four-con .four-list>div{
    float: left;
}

.main-four .four-con .four-list .list-img{
    width: 430px;
    height: 195px;
}

.main-four .four-con .four-list .list-msg{
    width: 480px;
    height: 91px;
    margin-top: 98px;
}

.main-four .four-con .four-list .list-msg a{
    text-decoration: none;
}

.main-four .four-con .four-list .list-msg a p{
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}

.main-four .four-con .four-list .list-msg a p:hover{
    color: #e9381c;
    text-decoration: underline;
}

/* five */
.main-five{
    position: relative;
    width: 100%;
    height: 1366px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/bgm5.jpg) no-repeat center top;
    overflow: hidden;
}

.main-five .main-title{
    position: relative;
    width: 100%;
    height: 200px;
    margin: 0 auto 93px;
    overflow: hidden;
}

.main-five .five-con{
    position: relative;
    width: 935px;
    height: auto;
    /* height: 1320px; */
    margin: 0 auto;
    overflow: hidden;
}

.main-five .five-con .five-list{
    position: relative;
    width: 935px;
    height: 377px;
    /* height: 1320px; */
    margin: 0 auto 53px;
    overflow: hidden;
}

.main-five .five-con .five-list>div{
    float: left;
}

.main-five .five-con .five-list .list-img{
    width: 493px;
    height: 377px;
    margin-right: 7px;
}

.main-five .five-con .five-list .list-msg{
    width: 432px;
    height: 377px;
}

.main-five .five-con .five-list .list-msg .msg-title{
    width: 432px;
    height: 56px;
    margin-bottom: 10px;
}

.main-five .five-con .five-list .list-msg .msg-link{
    width: 432px;
    height: 59px;
    margin-bottom: 8px;
}

.main-five .five-con .five-list .list-msg .msg-link .link-box{
    box-sizing: border-box;
    position: relative;
    width: 213px;
    height: 59px;
    float: left;
    transition: .3s;
    border: 2px solid #fdc300;

}

.main-five .five-con .five-list .list-msg .msg-link .link-box:hover{
   border: 4px solid #ff6f33;
}

.main-five .five-con .five-list .list-msg .msg-link .link-box a{
    position: relative;
    display: block;
    width: 213px;
    height: 59px;
    float: left;
}

@keyframes sc {
  0% {transform:scale(0.9);}
  70% {transform:scale(1);}
  100% {transform:scale(1.1);}
}

.main-five .five-con .five-list .list-msg .msg-link .link-box a .link-cur{
    position: absolute;
    left: 14px;
    top: 14px;
    width: 31px;
    height: 31px;
    background: url(../img/jt.png) no-repeat center center;
    background-size: cover;
    animation: sc 0.4s ease-in-out infinite alternate;
}



.main-five .five-con .five-list .list-msg .msg-link .link-box+.link-box{
    margin-left: 6px;
}

.main-five .five-con .five-list .list-msg .msg-video{
    width: 432px;
    height: 243px;
}

.main-five .five-con .five-list .list-msg .msg-video video{
    width: 432px;
    height: 243px;
}


.main-five .five-con .five-list .list-title{
    width: 935px;
    height: 57px;
    margin-bottom: 9px;
}

.main-five .five-con .five-list .list-img{
    width: 493px;
    height: 310px;
    margin-right: 7px;
}

.main-five .five-con .five-list .list-msg{
    width: 432px;
    height: 310px;
}

.main-five .five-con .five-list .list-msg .msg-title{
    width: 432px;
    height: 56px;
    margin-bottom: 10px;
}

.main-five .five-con .five-list .list-msg .msg-link{
    width: 432px;
    height: 59px;
    margin-bottom: 8px;
}