.main1 .titlebox{
    border-top: 2rem solid #e83f27; 
    color: #fff;
}
.main1 .titlebox span{
    display: block;
    height: 8rem;
    line-height: 6rem; 
    width: 48rem;
    text-align: center;
    background: #e83f27; 
}
.main1 .swiper1{
    margin-top: 4rem ;
    margin-bottom: 3rem;
} 
.main1 .flexbox{ 
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.main1 .flexbox .box{
    width: 32%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.main1 .flexbox .box .pic{
    overflow: hidden;
    max-height: 36.2vw;
}
.main1 .flexbox .box:hover .bg{
    transform: scale(1.1);
} 
.main1 .flexbox .box .info{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.9) 100%);
    padding: 3.4rem 2.5rem;
    box-sizing: border-box;
    color: #FFFFFF;
    transition: all 0.5s ease 0s;
    opacity: 0;
}
.main1 .flexbox .box:hover .info{
    opacity: 1;
}
.main1 .flexbox .box .info>div{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}
.main1 .flexbox .box .info h3{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 3.6rem;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.main1 .flexbox .box .info p{
    font-size: 2rem;
    line-height: 3rem;
    margin: 2rem 0;
}
.main1 .flexbox .box .info .btn{
    line-height: 4.2rem;
    background: #E93F27;
    display: inline-block;
    font-size: 1.8rem;  
    padding: 0 4rem;
}
.main1 .more{
    border-top: 0.8rem solid #e83f27; 
    display: flex;
    cursor: pointer;
    justify-content: flex-end;
}
.main1 .more span{
    color: #fff;
    display: flex; 
    line-height: 3rem; 
    padding-bottom: 0.8rem;
    width: 40rem;
    text-align: center;
    background: #e83f27; 
    justify-content: center;
    align-items: center;
    font-size: 2rem; 
}
.main1 .more span img{
    width: 2.7rem;
    display: block;
    margin-left: 1.7rem;
}
.main1 .more span:hover img{ 
    animation: slideToRight 1s linear infinite;
}
.main2 .flexbox{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.main2 .flexbox .videobox{
    width: 60%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.main2 .flexbox .videobox::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.77); 
}
.main2 .flexbox .videobox .play{
    width: 4.7rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}
.main2 .flexbox .pdfbox{
    width: 40%; 
    background: #F0EFEF;
    height: 39rem;
    text-align: center;
}
.main2 .flexbox .pdfbox h3{
    font-size: 3.0rem; 
    font-weight: bold;
    color: #000000;
    line-height: 4.5rem;
    padding: 2.8rem 0 1rem;
}
.main2 .flexbox .pdfbox p{
    font-size: 1.6rem;
    color: #000000;
    line-height: 2.4rem;
}
.main2 .flexbox .pdfbox .pic{
    width: 33rem;
    display: block;
    margin: 0.7rem auto 0.3rem;
}
.main2 .flexbox .pdfbox .btn{
    line-height: 4.2rem;
    background: #FFE8E6;
    display: inline-block;
    font-size: 1.8rem;  
    padding: 0 4rem;
    color: #E83F27;
    transition: all 0.5s ease 0s;

}
.main2 .flexbox .pdfbox:hover .btn{
    color: #fff;
    background: #E93F27;
    box-shadow: 0px 2px 15px 0px rgba(233,63,39,0.46);
}

.main2-1 .flexbox{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 52.6rem;
    background: #FBF9F9;
    overflow: hidden;
}
.main2-1 .flexbox .titlebox{
    width: 23%;
    height: 100%; 
    background: #E83F27;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.main2-1 .flexbox .titlebox .firsti{ 
    width: 75%; 
    position: absolute;
    right: 0;
    top: 30%; 
}
.main2-1 .flexbox .titlebox .lasti{
    width: 75%; 
    position: absolute;
    left: 0;
    bottom: 33.65%; 
}
.main2-1 .flexbox .textbox{
    width: 77%;
    position: relative;
    box-sizing: border-box;
    padding: 3rem 3.5rem ;
    height: 100%;
    border-bottom: 0.8rem solid #e83f27; 
}
.main2-1 .flexbox .textbox h3{
    font-size: 3.0rem;
    color: #333333;
    line-height: 4.2rem;
    text-align: center;
    margin-bottom: 1.3rem;
}
.main2-1 .flexbox .textbox .txt{
    font-size: 1.8rem; 
color: #333333;
line-height: 3.0rem;
max-height: calc(100% );
overflow: auto;
padding-right: 3rem;
text-indent: 2em;
}
.main2-1 .flexbox .textbox .authortxt{ 
    text-align: right;
    margin: 1.8rem 0 1.7rem;
    font-weight: bold;
}  
.main3{
    background: url(../images/index/bg3.jpg) center no-repeat;
    background-size: cover;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.main3 .titlebox p{
    border-bottom: 0.7rem solid #E83F27;
    margin-top: 2rem;
}
.main3 .titlebox p span{
    display: block;
    width: 20rem;
    height: 1.3rem;
    background: #E83F27;
}
.main3 .titlebox{
    color: #fff;
    width: 32.86%; 
    margin-left: 67.14%;
    margin-bottom: 8.6rem;
}
.main3 .flexbox{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main3 .flexbox .box{
    width: 23%;
    position: relative;
    overflow: hidden;
    display: block;
    margin-right: 2.2rem;
} 
.main3 .flexbox .box .info{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.5s ease 0s;
}
.main3 .flexbox .box .info h3{
    font-size: 3.0rem; 
    font-weight: bold;
    color: #FFFFFF;
    line-height: 4.5rem;
    margin: 2.3rem 0; 
}
.main3 .flexbox .box .info p{
    width: 65%; 
    display: none;
    border-bottom: 0.7rem solid #fff; 
    margin-right: 35%;
}
.main3 .flexbox .box:hover .info {
    background: #E83F27;
}
.main3 .flexbox .box:hover .info p{
    display: block;
}
.main3 .flexbox .box .info p  i{
    display: block;
    width: 40%;
    height: 1.3rem;
    margin-left: 60%;
    background: #fff;
}
.main3 .flexbox .box .info .more{
    width: 2.7rem;
    margin-bottom: 1rem;
    display: none;
}
.main3 .flexbox .box:hover .info .more{
    display: block;
    animation: slideToRight 1s linear infinite; 
}
.main4 .titlebox{
    position: absolute;
    left: 0;
    top: 5.2rem;
    color: #fff;
    text-align: right;
    width: 27.24%;   
    z-index: 1;
}
.main4 .titlebox p{
    border-bottom: 0.7rem solid #E83F27; 
    margin-bottom: 2rem;
}
.main4 .titlebox p span{
    display: block;
    width: 5em;
    margin-left: calc(100% - 5em);
    height: 2.2rem;
    background: #E83F27;
}
.main4 .author{
    position: absolute;
    bottom: -0.1rem;
    right: 0;
    width: 31.98%;
    border-bottom: 0.8rem solid #e83f27;  
}
.main4 .author span{
    color: #fff;
    display: flex;
    padding-top: 0.8rem;
    line-height: 4.3rem; 
    width: 55%;
    text-align: center;
    background: #e83f27; 
    justify-content: center;
    align-items: center;
    font-size: 2.4rem; 
}
.main5 .flexbox{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 2.7rem;
}
.main5 .flexbox .pic{
    width: 49.6%;
}
.main5 .author{
    position: absolute;
    bottom: -0.1rem;
    right: 0;
    width: 90%;
    border-bottom:2rem solid #e83f27;  
    display: flex;
    justify-content: flex-end;
}
.main5 .author span{
    color: #fff;
    display: flex;
    padding-top:2rem;
    line-height: 7rem; 
    width: 43%;
    text-align: center;
    background: #e83f27; 
    justify-content: center;
    align-items: flex-end;
    font-size: 5rem;
} 
.main5 .author span text{
    font-size: 3rem; 
    line-height: 5rem;
    margin-left: 1rem;
}
.main6{
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: #FBF9F9;
    margin-bottom: 0;
}
.main6 .titlebox{
    text-align: center;
    margin-bottom: 2.5rem;
}
.main6 .titlebox p:first-child{
    border-bottom: 0.1rem solid #E83F27;  
    width: 29%;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto 2rem;
    margin-right: 48%;
}
.main6 .titlebox p:last-child{
    border-top: 0.1rem solid #E83F27; 
    margin:2rem auto 0;
    width:27% ;
    margin-left: 50%;
}
.main6 .titlebox p span{
    display: block;
    width: 40%; 
    height: 2rem;
    background: #E83F27;
}
.main6 .flexbox{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.main6 .flexbox .box{
    width: calc(25% - 0.45rem);
    margin:2.5rem 0.6rem 2.5rem 0;
    text-align: center;
    cursor: pointer;
}
.main6 .flexbox .box:nth-child(4n){
    margin-right: 0;
}
.main6 .flexbox .box h3{
    font-size: 2.4rem;
    color: #000000;
    line-height: 3.3rem;
}
.main6 .flexbox .box p{
    font-size: 1.8rem;
color: #000000;
line-height: 2.5rem;
}
.main6 .flexbox .box .btn{
    line-height: 3.8rem;
    background: #FFE8E6;
    display: inline-block;
    font-size: 1.8rem;  
    padding: 0 2.2rem;
    color: #E83F27;
    transition: all 0.5s ease 0s;
margin-top: 2.4rem;
}
.main6 .flexbox .box:hover .btn{
    color: #fff;
    background: #E93F27;
    box-shadow: 0px 2px 15px 0px rgba(233,63,39,0.46);
}
@media screen and (max-width:750px) {
    
.main1 .titlebox{
    border-top: 1.5rem solid #e83f27;  
}
.main1 .titlebox span{
    display: block;
    height: 4.5rem;
    line-height: 3rem; 
    width: 35%;
}
.main1 .swiper1{
    width: 100vw;  
    position: relative;
    margin: 3rem 0;
}  
.main1 .flexbox .box{
    box-shadow: 0px 0px 4rem 0px rgba(0,0,0,0.2);
}
.main1 .flexbox .box .pic{
    max-height: 90vw;
}
.main1 .flexbox .box .info{
    position: relative;
    background: #fff;
    padding: 2rem 2rem 3rem;
    box-sizing: border-box;
    color: #4B4B4B; 
    opacity: 1;
}  
.main1 .flexbox .box .info h3{
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 3.6rem;
    height: 7.2rem;
}
.main1 .flexbox .box .info p{
    font-size: 2.2rem;
    line-height: 3rem;
    margin: 2rem 0;
}
.main1 .flexbox .box .info .btn{
    line-height: 4.2rem;
    background: #E93F27;
    display: inline-block;
    font-size: 2.4rem;  
    color: #fff;
    padding: 0 4rem;
}
.main1 .more{
    width: 100vw;
    margin:0;
    border-top: 1rem solid #e83f27;  
}
.main1 .more span{
    line-height: 4rem; 
    padding-bottom: 1rem;
    width: 30%;
    font-size: 2.4rem; 
} 
.main2 .flexbox{
    display:block;
}
.main2 .flexbox .videobox{
    width: 100%; 
} 
.main2-1 .flexbox{
    display:block;
    height: auto;
}
.main2-1 .flexbox .titlebox{
    width: 100%;
    height: 15.6rem; 
}
.main2-1 .flexbox .titlebox .firsti{ 
    width: 70%; 
    top: 15%; 
}
.main2-1 .flexbox .titlebox .lasti{
    width: 60%; 
    bottom: 15%; 
}
.main2-1 .flexbox .textbox{
    width: 100%;
    padding: 3rem 2rem 3rem 3rem; 
    border-bottom: 0.3rem solid #e83f27; 
} 
.main2-1 .flexbox .textbox .txt{
    font-size: 2.4rem; 
    color: #333333;
    line-height: 4rem;
    margin-top: 0;
    padding-right: 2rem; 
    max-height: 123vw;
    overflow: auto;
}
.main2-1 .flexbox .textbox .authortxt{
    font-size: 2.6rem; 
    color: #333333;
    line-height: 3.9rem; 
    margin: 1.8rem 0 1.7rem;
} 
.main3{
    background: url(../images/index/bg3-wap.jpg) center no-repeat;
    background-size: cover;
    padding: 8rem 8.2% 5.5rem;
    
}
.main3 .titlebox p{
    border-bottom: 0.3rem solid #E83F27;
    margin-bottom: 1.6rem;
    margin-top: 0;
    width: 58.8vw;
    margin-left: 41.2vw;
}
.main3 .titlebox p span{
    display: block;
    width: 13.5rem;
    height: 1rem;
    background: #E83F27;
}
.main3 .titlebox{
    color: #fff;
    width: 100%; 
    margin-left: 0;
    margin-bottom: 5.3rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}
.main3 .flexbox{
    display:block;
}
.main3 .flexbox .box{
    width: 100%; 
    margin-right: 0;
    margin-top: 3rem;
}
.main3 .flexbox .box .info h3{
    font-size: 2.6rem; 
    line-height: 3.9rem;
    margin: 1.6rem 0 2rem;
}
.main3 .flexbox .box .info p{
    width: 60%; 
    display: block;
    border-bottom: 0.5rem solid #fff; 
    margin-right: 40%;
}  
.main3 .flexbox .box .info p  i{
    width: 30%;
    height: 0.9rem;
    margin-left: 70%;
}
.main3 .flexbox .box:nth-child(2n) .info p{ 
    margin-left: 40%;
    margin-right: 0;
}  
.main3 .flexbox .box:nth-child(2n) .info p  i{
    margin-left: 0%;
}
.main3 .flexbox .box .info .more{
    margin-bottom: 0;
    display: block;
}
.main4 .titlebox{ 
    top: 2.8rem; 
    width: 34.13%;   
}
.main4 .titlebox p{
    border-bottom: 0.3rem solid #E83F27; 
    margin-bottom: 1.5rem;
}
.main4 .titlebox p span{  
    height: 1rem;
    background: #E83F27;
}
.main4 .author{
    width: 41.2%; 
}
.main4 .author span{  
    line-height: 3rem; 
    width: 70%;
    font-size: 2.6rem; 
}
.main5 .flexbox{
    padding-bottom: 2rem;
} .main5 .flexbox .pic {
    width: 49%;
}
.main5 .author{ 
    width: 96%;
    border-bottom:0.8rem solid #e83f27;  
}
.main5 .author span{
    color: #fff;
    display: flex;
    padding-top:0.8rem;
    line-height:4rem; 
    width: 47%;
    text-align: center;
    background: #e83f27; 
    justify-content: center;
    align-items: flex-end;
    font-size: 3.6rem;
} 
.main5 .author span text{
    font-size: 2.6rem; 
    line-height: 4rem;
    margin-left: 1rem;
}
.main6 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.main6 .titlebox{
    text-align: center;
    margin-bottom: 0;
}
.main6 .titlebox p:first-child{
    width:53%; 
    margin: 0 auto 1.7rem;
    margin-right: 40%;
}
.main6 .titlebox p:last-child{ 
    margin:1.7rem auto 0;
    width:40% ;
    margin-left: 50%;
}
.main6 .titlebox p span{
    height: 1rem;
}
.main6 .flexbox{ 
    justify-content: space-between; 
}
.main6 .flexbox .box{
    width: 50%;
    margin:3rem 0 0;
} 
.main6 .flexbox .box h3{
    font-size: 2.6rem;
    line-height: 3.7rem;
}
.main6 .flexbox .box p{
    font-size: 2.4rem;
line-height: 3.3rem;
}
.main6 .flexbox .box .btn{
    line-height: 4.4rem; 
    display: inline-block;
    font-size: 2.4rem;  
    padding: 0 2rem; 
margin-top: 1.1rem; 
    color: #fff;
    background: #E93F27;
    box-shadow: 0px 2px 15px 0px rgba(233,63,39,0.46);
}
}

.prop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
.prop .con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%; 
}
.videoprop .con{ 
    max-width: 1200px;
}
.videoprop .close{
    width: 3rem;
    display: block;
    cursor: pointer;
    position: absolute;
    top: -5rem;
    right: 0;
}
.videoprop .con video{
    width: 100%;
}