.download-bg{height:86px;}
#container .grid { display: none; } 
#container .grid:nth-child(1),#container .grid:nth-child(2) { display: block; } 
.containershow .grid { display: block !important; } 
.productlist .grid .img img { width:100%; display:block; overflow:hidden; } 
.productlist .grid .box { background:#fff; margin: 50px 15px 0px; padding-bottom:30px; border-radius: 16px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(138, 153, 192, 0.2); height: 751px; } 
.productlist .grid .box .tit { font-size: 28px; line-height: 40px; margin-top: 30px; overflow: hidden; padding: 0px 30px; text-align: center; font-weight: bold; } 
.productlist .grid .box .intro { padding:0px 30px; line-height:27px; color:#909598; margin-top:15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } 
.productlist .grid .box .info { padding-left:30px; height:32px; line-height:32px; margin-top:15px; overflow:hidden; color:#606466; } 
.productlist .grid .box .info span { padding-right:30px; } 

.productlist .grid .box .button { padding:5px 15px 0px 30px; } 
.productlist .grid .box .button dl dt { float:left; } 
.productlist .grid .box .button a { float:left; padding:0px 15px; height:32px; line-height:32px; color:#666; background:#F5F6F9; border-radius:3px; margin:15px 15px 0px 0px; -webkit-transition:0.3s; transition:0.3s; border:0; } 
.productlist .grid .box .button a:hover { background:#4265fb; color:#fff; } 
.down-btn { display: block; width: 200px; height: 56px; margin: 30px auto 12px; line-height: 56px; background: #4265fb !important; box-sizing: border-box; font-size: 18px; text-align: center; color: #fff !important; border-radius: 4px; } 
.software-size { text-align: center; font-size: 12px; color: #999; line-height: 12px; margin-bottom: 35px; } 

.product-more { margin-top: 49px; text-align: center; color: #999; font-size: 18px; margin-bottom: 50px; line-height: 18px; cursor: pointer; } 
.product-more span,.product-more img { vertical-align: middle; } 

.version .inner .box .title { height: 24px; line-height: 24px; font-size: 24px; text-align: center; margin-bottom: 40px; font-weight: bold; } 
.version .inner .box { margin:30px 15px 0px; padding-bottom:30px; } 
.version .inner .box .title span { font-size:14px; color:#909598; padding-left:15px; } 
.version .inner .box ul { background:#fff; margin-top:5px; border-radius: 10px; } 
.version .inner .box ul li { line-height:60px; font-size:14px; height:60px; border-top:1px solid #EAECEF; padding-left:30px; padding-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.version .inner .box ul li:hover { background-color:#F6F8FA; } 
.version .inner .box ul li span { float:right; } 
.version .inner .box ul li span a { padding:0px 10px; margin-left:15px; height: 60px; line-height: 60px; float:left; border-radius:3px; } 
.clickbtn { width:150px; text-align:center; margin:0 auto; margin-top:30px; height:36px; line-height:36px; border: 1px solid #999999; color: #999999; border-radius:3px; cursor:pointer; padding-left:0px; -webkit-transition:0.3s; transition:0.3s; } 
.clickbtn:hover { border: 1px solid #276BF4; color:#276BF4; } 
.version .inner .box ul li a { color:#276BF4; } 
@media screen and (max-width: 1024px){
    .download-bg{height:53px;}
 .productlist .grid .box,.version .inner .box { margin: 20px; } 
 }
@media screen and (max-width: 768px){
 #container .grid { width: 50%; } 
 .productlist .grid .box { margin: 20px; height: auto; } 
 .productlist .grid .box .tit { font-size: 20px; line-height: 28px; padding: 0 15px; height: 56px; } 
 .down-btn { height: 40px; line-height: 40px; font-size: 16px; } 
 .software-size { margin-bottom: 10px; height: 12px; overflow: hidden; } 
 .productlist .grid .box .img { height: 217px; } 
 .productlist .grid .box .img a { display: block; } 
 .productlist .grid .img img { height: 100%; object-fit: cover; } 
 .productlist .grid .box .button { padding: 5px 15px; height: 151px; overflow: hidden; box-sizing: border-box; } 
 .productlist .grid .box .button a { font-size: 12px; } 
 .version .inner .box { margin: 30px 20px 0px; } 
 }
@media screen and (max-width: 480px){
 #container .grid { width: 100%; } 
 .productlist .grid .box { margin: 15px; height: auto; } 
 .productlist .grid .box .tit { font-size: 20px; line-height: 28px; margin-top: 20px; padding: 0px 15px; } 
 .down-btn { height: 40px; margin: 20px auto 12px; line-height: 40px; font-size: 16px; } 
 .software-size { margin-bottom: 20px; } 
 .productlist .grid .box .img { height: auto; } 
 .productlist .grid .box .button { padding: 0px 10px; line-height: 25px; margin: 5px 5px 0px 0px; font-size: 12px; height: auto; } 
 .productlist .grid .box .button a { margin: 5px 5px 0 0; } 
 .version .inner .box { margin: 30px 15px 0px; padding-bottom: 30px; } 
 .version .inner .box .title { margin-bottom: 30px; } 
 .version .inner .box ul li { height: 50px; line-height: 50px; padding-left: 15px; padding-right: 5px; } 
 .version .inner .box ul li span a { margin-left: 15px; height: 50px; line-height: 50px; } 
 .product-more { margin-top: 20px; } 
 }
 
@media screen and (max-width: 320px){
 .productlist .grid .box { margin: 15px; height: auto; } 
 .productlist .grid .box .tit { font-size: 20px; line-height: 28px; margin-top: 20px; padding: 0px 15px; } 
 .down-btn { height: 40px; margin: 20px auto 12px; line-height: 40px; font-size: 16px; } 
 .software-size { margin-bottom: 20px; } 
 .productlist .grid .box .button { padding: 0px 10px; height: 25px; line-height: 25px; margin: 5px 5px 0px 0px; font-size: 12px; } 
 .version .inner .box { margin: 30px 15px 0px; padding-bottom: 30px; } 
 .version .inner .box .title { margin-bottom: 30px; } 
 .version .inner .box ul li { height: 50px; line-height: 50px; padding-left: 15px; padding-right: 5px; } 
 .version .inner .box ul li span a { margin-left: 15px; height: 50px; line-height: 50px; } 
 .product-more { margin-top: 20px; } 
 }<!--ºÄʱ1782849088.7376Ãë-->