@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/
/*下载banner*/
.down-banner {margin:20px auto;background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center 20%;background-size:cover;width:98%;height:500px;border-radius:10px;}

/*下载标签*/
.down-img-tag {margin-left:-20px;}
.down-img-tag ul {width:304px;float:left;margin-left:20px;margin-bottom:20px;padding:15px 0;background:#FFFFFF;border-radius:8px;}
.down-img-tag li {margin:0 15px;font-size:14px;}
.down-img-tag ul:hover {box-shadow:0 1px 6px rgba(0,0,0,.35);}
.down-img-tag .li-img {width:275px;height:387px;overflow:hidden;border-radius:5px; position:relative;}
.down-img-tag .li-img img {-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear; width:100%; height:100%; object-fit:cover;}
.down-img-tag .li-img:hover img {-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.down-img-tag .li-title {margin-top:15px;height:50px;line-height:23px;overflow:hidden;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;}

.down-img-tag .li-hover {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all 0.3s ease;border-radius:5px;}
.down-img-tag .li-img:hover .li-hover {opacity:1;visibility:visible;}

.down-img-tag .ext-icon {position:absolute;background:#fff;border-radius:5px;left:12px;top:12px;}
.down-img-tag .extimg {width:42px;height:42px;display:block;}

.down-img-tag .li-desc {color:#fff;font-size:14px;text-align:center;line-height:1.8;margin-bottom:20px;}
.down-img-tag .li-desc span {display:block;}
.down-img-tag .li-desc em {margin:0 4px;font-style:normal;color:#ccc;}

.down-img-tag .down-btn,
.down-img-tag .details-btn {display:inline-block;padding:8px 22px;border-radius:5px;font-size:14px;text-decoration:none;transition:all 0.3s;}

.down-img-tag .down-btn {background:#165DFF;color:#fff;}
.down-img-tag .down-btn:hover {background:#0E2E91;}

.down-img-tag .details-btn {background:#fff;margin-right:10px;color:#000;}
.down-img-tag .details-btn:hover {background:#E8F3FF;color:#165DFF;}


/*下载列表背景*/
.down-list-banner {margin:20px 20px 0 20px;background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;width:98%;height:300px;border-radius:15px;}
.down-list-banner .banner-title {z-index:9;padding-top:80px;}
.down-list-banner .banner-title h2 {font-size:48px;color:#fff;letter-spacing:10px;padding-bottom:30px;}
.down-list-banner .banner-title p {font-size:30px;color:#fff;padding-bottom:50px;}



/*新列表筛选*/
.down-list {position:relative;background:#ffffff;overflow:hidden;margin-top:20px;padding:20px 25px 5px 25px;overflow:hidden;font-size:14px;border-radius:10px;}
.down-list .cat-nav {margin-bottom:15px;padding:10px 0 15px 25px;height:24px;line-height:24px;background:url('../ico-nav.png') no-repeat 0px 13px;font-size:14px;border-bottom:rgba(232,232,232,0.9) 1px solid;}
.down-list .cat-nav div {float:right;font-family:'aliFangYuan',sans-serif;}
.down-list .cat-nav div b {color:#f30;font-size:16px;font-weight:bold;}
.down-list .cat-nav i {font-style:normal;font-weight:bold;color:#CCC;padding:0 6px;font-family:simsun;}
.down-list .cat-nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.down-list .cat-nav s {display:inline-block;width:16px;height:16px;background:url('../ico-cls.png') no-repeat center center;margin:4px 0 0 8px;position:absolute;}
.down-list .cat-nav s:hover {background:url('../ico-cls-on.png') no-repeat center center;}

.down-list .filter-box {overflow:hidden;zoom:1;margin-bottom:18px;}
.down-list .filter-box .more {float:left;display:inline;border:#E8E8E8 1px solid;border-radius:3px;width:92px;font-size:14px;color:#A0A0A0;height:22px;line-height:21px;background:url('../images/icon/mro_arrow.png') right 8px no-repeat;padding:0 6px 0 8px;margin:6px 0 0 0;}
.down-list .filter-box .more.actived {background-position:right -7px;color:#F00;overflow:hidden;}
.down-list .filter-left {width:150px;padding-right:20px;font-weight:bold;float:left;overflow:hidden;position:relative;line-height:22px;padding-top:8px;font-size:14px;}
.down-list .filter-left:after{content:"";position:absolute;right:12px;top:17px;border:1px solid #333;border-width:0 1px 1px 0;width:4px;height:4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.down-list .filter-right {float:left;display:inline;overflow:hidden;}
.down-list .filter-right ul {overflow:hidden;display:block;width:1272px;float:left;zoom:1;}
.down-list .filter-right ul li {float:left;display:block;cursor:pointer;padding:0 13px 0 13px;height:38px;line-height:38px;overflow:hidden;font-size:14px;}
.down-list .filter-right ul li a {padding:2px 8px;}
.down-list .filter-right ul li a:hover, .filter-right ul li a.current {height:20px;background:#F00;text-align:center;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.down-list .filter-right ul li a.current-2 {height:20px;background:#9E9E9E;text-align:center;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.down-list .filter-right .pcw {width:100%;float:left;}
.down-list .filter-right .close{height:30px;overflow:hidden;}
.down-list .filter-right .closee{line-height:30px;overflow:hidden;}
.down-list .filter-right .v-catid li.on {font-size:15px;}
.down-list .filter-right .v-catid li.on a {color:#FFF;background:#f00;border-radius:5px;}
.down-list .filter-right .c-catid a.on {color:#F00;background:#f0f0f0;border-radius:5px;}


/*已选条件*/
.down-list .filter-box .selected {padding:6px 0px;}
.down-list .filter-box .selected .selected-left {float:left;width:80px;padding-right:10px;font-weight:bold;float:left;overflow:hidden;position:relative;line-height:26px;font-size:14px;}
.down-list .filter-box .selected .selected-right {float:left;padding-left:13px;}
.down-list .filter-box .selected .selected-right li {float:left;height:26px;line-height:26px;border:1px dashed #F00;padding:0 10px;margin-right:16px;border-radius:3px;cursor:pointer;}
.down-list .filter-box .selected .selected-right li i {background:url('../images/icon/icon-closure-red.png') no-repeat 10px 5px;background-size:10px 10px;padding-left:23px;}
.down-list .filter-box .selected .selected-right li:hover {border:1px solid #f00;}
.down-list .filter-box .selected .clear-all {font-size:14px;color:#C60000;line-height:28px;margin-left:12px;cursor:pointer;}
.down-list .filter-box .selected .clear-all a {color:#C60000;}

/*产品信息标签*/
.down-product-tag {margin-left:-20px;}
.down-product-tag ul {width:304px;float:left;margin-left:20px;margin-bottom:20px;padding:15px 0;background:#FFFFFF;border-radius:8px;text-align:center;}
.down-product-tag li {margin:0 15px;font-size:14px;}
.down-product-tag ul:hover {box-shadow:0 1px 6px rgba(0,0,0,.35);}
.down-product-tag .li-img {width:275px;height:275px;overflow:hidden;border-radius:5px;}
.down-product-tag .li-img img {-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.down-product-tag .li-img:hover img {-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.down-product-tag .li-title {margin-top:15px;height:50px;line-height:23px;overflow:hidden;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;}


/*详情介绍*/
.down-show {margin:auto;width:1600px;clear:both;}
.down-show .show-down-left {float:left;width:270px;margin-right:20px}
.down-show .show-down-right {float:right;width:calc(100% - 290px);}

.down-right-box {background:#FFFFFF;border-radius:8px;padding:26px 0;}
.down-right-box h1 {padding:0 26px 20px 26px;}
.down-right-box h2 {padding:0 26px 10px 26px;border-bottom:#EEEEEE 1px solid;}

/*基本信息*/
.down-right-box .left-data {background:rgb(246 247 249 / 62%);height:38px;line-height:38px;margin:0 26px;padding:10px 16px;border-radius:10px;}
.down-right-box .left-data i {font-size:14px;padding-right:20px;}

.down-right-box .down-btn {padding:60px 0 0 26px;position:relative;}
.down-right-box .down-btn .btnltft {text-align:center;}
.down-right-box .down-btn .btnltft a {width:188px;height:50px;line-height:50px;color:#fff;display:block;background:linear-gradient(135deg, #cc0000 0%, rgba(255,108,85,1) 100%);border-radius:6px;font-size:18px;}
.down-right-box .down-btn .btnltft a:hover {background:linear-gradient(90deg,rgb(245, 68, 68),rgb(254, 119, 98));color:#fff;}
.down-right-box .down-btn .btnright a {font-size:12px;color:#cbcbcb;position:absolute;right:26px;bottom:0px;}
.down-right-box .down-btn .btnright a:hover {color:#ff0000;}

.down-right-box .content {font-size:16px;line-height:200%;padding:16px 26px;}

/*相关标签*/
.down-showbox {overflow:hidden;background:#FFFFFF;border-radius:8px;padding:26px 26px 6px 26px;margin-top:20px;}
.down-showbox h2 {margin-bottom:20px;border-bottom:#EEEEEE 1px solid;padding-bottom:10px;}
.down-showbox h2 b {font-size:18px;}
.down-showbox h2 span {float:right;color:#999999;}

/*相关下载标签*/
.down-showbox .album-down-tag {margin-left:-20px;}
.down-showbox .album-down-tag li {width:215px;overflow:hidden;float:left;margin-left:20px;margin-bottom:20px;background:#F6F6F6;border-radius:6px;padding:10px;font-size:14px;text-align:center;}/* 图片外层容器 */
.down-showbox .album-down-tag .album-img-box {width:100%;height:266px;border-radius:5px;overflow:hidden;position:relative;margin-bottom:12px;}
.down-showbox .album-down-tag .album-img-box img {width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;}
.down-showbox .album-down-tag .album-img-box:hover img {transform:scale(1.03);}

.down-showbox .album-down-tag .album-hover {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.55);border-radius:5px;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.down-showbox .album-down-tag li:hover .album-hover {opacity:1;visibility:visible;}

.down-showbox .album-down-tag .on .album-hover {opacity:1;visibility:visible;}
.down-showbox .album-down-tag .on .album-img-box img {transform:scale(1);}

.down-showbox .album-down-tag .album-ext {position:absolute;left:12px;top:12px;}
.down-showbox .album-down-tag .extimg {background:#fff;border-radius:3px;width:36px;height:36px;display:block;}

.down-showbox .album-down-tag .album-btn {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:4px;font-size:15px;white-space:nowrap;}
.down-showbox .album-down-tag .album-btn a {display:inline-block;padding:8px 28px;background:#fff;color:#000;border-radius:4px;transition:all 0.3s ease;text-decoration:none;}
.down-showbox .album-down-tag .album-btn a:hover {background:linear-gradient(90deg, #DF0522, #ff4c60);color:#fff;}
.down-showbox .album-down-tag .album-btn  span {display:inline-block;padding:8px 28px;border-radius:4px;font-weight:bold;color:#FAFAFA;background:rgba(255,255,255,0.3);cursor:default;}

.down-showbox .album-down-tag .album-title {font-size:14px;font-weight:bold;height:42px;line-height:21px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.down-showbox .album-down-tag .on .album-title {color:#cbcbcb;}

/*详情页获取相关产品标签*/
.down-related-product {margin-left:-20px;}
.down-related-product ul {width:235px;float:left;margin-left:20px;margin-bottom:20px;border-radius:8px;position:relative;text-align:center;}
.down-related-product ul .li-img {border-radius:8px;width:215px;height:215px;overflow:hidden;margin:10px 10px 0 10px;}
.down-related-product ul .li-img img {-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.down-related-product ul .li-img:hover img {-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.down-related-product ul .li-title {margin:10px 10px 10px 10px;height:42px;line-height:21px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;}
.down-related-product ul:hover {transform:scale(1.05);transition:all .36s;box-shadow:0 0 15px rgb(0 0 0/50%);}


/*浮动加载*/
.show-drop-menu.fd-active {position:fixed;top:100px;z-index:6;box-shadow:0 0 15px rgb(0 0 0/50%);}
