@charset "utf-8";
/* CSS Document */




.in-youshi-2024 {
        width: 100%;
        margin: auto;
        overflow: hidden;
        background: #f9f9f9;
        padding: 4% 0;
    }

    .in-youshi-2024 .title {
        text-align: center;
        color: #000;
        font-size: 48px;
        font-weight: bold;
        letter-spacing: 2px;
        margin-bottom: 4%;
    }

    .in-youshi-2024 .title span {
        color: #f6ab00;
    }

    .in-youshi-2024 .content {
        width: 100%;
        margin: auto;
        display: flex;
        overflow: hidden;
        background: #fff;
    }

    .in-youshi-2024 .content .youshi-left {
        width: 67%;
        float: left;
    }

    .in-youshi-2024 .content .youshi-left .pic {
    }

    .in-youshi-2024 .content .youshi-left .pic img {
         width: 100%;
         aspect-ratio: 10/4.2;
    }

    .in-youshi-2024 .content .youshi-left .info {
        background: #077fc4;
        color: #fff;
        padding: 4% 10%;
    }

    .in-youshi-2024 .content .youshi-left .info .text1 {
        font-size: 26px;
        font-weight: bold;
    }

    .in-youshi-2024 .content .youshi-left .info .text2 {
        font-size: 16px;
        margin-top: 2%;
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 42px;
    }

    .in-youshi-2024 .content .youshi-right {
        width: 33%;
        background: #fff;
		float: right;
    }

    .in-youshi-2024 .content .youshi-right ul {
        margin: auto;
        overflow: hidden;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        height: 100%;
        align-content: space-between;
        padding: 0;
    }

    .in-youshi-2024 .content .youshi-right ul li {
        border-top: 1px solid #eeeeee;
        border-left: 1px solid #eeeeee;
        text-align: center;
        width: calc((100% - 2px) / 2);
        display: flex;
        height: 25%;
    }

    .in-youshi-2024 .content .youshi-right ul li .ico {
        width: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .in-youshi-2024 .content .youshi-right ul li .ico svg {
        width: 50px;
        height: 5vw;
		fill: #222;
    }

	.in-youshi-2024 .content .youshi-right ul li:hover .ico svg{
		fill:  #f6ab00;
	}
    .in-youshi-2024 .content .youshi-right ul li .text {
        color: #343434;
        font-size: 15px;
    }


	.in-youshi-2024-sj{
		width:100%;
		margin: auto;
		overflow: hidden;
		display: none;
	}
	.in-youshi-2024-sj ul{

width: 100%;

margin: auto;

display: flex;

}
	.in-youshi-2024-sj ul li{
    width: 12.5%;
    text-align: center;
}
	.in-youshi-2024-sj ul li svg{
		width: 30px;
		height: 8vw;
		fill: #222;
		margin: auto;
	}


/*--------1440---------*/
@media (max-width: 1440px) {
	.in-youshi-2024 .content .youshi-left .info .text1{font-size:22px;}
	.in-youshi-2024 .content .youshi-left .info .text2{font-size:15px;}
	.in-youshi-2024 .content .youshi-right ul li .ico svg{width: 4vw;height:4vw}
}
/*--------1024---------*/
@media (max-width: 1024px) {
	
	.in-youshi-2024 .content .youshi-left .info .text1{font-size:22px;}
	.in-youshi-2024 .content .youshi-left .info .text2{font-size:16px;}
	.in-youshi-2024 .content .youshi-right ul li .ico svg{width: 8vw;height:8vw}
	.in-youshi-2024 .content .youshi-right ul li .text{font-size:14px;}
}
/*--------1000---------*/
@media (max-width: 1000px) {
	.in-youshi-2024 .title{font-size:32px;}
	.in-youshi-2024 .content{display:block;}
	.in-youshi-2024 .content .youshi-left{width:100%}
	.in-youshi-2024 .content .youshi-right{width:100%; display: none;}
	.in-youshi-2024-sj{display:block;}
	.in-youshi-2024 .content .youshi-left .info .text1{font-size:20px;}
	.in-youshi-2024 .content .youshi-left .info .text2{font-size:14px;}
	.in-youshi-2024 .content .youshi-left .info{padding: 4% 4%;}
}

/*--------991---------*/
@media (max-width: 991px) {
}











/*===========in-partner-2024===========*/
.in-partner-2024{
	width:100%;
	margin:3% auto;
	overflow: hidden;
}


.in-partner-2024 .in-partner-2024-title{
    font-size: 48px;
    font-weight: bold;
    color: #232323;
    line-height: 1.5;
    font-family: 'font-736';
	display: block;
}


.in-partner-2024 .in-partner-2024-title span{
    color: #f6ab00;
}



.in-partner-2024 .in-partner-2024-list{
	width:100%;
	margin: 3% auto;
	overflow: hidden;
}

.in-partner-2024 .slick-dots{display: none!important}
.in-partner-2024 .slick .item{background:#f3f3f3!important; padding: 20px; color: #5d5d5d; font-size: 16px; }
.in-partner-2024 .slick .item:hover{background:#005dc6!important; color: #fff;}
.in-partner-2024 .post-title a:hover { color: #fff;}

.in-partner-2024 .slick .post-title{width:100%; margin: auto; overflow: hidden; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
	-webkit-box-orient: vertical;}


.in-partner-2024 .slick-nav-container .slick-nav{    margin-top: 3%;}
.in-partner-2024 .slick-nav-container .slick-nav .slick-next-wrapper{}
.in-partner-2024 .slick-nav-container .slick-nav .slick-prev:hover, .slick-nav-container .slick-nav .slick-next:hover{
	background:
	rgba(0,0,0,0.2);
	color: #fff;
}
.in-partner-2024 .slick-nav-container .slick-nav .slick-prev, .slick-nav-container .slick-nav .slick-next{
    width: 45px;
    height: 45px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.1);
    margin: 0 2px;
    font-size: 45px;
	line-height: 45px;
	border-radius: 0;
	border: none;
}

.in-partner-2024-line{
	width: 100%;
    float: left;
    margin: auto;
    overflow: hidden;
    height: 2px;
    background: #bfbfbf;
    margin-top: 1%;
}
.in-partner-2024-line::after{
	width:300px;
	height: 2px;
	background: #1d3e9e;
	content:'';
	display: block;
}


.in-partner-2024 .swiper-container-free-mode>.swiper-wrapper{
	padding-top:30px;
}
.in-partner-2024 .swiper-slide{border:1px solid #ccc;}
.in-partner-2024 .swiper-button-prev{ top:13%; width:35px; height: 35px; border-radius: 50%; border:1px solid #0b4e9f; right: 60px; left: auto;background-size:15px 15px}
.in-partner-2024 .swiper-button-next{ top:13%; width:35px; height: 35px; border-radius: 50%; border:1px solid #0b4e9f;background-size:15px 15px}
.in-partner-2024 .partner-swiper{height:auto;}

/*--------1440---------*/
@media (max-width: 1440px) {
	
}
/*--------1024---------*/
@media (max-width: 1024px) {
	
}
/*--------1000---------*/
@media (max-width: 1000px) {
	.in-partner-2024 .in-partner-2024-title{font-size:32px}
}

/*--------991---------*/
@media (max-width: 991px) {
}
















/*===========youshi-2024===========*/
.youshi-2024{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(../images/24-youshi-bg.jpg);
	padding: 5% 0;
}
.youshi-2024 .title{}
.youshi-2024 .title .text{
    color: #fff;
    font-size: 34px;
    font-weight: bold;
}
.youshi-2024 .title .line{
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.youshi-2024 .title .line::after{
	content:'';
	width: 35px;
	height: 1px;
	background: #fff;
	margin-top: 15px;
	display: block;
}
.youshi-2024 .title .line::before{
	content:'';
	width: 77px;
	height: 1px;
	background: #fff;
	margin-top: 4%;
	display: block;
}
.youshi-2024 .content{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 5%;
	height: 700px;
	display: flex;
}

.youshi-2024 .content .nav-tabs{
	width:40%;
	float: right;
	height: 100%;
	border-bottom: none;
}
.youshi-2024 .content .nav-tabs>li{
	height:12.225%;
	background: url(../images/24-ico-dot.png) #0075bf no-repeat right 10% center;
	color: #fff;
	margin-bottom: 1px;
}
.youshi-2024 .content .nav-tabs>li>a{}


.youshi-2024 .content .nav>li>a{
    border-radius: 0;
    margin-right: 0;
    padding-right: 15%;
    text-align: right;
    color: #fff;
    border: none;
    font-size: 20px;
    height: 100%;
	display: flex;
    flex-flow: column;
    justify-content: center;
}
.youshi-2024 .content .nav>li>a:hover{
	background: url(../images/24-ico-dot.png) #005abf no-repeat right 10% center;
}
.youshi-2024 .content .nav-tabs>li.active>a{
	color: #fff;
	border: none;
	background: url(../images/24-ico-dot.png) #005abf no-repeat right 10% center;
}


.youshi-2024 .content .tab-content{
	width: 60%;
	float: left;
	background: #fff;
	height: 100%;
	padding: 7% 5%;
	background: url(../images/24-youshi-bg2.jpg) no-repeat right bottom #fff;
}
.youshi-2024 .content .tab-content .title{
    color: #000;
    font-size: 30px;
    font-weight: bold;
}
.youshi-2024 .content .tab-content .text{
    margin-top: 5%;
}
.youshi-2024 .content .tab-content .text p{
    font-size: 16px;
    color: #656565;
}



.youshi-2024 .content-sj{
	width:100%;
	margin: 3% auto;
	overflow: hidden;
	display: none;
	background: #fff;
	padding: 5%;
}
.youshi-2024 .content-sj .title{
	background: url(../images/24-ico-dot.png) #0075bf no-repeat left 2% center;
	color: #fff;
	font-size: 16px;
	padding: 2% 4%;
}
.youshi-2024 .content-sj .text{ 
	margin-top: 3%; 
	margin-bottom: 3%;
}
.youshi-2024 .content-sj .text p{
	font-size: 14px;
    color: #656565;
}


/*--------1440---------*/
@media (max-width: 1440px) {
	
	.youshi-2024 .content .nav>li>a{font-size:18px;}
}
/*--------1024---------*/
@media (max-width: 1024px) {
	.youshi-2024 .content .nav>li>a{font-size:16px;}
}
/*--------1000---------*/
@media (max-width: 1000px) {
	.youshi-2024 .content{display:none;}
	.youshi-2024 .content-sj{display:block;}
	
}
/*--------991---------*/
@media (max-width: 991px) {
}

















/*===========pro-list-2024===========*/
.pro-list-2024{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.pro-list-2024 .subpro{
    width: 100%;
    margin: 4% auto;
    overflow: hidden;
    background: #fff;
    display: flex;
    padding: 3%;
    justify-content: space-between;
}
.pro-list-2024 .subpro .pic{
    width: 33%;
    margin: auto;
    overflow: hidden;
    position: relative;
    float: left;
    color: #fff;
    transition: all 0.3s;
}

.pro-list-2024 .subpro .pic .more{
	transition: all 0.3s;
    position: absolute;
    bottom: 45%;
    z-index: 2;
    font-size: 24px;
    opacity: 0;
    color: #fff;
    width: 100%;
	text-align:center;
}
.pro-list-2024 .subpro .pic .shadow{
	width: 94%;
    margin: 3%;
    height: 90%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    z-index: 1;
    transition: all 0.3s;
}
.pro-list-2024 .subpro .pic .pic-img{
	position: relative;
}

.pro-list-2024 .subpro .pic .pic-img img{
    width: 100%;
    
}
.pro-list-2024 .subpro .pic .text{
    z-index: 999;
    color: #fff;
    background: rgba(0,0,0,0.5);
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    flex-flow: column;
    justify-content: center;
	display: none;
	transition: all 0.6s;
	text-decoration: underline;
}



.pro-list-2024 .subpro .pic:hover .shadow{
	display: block;
    transition: all 0.3s;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.8);

}
.pro-list-2024 .subpro .pic:hover .more{
	display: block;
    transition: all 0.3s;
    bottom: 50%;
    opacity: 1;

}

    
.pro-list-2024 .subpro .info{
    width: 55%;
    float: right;
}
.pro-list-2024 .subpro .info li{
    font-size: 18px;
    line-height: 1.85;
    padding: 1% 4%;
}

.pro-list-2024 .subpro .info li:nth-child(even){
    background: #f4f5f9;
}   

.pro-list-2024 .subpro .info li:nth-child(odd){ 
	background: #fff;
}

/*--------1440---------*/
@media (max-width: 1440px) {
	
	.pro-list-2024 .subpro .info li{font-size:16px;}
}
/*--------1024---------*/
@media (max-width: 1024px) {
	
}
/*--------1000---------*/
@media (max-width: 1000px) {
	.pro-list-2024 .subpro{display:block;}
	.pro-list-2024 .subpro .pic{width:100%}
	.pro-list-2024 .subpro .info{width:100%; margin-top: 3%;}
}
/*--------991---------*/
@media (max-width: 991px) {
}

/*===========营销中心===========*/
.yxzx-title{width:100%; margin-top:4%; font-size: 35px; text-align: center;}