/* 视频弹窗 */
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

.wrap{
    width: 1440px;
}
.banner_text{
    width: 100%;
}
.banner_text p{width: 70%;}
.banner_text p br{}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

.cover {
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.banner{
    position: relative;
    color: #fff;
}
.topnav {
    background: #f0f2f1;
}
.topnav  .swiper-slide{
    position: relative;
    text-align: center;
    width: 16.66%;
    float: left;
    line-height: 80px;
}
/* .topnav  .swiper-slide a{display: block;} */
.topnav .swiper-container{
	text-align: center;
}
.topnav .ul{
	width: auto !important;
	display: inline-block;
    justify-content: center;
    font-size: 20px;
}
.topnav .ul li{
	width: 217px !important;
}
.topnav  .swiper-slide.on{
    background: #fff;
    position: relative;
    font-size: 20px;
}
.topnav  .swiper-slide.on > a{
	font-weight: bold;
}
.topnav  .swiper-slide::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 5px;
    width: 0%;
    background-color: #F8B500;
    transition: all .3s;
}
.topnav .ul .swiper-slide::after{
    bottom: -5px;
}
.topnav  .swiper-slide.on::after{
    width: 100%;
}

.margin-top-80{
    margin-top: 80px;
}
.listbox{
    margin-bottom: 40px;
}
.listbox .toptitle{
    color: #fff;
    position: relative;
}
.listbox .toptitle h3{
	width: 100%;
	text-align: center;
}
.listbox .toptitle img{
    width: 100%;
}
.listbox  .btext{
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    border: 1px solid #e0e4e8;
}
.listbox  .btext ul li{
    margin-bottom: 20px;
    box-sizing: border-box;
    padding-right: 3%;
    width: 33.33%;
    float: left;
}
.listbox  .btext ul li:nth-child(3n+1){
    clear: both;
}
.listbox  .btext ul li:nth-child(3n){
    padding: 0;
}
.listbox  .btext ul li:hover h4 span{
    text-decoration: underline;
}
.listbox  .btext ul li:hover h4 i{
    color: #F8B500;
}
.ellipsis_p1{
    display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }
 .ellipsis_p3{
    display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 3;
   height: 4.5em;
   max-height: 4.5em;
   -webkit-box-orient: vertical;
 }
.title{
    color: #151926;
    text-align: center;
    margin-bottom: 35px;
    font-size: 20px;
}
.swiperwrap{
    position: relative;
}
.detalis1 .swiper-slide{
    color: #000000;
}
.detalis1 .swiper-slide h3{
    line-height: 1;
    /* font-weight: bold; */
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18px;
}
.detalis1 .swiper-slide p{
	    height: 4.5em;
	    max-height: 4.5em;
}
.detalis1{
    margin-bottom: 90px;
}
.detalis1 .swiper-button-next, .detalis1 .swiper-button-prev{
    background: none;
    color: #ffe524;
}
.detalis1 .swiper-button-next{
    right: -3%;
}
.detalis1 .swiper-button-prev{
    left: -3%;
}
.detalis1 .swiper-button-next,.detalis1 .swiper-button-prev{
    top: 40%;
}
.detalis1 .swiper-button-next i,.detalis1 .swiper-button-prev i{
	    background: #F8B500;
	    color: #fff;
}
.detalis1 .swiper-button-disabled{
    color: #000;
    opacity: 1;
}
.detaliswrap-wrap{
    padding-top: 75px;
    padding-bottom: 160px;
    background: url(../upload/20211209/datalisbg.jpg) no-repeat;
    background-size: cover;
}
.detalis2{
    position: relative;
}
.detalis2  .swiper-pagination{
    transform: translateX(-50%);
    left: 50%;
    bottom: -50px;
}
.detalis2  .swiper-pagination-bullet , .detalis3  .swiper-pagination-bullet{
    width: 83px;
    height: 2px;
    margin: 0 5px;
    background: #000;
    border-radius: 0;
}
.detalis2  .swiper-pagination-bullet-active , .detalis3  .swiper-pagination-bullet-active{
    background: #000;
    height: 4px;
}
.detalis2 .swiper-slide{
    position: relative;
}
.detalis2 .swiper-slide .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.detalis2 .swiper-slide p{
    color: #fff;
    position: absolute;
    left: 40px;
    bottom: 40px;
    font-size: 18px;
}


@media only screen and (min-width:1025px){
    .detalis2 .swiper-slide:hover p{
        color: #ffe524;
    }
    .detalis2 .swiper-slide:hover .tran_scale img{
        transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);
    }
}

.detalis3{
    padding: 6.08% 0;
    position: relative;
}
.detalis3 .videowrap{
    overflow: hidden;
    position: relative;
}
.detalis3 .videowrap .left{

    float: left;
    width: 57.77%;
    position: relative;
}
.detalis3 .videowrap .left .bf{
    cursor: pointer;
    opacity: .8;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.detalis3 .videowrap .left img{
    display: block;
	height: 100%;
}
.detalis3 .videowrap .right{
    box-sizing: border-box;
    padding: 4.48% 3.5% 0 2.56%;
    position: absolute;
    width: calc(100% - 57.77%);
    background: #F8B500;
    height: 100%;
    right: 0;
    top: 0;
}
.detalis3 .videowrap .right h2{font-weight: bold;margin-bottom: 10px;}
.detalis3 .videowrap .right>p{height: 80%;overflow: hidden;}
.detalis3 .swiper-pagination{
    bottom: 2.56%;
    left: 59.85%;
}
.detalis4{
    margin-bottom: 2%;
    padding-top: 5%;
}
.detalis4 ul{margin-left: -20px;margin-right: -20px;}
.detalis4 ul li{
    position: relative;
    width: 33.3%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.detalis4 ul li dd{position: relative;overflow: hidden;}
.detalis4 ul li dt{
    transition: all .3s;
    padding: 35px;box-sizing: border-box;
    background: #ebebeb;
}
.detalis4 ul li dt .banner_more {
    margin-top: 20px;
    display: block;
    width: 180px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #000;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    transition: all .3s;
}
.detalis4 ul li div{

}
.detalis4 ul li div h2{
    margin-bottom: 15px;
    transition: all .3s;
}
.detalis4 ul li div p{line-height: 24px;height: 72px;overflow: hidden;}

.detalis5{
    margin-bottom: 6.94%;
}
.detalis5 ul{margin-left: -20px;margin-right: -20px;}

.detalis5 ul li{
    box-sizing: border-box;
    position: relative;
    width: 50%;
    float: left;
    padding: 20px;
}

.detalis5 ul li:nth-child(2n){
    margin-right: 0;
}
.detalis5 ul li i{
    float: right;
}
.detalis5 ul li p{
	font-weight: bold;
	color: #000;
    float: left;
    width: 90%;
}
.divw{
    margin-bottom: 40px;
    border: 1px solid #dee2e7;
    width: 100%;
    padding: 2.77% 2% 2% 2.77%;
    box-sizing: border-box;
    background-color: #fff !important;
}
.divw .letitle{
    float: left;
    width: 17.22%;
}
.divw .rlist{
    color: #000;
    width: calc(100% - 17.22%);
    float: left;
}
.divw .rlist h2{
    font-weight: bold;
    margin-bottom: 15px;
    overflow: hidden;
}
/*.divw .rlist h2 span{float: left;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;}*/
/*.divw .rlist h2 i{float: right;}*/
.divw .rlist p{
    color: #000;
}
.divw .rlist i{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -5px;
    transition: all .3s;
}
@media only screen and (min-width:1025px){
    .divw .rlist li:hover h2 span{text-decoration: underline;color: #000!important; }
    .divw .rlist li:hover h2 i{color: #F8B500;}
}

.btext .titletop h2{
    line-height: 1;
}

.btext .titletop{
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dee2e7;
}
.btext ul li h4{
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}
.btext ul li h4 i{color: #3b3b3b;margin-left: 10px;display: inline-block;vertical-align: middle;margin-top: -5px;transition: all .3s;}
.btext ul li p{
    color: #000;
}
.zinav{
    display: none;
    width: 1000%;
    z-index: 99;
    bottom: -100%;
    left: -50%;
    position: absolute;
}
.zinav li{
    width: auto;
    float: left;
}
.zinav li a{
    padding: 0 35px;
    border-right: 1px solid #dee2e7;
}
.zinav li:last-child a{
    border: none;
}
.topnav .ovfl{
    overflow: inherit !important;
}
.ovfl li:hover .zinav{
    display: block;
}
.btext ul{
    margin-bottom: 50px;
}
.btext ul:last-child{
    margin-bottom: 0;
}
.swipertuji{
    max-width: 90%;
    width: 1140px;
    margin: 0 auto;
}
.swipertuji .view .swiper-container{
    width: 100%;
}
.swipertuji .view .swiper-button-prev,.swipertuji .view .swiper-button-next{width:60px; height: 60px; line-height: 60px; margin-top:-30px; text-align: center; border-radius: 100%; box-shadow: 0 0 5px 5px #EFEFEF; background: #fff;}
.swipertuji .view .swiper-button-prev i,.swipertuji .view .swiper-button-next i{ color:#000; font-size: 20px;}
.swipertuji .view .swiper-button-next {
    right: -30px;
}
.swipertuji .view .swiper-button-prev {
    lefT: -30px;
}
.swipertuji .swiper-slide{
    position: relative;
}
.swipertuji .swiper-slide h2{
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.preview01{
    margin-top: 10px;
    position: relative;
}
.preview01 .swiper-button-next ,.preview01 .swiper-button-prev{
    background: none;
    color: #F8B500;
    top: 55%;
}
.preview01 .swiper-button-disabled{
    color: #000;
}
.preview .swiper-slide::before {
    opacity: 0;
    content: "";
    position: absolute;
    lefT: 0px;
    top: 0px;
    widtH: 100%;
    height: 100%;
    border: 1px solid #000;
}
.preview .active-nav::before{
    opacity:1;
}
.preview .swiper-container {
    width: 100%;
    padding: 5px 5px;
}
.preview01 .swiper-button-next{
    right: -10%;
    text-align: right;
}
.preview01 .swiper-button-prev{
    left: -10%;
}
@media only screen and (min-width:1025px){
    .topnav ul li:hover::after{
        width: 100%;
    }
    .divw .rlist a:hover{
         color: #000000 !important;
    }
}

.rlist li{
	margin-bottom: 40px;
}
	
@media only screen and (max-width: 768px){
	.banner_text p {
	    width: 100%;
        display: none;
	}
    .margin-top-80 {
        margin-top: 40px;
    }
.banner {
    height: 160px;
    background-size: cover !important;
}
.banner img{
    display: none;
}
.topnav ul li{
    line-height: 40px;
    float: left;
    width: 50%;
}
.listbox .btext {
    width: 100%;
    padding: 20px;
}
.listbox .btext ul li {
    width: 100%;
    margin-bottom: 10px;
}
.listbox{
    margin-bottom: 10px;
}
.listbox .toptitle img {
    height: 40px;
}
.detalis1 {
    margin-bottom: 30px;
}
.title {
    margin-bottom: 10px;
}
.detaliswrap-wrap {
    padding-top: 20px;
    padding-bottom: 60px;
}
.detalis2 .swiper-pagination-bullet, .detalis3 .swiper-pagination-bullet{
    width: 8px !important;
}
.detalis1 .swiper-button-next{
    right: 0;
    text-align: right;
}
.detalis1 .swiper-button-prev {
    left: 0%;
}
.detalis2 .swiper-pagination {
    bottom: -30px;
}
.detalis3 .videowrap .right {
    box-sizing: border-box;
    padding: 20px 20px 40px;
    position: static;
    width: 100%;
    background: #F8B500;
    height: 100%;
    /* right: 0; */
    /* top: 0; */
}
.detalis3 .videowrap .left {
    height: auto;
    float: none;
    width: 100%;
    position: relative;
}
.detalis3 .videowrap .left .bf{
    font-size: 45px;
}
.detalis3 .swiper-pagination {
    bottom: 2.56%;
    left: 50%;
    transform: translateX(-50%);
}
.detalis4 ul li {
    width: 100%;
    margin-bottom: 1.39%;
}
.detalis5 ul li{
    width: 100%;
}
.divw .letitle{
    width: 100%;
}
.divw .rlist{
    width: 100%;
}
.divw .rlist i {
	color: #F8B500;
    margin-top: -2px;
    /* display: block; */


}
.divw .rlist h2 {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
	/*line-height: 1px;*/
    overflow: hidden;;
}
    .divw .rlist h2 span{
        float: left;
         width: 90%;
         white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
    }
    .divw .rlist h2 i{float: right;}
/* .ovfl{
    padding: 10px 0 ;
} */
.ovfl ul{
    /* display: block; */
}
/* .ovfl ul li{

    line-height: 40px !important;
   
    width: 100% !important;
} */
.ovfl ul > li > a{
    font-size: 20px;
    /* display: block; */
    width: 100%;
    text-align: left;
}
/* .ovfl ul > li.on{
    background: none !important;
}
.ovfl ul > li.on::after{
    width: 0 !important;
} */
/* .zinav{
    width: 100%;
    display: block;
    position: static;
}
.zinav ul li{
    width: 33.33% !important;
    float: left;
}
.zinav ul li a{
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    border: none;
    padding: 0;
} */
.ovfl li:hover .zinav{
	    display: none !important;
}

.btext .titletop {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e7;
}
.btext ul {
    margin-bottom: 10px;
}
}



.detalis5 ul li i{float: none;}
.detalis5 ul dd{float: left;width: 90px;text-align: center;}
.detalis5 ul dd i{color: #3c4269;font-size: 40px;}
.detalis5 ul dt{float: left;width: calc(100% - 91px);padding: 0 0px 0 5px;box-sizing: border-box;border-left: 1px solid #808080;}
.detalis5 ul dt>a{display: block;overflow: hidden;line-height: 24px;margin-bottom: 8px;}
.ylxz{padding-left: 12px;}
.ylxz a{display: block;float: left;line-height: 24px;font-size: 14px;border-right: 1px solid #808080;padding-right: 25px;}
.ylxz a i{margin-right: 10px;color: #ffd939;font-size: 16px;font-weight: bold;}
.ylxz a:last-child{padding-right: 0;padding-left: 25px;border-right: 0;}

@media only screen and (min-width:1025px){
    .detalis4 ul li:hover dt{background: #ffd939;}
    .detalis4 ul li a:hover{color: #000!important;}
    .detalis4 ul li a:hover dt h2,.detalis4 ul li a:hover dt p{opacity: .8;}
    .detalis4 ul li a:hover dt .banner_more{opacity: .8;}
    .ylxz a:hover span{color: #000!important;text-decoration: underline; font-weight: bold;}
}
@media only screen and (min-width:1470px){
	.topnav .ul li {
	    width: 210px !important;
	}
}
@media only screen and (min-width:1420px){
	.topnav .ul li {
	    width: 200px !important;
	}
}
@media only screen and (min-width:1350px){
	.topnav .ul li {
	    width: 190px !important;
	}
}
@media only screen and (min-width:1290px){
	.topnav .ul li {
	    width: 185px !important;
	}
}
@media only screen and (min-width:1240px){
	.topnav .ul li {
	    width: 170px !important;
	}
}
@media only screen and (min-width:1150px){
	.topnav .ul li {
	    width: 165px !important;
	}
}
.topnav .wrap{
	position: relative;
}
.topnav .lhl_but{
	position: relative;
	width: 100%;
	    top: 0;
	    height: 100%;
	    position: absolute;
}
.topnav .lhl_but div{background: none !important;font-size: 24px;width: 24px;text-align: center;top: 50%;transition: all .3s;}
.topnav .lhl_but div.swiper-button-prev{left: -40px;}
.topnav .lhl_but div.swiper-button-next{right: -40px;}
.lhl_but div:hover {
    color: #F8B500;
}
.swiper-button-next{
	background: none !important;
}
@media only screen and (max-width:768px){
	.topnav .lhl_but div.swiper-button-prev{left: -20px;}
	.topnav .lhl_but div.swiper-button-next{right: -20px;}
    .ylxz a{padding-right: 15px;}
    
	.detailsbanner .fnt_28{
		font-size: 20px;
	}
}


.layui-layer-hui{width: 240px;}