header{
    background:#ffffff;
}section{
    background:white;
}
section>div{
    width: 1200px;
    margin:0 auto;
    text-align:left;
}
section>div>div:nth-child(2) img:nth-child(1){
    border-radius:10px;
}
.title_box>a{
    font-size: 18px;
    font-weight: 600;
    color: #0091FF;
    line-height: 25px;
    display: inline-block;
    padding:110px 0 60px 0;
}
.title_box>h2{
    font-size: 36px;
    font-weight: 600;
    color: #333333;
    line-height: 36px;
}
.title_box>p{
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    line-height: 20px;
    margin:20px 0 80px 0;
}
.text_box{
    margin-top: 50px;
}
.adver_box>p:nth-child(1){
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
    padding:100px 0 20px 0;
}
.adver_box>p:nth-child(2){
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}
.adver_box>div{
    width: 700px;
    height: 260px;
    margin:80px auto 100px;
    border-radius: 18px;
    border: 2px solid #E6E6E6;
    padding:30px 40px;
}
.adver_box>div>p{
    font-size: 26px;
    font-weight: 600;
    color: #333333;
    line-height: 26px;
}
.adver_box>div>img{
    margin:44px 0 14px 0;
    float: right;
}
.adver_box .contact{
    width: 140px;
    height: 50px;
    display: inline-block;
    background: #0091FF;
    border-radius: 25px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 50px;
    text-align:center;
    margin-top: 114px;
}
.relatedArticles{
    width: 1200px;
}
.relatedArticles>p{
    font-size: 36px;
    font-weight: 600;
    color: #333333;
    line-height: 36px;
    margin-bottom: 50px;
}
.swiper1{
    position: relative;
}
.swiper1 .swiper-container{
    width: 1200px;
    margin-bottom: 140px;
    text-align:center;
}
.swiper1 .swiper-slide{
    font-size:0;
}
.swiper1 .swiper-slide>a{
    width: 380px;
    height: 400px;
    display: inline-block;
    position: relative;
    padding:0 30px;
    margin-right:20px;
    cursor: pointer;
    border: 2px solid #E6E6E6;
    border-radius: 18px;
    transition: all 0.2s;
    text-align: left;
}
/* .swiper1 .swiper-slide>div:hover{
    box-shadow:0 4px 12px #c5c5c5;
} */

.swiper1 .swiper-slide>a:nth-child(3){
    margin-right:0;
}
.swiper1 .swiper-slide>a img{
    position: absolute;
    top:-2px;left:-2px;
    border-radius: 16px 16px 0 0;
    width: 380px;
    height: 210px;
}
.swiper1 .title{
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
    position: relative;
    padding:170px 0 40px 0;
    z-index: 2;
}
.swiper1 .times{
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    position: relative;
}
.swiper1 .text{
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    position: relative;
    margin-top: 20px;
    display: inline-block;
    width: 320px;
    height: 70px;   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
}
.swiper1 .times span{
    color: #F5850C;
}
.swiper1 .swiper-pagination{
    top:444px;
    left:50%;
    transform:translate(-50%,0);
    
}
.swiper1 .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #E6E6E6;
    margin:0 7px;
    opacity: .7;
}
.swiper1 .swiper-pagination .swiper-pagination-bullet-active{
    background: #333333;
}
.swiper1 .swiper-button-prev{
    display:inline-block;
    width:50px;
    height:50px;
    outline: 0;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    top: 60%;
    left: -10px;
}
.swiper1 .swiper-button-next{
    display:inline-block;
    width:50px;
    height:50px;
    outline: 0;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    top: 60%;
    right: -10px;
}
.swiper1 .swiper-button-next i{
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color: #0091FF;
    font-size:24px;
    font-weight: bold;
}
.swiper1 .swiper-button-prev i{
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(180deg);
    color: #0091FF;
    font-size:24px;
    font-weight: bold;
    
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .6;
    cursor: auto;
    pointer-events: none;
}


