.top-panel{

    padding: 100px 0;

}

.top-panel ul li{

    width: 49%;

    background: #fff;

}

.top-panel ul li a{

    height: 258px;

    width: 100%;

    padding: 0 54px;

}

.top-panel ul li a  .icon{

    margin-right: 60px;

}

.top-panel ul li .desc h3{

    position: relative;

    padding-bottom: 20px;

}

.top-panel ul li .desc h3::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 16px;

    height: 1px;

    background: #0058B2;

}

.top-panel ul li .desc .info{

    line-height: 30px;

    margin-top: 20px;

}

.support-lists{

    padding: 86px 0;

}

.support-lists ul li{

    display: flex;

    justify-content: flex-end;

    position: relative;

    margin-bottom: 56px;

}

.support-lists ul li:last-child{

    margin-bottom: 0;

}

.support-lists ul li .pic-box{

    width: 56%;

    height: 430px;

    position: absolute;

    top: 44px;

    left: 0;

}

.support-lists ul li .desc{

    width: 80%;

    height: 519px;

    background: #F9FAFA;

    padding: 134px 10% 0 42%;

}

.support-lists ul li .desc h3{

    position: relative;

    padding-left: 16px;

}

.support-lists ul li .desc h3::before{

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    width: 6px;

    height: 6px;

    background: #999999;

    border-radius: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.support-lists ul li .desc .info{

    margin: 50px 0 55px;

    line-height: 30px;

}

/* .support-lists ul li .desc .watch-more {

    width: auto;

    height: 50px;

    background: transparent;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

} */

.support-lists ul li .desc .watch-more img{

    width: 18px;

    margin-left: 4px;

}

.support-lists ul li .desc .watch-more .icon2,.support-lists ul li:hover .desc .watch-more .icon1{

    display: none;

}

.support-lists ul li:hover .desc .watch-more{

    width: 119px;

    height: 50px;

    color: #fff;

    background: #0058B2;

    justify-content: center;

}

.support-lists ul li:hover .desc .watch-more .icon2{

    display: block;

}



/* 下载中心 */

.down .top-link a img{

    margin-right: 9px;

}

.down .menu{

    margin-top: 90px;

    padding-bottom: 23px;

    border-bottom: 1px solid #EAEEEF;

    position: relative;

}

.down .menu .item img{

    margin-left: 9px;

}

.hidden{

    display: none;

}

.down .menu .two-menu{

    position: absolute;

    top:40px;

    left: 0;

    width: 320px;

    z-index: 999;

    background: #fff;

}

.down .menu .two-menu a{

    display: block;

    width: 100%;

    line-height: 63px;

    height: 63px;

    text-align: center;

}

.down .menu .two-menu a.active,.down .menu .two-menu a:hover{

    color: #fff;

    background: #0058B2;

}

.down ul{

    margin-top: 80px;

}

.down ul li{

    height: 362px;

    background: #F9FAFA;

    padding: 28px 92px 30px 23px;

    margin-bottom: 40px;

}

.down ul li .pic-box{

    width: 40%;

    height: 306px;

    top: 28px;

    left: 23px;

}

.down ul li .desc{

    width: 54%!important;

    height: 100%;

    padding: 0;

}

.down ul li .desc .info{

    margin-bottom: 120px;
		overflow: hidden!important;
		height: auto!important;
}

.down ul li .desc .watch-more{

    width: 119px;

    height: 50px;

    

    justify-content: flex-start;

    align-items: flex-end;
		margin-top: 20px;

}

.down ul li:hover .desc .watch-more{

    align-items: center;

    justify-content: center;

}

.down .page-box{

    margin-top: 56px;

}



@media (max-width: 1680px){
	.support-lists ul li .pic-box{
		width: 56%;
	}

    

    .down ul li .pic-box{

        width: 35%!important;

    }

    .down ul li .desc{

        padding: 0!important;

    }

}
@media (max-width: 1620px){
	.support-lists ul li .pic-box{
		width: 50%;
	}

  

    

}
@media (max-width: 1460px){

    .support-lists ul li .pic-box{

        width: 50%;
    }

    .support-lists ul li .desc{

        width: 60%;
    }

    .support-lists ul li .desc{

        padding-left: 16%;

    }

}

@media (max-width: 1200px){

    /* .support-lists ul li .pic-box{

        width: 500px;

    }

    .support-lists ul li .desc{

        width: 700px;

    }

    .support-lists ul li .desc{

        padding-left: 40%;

    } */

}



@media (max-width: 1080px){

    .top-panel{

        padding: 30px 0;

    }

    .top-panel ul{

        flex-wrap: wrap;

    }

    .top-panel ul li{

        width: 100%;

        margin-bottom: 20px;

    }

    .top-panel ul li a{

        height: 180px;

        padding: 0 40px;

    }

    .support-lists ul li .pic-box{

        width: 240px;

        height: 200px;

    }

    .support-lists ul li .desc{

        height: 300px;

        padding: 34px 20px;

        padding-left: 34%;
				

    }

    .support-lists ul li .desc .info{

        line-height: 2;

        margin: 15px 0 20px;
				
    }

    .down ul li{

        padding-bottom: 30px;

    }

    .down ul li,.down ul li .desc{

        height: auto;

    }
		
    .down ul li .pic-box{

        height: 180px;

    }
		.top-panel ul li a{
		
		    padding: 15px;
		
		    height: auto;
		
		}
		
		.top-panel ul li a .icon{
		
		    margin-right: 20px;
		
		}
		
		.top-panel ul li a .icon img{
		
		    width: 50px;
		
		}
		
		.top-panel ul li .desc .info{
		
		    line-height: 1.8;
		
		    margin-top: 10px;
		
		}
		
		.top-panel ul li .desc h3{
		
		    padding-bottom: 12px;
		
		}
		
		.support-lists{
		
		    padding: 30px 0;
		
		}
		
		.support-lists ul li{
		
		    margin-bottom: 20px;
		
		}
		
		.support-lists ul li .desc{
		
		    width: 100%;
		
		    padding: 15px;
		
		    padding-top: 200px;
		
		    height: auto;
		
		    margin-top: 20px;
		
		}
		
		.support-lists ul li .pic-box{
		
		    width: 100%;
		
		    top: 0;
		
		    left: 0;
		
		    height: 200px;
		
		    
		
		}
		
		.down .menu{
		
		    margin-top: 40px;
		
		    padding-bottom: 15px;
		
		}
		
		.down .menu .two-menu{
		
		    width: 70%;
		
		    top: 35px;
		
		}
		
		.down .menu .two-menu a{
		
		    height: 50px;
		
		    line-height: 50px;
		
		}
		
		.down ul{
		
		    margin-top: 20px;
		
		}
		
		.down ul li{
		
		    padding: 15px 15px 20px;
		
		}
		
		.down ul li .pic-box{
		
		    width: 100%!important;
		
		}
		
		.down ul li .desc{
		
		    width: 100%!important;
		
		    padding: 200px 0 0!important;
		
		    margin-top: 0;
		
		}
		
		.down ul li .desc .info{
		
		    margin-bottom: 5px;
				
		}
		
}

@media (max-width: 750px){

    

}