.banner .swiper-container { width: 100%;}
.banner .swiper-container img{ width: 100%;}
.banner .swiper-pagination{ margin-top: 64px; margin-left: 40px;}
.banner .swiper-pagination-bullet{ margin-right: 15px; width: 17px!important; height: 17px!important; background: #fff!important;}
.banner .container{ top: 470px; left: 50%; margin-left: -734px; z-index: 2;}
.banner .container .text02{ margin: 50px 0 20px;}

.intro{ margin-top: 60px; margin-bottom: 70px; clear: both;}
.intro .container{ display: flex;}
.introLeft{ position: relative; width: 60%;}
.introLeft::after{ content: ""; position: absolute; top: -20px; right: 0; width: 1px; height: calc(100% + 50px); background: #DEDEDE;}
.introLeft .news{ width: 646px; font-size: 17px; color: #676767;}
.introLeft .news .newsTitle{ margin: 40px 0 15px; font-size: 24px; font-weight: bold; color: #000; letter-spacing: 2px;}
.introLeft .news .newsTitle.clYellow{ color: #ff8501;}
.introLeft .news .newsContent{ line-height: 2;}
.introRight{ margin-left:8%; width: 36.5%; overflow: hidden;}
.introRight .swiper-container{ height: auto!important;}
.introRight .swiper-slide{ display: block!important; text-align: left;}
.introRight .swiper-slide .date{ margin: 15px 0 15px; font-size: 24px;  color: #a4a5b3; font-family: simhei; font-weight: bold;}
.introRight .swiper-slide .newsTitle{ margin-bottom: 10px; font-size: 24px; color: #000;}
.introRight .swiper-slide .content{ font-size: 17px; color: #676767; line-height: 2; letter-spacing: 1px; 
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word; }
.introRight .swiper-pagination{ margin-top: 20px;}
.introRight .swiper-pagination .swiper-pagination-bullet{ margin-right: 10px; background: none; border: 2px #B7B7B7 solid;}
.introRight .swiper-pagination .swiper-pagination-bullet-active{ border-color: #1E88DE;}

.video{ margin-bottom: 145px;}
.video .container{ position: relative; width: 1466px; overflow: hidden;}
.video video{ width: 100%; cursor: pointer;}
.video::after{ content: ""; position: absolute; left: 0; bottom: -100px; width: 100%; height: 382px; background: #EAF9FA; z-index: -1;}

.partner .swiper-container{ margin: 40px auto 50px; width: 1200px; height: 250px;}
.partner .swiper-container img{ width: 340px; height: 176px; box-shadow: 0 0 10px #eee;}
.partner .swiper-button-prev,
.partner .swiper-button-next{ top: 200px;}
.partner .swiper-button-next::after,
.partner .swiper-button-prev::after{ font-size: 20px;}
.partner .swiper-slide{ width: auto; margin-right: 4%;}


@media all and (max-width:1785px){
.banner .container{ top: 300px;}
}
@media all and (max-width:1550px){
.banner .container{ top: 300px;margin-left: -500px;}
.banner .container .text01 img{ height: 100px;}
.banner .container .text02 img{ height:70px;}
.banner .container .text03 img{ height:20px;}
.video .container{ width: 1300px;}
}
@media all and (max-width:1400px){
.banner .container{ top: 300px; margin-left: -530px;}
.banner .swiper-pagination{ margin-top: 20px;}
.video .container{ width: 1200px;}
.partner .swiper-container{ width: 1000px;}
}
@media all and (max-width:1290px){
.banner .container{ top: 260px;}
.banner .container{ margin-left: -530px;}
.introLeft{ width: 60%;}
.introLeft .news{ width: 480px;}
.introRight{ margin-left:3%; width: 36.5%;}
.video .container{ width: 1000px;}
}
@media all and (max-width:1035px){
.banner .container{ top: 100px; margin-left: -420px;}
.introLeft .news{ width: 95%;}
.introRight{ margin-left:5%}
.video .container{ width: 100%;}
.video{ margin-bottom: 50px; }
.video::after{ background: none;}
.partner .swiper-container{ width: 700px;}
.partner .swiper-container img{ width: 300px; height: 155px;}
.partner .swiper-button-next::after,
.partner .swiper-button-prev::after{ font-size: 40px;}
}
@media all and (max-width:780px){
.banner .container{ top: 80px;}
.banner .container{ margin-left: -250px;}
.banner .container .text02{ margin-top: 20px;}
.banner .container .text01 img{ height: 50px;}
.banner .container .text02 img{ height: 35px;}
.banner .container .text03 img{ height: 15px;}
.banner .swiper-pagination-bullet{ width: 10px!important; height: 10px!important;}
.banner .swiper-pagination{ margin-left: 20px;}
.intro .container{ display: block;}
.introLeft,
.introLeft .news{ width: 100%;}
.introLeft{ margin-bottom: 50px;}
.introLeft::after{ background: none;}
.introRight{ margin-left:0; width:100%;}
.video{ margin-bottom: 0;}
.partner .swiper-container{ width: 600px;}
}
@media all and (max-width:550px){
.banner .container{ top:80px; margin-left: -200px;}
.banner .container .text02{ margin-top: 20px;}
.banner .container .text01 img{ height: 40px;}
.banner .container .text02 img{ height: 30px;}
.banner .container .text03 img{ height: 10px;}
.banner .swiper-pagination-bullet{ width: 17px!important; height: 17px!important;}
.video{ margin-bottom: 30px; height: 300px;}
.partner .swiper-container{ width: 100%;}
}
@media all and (max-width:500px){
.banner .container{ top:30px; margin-left: -100px;}
.banner .container .text02{ margin-top: 10px; margin-bottom: 10px;}
.banner .container .text01 img{ height: 30px;}
.banner .container .text02 img{ height: 20px;}
.banner .container .text03 img{ height: 5px;}
.banner .swiper-pagination-bullet{ width: 5px!important; height: 5px!important;}
.banner .swiper-pagination{ margin-left: 20px;}

}