.top1{

    padding-top: .88rem;

}

@media screen and (max-width:600px) {

    .top1{

        /*padding-top: 50px;*/

    }

}

#swiper-container1 .swiper-slide>div{

    position: absolute;

    top:1.58rem;

    width:100%;

    padding:0 3.42rem;

    

}

#swiper-container1 .swiper-slide>div h1{

    font-size: 2.31rem;

    font-family: 'GILROY-EXTRABOLD';

    font-weight: normal;

    color: #FF6600;

    line-height: 2.22rem;

    margin-left: -.21rem;

}

#swiper-container1 .swiper-slide>div i{

    width: 47px;

    height: 3px;

    background: #FFFFFF;

    margin:.6rem 0;

}

#swiper-container1 .swiper-slide>div p{

    width: 3.4rem;

    font-size: .42rem;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 1.5;

}

.top1 .swiper-pagination{

    bottom:1rem;

    display: flex;

    justify-content: flex-start;

    padding: 0 3.42rem;

}

.ban2 p{

    font-size: .4rem!important;

    line-height: 1.5!important;

    width:100%!important;

    font-weight: 300!important;

    margin-bottom: .6rem;

    margin-top: 1rem;

}

.ban2 p b{

    display: inline-block;

    font-size: .4rem;

    color:#fff;

    font-weight: 600;

}

.ban2 img{

    width:2rem; 

    cursor: pointer;

}

.ban2 video{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.top1_vid{

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    background-color: rgba(0,0,0,.5);

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    z-index: 20;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

}

.top1_vid.on{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}

.top1_vid>span{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.top1_vid>div{

    position: relative;

    z-index: 10;

    width: 60%;

    margin: 10% auto;

}

.top1_vid>div>i{

    background-color: #EDEDED;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 22px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.top1_vid>div>i:hover{

    background-color: #333;

    color: #fff;

}

.top1_vid>div>video{

    width: 100%;

}

@media screen and (max-width:600px) {

    .top1 .swiper-pagination{

        bottom:20px;

        left: 1.7rem;

    }

    #swiper-container1 .swiper-slide>div p{

        width: 5.8rem;

        margin-top: 0;

    }

    .ban2 img {

        width: 90px;

    }

    .top1_vid>div {

        margin: 60% auto;

    width: 90%;

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    }

}

.top1 .swiper-pagination .swiper-pagination-bullet{

    width: 60px;

    height: 5px;

    background: #FFFFFF;

    border-radius: 5px;

    opacity: 1;

    position: relative;

    left: 0;

    border-radius: 0px;

}

.top1 .swiper-pagination .swiper-pagination-bullet-active{

    /* background: #FF6600; */
	background:#b73630;

}

.top{

    padding-top:.91rem;

}

.top_title h1{

    font-size: .4rem;

    font-weight: bold;

    color: #1B1B1B;

    line-height: 3;

}

.top_title span{

    font-size: 18px;

    font-weight: 500;

    color: #4B4B4B;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.top_title span:hover{

    /* color: #FF6600; */
	color:#b73630;

}

.top_title p{

    width: 5.74rem;

    font-size: .24rem;

    font-weight: 500;

    color: #474747;

    line-height: 1.5;

}

@media screen and (max-width:1024px) {

    .top_title h1{

        font-size: 20px;

    }

    .top_title span{

        font-size: 16px;

    }

    .top_title p{

        width: 100%;

        font-size: 16px;

    }

    .top2_box>div div p{ font-size:16px !important;}
.top2 .top2_box>div div button{ font-size:16px !important;}
}

.top2 .top2_box{

    margin-top: .75rem;

}

.top2 .top2_box>div{

    width:50%;

    position: relative;

    transition: all .5s;

    cursor: pointer;

    overflow: hidden;

}

.top2 .top2_box>div:nth-child(odd)>a>span{

    border-right: 1px solid #EDEDED;

}

.top2 .top2_box>div.on{

    /* background: #FF6600; */
    background: #0d2738;

}

.top2 .top2_box>div>a>span{ 

    width:100%;

    position: absolute;

    top:0;

    z-index: 1;

    background: #F8F8F8;

}

.top2 .top2_box>div>a>span>img{

    /* display: none; */

    opacity: 0;

   

}

.top2 .top2_box>div.on>a>span>img{

    /* display: block; */

    opacity: 1;

}

.top2 .top2_box>div div{

    margin:0 auto;

    margin-top:5.7rem;

    position: relative;

    margin-bottom: .63rem;

}

.top2 .top2_box>div div img{

    width:2.94rem;

    margin:0 auto;

    position: absolute;

    bottom: 1.63rem;

    left:50%;

    transform:translate(-50%,0);

    z-index: 2;

}



.top2_box>div div p{

    font-size: .22rem;

    font-weight: 500;

    color: #383838;

    /*line-height: 15px;*/

    margin-bottom: .35rem;

    text-align: center;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top2_box>div.on div p{

    color: #fff;

}

.top2 .top2_box>div div button{

    width: 1.61rem;

    height: .53rem;

    /* background: #FF6600;*/
	background:#b73630;

    color:#fff;

    display: block;

    margin:0 auto;

    font-size: .18rem;

}

.top2 .top2_box>div.on div button{

    background: #FFFFFF;

    color: #FF6600;

}

@media screen and (max-width:800px) {

    .top2 .top2_box>div div img{

        bottom: 2.1rem;

    }

    .top2 .top2_box>div div button{

        width: 100px;

        height: 30px;

    }

}

@media screen and (max-width:600px) {

    .top2 .top2_box>div div img{

        bottom: 3.63rem;

    }

    .top2_box>div div p{

        width:150px;

        margin:0 auto;

        margin-bottom: .35rem;

    }

    .top2 .top2_box>div div button{

        width: 88px;

        height: 26px;

    }

    .ban2 p{

        font-size: 14px !important;

        line-height: 1.5!important;

        width:100%!important;

        font-weight: 300!important;

        margin-bottom: .6rem;

        margin-top: 1rem;

    }

    .ban2 p b{

        font-size: 14px;

    }

    .top1 .swiper-pagination .swiper-pagination-bullet {

        width: 40px;

        height: 2px;

    }

}

#swiper-container2{

    margin-top: .7rem;

}

#swiper-container2 .swiper-wrapper{

    transition: all .5s;

    left:0;

}

.top3 .swiper-slide>div{

    position: absolute;

    bottom:0;

    left:2.1rem;

    padding:.4rem .57rem .4rem .66rem;

    /* background: #FF6600; */
	background:#b73630;

}

.top3 .swiper-slide>div h1{

    font-size: .3rem;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 2.5;

}

.top3 .swiper-slide>div p{

    width: 4.12rem;

    font-size: .19rem;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 1.5;
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

}



.top3 .swiper-pagination2{

    width:100%;

    height: 1.1rem;

    background: #161616;

    display: flex;

    align-items: center;

}

.top3 .swiper-pagination-bullet{

    width: auto;
    height: 100%;
    display: flex;
    background: #161616;
    border-radius: 0;
    opacity: 1;
    border: 1px solid #ffffff26;
    font-size: .2rem;
    font-weight: 500;
    padding: 0.5rem 0.6rem;
    clear: both;
    cursor: pointer;
    justify-content: center;
    align-items: center;

}

.top3 .swiper-pagination-bullet p{

    float: left;

    color: #FFFFFF;

}

.top3 .swiper-pagination-bullet span{

    float: right;

    font-family: 'Gilroy-SemiBold';

    font-weight: normal;

    color: #FFFFFF;

}

.top3 .swiper-pagination-bullet-active{

    /* background: #FF6600; */
	background:#b73630;

}

.top3 .swiper-pagination-bullet-active p{

    font-weight: bold;

}

@media screen and (max-width:800px) {

    .top3 .swiper-slide>div p{

        width:6rem;

    }

    .top3 .swiper-pagination2{

        padding:0;

    }

}

@media screen and (max-width:600px) {

    .top3 .swiper-slide>div{

        position: relative;

        left:0;

    }

    .top3 .swiper-slide>div p{

        width:100%;

    }

    .top3 .swiper-pagination2{

        height:50px;

    }

}

.top4{

    background: #FAFAFA;

    position: relative;

}

.top4_box{

    position: relative;

    padding-top:.6rem;

    padding-bottom:.94rem;

}

.top4_box .fle{

    justify-content: flex-start;

    width:9.92rem;

    height: 1.63rem;

}

@media screen and (max-width:600px) {

    .top4_box .fle{

        display: none;

    }
	.top4_box .inline p{

        display: none;

    }
}

.top4_box .fle>div:first-child{

    border-right: 1px solid #f3ecec;

}

.top4_box .fle>div{

    width:50%;

    height: 100%;

    background: #FFFFFF;

    display: flex;

    align-items: center;

}

.top4_box .fle>div:hover{

    /* background: #FF6600; */
	background:#b73630;

}

.top4_box .fle>div>p{

    font-size: .24rem;

    font-weight: 400;

    color: #1B1B1B;

    line-height: 1.5;

    margin:0 auto;

}

.top4_box .fle>div>p>span{

    display: inline;

    font-size: 40px;

    font-family: 'Gilroy-Medium';

    font-weight: normal;

    color: #202020;

}

.top4_box .fle>div:hover>p>span{

    color:#fff;

}

.top4_box .fle>div:hover>p{

    color: #FFFFFF;

}

.top4_box .inline{

    width: 9.92rem;

    height: 1.8rem;

    /*border-top: 1px solid #B7B7B7;*/

    /*transform: rotateZ(-45deg);*/

    margin-top: .57rem;

    margin-bottom: .41rem;
	
	overflow:hidden;

}
.top4_box .inline p{font-size:.3rem; line-height:.62rem}

.top4_box>img{

    width:9.5rem;

}

.top4>img{

    position: absolute;

    bottom:0px;

    right:0px;

    width:6.9rem;

}

.top5 .top_title h1{

    margin-top: .6rem;

}

.top5 .top_title h1,.top5 .top_title p{

    color:#fff;

}

#swiper-container3{

    margin:0 2.1rem;

    margin-top: .76rem;

    padding-bottom: 2.03rem;

    

}

#swiper-container3 .swiper-slide{

    justify-content: flex-start;

}

#swiper-container3 .swiper-slide>div{

    width: 24%;

    margin-right: 1%;

    margin-bottom: 1.5%;

    padding:.43rem .49rem;

    background-color: #fff;

    position: relative;

}

#swiper-container3 .swiper-slide>div>div{

    width:100%;

    height:100%;

    background: #FF6600;

    transform: scale(0);

    position: absolute;

    top:0;

    left:0;

}

#swiper-container3 .swiper-slide>div>div>p{

    font-size: .3rem;

    font-weight: 500;

    color: #FFFFFF;

    margin: 0 auto;

}

#swiper-container3 .swiper-slide>div:hover>div{

    transform: scale(1);

}

.top5 .swiper-pagination .swiper-pagination-bullet{

    width: 60px;

    height: 4px;

    background: #FFFFFF;

    border-radius: 0px;

    opacity: 1;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

}

.top5 .swiper-pagination{

    bottom:1rem;

}

.top5 .swiper-pagination .swiper-pagination-bullet-active{

    background: #FF6600;

}

@media screen and (max-width:600px) {

    #swiper-container3 .swiper-slide>div{

        width: 48%;

        margin-bottom: 4.5%;

    }

}

.top6{

    padding-bottom: 1.7rem;

    background: #fafafa;

}

.top6 .top_title>.fle>div span{

    display: inline-block;

    margin-left: .5rem;

    cursor: pointer;

    position: relative;

}

.top6 .on{

   /* color:#FF6600; */
   color:#b73630;

}

.top6 .top_title>.fle>div span i{

    width:1px;

    height:2px;

    background-color: transparent;

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 5px;

    transition: all .5s;

}

.top6 .top_title>.fle>div .on i{

    width:20px;

   /* background-color: #FF6600;*/
	background-color:#b73630;

}

.top6 .top6_box{

    display: none;

    margin-top: .5rem;

}

.top6 .top6_box>div img{

    width:8.23rem;

}

.top6 .top6_box>.top6_tab{

    width:6.76rem;

    height: auto;

}

.top6 .top6_box>.top6_tab>div{

    width:100%;

    height:calc(100%/3);

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding:.23rem 0;

    padding-left:.38rem;

    cursor: pointer;

    background: #fff;

    border-bottom: 1px solid #e0e0e099;

}

.top6 .top6_box>.top6_tab>div h1{

    width: 4.7rem;

    font-size: 18px;

    font-weight: bold;

    color: #1E1E1E;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.top6 .top6_box>.top6_tab>div p{

    width:6rem;

    font-size: 16px;

    font-weight: 400;

    color: #393939;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.top6 .top6_box>.top6_tab>div span{

    font-size: 15px;

    font-family: 'Gilroy-RegularItalic';

    font-weight: normal;

    color: #8B8B8B;

}

.top6 .top6_box>.top6_tab .on,

.top6 .top6_box>.top6_tab>div:hover{

    /* background: #FF6600; */
	background:#033b75;

}

.top6 .top6_box>.top6_tab .on h1,

.top6 .top6_box>.top6_tab .on p,

.top6 .top6_box>.top6_tab .on span,

.top6 .top6_box>.top6_tab>div:hover h1,

.top6 .top6_box>.top6_tab>div:hover p,

.top6 .top6_box>.top6_tab>div:hover span{

    color:#fff;

}

.top6_img{

    position: relative;

    overflow: hidden;

    display: none;

}

.top6_img>div{

    display: none;

}

.top6_img .on{

    display: block;

}

.top6_img:nth-child(3){

    display: block;

}

.top6_img>div>div{

    position: absolute;

    bottom:.3rem;

    left:0;

    width:100%;

    padding-left:.5rem;
	
	padding-top:.2rem;
	
	background-color:#ffffffcc;

}

.top6_img>div h1{

    width: 4.7rem;

    font-size: 18px;

    font-weight: bold;

    color: #0d2738;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 1.5;

}

.top6_img>div p{

    width:6rem;

    font-size: 16px;

    font-weight: 400;

    color: #0d2738;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 1.5;

}

.top6_img>div span{

    font-size: 15px;

    font-family: 'Gilroy-RegularItalic';

    font-weight: normal;

    color: #0d2738;

    line-height: 2;

}

@media screen and (max-width:600px) {

    .top6 .top6_box{

        flex-wrap: wrap;

    }

    .top6 .top6_box>.top6_tab{

        width:100%;

    }

    .top6 .top6_box>.top6_tab>div{

        padding:20px 20px;

    }

    .top6 .top6_box>.top6_tab>div h1{

        width:100%;

        line-height: 1.5;

    }

    .top6 .top6_box>.top6_tab>div p{

        width:100%;

        line-height: 1.5;

    }

    .top6 .top6_box>.top6_tab>div span{

       line-height: 2;

    }

    .top6 .top6_box>div img{

        width:100%;

    }

    .top6_img>div h1{

        width:100%;

    }

    .top6_img>div p{

        width:95%;

    }

    .top6_img:nth-child(3){

        display: none;

    }

    .top6_img:nth-child(1){

        display: block;

    }

}