.banner-news { position: relative; overflow: hidden; }
.banner-news .img-div { display: block; margin: 0 auto; }
.banner-news .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-bottom: 180px; background-color: rgba(0, 0, 0, 0.45); color: #ffffff; }
.banner-news .cont .cont-title { font-size: 58px; line-height: 1.4em; letter-spacing: 1px; }
.banner-news .cont .cont-des { margin-top: 20px; font-size: 20px; line-height: 1.4em; }
.centered-image { display: block; max-width: 80%; height: auto; margin-left: auto; margin-right: auto; }
@media (max-width: 1660px) {
.banner-news .cont { padding-bottom: 120px; }
.banner-news .cont .cont-title { font-size: 54px; }
.banner-news .cont .cont-des { margin-top: 5px; font-size: 19px; }
}
@media (max-width: 1550px) {
.banner-news .cont { padding-bottom: 110px; }
.banner-news .cont .cont-title { font-size: 50px; }
.banner-news .cont .cont-des { font-size: 18px; }
}
@media (max-width: 1400px) {
.banner-news .cont { padding-bottom: 100px; }
.banner-news .cont .cont-title { font-size: 40px; }
.banner-news .cont .cont-des { font-size: 16px; }
}
@media (max-width: 1300px) {
.banner-news .cont { padding-bottom: 90px; }
.banner-news .cont .cont-title { font-size: 36px; }
}



.news-menu-type .wrap3 { padding: 3.977% 0; }
.news-menu-type .menu-son { margin: 5px 10px 5px 0; padding: 0 2.6em; background: var(--w-color); font-size: 18px; color: #333333; }
.news-menu-type .menu-son.on, .news-menu-type .menu-son:hover { background: var(--linear-color-h); color: #ffffff; }
.news-menu-type .more-box-a { float: left; }
.news-menu-type .news_one_r { float: right; overflow: hidden; height: 50px; line-height: 50px; background: #f5f5f5; display:none; }
.news-menu-type .news_one_r .cinputs { width: 270px; border: 0; height: 50px; text-indent: 20px; background: none; color: #999999; font-size: 14px; font-family: "微软雅黑"; outline: none; float: left; }
.news-menu-type .news_one_r .cbnts { float: right; width: 50px; height: 50px; display: block; background: url(../image/news_bg1.jpg) no-repeat; border: 0; outline: none; color: #fff; font-size: 18px; text-align: center; line-height: 68px; cursor: pointer; font-family: '微软雅黑'; transition: all 0.3s; }
.news-menu-type .news_one_r .cbnts:Hover { opacity: 0.8; filter: Alpha(opacity=80); }
.news-block {
 --ww: var(--wrap-1760-width);
 --wson: 31.25%; position: relative; padding: 1px 0 105px; }
.news-block .list { margin-top: 1.1%; }
.news-block .list::after { content: ''; display: block; width: var(--wson); }
.news-block .list .list-li { margin-top: 1.7%; width: var(--wson); }
.news-block .list .list-li:nth-child(1), .news-block .list .list-li:nth-child(2), .news-block .list .list-li:nth-child(3) { margin-top: 0; }
.news-block .list .list-box { display: block; position: relative; border-top: 1px solid #e4e4e4;  padding: calc(var(--ww)*.035) 0;
}
.news-block .list .list-box::before { content: ''; display: block; position: absolute; left: 0; top: -1px; width: 0; height: 1px; background: var(--main-color); transition: width .3s; }
.news-block .list .time { display: block; font-size: 14px; line-height: 1.4em; color: #888888; }
.news-block .list .line { display: block; transform: translate(0, 0); margin-top: 12px; width: 24px; height: 2px; background-color: #dadada; transition: transform .3s; }
.news-block .list .list-title { margin-top: 18px; font-size: 24px; line-height: 1.4em; color: #333333; transition: color .3s; }
.news-block .list .list-des { margin-top: 36px; -webkit-line-clamp: 3; font-size: 15px; line-height: 1.86em; color: #888888; }
.news-block .list .tags { overflow: hidden; height: 22px; line-height: 22px; color: #999; margin-top: 10px; }
.news-block .list .tags span { float: left; margin-right: 6px; font-size: 14px; }
.news-block .list .tags a { float: left; margin-right: 5px; font-size: 14px; color: #999; }
.news-block .list .tags a:hover { color: var(--main-color); }
.news-block .list .list-box:hover::before { width: 100%; }
.news-block .list .list-box:hover .line { transform: translate(3px, 0); background: var(--main-color); }
.news-block .list .list-box:hover .list-title { color: var(--main-color); }
.news-block .page-btn-box { padding-top: 15px; }
@media (max-width: 1800px) {
.news-menu-type .menu-son { padding: 0 1.6em; }
}
@media (max-width: 1660px) {
.news-menu-type .menu-son { /* padding: 0 2.3em; */
}
}
@media (max-width: 1550px) {
.news-menu-type .menu-son { font-size: 16px; padding: 0 1.4em; margin-right: 5px; }
.news-block .list { margin-top: 0; }
}
@media (max-width: 1400px) {
.news-menu-type .menu-son { padding: 0 1.5em; /* margin-right:8px; */ font-size: 15px; }
.news-block { padding-bottom: 80px; margin-top: 40px; }
}
@media (max-width: 992px) {
.news-menu-type { pointer-events: auto; }
.news-menu-type .wrap3 { white-space: nowrap; height: 90px; overflow: hidden; }
.news-menu-type .menu-son { font-size: 15px; }
.news-menu-type .more-box-a { display: block; float: none; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; height: 70px; line-height: 50px; }
.news-menu-type .menu-son { line-height: 40px; height: 40px; display: inline-block; }
.news-menu-type .news_one_r { float: none; margin-top: 2%; display: none; }
.news-menu-type .news_one_r .cinputs { width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); }
.news-block .list .list-title { font-size: 22px; }
}
@media (max-width: 960px) {
.news-menu-type .menu-son { font-size: 14px; }
.news-block .list .list-li { width: 49%; margin-top: 0; }
.news-block .list .list-title { font-size: 20px; }
.news-block .list .list-box { padding: 6% 0; }
}
@media (max-width: 640px) {
.news-menu-type .wrap3 { height: 80px; }
.news-menu-type .news_one_r { height: 40px; }
.news-menu-type .news_one_r .cinputs { height: 40px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); }
.news-menu-type .news_one_r .cbnts { width: 40px; height: 40px; background-position: center center; }
.news-block { margin-top: 2%; padding-bottom: 8%; }
.news-block .list .list-title { font-size: 18px; }
.news-block .list .list-des { margin-top: 3.6%; font-size: 14px; }
}
@media (max-width: 480px) {
.news-block { margin-top: 1%; }
.news-block .list .list-title { font-size: 16px; }
}
.news-menu { padding: 28px 0; }
.news-menu .h2 { font-size: 36px; line-height: 1.4em; letter-spacing: 1px; color: #000000; }
.news-menu .select-box .select-bg {
 --c: #000000; position: relative; background-color: #ffffff; border-radius: 10px; min-width: 305px; }
.news-menu .select-box .select-word { padding-left: 17px; padding-right: calc(17px + 1.2em); font-size: 18px; color: var(--c); }
.news-menu .select-box .select-word::after { display: none; }
.news-menu .select-box .self-svg {
 --size: 0.8em;
 --fill: var(--c); position: absolute; transform: translateY(-60%); top: 50%; right: 17px; }
.news-menu .select-box .self-svg svg { transform: rotate(90deg); }
.news-menu .select-box .on .select-bg {  --c: var(--hc);
}
@media (max-width: 1550px) {
.news-menu { padding: 25px 0; }
.news-menu .h2 { font-size: 30px; }
.news-menu .select-box .select-bg { border-radius: 5px; min-width: 295px; }
.news-menu .select-box .select-word { font-size: 17px; }
}
@media (max-width: 1400px) {
.news-menu { padding: 20px 0; }
.news-menu .h2 { font-size: 24px; }
.news-menu .select-box .select-bg { border-radius: 5px; min-width: 295px; }
.news-menu .select-box .select-word { padding-left: 13px; padding-right: calc(13px + 1.2em); font-size: 16px; }
}
/*新闻详情*/
.news-info { padding-top: 15px; padding-bottom: 40px; }
.news-info .left-cont { width: 71%; }
.news-info .left-cont .info-header { font-size: 28px; font-weight: bold; line-height: 1.4em; color: #333333; }
.news-info .left-cont .other { margin-top: 20px; font-size: 15px; line-height: 1.4em; color: #c8c8c8; }
.news-info .left-cont .info-content { margin-top: 40px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top: 1.8em; /*padding-bottom: 5em;*/padding-bottom: 1em; font-size: 16px; line-height: 2; color: #555555; }
.news-info .left-cont .info-content p { margin-bottom: 17px; }
.news-info .left-cont .info-content a { color: #de804e; }
.news-info .left-cont .info-content a:hover { text-decoration: underline; }
.news-info .left-cont .info-content img { height: auto!important; max-width:100%; display: block; margin-left: auto; margin-right: auto; }

.news-info .left-cont .info-content .ui-piclist-image img{ width:100%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.news-info .right-cont { width: 24.43%; }
.news-info .right-cont .h3 { margin-bottom: 28px; font-size: 22px; font-weight: bold; line-height: 1.4em; color: #333333; }
.news-info .right-cont .list .list-li { border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.news-info .right-cont .list .list-li + .list-li { margin-top: 18px; }
.news-info .right-cont .list .list-li .list-box { display: block; }
.news-info .right-cont .list .list-li .list-box .title { font-size: 16px; line-height: 1.8em; color: #333333; transform: translateX(0); transition: all 0.3s; }
.news-info .right-cont .list .list-li .list-box .other { margin-top: 5px; font-size: 14px; line-height: 1.4em; color: #c8c8c8; }
.news-info .right-cont .list .list-li .list-box:hover .title { transform: translateX(3px); color: var(--main-color); }
 @media (max-width: 996px) {
.news-info { padding-bottom: 4%; }
.news-info .info-flex { display: block; }
.news-info .left-cont { width: 100%; }
.news-info .left-cont .info-header { text-align: center; }
.news-info .left-cont .other { text-align: center; font-size: 14px; }
.news-info .right-cont { width: 100%; display: none; }
}
 @media (max-width: 640px) {
.news-info .left-cont .info-header { font-size: 24px; }
.news-info .left-cont .info-content { margin-top: 4%; padding-top: 4%; }
.news-info .left-cont .other { text-align: center; font-size: 13px; }
.ui-piclist-item {width: 48.5%; }
}
@media (max-width: 480px) {
.news-info .left-cont .info-header { font-size: 20px; }
.news-info .left-cont .other { font-size: 12px; }
}






.product-cs{ line-height:2; padding-top:10px; color:#888;}

.pro-review{

    clear: both;
}
.pro-review .pro-preview-left{width: 68%;box-sizing:border-box;margin-bottom:20px;float: left;box-sizing:border-box;}
.pro-review .pro-preview-right{padding:0px 0 0 30px;margin-bottom:30px;float: left;width: 32%;}
.pro-review .pro-preview-right .pro-name{font-size:28px;padding:15px 0;text-align:left;color:#333;line-height: 1.5; }

.pro-detail .part{margin-top:30px}
.pro-detail .title{font-size:var(--fontsize22)}
.pro-detail .title span{padding-bottom:10px;border-bottom:2px solid var(--color)}
.pro-detail .content{margin-top:30px}
.pro-detail .content p{padding-bottom:0px}
.pro-detail .content p.productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.pro-detail .content p.productsTags a:hover{color:var(--color)}
.pro-detail .content iframe{max-width:100%}
.pro-detail table{margin-top:10px}
.pro-detail .random-pro ul{display:flex;justify-content:space-between;margin-bottom:30px}
.pro-detail .random-pro ul li{flex:1;background-color:#FFFFFF;margin-right:24px;transition:background-color .3s ease}
.pro-detail .random-pro ul li:last-child{margin-right:0px}
.pro-detail .random-pro ul li:hover{background-color:var(--color)}
.pro-detail .random-pro ul li:hover img{transform:scale(1.1)}
.pro-detail .random-pro .pro-img-wrapper{overflow:hidden;width:100%;padding-top:100%;position:relative;background-color:#FFFFFF}
.pro-detail .random-pro .pro-img{position:absolute;background-color:#FFFFFF;width:100%;height:100%;display:flex;justify-content:center;align-items:center;top:0px;left:0px}
.pro-detail .random-pro .pro-img img{transition:transform .3s ease;max-width:100%;max-height:100%}
.pro-detail .random-pro .pro-name{margin:10px;font-size:var(--fontsize14);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pro-detail .s-part{margin-top:30px}

.preview-container{position:relative;width: 100%;}
.preview-container .small-box{position:relative;width: 100%;height:450px;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center;background-color:#FFFFFF;}
.preview-container .small-box img{width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #EEEEEE;display:none}
.preview-container .thumbnail-box{margin-top:20px;position:relative;width:100%;box-sizing:border-box}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0px auto;position:relative}
.preview-container .thumbnail-box .list ul{width:100000px;display:flex}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0px 10px;box-sizing:border-box;border:1px solid #CCCCCC}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:1px solid #09F;}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev{left:0px;background:url(../image/btn_prev.png) no-repeat}
.preview-container .thumbnail-box .btn-next{right:0px;background:url(../image/btn_next.png) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../image/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../image/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .big-box{display:none;overflow:hidden;top:0px;left:100%;border:1px solid #EEEEEE;position:absolute;width:500px;height:500px;box-sizing:border-box;background:#FFFFFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:130%}
.preview-container .big-box.act{display:none!important}

.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}

@media screen and (max-width:768px){

.pro-review{flex-direction:column}
.pro-review .pro-preview-left{width:100vw;min-width:100vw;position:relative;left:-4vw;height:auto}
.pro-review .pro-preview-left .preview-container{background:#FFFFFF;visibility:hidden;width:100%}
.pro-review .pro-preview-left .preview-container .small-box{display:none}
.pro-review .pro-preview-left .preview-container .thumbnail-box{margin-top:0px}
.pro-review .pro-preview-left .preview-container .thumbnail-box a{display:none}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0px}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
.pro-review .pro-preview-right{margin-bottom:0px;padding:5px 0px;width: 100%;}
.pro-review .pro-preview-right .pro-name{font-size:22px;padding-bottom:5px}


.swiper-pagination{position:absolute;text-align:center;transition:.3s;transform:translateZ(0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#000;opacity:.2; margin:0 3px;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#FFFFFF}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}


.pro-detail .random-pro ul{justify-content:space-between;flex-wrap:wrap}
.pro-detail .random-pro ul li{width:48%;flex:none;margin-right:0px;margin-bottom:5.3333333333vw}
.pro-detail .random-pro .pro-name{margin:5px}

}