@charset "utf-8";
@media (max-width:1024px){
.nobanner{padding-top:60px}
.common-main{padding:20px 0px}
.pageabout-1 .left{width:100%}
.pageabout-1 .right .title{font-size:24px}
.pageabout-1 .right{padding-left:0px;padding-top:30px}
.pageabout-2{background:#F7F7F7}
.pageabout-2 .list .icon{transform:scale(.8)}
.pageabout-2 .list .span{margin-top:10px;margin-bottom:10px;font-size:20px}
.teamlist .item{width:19%}
.pagehistory-left{width:100%;margin-bottom:30px}
.pagehistory-right{width:100%}
#historySwiper .swiper-slide{width:calc(100% - 50px);margin-left:auto;margin-right:0px;text-align:left}
#historySwiper .swiper-slide .round{left:16px}
#historySwiper .swiper-slide .date{font-size:22px}
.pagehistory-left::after{left:16px}
.pagehistory-next,.pagehistory-prev{left:16px;width:40px;height:40px}
#historySwiper{height:660px}
.product-catelist .product-cateitem{width:31%;margin-right:3.5%!important}
.product-catelist .product-cateitem:nth-child(3n){margin-right:0!important}
.sidebar{display:none}
.page-main{margin-right:0px}
.prodetails-info .prodetails-name{font-size:22px}
.pagelink .pagelink-item .flex{height:40px}
.pagelink .pagelink-item .flex em{width:40px}
.inquiry-wrap{padding:20px}
.contact-list .contact-item{width:32%}
.contact-list .contact-item em{width:50px;height:50px;top:-25px}
.page-solutions .flex .left{width:100%}
.page-solutions .flex .left img{width:auto}
.page-solutions .flex .right{padding-left:0px;padding-top:30px}
.page-solutions .solutions-img .img{width:48%}
.project-wrap{justify-content:space-between}
.project-wrap li{margin-right:0px;width:48%}}
@media (max-width:768px){.pageabout-1 .right .title{font-size:22px}
.pageabout-1 .right .boxshow{background:#faf6f1}
.pageabout-1 .right .boxshow em{width:60px;height:100%;font-size:28px}
.pageabout-1 .right .boxshow .text{background:#FFF;padding:10px}
.pageabout-2{padding:50px 0px}
.pageabout-2 .list{justify-content:center}
.pageabout-2 .list .item{width:60%;margin-bottom:20px}
.teamlist .item{width:30%}
.teamlist .item .info .title{font-size:18px}
.pagehistory-left{padding:50px 0px 30px}
#historySwiper{height:500px}
.product-catelist{justify-content:space-between}
.product-catelist .product-cateitem{width:48%;margin-right:0!important}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{margin-right:0px;width:48%}
.page-main .pro-cate-title{font-size:24px;line-height:1;margin-bottom:15px}
.pro-list li .pro-img .icon{opacity:1;transform:none}
.thumbnail-show{display:none}
.thumbnail-box{width:100%}
.thumbnail-box .list{margin:0px;border:1px solid #EEE;height:calc(100vw - 30px);border-radius:var(--borderradius)}
.singglepic{width:100%;height:calc(100vw - 30px)}
.prodetails-button-next,.prodetails-button-prev{display:none}
.pro-d-main .banner-inner{display:none}
.pro-d-main .common-main{padding-top:15px}
.thumbnail-box .list .item{border:none}
.banner-page{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 10px;position:absolute;bottom:9px;right:10px;z-index:99;background:var(--color);color:#FFF;border-radius:30px}
.banner-page .of{padding:0px 2px}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#FFF;width:95%;padding:0px 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px;text-transform:capitalize}
.prodetails-info{padding-top:20px}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{width:48%;margin-right:0px}
.pagelink .pagelink-item{width:100%}
.pagelink .pagelink-item a{display:block}
.pagelink .pagelink-item.next{align-items:flex-start;margin-top:20px}
.inquiry-wrap{padding:20px 10px}
.inquiry-wrap .inquiry-title{font-size:22px}
.inquiry-wrap #feedbackForm input{width:100%;height:44px}
.inquiry-wrap #feedbackForm .send-btn{height:44px}
.newslist.list1{justify-content:space-between}
.newslist.list1 li{margin-right:0px;width:48%}
.newslist.list0 li .newslist-img{width:40%}
.newslist.list0 li .newslist-info{padding:10px}
.newslist.list0 li .newslist-info .title{margin:10px 0px 0px}
.newslist.list0 li .newslist-info .more{display:none}
.banner-inner img{min-height:inherit;height:auto}
.contact-list .contact-item{width:100%;margin-bottom:50px}
.contact-list .contact-item:last-child{margin-bottom:0px}
.contact-list .contact-item .contact-item-title{margin:20px 0px 10px}
.project-wrap li{width:100%}
.project-wrap li .project-info{transform:translateY(0);opacity:1;visibility:initial;justify-content:center}
.project-wrap li .project-info a{justify-content:center}
.download-list li{width:100%}
.download-list li .download-info{padding:0px 15px}
.download-list li .download-btn{width:100%;margin-top:10px}
.product-catelist .product-cateitem:hover .cate-img .more{display:none}
.prodetails-img{height:300px}
.prodetails-img img{width:100%;height:100%;object-fit:cover}
.prodetails-img .content .span1{font-size:30px}
.prodetails-flex{flex-wrap:wrap}
.prodetails-flex .left{width:100%}
.prodetails-flex .left img{width:100%}
.prodetails-flex .right{padding-left:0px;padding-top:30px}
.prodetails6 .item{width:45%}
.preview-container{display:block}
#gallerythumbs{display:block}}
@media (max-width:450px){.teamlist .item{width:49%}
.rd-wrap .rd-title{font-size:18px}
.rd-wrap .rd-img{margin-bottom:20px}
.rd-wrap .rd-img img{width:100%;margin-bottom:20px}
.product-catelist .product-cateitem .cate-title{padding:15px 10px}
.product-catelist .product-cateitem .cate-title a{font-weight:400;line-height:1.2;-webkit-line-clamp:3}
.pro-list li .pro-info{padding:15px 10px}
.pro-list li .pro-info .title{display:block;font-size:16px}
.pro-list li .pro-img .icon-hottitle{font-size:14px;left:-45px;top:-35px;width:90px;height:70px}
.pro-list li .pro-img .icon{width:30px;height:30px;bottom:5px;right:5px}
.pro-list.list0 li .pro-info{padding:10px}
.pro-list.list0 li .pro-info .more{display:none}
.pro-list.list0 li .pro-img{height:100%}
.pro-list.list0 li .pro-img a{height:100%}
.common-page>a,.common-page>span{min-width:40px;height:40px;font-size:16px}
.common-page p{height:40px}
.common-page p a,.common-page p span{padding:0px 10px}
.newslist li .newslist-info{padding:10px 10px 0px}
.page-solutions .solutions-img .img{width:100%}
.page-main .pro-cate-title{font-size:22px}
.packaging-log .title{font-size:22px}
.prodetails-list3 li{width:100%}
.packagingul li{width:100%;margin-bottom:20px}
.prodetails6 .item{width:100%}}
/*视频列表*/
.list-videos{ overflow: hidden;width:1200px;margin:0 auto;}
.list-videos ul{ margin-top:-10px;margin-left:-10px;}
.list-videos ul li{ width:25%;float:left;margin-top:10px;}
.list-videos ul li .box{ margin-left:10px;border:solid 1px #ddd;}
.list-videos ul li .img{ Position: relative;}
.list-videos ul li .img img{ width:100%;vertical-align:bottom;}
.list-videos ul li .img span.iconfont{ z-index:3;display:block;font-size:46px;color:#fff;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.list-videos ul li .box:hover .img span.iconfont{ Opacity:0.8;}
.list-videos ul li p{ height:50px;line-height:50px;font-size:15px;text-align:center;padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-videos ul li .box:hover p{ color:#3c5dc5;}
/*视频详情页*/
.view-video-bg{ background:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #ddd;}
.view-video-box{ width:1200px;margin:0 auto;overflow: hidden;}

.news-now{ height:60px;line-height:60px;color:#999;}
.news-now a{ color:#999;}
.news-now a:hover{ color:#3c5dc5;}
.video-head{ overflow: hidden;}
.video-head .left-video{ width:900px;height:601px;float:left;Position: relative;z-index:9;overflow:hidden;}
.video-head .left-video ul{}
.video-head .left-video ul li{ Position: relative;}
.video-head .left-video ul li .video-img{ width:100%;Position: relative;}
.video-head .left-video ul li .video-img img{ width:100%;height:601px;}
.video-head .left-video ul li .video-img:after{ content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);}
.video-head .left-video ul li .iconfont{ z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor: pointer;width:60px;height:60px;font-size:60px;color:#fff;}
.video-head .left-video ul li .iconfont:hover{ Opacity:0.8;}
.video-head .left-video ul li .off{ display:none !important;}
.video-head .left-video ul li .on{ display:block !important;}
.video-head .left-video ul li .video-box{ display:none;position:absolute;top:0;left:0;bottom:0;right:0;}
.video-head .left-video ul li .video-box video{ object-fit:contain;background:#000;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}
.video-head .right-about{ width:280px;float:right;overflow: hidden;}
.video-head .right-about ul{} 
.video-head .right-about ul li{ margin-bottom:20px;}
.video-head .right-about ul li .img{ Position: relative;}
.video-head .right-about ul li .img img{ width:100%;height:187px;vertical-align:bottom;}
.video-head .right-about ul li .img span.play{ z-index:3;display:block;width:50px;height:50px;background:url(../images/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.video-head .right-about ul li .box:hover .img span.play{ Opacity:0.8;}
.video-head .right-about ul li .img p{ font-size:15px;Position: absolute;bottom:0;left:0;right:0;height:24px;line-height:24px;color:#fff;padding:20px 20px 6px 20px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.video-head .right-about ul li:last-child{ margin-bottom:0;}
.video-title{ padding:20px 0;height:40px;line-height:40px;overflow: hidden;width:900px;}
.video-title h2{ font-size:24px;color:#222;font-weight:500;float:left;}
.video-title .video-info{ float:right;}
.video-title .video-info span{ display:block;float:left;margin-left:20px;color:#666;}
.video-sxp{ height:80px;line-height:80px;overflow: hidden;border-top:dashed 1px #ddd;}
.video-sxp p.prev{ color:#999;width:45%;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-sxp p.next{ color:#999;width:45%;float:right;text-align:right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-sxp a{ color:#999;}
.video-sxp a:hover{ color:#3c5dc5;}
.view-about-video{ padding:60px 0;background:#fff;}
.view-about-video-box{ width:1200px;margin:0 auto;}
.view-about-video h2.title3{ margin-bottom:20px;font-size:24px;}