.topNavBox{

    width: 100%;

    border-bottom: 1px solid #f2f2f2;

}

.topNavCon ul{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.topNavCon ul li{

    padding: 15px 0;

    box-sizing: border-box;

    font-size: 18px;

    color: #333;

}

.topNavCon ul li:hover,

.topNavCon ul li.navAct{

    color: #ef8301;

    border-bottom: 2px solid #ef8301;

}



.brandCon{

    padding-top: 35px;

    padding-bottom: 35px;

    display: flex;

    justify-content: space-between;

}

.brandCon_l{

    width: 58%;

}

.brandTit{

    width: 100%;

    border-bottom: 2px solid #e6e6e6;

    display: flex;

    align-items: center;

}

.brandTit h3{

    font-weight: bold;

    font-size: 28px;

    color: #333;

    padding-bottom: 20px;

    border-bottom: 2px solid #ef8301;

}

.brandTit p{

    font-size: 16px;

    color: #999;

    margin-left: 10px;

    margin-top: -6px;

}

.brandConList{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 25px;

}

.brandConList li{

    width: 23%;

    margin-bottom: 15px;

    border: 1px solid #e6e6e6;

    overflow: hidden;

}

.brandConList li img{

    width: 100%;

    transition: transform 0.3s ease;

}

.brandConList li:hover img{

    transform: scale(1.1);

}



.brandConList li.more a{

    font-size: 14px;

    color: #808080;

    display: flex;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

}

.brandConList li.more a:hover{

    background: #ef8301;

    color: #FFF;

    border: 1px solid #ef8301;

}



.brandCon_r{

    width: 35%;

}

.intCon{

    width: 100%;

    margin-top: 25px;

}

.intCon h3{

    font-size: 20px;

    color: #333;

    margin-bottom: 35px;

}

.intCon p{

    font-size: 15px;

    color: #666;

    line-height: 24px;

    margin-bottom: 20px;

}



.selectionBox{

    width: 100%;

    background: url("https://gtimg.in-en.com/pc_rev/special/show-12/images/bg1.jpg") no-repeat;

    background-size: 100% 100%;

}

.selectionCon{

    padding: 35px 0 24px 45px;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

}

.selectionCon_l{

    width: 50%;

}

.selectionCon_l h3{

    font-size: 36px;

    color: #422501;

    font-weight: bold;

}

.selectionCon_l li{

    margin-top: 20px;

}

.selectionCon_l li p{

    font-size: 24px;

    color: #ef8301;

    margin-bottom: 10px;

    font-weight: bold;

}

.selectionCon_l li p i{

    color: #ef8301;

}

.selectionCon_l li p:last-child i{

    color: transparent;

}

.selectionCon_r{

    width: 25%;

    display: flex;

    align-items: center;

}

.selectionCon_r a{

    padding: 15px 30px;

    box-sizing: border-box;

    font-size: 20px;

    color: #fff;

    background: #ef8301;

    border: 1px solid #ef8301;

}

.selectionCon_r a:hover{

    border: 1px solid #ef8301;

    background: transparent;

    color: #ef8301;

}



.brandInt{

    padding: 35px 0;

    position: relative;

    overflow: unset;

}

.intList{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.intList_l{

    width: 40%;

}

.listTit{

    width: 100%;

    display: flex;

    align-items: center;

}

.listTit h3{

    font-size: 28px;

    color: #333;

    font-weight: bold;

}

.listTit p{

    font-size: 16px;

    color: #999;

    margin-left: 10px;

    margin-top: 15px;

}

.listCon{

    width: 100%;

    margin-top: 60px;

}

.listCon h3{

    font-size: 18px;

    font-weight: bold;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.listCon p{

    font-size: 14px;

    color: #666;

    margin-top: 20px;

    line-height: 28px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.listMore{

    margin-top: 30px;

    display: flex;

}

.listMore a{

    padding: 15px 30px;

    box-sizing: border-box;

    border: 1px solid #ccc;

    border-radius: 2px;

    font-size: 14px;

    color: #333;

}

.listMore a:hover{

    background: #ef8301;

    color: #FFF;

    border: 1px solid #ef8301;

}



.intList_r{

    width: 55%;

    height: 360px;

    overflow: hidden;

}

.intList_r img{

    width: 100%;

    height: auto;

    transition: all 0.6s;

}

.intList_r img:hover{

    transform: scale(1.1);

}



:root{

     --swiper-theme-color: #999;

}

.brandInt .swiper-button-prev,

.brandInt .swiper-button-next{

    width: 50px;

    height: 50px;

    background: #e6e6e6;

    border-radius: 50%;

    text-align: center;

}

.brandInt .swiper-button-next:after,

.brandInt .swiper-button-prev:after{

    font-size: 20px;

}

.brandInt .swiper-button-next:after{

    margin-left: 5px;

}

.brandInt .swiper-button-prev{

    left: -70px;

}

.brandInt .swiper-button-next{

    right: -70px;

}



.highSpeakBox{

    width: 100%;

    margin-bottom: 20px;

}

.highSpeakCon{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.highSpeakCon ul{

    width: 30%;

    margin-bottom: 20px;

}

.highSpeakCon ul li{

    width: 100%;

    height: 176px;

    overflow: hidden;

}

.highSpeakCon ul li img{

    width: 100%;

}

.highSpeakCon ul h3{

    width: 100%;

    margin-top: 10px;

    font-size: 16px;

}

.highSpeakCon ul h3 a:hover{

    color: #ef8301;

}

.highSpeakCon ul p{

    width: 100%;

    margin-top: 10px;

    font-size: 15px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.brandVideoBox{

    width: 100%;

    padding: 35px 0;

    background: #f2f2f2;

}

.videoTit{

    width: 100%;

    text-align: center;

}

.videoTit h3{

    font-size: 36px;

    color: #333;

    font-weight: bold;

    margin-bottom: 15px;

}

.videoTit span{

    display: block;

    width: 60px;

    margin: 0 auto;

    height: 3px;

    background: #ef8301;

}

.videoTit p{

    font-size: 28px;

    color: #333;

    margin-top: 15px;

}

.videoCon{

    width: 100%;

    margin-top: 60px;

}

.video{

    height: auto;

    padding: 0;

}

.video li div{

    margin-top: -50px;

}

.video img{

    border: 1px solid #e6e6e6;

}

.video li p{

    margin-top: 15px;

    padding: 0 10px;

    font-size: 16px;

    color: #333;

}



.rec{

    padding: 35px 0 0 0;

}

.recList{

    width: 100%;

    margin-top: 60px;

}

.recList ul{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.recList ul li{

    width: 23%;

    margin-right: 25px;

    margin-bottom: 45px;

    box-shadow: 0px 1px 10px 1px #eee;

    padding-bottom: 20px;

}

.recList ul li:nth-child(4n){

    margin-right: 0;

}

.recList ul li a.listImg{

    display: block;

    width: 100%;

    height: 150px;

    overflow: hidden;

}

.recList ul li img{

    width: 100%;

    transition: all 0.6s;

}

.recList ul li img:hover{

    transform: scale(1.1);

}

.recList ul li p{

    padding: 20px 15px 0 15px;

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.recList ul li p:hover{

    color: #b08149;

}



.eneRankBox{

    width: 100%;

    padding-top: 35px;

    padding-bottom: 60px;

    background-color: #ebebeb;

    background: url("https://gtimg.in-en.com/pc_rev/special/show-12/images/bg2.png") no-repeat;

    background-size: 100% 100%;

}

.eneRankCon{

    margin-top: 50px;

    position: relative;

    overflow: unset;

}

.eneRankCon ul{

    width: 100%;

}

.eneRankCon ul li{

    width: 100%;

    height: 530px;

    border-radius: 10px;

    position: relative;

    overflow: hidden;

}

.eneRankCon ul li img{

    max-width: unset;

    height: 100%;

    border-radius: 10px;

    transition: all 0.6s;

}

.eneRankCon ul li:hover img{

    transform: scale(1.1);

}

.eneRankCon ul li ol{

    width: 100%;

    height: 100%;

    padding: 30px 20px;

    box-sizing: border-box;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,0.3);

    border-radius: 10px;

}

.eneRankCon ul li ol h3{

    font-size: 24px;

    color: #fff;

    margin-bottom: 60px;

}

.eneRankCon ul li ol span{

    display: block;

    width: 10px;

    height: 3px;

    background-color: #fff;

}

.eneRankCon ul li ol p{

    font-size: 22px;

    color: #fff;

    margin-top: 20px;

}

.eneRankCon .swiper-slide{

    transition: 300ms;

    transform: scale(0.9);

}

.eneRankCon .swiper-slide-active,.swiper-slide-duplicate-active{

    transform: scale(1);

}

.eneRankCon .swiper-button-prev,

.eneRankCon .swiper-button-next{

    width: 50px;

    height: 50px;

    background: #e6e6e6;

    border-radius: 50%;

    text-align: center;

}

.eneRankCon .swiper-button-next:after,

.eneRankCon .swiper-button-prev:after{

    font-size: 20px;

}

.eneRankCon .swiper-button-next:after{

    margin-left: 5px;

}

.eneRankCon .swiper-button-prev{

    left: -70px;

}

.eneRankCon .swiper-button-next{

    right: -70px;

}