@charset "utf-8";
.breadcrumb .l-wrap{position:relative}
.breadcrumb .breadcrumb-box{position:absolute;bottom:0;left:20px;display:inline-block;background-color:#FFF;color:#030303;padding:10px 12px;text-transform:capitalize}
.breadcrumb .breadcrumb-box em{color:#5e5e5e;margin-right:6px}
.breadcrumb .breadcrumb-box a{color:#030303}
.breadcrumb .breadcrumb-box span{color:#ff0000}
.common-main{margin:4% 0 5%}
.common-page{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0}
.common-page a,.common-page span{display:block;min-width:40px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:0 4px;transition:background .3s;line-height:40px}
.common-page .page-num{display:flex;flex-wrap:wrap}
.common-page .page-num a,.common-page .page-num span{line-height:40px;border-radius:50%}
.common-page .page-num a:hover,.common-page .page-num a.ctxt,.common-page .page-num span:hover,.common-page .page-num span.ctxt{background-color:#ff0000;color:#FFF}
.common-page>span{opacity:.4}
.pro-bottom{margin-top:60px;font-size:14px;line-height:1.5em;box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:5px;padding:10px;line-height:1.7em;color:#2b2b2b}
.pro-bottom a{text-decoration:underline;color:#ff0000}
.keywords{margin-top:10px}
.keywords span a{padding:4px 8px;border-radius:999px;background-color:#eee;margin-right:6px;white-space:nowrap;display:inline-block;margin-bottom:6px}
.common-content{width:calc(100% - 324px);padding-left:4%}
.sidebar{width:324px}
.sidebar-item{margin-bottom:42px}
.sidebar-item .sidebar-title{position:relative;font-size:22px;padding-bottom:16px;margin-bottom:30px;font-weight:bold;border-bottom:1px solid #e8e8e8;text-transform:capitalize}
.sidebar-item .sidebar-title:after{content:"";position:absolute;background:#ff0000;width:68px;height:3px;left:0;bottom:-1px}
.siderbar-search{display:flex}
.siderbar-search input{flex:1;background-color:#f2f2f2;padding:0 14px;font-size:14px}
.siderbar-search button{width:52px;height:52px;background:#ff0000}
.siderbar-search button em{font-size:24px;color:#FFF}
.sidebar-cate li{position:relative}
.sidebar-cate a{display:block;text-transform:capitalize}
.sidebar-cate .sub-menu{display:none;padding:0 20px 10px}
.sidebar-cate .sub-menu li a{padding:10px 0;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .sub-menu ul a{font-size:14px;padding:6px 20px}
.sidebar-cate .icon-arr{display:block;width:30px;height:30px;text-align:center;line-height:30px;font-size:22px;font-style:normal;position:absolute;right:0;top:8px;z-index:1;cursor:pointer}
.sidebar-cate .icon-arr::before{content:"+"}
.sidebar-cate .icon-arr.is-active{font-size:32px;line-height:26px}
.sidebar-cate .icon-arr.is-active::before{content:"-"}
.sidebar-cate>li{border-bottom:1px solid #e8e8e8}
.sidebar-cate>li>a{width:100%;padding:14px 30px 14px 0;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}
.sidebar-cate .is-current>a{color:#ff0000}
.sidebar-prolist li{display:flex;align-items:center;margin-bottom:12px}
.sidebar-prolist li:hover img{transform:scale(1.1)}
.sidebar-prolist li:hover .pro-name{color:#ff0000}
.sidebar-prolist .pro-img{width:85px;height:85px;position:relative}
.sidebar-prolist .pro-img img{width:100%}
.sidebar-prolist .pro-info{flex:1;padding-left:10px}
.sidebar-prolist .pro-more{display:block;font-size:14px;margin-top:12px;text-transform:capitalize}
.sidebar-prolist .pro-name{display:block;font-weight:bold;text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-newslist li{margin-bottom:18px;display:flex;align-items:center}
.sidebar-newslist li:hover img{transform:scale(1.1)}
.sidebar-newslist li:hover .news-name{color:#ff0000}
.sidebar-newslist .news-img{width:80px;height:80px}
.sidebar-newslist .news-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sidebar-newslist .news-info{flex:1;padding-left:16px}
.sidebar-newslist .news-name{display:block;font-weight:bold;color:#333;margin-bottom:8px;text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:2.6em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-newslist .news-date{font-size:14px;color:#666}
.sidebar-newslist .news-date em{font-size:14px;margin-right:4px}
.sidebar-tags{display:flex;flex-wrap:wrap}
.sidebar-tags li{border:1px solid #e7e7e7;color:#666;padding:9px 18px;transition:color .3s,background .3s,border .3s;margin:0 8px 8px 0;text-transform:capitalize}
.sidebar-tags li:hover{color:#FFF;background-color:#ff0000;border-color:#ff0000}
.sidebar-tags li:hover a{color:#FFF}
.table-responsive{touch-action:auto;width:100%;margin:10px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
@media(max-width:1024px){.inner-banner{min-height:0;height:240px}
.inner-banner img{height:100%;-o-object-fit:cover;object-fit:cover}
.sidebar{display:none}
.common-content{width:100%;padding-left:0}
}
@media(max-width:900px){article video,article iframe,.pro-detail-box video,.pro-detail-box iframe{max-width:100%;height:auto;min-height:220px}
}
@media(max-width:768px){.inner-banner h2,.inner-banner h1{font-size:6.9333333333vw}
.breadcrumb{font-size:14px}
}
@media(max-width:480px){.common-page a,.common-page span{min-width:30px;line-height:30px}
.common-page .page-num a,.common-page .page-num span{line-height:30px}
.common-main{margin:8vw 0 10.6666666667vw}
}
.single-title{font-size:30px;font-weight:bold;text-align:center;text-transform:capitalize;margin-bottom:3%}
.single-title span{color:#ff0000}
.single-title-s{font-size:34px;font-weight:bold;text-align:center;text-transform:capitalize;margin-bottom:4%}
.single-label{font-size:14px;font-weight:bold;color:#ff0000;text-align:center;text-transform:uppercase;margin-bottom:10px}
.single-label::before,.single-label::after{content:"";display:inline-block;width:36px;height:1px;background:#ff0000;vertical-align:middle}
.single-label::before{margin-right:10px}
.single-label::after{margin-left:10px}
#brand{padding:3.5% 0 5%}
#brand .brand-list{margin-top:6%;padding-left:3%}
#brand .brand-list li{position:relative;font-weight:bold;display:flex;align-items:center}
#brand .brand-list li .brand-number{font-size:50px;font-family:Arial;line-height:1;position:relative;z-index:1}
@media(max-width:1280px){#brand .brand-list li .brand-number{font-size:40px}
}
#brand .brand-list li .brand-number .text-shadow{font-size:113px;font-family:Arial;font-weight:bold;color:#FFF;text-shadow:0 0 2px #ddd;position:absolute;top:50%;right:0;z-index:-1;line-height:1;transform:translate(12px,-50%)}
@media(max-width:1280px){#brand .brand-list li .brand-number .text-shadow{font-size:80px}
}
#brand .brand-list li .brand-label{flex:1;text-transform:uppercase;padding-left:20px}
#brand .brand-list li .brand-label span{display:block}
.support .support-sec1 .support-item{display:flex;align-items:center;font-weight:bold;border:1px solid #e8e8e8;border-radius:5px;padding:1.4%;width:23%;margin-bottom:30px}
.support .support-sec1 .support-item .support-item-num{width:43px;height:43px;background:rgba(205,162,116,.1);border:1px solid #e1dad6;border-radius:3px;text-align:center;line-height:42px;color:#ff0000}
.support .support-sec1 .support-item .support-item-name{flex:1;padding-left:5%;font-size:18px}
.support .support-sec2{padding-top:4%}
.support .support-sec2 .support-item{width:31.33%;background-color:#f7f7f7;padding:5% 3%}
.support .support-sec2 .support-item .support-item-name{font-size:20px;font-weight:bold;margin:15% 0 5%}
.support .support-sec2 .support-item .support-item-des,.support .support-sec2 .support-item .support-item-des p{color:#666;line-height:2}
.solution .solution-tabs{border:1px solid #dfdfdf}
.solution .tabs-nav{border-bottom:1px solid #dfdfdf}
.solution .tabs-nav p{width:25%;font-size:20px;transition:background .3s,color .3s;padding:3% 20px}
.solution .tabs-nav p:not(:last-of-type){border-right:1px solid #dfdfdf;text-align:center}
.solution .tabs-nav p.active,.solution .tabs-nav p:hover{background-color:#ff0000;color:#FFF;border-color:#ff0000}
.solution .tabs-item-flex{display:flex;align-items:center;padding:4.5% 6%}
.solution .solution-tabs-info{width:50%;padding-right:6%}
.solution .solution-tabs-info .solution-tabs-name{font-size:42px;font-weight:bold;line-height:1.2;margin-bottom:16px}
.solution .solution-tabs-info .solution-tabs-des,.solution .solution-tabs-info .solution-tabs-des p{color:#666;line-height:1.75}
.solution .solution-tabs-img{width:50%}
.solution .solution-tabs-list{display:flex;margin-top:30px}
.solution .solution-tabs-list .solution-tabs-item{background:#f7f7f7;border:1px solid #dfdfdf;color:#555;text-align:center;padding:5% 3%;margin-right:30px}
.solution .solution-tabs-list .solution-tabs-item em{color:#ff0000;font-size:50px}
.contact .contact-sec1{margin-bottom:4%}
.contact .contact-sec1 .contact-sec1-item{background:#FFF;box-shadow:0px 13px 54px 0px rgba(235,235,235,.75);width:22%;text-align:center;padding:0 10px 4%;border-bottom:3px solid transparent;transition:border .3s}
.contact .contact-sec1 .contact-sec1-item .icon{display:inline-block;background-color:#ff0000;color:#FFF;padding:16px;position:relative;transform:translateY(-8px)}
.contact .contact-sec1 .contact-sec1-item .icon::before{content:"";display:block;position:absolute;right:-8px;top:0;border:4px solid transparent;border-left-color:#ff0000;border-bottom-color:#ff0000;opacity:.8}
.contact .contact-sec1 .contact-sec1-item .icon em{font-size:30px}
.contact .contact-sec1 .contact-sec1-item .item-name{font-size:22px;font-weight:bold;margin:6% 0 6px}
.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{color:#666}
.contact .contact-sec1 .contact-sec1-item a:hover{color:#ff0000}
.contact .contact-sec1 .contact-sec1-item:hover{border-color:#ff0000}
.contact .contact-sec2 .contact-sec2-img{width:25.6%}
.contact .contact-sec2 .contact-sec2-img img{display:block;width:100%}
.contact .contact-sec2 .contact-inquiry{flex:1;padding-left:4%}
.contact .contact-sec2 .contact-inquiry .item-name{font-size:30px;font-weight:bold;margin-bottom:20px}
.contact #map{display:block;width:100%;height:450px;margin:5% 0 -5%}
.single-main article a{text-decoration:underline;color:#ff0000}
.certificates .single-title{margin-bottom:20px}
.certificates .single-des{text-align:center;color:#777}
.certificates .certificates-list{margin-top:40px}
.certificates .certificates-list .certificates-item{border:1px solid #E5E5E5;display:flex;align-items:center;justify-content:center;width:23%;padding:2%}
.certificates .certificates-list .certificates-item img{display:block}
.cp .cp-sec1 .cp-sec1-img{width:52%}
.cp .cp-sec1 .cp-sec1-img img{display:block;width:100%}
.cp .cp-sec1 .cp-sec1-cont{width:48%;padding-left:5%}
.cp .cp-sec1 .cp-sec1-cont .single-label{text-align:left;margin-top:20px;font-size:18px;}
.cp .cp-sec1 .cp-sec1-cont .single-label::after{display:none}
.cp .cp-sec1 .cp-sec1-cont .single-title{text-align:left;line-height:1.2}
.cp .cp-sec1 .cp-sec1-cont .item-flex{max-width:500px;margin:5% 0 7%}
.cp .cp-sec1 .cp-sec1-cont .item-flex p{flex:1;padding-left:10px;font-size:20px;font-weight:bold}
.cp .cp-sec1 .cp-sec1-cont .item-flex p span{color:#ff0000;text-decoration:underline}
.cp .cp-sec1 .cp-sec1-cont .item-des,.cp .cp-sec1 .cp-sec1-cont .item-des p{color:#777;line-height:1.75}
.cp .cp-sec2{background:url(/images/cp2-bg.jpg) center/cover no-repeat;margin:4% 0 0;padding:30px 0 0}
.cp .cp-sec2 .cp-sec2-item{width:32.5%;margin-bottom:30px}
.cp .cp-sec2 .cp-sec2-item .single-title{text-align:left;line-height:1.2;margin-bottom:10px}
.cp .cp-sec2 .cp-sec2-item:first-of-type{display:flex;flex-direction:column;justify-content:center;padding-right:6%}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type){background:#FFF;border:1px solid rgba(216,216,216,.55);padding:4% 4%;position:relative;z-index:1}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon{position:relative;display:inline-block;color:#ff0000;transition:color .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon em{position:relative;font-size:46px;line-height:1}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title{font-size:24px;font-weight:bold;border-bottom:1px solid #e1e1e1;padding:20px 0;margin-bottom:20px}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title .item-des{color:#777;line-height:1.75;transition:color .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-des{color:#777;transition:color .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type)::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/cp2-item.jpg) center/cover no-repeat;z-index:-1;opacity:0;transition:opacity .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover{color:#FFF}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-title{color:#fff}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-des,.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-icon{color:#FFF}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover::before{opacity:1}
.cp .cp-sec3{background:url(/Content/C_IMG/m422/img/single/cp3-bg.jpg) no-repeat;padding-top:4%}
.cp .cp-sec3 .single-title{color:#FFF}
.cp .cp-sec3 #brand{padding:5% 0;background-color:#FFF;box-shadow:0px 1px 79px 0px rgba(174,175,177,.16);border-radius:3px;margin-bottom:4%}
.cp .cp-sec3 #brand .brand-list{margin:0}
.cp .cp-sec3 .item-title{font-size:28px;font-weight:bold;margin-bottom:20px}
.cp .cp-sec3 .item-des,.cp .cp-sec3 .item-des p{color:#777;line-height:1.75}
.ca .ca-sec1 .item-des,.ca .ca-sec1 .item-des p{font-size:18px;line-height:2}
.ca .ca-sec2{background:url(/Content/C_IMG/m422/img/single/ca2-bg.jpg) center/cover no-repeat;margin-top:4%;padding:4% 0}
.ca .ca-sec2 .ca-sec2-box{width:44%;background:url(/Content/C_IMG/m422/img/single/ca2-item-bg.jpg) center/cover no-repeat;padding:3%}
.ca .ca-sec2 .ca-sec2-box .single-label{color:#000;text-align:left}
.ca .ca-sec2 .ca-sec2-box .single-label::after{display:none}
.ca .ca-sec2 .ca-sec2-box .single-title-s{text-align:left;line-height:1.2}
.ca .ca-sec2 .ca-sec2-box .item-des,.ca .ca-sec2 .ca-sec2-box .item-des p{color:#666;line-height:1.75}
.ca .ca-sec3{padding:5% 0;margin-bottom:-5%;position:relative}
.ca .ca-sec3::before{content:"";display:block;width:60%;height:100%;background-color:#F6F6F6;position:absolute;left:0;top:0;z-index:-1}
.ca .ca-sec3 .ca-sec3-cont{width:40%}
.ca .ca-sec3 .ca-sec3-cont .single-title-s{text-align:left}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item{display:flex;border-bottom:1px solid #eaeaea;padding:4.5% 0}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-number{width:62px;height:62px;background:#ff0000;border-radius:3px;text-align:center;color:#FFF;line-height:62px;font-size:20px;font-weight:bold;margin-top:6px}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-cont{flex:1;padding-left:20px}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-cont .title{font-size:20px;font-weight:bold;margin-bottom:4px}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-cont .des{color:#666}
.ca .ca-sec3 .ca-sec3-img{width:50%}
.ca .ca-sec3 .ca-sec3-img img{display:block;width:100%}
.cc .tabs-nav p{font-size:16px;font-weight:bold;padding:12px 20px;transition:background .3s,color .3s;min-width:136px;text-align:center}
.cc .tabs-nav p.active,.cc .tabs-nav p:hover{background-color:#ff0000;color:#FFF}
.cc .cc-list{display:flex;flex-wrap:wrap}
.cc .cc-list .cc-item{width:calc(25% - 20px);margin:50px 24px 0 0;overflow:hidden;position:relative}
.cc .cc-list .cc-item:nth-of-type(4n){margin-right:0}
.cc .cc-list .cc-item img{display:block;width:100%;transition:all .3s}
.cc .cc-list .cc-item:hover img{transform:scale(1.1)}
.cc .cc-list .cc-item:hover .cc-cont{opacity:1;transform:scale(1)}
.cc .cc-list .cc-item .cc-cont{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.6);color:#FFF;padding:10%;opacity:0;transform:scale(0.8);transition:opacity .3s,transform .3s}
.cc .cc-list .cc-item .cc-cont::before{content:"";display:block;width:90%;height:90%;position:absolute;top:5%;left:5%;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.cc .cc-list .cc-item .cc-cont .cc-item-title{display:block;color:#FFF;font-size:20px;font-weight:bold;text-transform:capitalize;margin-bottom:10px}
.cc .cc-list .cc-item .cc-cont .cc-item-des{font-size:14px;display:block;display:-webkit-box;display:-moz-box;max-height:8em;line-height:2em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.cc .cc-list .cc-item .cc-cont .cc-item-more{display:block;width:45px;height:45px;background:#ff0000;border-radius:3px;text-align:center;line-height:45px;color:#FFF;position:absolute;bottom:10%;right:10%}
.cc .cc-list .cc-item .cc-cont .cc-item-more em{font-size:20px;line-height:1}
.dh{margin:-4% 0 -5%;background-color:#f5f5f5}
.dh .single-title-s{width:200px;text-align:left}
.dh .single-title-s::after{content:"";display:block;width:53px;height:3px;background:#ff0000;margin-top:10px}
.dh .dh-cont{width:calc(100% - 200px);height:780px}
.dh .dh-cont #dh{width:calc(90% - 100px);height:100%;margin:0 auto}
.dh .dh-cont #dh .swiper-slide{display:flex;flex-direction:column;justify-content:center}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-weight:bold;color:#ff0000;font-size:80px;margin-bottom:20px}
.dh .dh-cont #dh .swiper-slide img{display:block}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{color:#333;line-height:2;margin-top:30px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{color:#333;line-height:2}
.dh .dh-cont .dh-pagination{height:100%;border-right:2px solid #e4e4e4;display:flex;flex-direction:column;justify-content:center}
.dh .dh-cont .dh-pagination p{font-size:14px;color:#999;padding:20px 18px;position:relative;cursor:pointer}
.dh .dh-cont .dh-pagination p::before{content:"";display:block;width:2px;height:100%;background:#ff0000;position:absolute;right:-1px;top:0;opacity:0;transition:opacity .3s}
.dh .dh-cont .dh-pagination p.active{color:#ff0000}
.dh .dh-cont .dh-pagination p.active::before{opacity:1}
.honor .single-title-s{text-align:left}
.honor .honor-list{position:relative}
.honor .honor-list::after{content:"";display:block;padding-bottom:35%}
.honor .honor-list .honor-item{position:absolute;top:0;width:20%;height:100%;overflow:hidden;transition:width .3s,left .3s}
.honor .honor-list .honor-item img{display:block;height:100%;max-width:none;max-width:initial}
.honor .honor-list .honor-item:nth-of-type(1){left:0}
.honor .honor-list .honor-item:nth-of-type(2){left:20%}
.honor .honor-list .honor-item:nth-of-type(3){left:40%}
.honor .honor-list .honor-item:nth-of-type(4){left:60%}
.honor .honor-list .honor-item:nth-of-type(5){right:0}
.honor .honor-list .honor-item .honor-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);padding:26% 12%;color:#FFF;line-height:2;opacity:1;transition:opacity .3s,transform .3s}
.honor .honor-list .honor-item .honor-number{font-size:40px;font-weight:bold;color:#FFF;position:absolute;right:8%;bottom:6%;z-index:2;line-height:1}
.honor .honor-list .honor-item:hover{width:40%;z-index:10}
.honor .honor-list .honor-item:hover .honor-layer{transform:scale(1.2);opacity:0}
.oe .oe-item .oe-item-img{width:51.25%}
.oe .oe-item .oe-item-img img{display:block;width:100%}
.oe .oe-item .oe-item-cont{flex:1;margin-left:4.375%;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:center}
.oe .oe-item .oe-item-cont .oe-item-title{font-size:32px;font-weight:bold;margin:10px 0 0;max-width:440px}
.oe .oe-item .oe-item-cont .oe-item-title::after{content:"";display:block;width:44px;height:3px;background:#ff0000;margin:20px 0 20px}
.oe .oe-item .oe-item-cont .oe-item-des,.oe .oe-item .oe-item-cont .oe-item-des p{color:#555;line-height:2}
.oe .oe-item:nth-of-type(2){margin:8.125% 0;flex-direction:row-reverse}
@media(min-width:901px){.oe .oe-item:nth-of-type(2) .oe-item-cont{margin:0 4.375% 0 0}
}
.ov .ov-sec1{display:flex;flex-wrap:wrap}
.ov .ov-sec1 .ov-sev1-cont{width:40%;color:#FFF;padding:7.5% 4.375%;background-color:#ff0000}
.ov .ov-sec1 .ov-sev1-cont .single-title-s{text-align:left}
.ov .ov-sec1 .ov-sev1-cont .item-des{line-height:1.75}
.ov .ov-sec1 .ov-sev1-img{width:60%}
.ov .ov-sec1 .ov-sev1-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.ov .ov-sec2{margin-top:4.625%}
.ov .ov-sec2 .ov-sec2-item{width:30.625%;background-color:#FFF;box-shadow:0px 7px 54px 0px rgba(236,236,236,.79);text-align:center;border-bottom:2px solid #ff0000;padding-bottom:3.125%}
.ov .ov-sec2 .ov-sec2-item .item-img{overflow:hidden}
.ov .ov-sec2 .ov-sec2-item .item-img img{display:block;width:100%}
.ov .ov-sec2 .ov-sec2-item .item-title{font-size:22px;font-weight:bold;padding:0 10px;margin-bottom:10px}
.ov .ov-sec2 .ov-sec2-item .item-des{color:#666;line-height:1.75;padding:0 10px}
.ov .ov-sec2 .ov-sec2-item .item-icon{display:inline-block;width:70px;height:70px;background:#F8F8F8;color:#ff0000;transition:background .3s,color .3s;text-align:center;line-height:70px;transform:translateY(-50%)}
.ov .ov-sec2 .ov-sec2-item .item-icon em{font-size:40px}
.ov .ov-sec2 .ov-sec2-item:hover .item-img img{transform:scale(1.1)}
.ov .ov-sec2 .ov-sec2-item:hover .item-icon{background-color:#ff0000;color:#FFF}
.pe{background-color:#f6f7f7;margin:-4% 0 -5%;padding:5% 0}
.pe .pe-sec1 .single-title-s{text-align:left;margin:0}
.pe .pe-sec1 .pe-des{font-size:14px;line-height:2;max-width:58.375%}
.pe #pe{margin-top:3.75%}
.pe #pe .swiper-slide{width:235px;margin-right:1.25%;background-color:#FFF}
.pe #pe .swiper-slide .item-img{overflow:hidden}
.pe #pe .swiper-slide .item-img img{display:block;width:100%}
.pe #pe .swiper-slide .item-des{padding:16px 10px;text-align:center}
.pe #pe .swiper-slide:hover .item-img img{transform:scale(1.1)}
.pe #pe .swiper-button-next,.pe #pe .swiper-button-prev{width:4.375%;min-width:40px;height:100%;background-color:rgba(255,255,255,.7);top:0;margin:0}
.pe #pe .swiper-button-next::after,.pe #pe .swiper-button-prev::after{font-size:20px;color:#000;font-weight:bold}
.pe #pe .swiper-button-next.swiper-button-disabled,.pe #pe .swiper-button-prev.swiper-button-disabled{opacity:0}
.pe #pe .swiper-button-next{right:0}
.pe #pe .swiper-button-prev{left:0}
.pe .swiper-pagination{position:static;margin-top:5%}
.pe .swiper-pagination .swiper-pagination-bullet{width:6.5%;border-radius:0;margin:0;background-color:#d8d8d8;opacity:1;transition:background .3s}
.pe .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ff0000}
.pe .swiper-pagination .swiper-pagination-bullet:first-of-type{border-radius:3px 0 0 3px}
.pe .swiper-pagination .swiper-pagination-bullet:last-of-type{border-radius:0 3px 3px 0}
.ti{background:url(/Content/C_IMG/m422/img/single/ti-bg.jpg) left top/100% no-repeat;margin:-4% 0 0;padding-top:5%}
.ti .ti-sec1{padding-bottom:3.25%}
.ti .ti-sec1 .single-title-s{text-align:left;margin:0}
.ti .ti-sec1 .ti-des{font-size:14px;line-height:2;max-width:40.625%;border-left:1px solid #dfdfdf;padding-left:20px}
.ti .ti-sec2 .ti-item{display:flex;width:48%;background:#FFF;border:1px solid #f5f5f5;box-shadow:0px 7px 7px 0px rgba(236,236,236,.26);margin-bottom:3.375%}
.ti .ti-sec2 .ti-item .ti-item-img{width:50%;overflow:hidden}
.ti .ti-sec2 .ti-item .ti-item-img img{display:block;width:100%}
.ti .ti-sec2 .ti-item .ti-item-cont{width:50%;padding:0 4.375%;display:flex;flex-direction:column;justify-content:center;transition:background .3s,color .3s}
.ti .ti-sec2 .ti-item .ti-item-cont .item-title{font-size:26px;font-weight:bold;margin-bottom:30px}
.ti .ti-sec2 .ti-item .ti-item-cont .item-title::after{content:"";display:block;width:28px;height:3px;background:#000;margin-top:6px;transition:background .3s}
.ti .ti-sec2 .ti-item .ti-item-cont .item-des{color:#777;transition:color .3s;display:block;display:-webkit-box;display:-moz-box;max-height:6.8em;line-height:1.7em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
@media(min-width:901px){.ti .ti-sec2 .ti-item:nth-of-type(4n-1),.ti .ti-sec2 .ti-item:nth-of-type(4n){flex-direction:row-reverse}
}
.ti .ti-sec2 .ti-item:hover .ti-item-cont{background-color:#ff0000;color:#FFF}
.ti .ti-sec2 .ti-item:hover .item-title::after{background-color:#FFF;}
.ti .ti-sec2 .ti-item:hover .item-des{color:#FFF}
.ti .ti-sec2 .ti-item:hover .item-title{color:#FFF}
.ti .ti-sec2 .ti-item:hover .ti-item-img img{transform:scale(1.1)}
@media(max-width:1200px){.ti .ti-sec2 .ti-item .ti-item-cont .item-title{margin-bottom:10px}
}
@media(max-width:1024px){.single-title{font-size:34px}
.single-title-s{font-size:32px}
.ti .ti-sec2 .ti-item .ti-item-cont .item-title{font-size:20px}
.ti .ti-sec2 .ti-item .ti-item-cont .item-des{font-size:14px}
.honor .honor-list{overflow-x:auto;overflow-y:hidden}
.honor .honor-list::-webkit-scrollbar{width:6px;height:6px}
.honor .honor-list::-webkit-scrollbar-track{border-radius:0;background:#FFF}
.honor .honor-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(205,162,116,.5)}
.honor .honor-list::-webkit-scrollbar-thumb:hover{background-color:rgba(205,162,116,.8)}
.honor .honor-list::after{padding-bottom:435px}
.honor .honor-list .honor-item{width:300px}
.honor .honor-list .honor-item:hover{width:600px}
.honor .honor-list .honor-item:nth-of-type(2){left:300px}
.honor .honor-list .honor-item:nth-of-type(3){left:600px}
.honor .honor-list .honor-item:nth-of-type(4){left:900px}
.honor .honor-list .honor-item:nth-of-type(5){left:1200px}
.honor .honor-list .honor-item:nth-of-type(5):hover{left:900px}
.oe .oe-item .oe-item-cont .oe-item-title{font-size:28px}
.solution .tabs-item-flex{padding:30px}
.solution .solution-tabs-info .solution-tabs-name{font-size:24px}
}
@media(max-width:900px){#brand .brand-list li{width:50%;padding-left:100px}
#brand .brand-list li:nth-last-of-type(-n + 2){margin:70px 0 40px}
.cp .cp-sec1 .cp-sec1-img{width:100%}
.cp .cp-sec1 .cp-sec1-cont{width:100%;padding:0}
.cp .cp-sec2{padding-bottom:20px}
.cp .cp-sec2 .cp-sec2-item{width:49%;margin-bottom:2%}
.cp .cp-sec3 .single-title{margin:30px 0 60px}
.ca .ca-sec1 .item-des,.ca .ca-sec1 .item-des p{font-size:16px}
.ca .ca-sec2{padding:40px}
.ca .ca-sec2 .ca-sec2-box{width:100%}
.ca .ca-sec3::before{display:none}
.ca .ca-sec3 .ca-sec3-cont{width:100%}
.ca .ca-sec3 .ca-sec3-img{width:100%}
.ca .ca-sec3 .ca-sec3-cont .single-title-s{margin-bottom:0}
.cc .cc-list{margin-top:30px;justify-content:space-between}
.cc .cc-list .cc-item{width:48%;margin:4% 0 0}
.ti{background-size:200%}
.ti .ti-sec1>p{width:100%}
.ti .ti-sec1 .ti-des{max-width:100%;border:none;padding:0}
.ti .ti-sec2 .ti-item{width:100%}
.ti .ti-sec2 .ti-item:nth-of-type(2n){flex-direction:row-reverse}
.dh .single-title-s{margin:30px 0 -20px}
.dh .dh-cont{width:100%;height:650px}
.dh .dh-cont #dh{margin:0 30px 0 0;flex:1}
.oe .oe-item .oe-item-img{width:100%}
.oe .oe-item .oe-item-cont{margin:20px 0 0;border:none}
.oe .oe-item .oe-item-cont .oe-item-title{max-width:100%}
.ov .ov-sec1{flex-direction:column-reverse}
.ov .ov-sec1 .ov-sev1-img{width:100%}
.ov .ov-sec1 .ov-sev1-cont{width:100%;padding:30px}
.ov .ov-sec2 .ov-sec2-item{width:100%;margin-bottom:40px;padding-bottom:30px}
.pe .pe-sec1 .pe-des{width:100%;max-width:100%}
.pe #pe .swiper-button-next,.pe #pe .swiper-button-prev{display:none}
.solution .tabs-item-flex{padding:0;flex-wrap:wrap;flex-direction:column-reverse}
.solution .tabs-nav{white-space:normal}
.solution .tabs-nav p{width:50%}
.solution .tabs-nav p:nth-of-type(2n){border-right:none}
.solution .tabs-nav p:nth-of-type(n + 3){border-top:1px solid #dfdfdf}
.solution .solution-tabs-info{width:100%;padding:0 10px 30px}
.solution .solution-tabs-info .solution-tabs-name{font-size:4.2666666667vw}
.solution .solution-tabs-img{width:100%;margin:30px 0 20px}
.support .support-sec1{justify-content:space-between}
.support .support-sec1 .support-item{width:49%;margin:0 0 2%}
.support .support-sec2 .support-item{width:100%;margin-bottom:20px}
.support .support-sec2 .support-item .support-item-name{margin:4vw 0 2.6666666667vw}
.support .support-sec2 .support-item>img{max-width:6.6666666667vw}
.contact .contact-sec1 .contact-sec1-item{width:48%;margin:0 0 5% 0}
.contact .contact-sec2 .contact-sec2-img{display:none}
.contact .contact-sec2 .contact-inquiry{padding:0}
}
@media(max-width:768px){.single-title{font-size:4.5333333333vw;margin-bottom:20px}
.single-title-s{font-size:4.2666666667vw}
#brand .brand-list li{padding-left:6.6666666667vw}
#brand .brand-list li:nth-last-of-type(-n + 2){margin:9.3333333333vw 0 5.3333333333vw}
#brand .brand-list li .brand-number{font-size:6.6666666667vw}
#brand .brand-list li .brand-number .text-shadow{font-size:12vw}
.certificates .certificates-list .certificates-item{width:48%;margin-bottom:4%}
.cp .cp-sec3 .single-title{margin:4vw 0 8vw}
.ca .ca-sec2{padding:5.3333333333vw 0}
.dh .dh-cont .dh-pagination p{padding:10px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:9.3333333333vw}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{line-height:1.5;margin-top:10px}
.dh .dh-cont #dh .swiper-slide .dh-slide-des p{line-height:1.5}
.oe .oe-item .oe-item-cont .oe-item-title{font-size:4.2666666667vw}
}
@media(max-width:480px){.cp .cp-sec1 .cp-sec1-cont .item-flex p{font-size:18px}
.cp .cp-sec1 .cp-sec1-cont .item-flex>img{width:80%;}
.cp .cp-sec3{background-size:200%}
.cp .cp-sec3 .item-title{font-size:20px;margin:20px 0 10px}
.cp .cp-sec2 .cp-sec2-item{width:100%;margin:10px 0}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title{font-size:18px;padding:10px 0;margin-bottom:10px}
.ca .ca-sec2 .ca-sec2-box{padding:20px}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-number{width:44px;height:44px;line-height:44px}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-cont{padding-left:10px}
.ca .ca-sec3 .ca-sec3-cont .ca-sec3-item .item-cont .title{font-size:18px}
.cc .cc-list .cc-item .cc-cont .cc-item-title{font-size:18px;margin-bottom:0}
.cc .cc-list .cc-item .cc-cont .cc-item-des{line-height:1.7}
.cc .cc-list .cc-item .cc-cont .cc-item-more{width:30px;height:30px;line-height:30px}
.cc .cc-list .cc-item .cc-cont .cc-item-more em{font-size:16px}
.ti .ti-sec2 .ti-item .ti-item-cont .item-title{font-size:16px}
.ti .ti-sec2 .ti-item .ti-item-cont .item-des{-webkit-line-clamp:3}
.dh .dh-cont{height:550px}
.dh .dh-cont #dh .swiper-slide .dh-slide-title{font-size:9.3333333333vw}
.dh .dh-cont #dh .swiper-slide .dh-slide-des{font-size:14px;max-height:190px;overflow:hidden}
.oe .oe-item .oe-item-cont>p:first-of-type{width:30px}
.oe .oe-item .oe-item-cont .oe-item-des,.oe .oe-item .oe-item-cont .oe-item-des p{font-size:14px;line-height:1.5}
.ov .ov-sec2 .ov-sec2-item .item-title{font-size:20px}
.solution .tabs-nav p{font-size:16px}
.solution .solution-tabs-list{flex-wrap:wrap;justify-content:space-between}
.solution .solution-tabs-list .solution-tabs-item{width:49%;margin:0 0 2% 0}
.solution .solution-tabs-info .solution-tabs-name{margin-bottom:10px}
.solution .solution-tabs-info .solution-tabs-des,.solution .solution-tabs-info .solution-tabs-des p{font-size:14px}
.support .support-sec1 .support-item{width:100%}
.support .support-sec1 .support-item .support-item-name{font-size:16px;padding-left:10px}
.contact .contact-sec1 .contact-sec1-item .icon{padding:10px}
.contact .contact-sec1 .contact-sec1-item .icon em{font-size:22px;line-height:1}
.contact .contact-sec1 .contact-sec1-item .item-name{font-size:16px}
.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{font-size:14px}
.contact .contact-sec2 .contact-inquiry .item-name{font-size:22px}
.contact #map{height:66.6666666667vw;margin-bottom:-10.6666666667vw}
}
@media(max-width:415px){#brand .brand-list li{padding-left:10px}
#brand .brand-list li .brand-label{font-size:13px}
.cp .cp-sec1 .cp-sec1-cont .item-flex p{font-size:14px}
.ov .ov-sec1 .ov-sev1-cont{padding:20px}
}
#feedbackForm table{width:100%;margin:0}
#feedbackForm table tr:not(:last-of-type){border-bottom:1px solid #e9e9e9}
#feedbackForm table tr:not(:last-of-type) td:nth-of-type(1){width:90px}
#feedbackForm table tr:not(:last-of-type) td:nth-of-type(1) span.xh{color:red;margin-right:4px}
#feedbackForm table tr:not(:last-of-type) td:nth-of-type(2){width:calc(100% - 90px)}
#feedbackForm table input,#feedbackForm table textarea{transition:.3s;border:none}
#feedbackForm table input::-moz-placeholder,#feedbackForm table textarea::-moz-placeholder{color:#999;font-size:14px}
#feedbackForm table input:-ms-input-placeholder,#feedbackForm table textarea:-ms-input-placeholder{color:#999;font-size:14px}
#feedbackForm table input::placeholder,#feedbackForm table textarea::placeholder{color:#999;font-size:14px}
#feedbackForm table input{width:100%;height:40px;outline:none}
#feedbackForm table textarea{width:100%;outline:none;height:120px;resize:none}
#feedbackForm #ImgSend{width:160px;height:50px;cursor:pointer;margin:20px 0;background-color:#000;color:#FFF}
.feedback #feedbackForm{margin-top:40px}
.hvr-bounce-to-right,.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#ff0000;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
.pro-cate-wrap{border-bottom:1px solid #d6d6d6}
.pro-cate-wrap .pro-cate-list{overflow-x:auto;overflow-y:hidden;text-align:center;white-space:nowrap}
@media(min-width:769px){.pro-cate-wrap .pro-cate-list::-webkit-scrollbar{width:6px;height:6px}
.pro-cate-wrap .pro-cate-list::-webkit-scrollbar-track{border-radius:0;background:#FFF}
.pro-cate-wrap .pro-cate-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(205,162,116,.5)}
.pro-cate-wrap .pro-cate-list::-webkit-scrollbar-thumb:hover{background-color:rgba(205,162,116,.8)}
}
.pro-cate-wrap li{display:inline-block;width:11.25%;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}
.pro-cate-wrap li::after{content:"";display:block;padding-bottom:100%}
.pro-cate-wrap li a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#FFF;transition:background .3s}
.pro-cate-wrap li .cate-img{width:62px;height:62px;border-radius:50%;border:1px solid #e6e6e6;overflow:hidden}
.pro-cate-wrap li .cate-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}
.pro-cate-wrap li .cate-name{width:100%;font-size:14px;color:#555;text-align:center;margin-top:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.pro-cate-wrap li:hover a{background-color:rgba(205,162,116,.8)}
.pro-cate-wrap li:hover .cate-name{color:#FFF}
.common-main .pro-cate li{width:calc(33.33% - 13px);margin:0 18px 4% 0;position:relative}
.common-main .pro-cate li:nth-of-type(3n){margin-right:0}
.common-main .pro-cate li .cate-img::before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;z-index:1}
.common-main .pro-cate li .cate-cont{display:block;width:100%;position:absolute;top:0;left:0;z-index:2;background-color:#f7f7f7;color:#555;padding:4% 8%;transition:background .1s}
.common-main .pro-cate li .cate-cont .cate-name{font-size:22px;font-weight:bold;color:#000;margin:4% 0;position:relative;padding-top:.7em;display:block;display:-webkit-box;display:-moz-box;max-height:3.3em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.common-main .pro-cate li .cate-cont .cate-name::before{content:"";display:block;width:18px;height:3px;background:#ff0000;position:absolute;left:0;top:0}
.common-main .pro-cate li .cate-cont .cate-des{display:block;display:-webkit-box;display:-moz-box;max-height:5.1em;line-height:1.7em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.common-main .pro-cate li .cate-more{display:block;width:32px;height:32px;background:#ff0000;border-radius:50%;color:#FFF;position:absolute;bottom:18%;left:8%;z-index:2;text-align:center;line-height:32px;opacity:0;transition:opacity .3s}
.common-main .pro-cate li .cate-more em{font-size:14px}
@media(min-width:901px){.common-main .pro-cate li:hover .cate-more{opacity:1}
.common-main .pro-cate li:hover img.lazy{transform:scale(1.1)}
.common-main .pro-cate li:hover .cate-cont{background-color:transparent;color:#FFF}
.common-main .pro-cate li:hover .cate-cont .cate-name{color:#FFF}
.common-main .pro-cate li:hover .cate-img::before{opacity:1}
}
.common-main .pro-list{display:flex;flex-wrap:wrap}
.common-main .pro-list.list1 li{width:calc(33.33% - 22px);margin:0 32px 30px 0}
.common-main .pro-list.list1 li .pro-img{position:relative;overflow:hidden;background:#f5f5f5;border:1px solid #e8e8e8}
.common-main .pro-list.list1 li .pro-info{padding:20px 0}
.common-main .pro-list.list1 li .pro-info .pro-name{display:block;display:-webkit-box;display:-moz-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.common-main .pro-list.list1 li:nth-of-type(3n){margin-right:0}
.common-main .pro-list.list0 li{width:100%;display:flex;align-items:center;margin-bottom:38px}
.common-main .pro-list.list0 li:hover .pro-more{background-color:#000;color:#FFF}
.common-main .pro-list.list0 .pro-img{background:#f5f5f5;border:1px solid #e8e8e8;width:312px}
.common-main .pro-list.list0 .pro-info{width:calc(100% - 312px);padding-left:6%}
.common-main .pro-list.list0 .pro-info .pro-more{border:1px solid #ddd;border-radius:3px;min-width:236px;padding:10px 0;text-align:center;font-weight:bold;margin:0 12px 0 0;color:#000;transition:all .3s}
.common-main .pro-list.list0 .pro-info .pro-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.common-main .pro-list .pro-info .pro-name{display:block;font-size:18px;text-transform:capitalize;font-weight:bold}
.common-main .pro-list .pro-info .pro-des{color:#555;display:block;display:-webkit-box;display:-moz-box;max-height:4.5em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:10px}
.common-main .pro-list .pro-info .pro-more{display:inline-block;color:#ff0000;margin-top:10px;text-transform:capitalize}
.common-main .pro-list .pro-info .pro-btn{display:flex;margin-top:30px}
.common-main .pro-list li:hover .pro-name{color:#ff0000}
.common-main .pro-list li:hover img.lazy{transform:scale(1.1)}
@media(max-width:768px){.pro-d-main .inner-banner,.pro-d-main .breadcrumb{display:none}
.pro-d-main .common-main{margin-top:20px}
}
.pro-detail .singglepic{width:40%;text-align:center}
@media(max-width:900px){.pro-detail .singglepic{width:100%}
}
.pro-detail .preview-container{position:relative;background:#FFF;padding-bottom:1px;display:flex;flex-direction:row-reverse;padding-left:148px}
.pro-detail .preview-container .small-box{position:relative;width:570px;height:570px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;background-color:#FFF;cursor:move}
.pro-detail .preview-container .small-box img{max-width:100%;max-height:100%}
.pro-detail .preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none}
.pro-detail .preview-container .thumbnail-box{position:absolute;top:0;left:0;height:100%;background:#FFF;padding:30px 0}
.pro-detail .preview-container .thumbnail-box .list{width:100%;height:100%;overflow-y:hidden;position:relative}
@media(min-width:901px){.pro-detail .preview-container .thumbnail-box .list ul{width:100%;display:block}
}
.pro-detail .preview-container .thumbnail-box .list ul .item{width:120px;height:120px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;overflow:hidden;border:1px solid #eee;position:relative}
.pro-detail .preview-container .thumbnail-box .list ul .item::before{content:"";display:block;border:6px solid transparent;border-left-color:#ff0000;position:absolute;left:100%;top:50%;transform:translateY(-50%)}
.pro-detail .preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.pro-detail .preview-container .thumbnail-box .list ul .item img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}
.pro-detail .preview-container .thumbnail-box .list ul .item-cur{border-color:#ff0000}
.pro-detail .preview-container .thumbnail-box .btn{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;left:0;background-color:#ff0000}
.pro-detail .preview-container .thumbnail-box .btn-prev{top:0}
.pro-detail .preview-container .thumbnail-box .btn-next{bottom:0;transform:rotate(180deg)}
.pro-detail .preview-container .thumbnail-box .btn_prev_disabled,.pro-detail .preview-container .thumbnail-box .btn_next_disabled{cursor:not-allowed;opacity:.4}
.pro-detail .preview-container .thumbnail-box .arrow{width:30px;height:20px;display:inline-block;position:relative}
.pro-detail .preview-container .thumbnail-box .arrow:before,.pro-detail .preview-container .thumbnail-box .arrow:after{content:"";display:block;width:10px;height:2px;background-color:#FFF}
.pro-detail .preview-container .thumbnail-box .arrow:before{transform:translate(8px,8px) rotate(-45deg)}
.pro-detail .preview-container .thumbnail-box .arrow:after{transform:translate(14px,6px) rotate(45deg)}
.pro-detail .preview-container .big-box{display:none;overflow:hidden;top:0;left:calc(100% - 1px);border:1px solid #eee;position:absolute;width:510px;height:calc(100% - 1px);background:#FFF;z-index:20}
.pro-detail .preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.pro-detail .preview-container .banner-page{display:none;justify-content:center;align-items:center;position:absolute;padding:2px 10px 4px;border-radius:999px;background:#ff0000;bottom:2.6666666667vw;right:0}
.pro-detail .preview-container .banner-page span{color:#FFF}
.pro-detail .preview-container .banner-page .of{margin:0 4px}
.pro-detail .preview-container #media{width:100%;height:100%;background-color:#FFF}
@media(min-width:901px){.pro-detail .preview-container #media{position:absolute;top:0;left:0;z-index:10}
.pro-detail .preview-container .video-switch{position:absolute;cursor:pointer;top:10px;right:10px;z-index:11;display:none}
.pro-detail .preview-container .video-switch>em{font-size:30px;line-height:1}
}
.pro-detail .pro-detail-top .pro-info{flex:1;padding-left:4%}
.pro-detail .pro-detail-top .pro-info .pro-name{font-weight:bold;font-size:26px;text-transform:capitalize;margin-bottom:10px}
.pro-detail .pro-detail-top .pro-info .pro-con{border-top:1px solid #dadada;padding:1em 0 0;margin-bottom:2em;display:block;display:-webkit-box;display:-moz-box;max-height:11.5em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.pro-detail .pro-btnlist{display:flex;flex-wrap:wrap;margin-top:20px;text-transform:capitalize}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn{min-width:230px;height:60px;display:flex;cursor:pointer;margin-bottom:12px;margin-right:12px;justify-content:center;align-items:center;line-height:58px;color:#FFF;background-color:#000;transition:background-color .2s ease;border-radius:3px}
.pro-detail .pro-btnlist>a em,.pro-detail .pro-btnlist .pro-btn em{margin-right:10px;font-size:18px}
.pro-detail .pro-btnlist>a:hover,.pro-detail .pro-btnlist .pro-btn:hover{background-color:#ff0000}
.pro-detail .pro-btnlist>a.active,.pro-detail .pro-btnlist .pro-btn.active{background-color:#ff0000}
.pro-detail .pro-detail-content .tabs-nav{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin:50px 0 40px}
.pro-detail .pro-detail-content .tabs-nav p::before{content:"";display:block;width:65px;height:2px;background:#000;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}
.pro-detail .pro-detail-content .tabs-nav p.active::before{opacity:1}
.pro-detail .pro-detail-content .pro-detail-box{font-size:16px}
.pro-detail .pro-detail-content .pro-detail-box p{line-height:2}
.pro-detail .pro-detail-content .pro-detail-box table{width:100%}
.pro-detail .pro-detail-content .pro-detail-box a{text-decoration:underline;color:#ff0000}
.pro-detail .pro-inquiry{margin-bottom:6%}
.pro-detail .pro-detail-title{font-size:30px;margin-bottom:30px;font-weight:bold;text-transform:capitalize}
.pro-detail .pro-random .pro-list.list1 li{width:calc(16.66% - 30px)}
@media(min-width:1281px){.pro-detail .pro-random .pro-list.list1 li:nth-of-type(3n){margin-right:32px}
}
.pro-detail .pro-random .pro-list.list1 li:last-of-type{margin-right:0}
.pro-detail .pro-random .pro-list.list1 li .pro-info .pro-name{font-size:14px}
.pro-detail .pro-random .pro-list.list1 li .pro-info .pro-more{font-size:14px;color:#000}
.pro-detail .pro-random .pro-list.list1 li:hover .pro-more{color:#ff0000}
@media(max-width:1280px){.pro-detail .pro-random .pro-list.list1 li{width:calc(33.33% - 30px)}
.pro-detail .preview-container{padding-left:130px}
.pro-detail .preview-container .small-box{width:400px;height:400px}
.pro-detail .preview-container .big-box{width:400px}
.pro-detail .preview-container .thumbnail-box .list ul .item{width:107px;height:107px}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn{min-width:calc(50% - 12px)}
}
@media(max-width:1024px){.pro-cate-wrap li{width:160px}
}
@media(max-width:900px){.video-switch{display:none}
.common-main .pro-cate li{width:100%;margin:0 0 4%;display:flex;align-items:center;flex-direction:row-reverse;background-color:#f7f7f7}
.common-main .pro-cate li .cate-img{width:57%}
.common-main .pro-cate li .cate-img::after{padding-bottom:70%}
.common-main .pro-cate li .cate-img img{position:absolute;bottom:0;left:0;width:100%}
.common-main .pro-cate li .cate-cont{position:static;width:44%;padding:0 3% 10px}
.common-main .pro-list.list1{justify-content:space-between}
.common-main .pro-list.list1 li{width:48%;margin:0 0 4% 0}
.pro-detail .preview-container{width:100%;padding:0}
.pro-detail .preview-container .small-box,.pro-detail .preview-container .thumbnail-box .btn{display:none}
.pro-detail .preview-container .thumbnail-box{position:static;padding:0;width:100%}
.pro-detail .preview-container .thumbnail-box .list ul .item{height:75vw;border:none;display:flex;justify-content:center;align-items:center;margin:0;outline:none}
.pro-detail .preview-container .banner-page{display:flex;z-index:1}
.pro-detail .preview-container .thumbnail-box .list{width:100%;min-height:75vw}
.pro-detail .pro-random .pro-list.list1{justify-content:space-between}
.pro-detail .pro-random .pro-list.list1 li{width:48%;margin-right:0}
.pro-detail .pro-detail-top .pro-info{padding:5.3333333333vw 0 0}
}
@media(max-width:768px){.common-main .pro-list.list0 li .pro-img{width:41.3333333333vw}
.common-main .pro-list.list0 li .pro-info{width:calc(100% - 41.3333333333vw);padding-left:2.6666666667vw}
.common-main .pro-list.list0 li .pro-info .pro-more{min-width:0;flex:1}
}
@media(max-width:480px){.common-main .pro-cate li .cate-cont .cate-name{font-size:16px}
.common-main .pro-cate li .cate-cont .cate-des{font-size:14px}
.common-main .pro-list.list0 li .pro-info .pro-more{font-size:14px;padding:0;line-height:28px}
.common-main .pro-list.list0 li .pro-info .pro-btn{margin-top:10px}
.common-main .pro-detail .pro-detail-top .pro-info .pro-name{font-size:20px}
.common-main .pro-detail .pro-btnlist>a,.common-main .pro-detail .pro-btnlist .pro-btn{width:100%;min-width:0;height:50px;line-height:48px}
.common-main .pro-detail-title{font-size:20px}
}
@media(max-width:415px){.common-main .pro-cate li .cate-img{width:50%;height:100%}
.common-main .pro-cate li .cate-cont{width:50%;padding-top:10px}
.common-main .pro-list .pro-info .pro-name{font-size:16px}
.common-main .pro-list .pro-info .pro-des{-webkit-line-clamp:2;max-height:3em}
.common-main .pro-list.list1 li .pro-info{padding:10px 0}
}
.common-main .news-list.list1{display:flex;flex-wrap:wrap}
.common-main .news-list.list1 li{width:calc(33.33% - 24px);margin:0 30px 60px 0}
.common-main .news-list.list1 li:nth-of-type(3n){margin-right:0}
.common-main .news-list.list1 li .news-date{position:absolute;top:10px;left:6%;transform:translateY(-90%)}
.common-main .news-list.list1 li .news-cont{border:1px solid #e7e7e7;padding:40px 6% 0;position:relative}
.common-main .news-list.list1 li .news-des{display:block;display:-webkit-box;display:-moz-box;max-height:3.5em;line-height:1.75em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:10px}
@media(max-width:768px){.common-main .news-list.list1 li .news-des{display:none}
}
.common-main .news-list.list1 li .news-more{transition:background .3s,color .3s;transform:translateY(50%);background-color:#FFF;border:1px solid #343434}
.common-main .news-list.list1 li .news-more:hover{background-color:#000;color:#FFF}
.common-main .news-list.list0 li{display:flex;align-items:center;background-color:#f9f9f9;position:relative;margin-bottom:40px}
.common-main .news-list.list0 li .news-img{width:380px}
.common-main .news-list.list0 li .news-cont{flex:1;padding:0 6% 0 4%}
.common-main .news-list.list0 li .news-date{position:absolute;top:20px;left:20px}
.common-main .news-list.list0 li .news-des{display:block;display:-webkit-box;display:-moz-box;max-height:5.25em;line-height:1.75em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:14px 0 24px}
@media(max-width:768px){.common-main .news-list.list0 li .news-des{display:none}
}
.common-main .news-list.list0 li .news-more{background-color:#252525;color:#FFF;transition:background .3s}
.common-main .news-list.list0 li .news-more:hover{background-color:#ff0000}
@media(max-width:768px){.common-main .news-list.list0 li .news-more{margin-top:10px}
}
.common-main .news-list .news-date{display:inline-block;background-color:#FFF;font-size:14px;text-align:center;border-bottom:3px solid #ff0000;padding:5px 10px;min-width:60px}
.common-main .news-list .news-date span{font-size:20px;display:block;font-weight:bold}
.common-main .news-list .news-title{font-size:18px;font-weight:bold;text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:2.6em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:768px){.common-main .news-list .news-title{-webkit-line-clamp:3;max-height:3.9em}
}
.common-main .news-list .news-des{color:#777}
.common-main .news-list .news-more{display:inline-block;font-size:14px;color:#333;font-weight:bold;text-align:center;min-width:130px;padding:9px 10px;text-transform:capitalize}
.common-main .news-list li:hover img.lazy{transform:scale(1.1)}
.common-main .news-list li:hover .news-title{color:#ff0000}
@media(max-width:900px){.common-main .news-list.list1{justify-content:space-between}
.common-main .news-list.list1 li{width:49%;margin-right:0}
.common-main .news-list.list0 li .news-img{width:45%}
}
@media(max-width:480px){.common-main .news-list .news-title{font-size:16px}
.common-main .news-list .news-more{min-width:120px;padding:6px 10px}
.common-main .news-list.list1 li .news-date{font-size:12px;min-width:40px}
.common-main .news-list.list1 li .news-date span{font-size:16px}
.common-main .news-list.list1 li .news-cont{padding-top:30px}
.common-main .news-list.list0 li .news-date{top:10px;left:10px;min-width:0;font-size:12px}
.common-main .news-list.list0 li .news-date span{font-size:16px;line-height:1}
.common-main .news-list.list0 li .news-cont{padding:0 10px}
}
.pagelink{display:flex;margin:60px 0}
.pagelink .pagelink-item{width:50%;padding:12px 30px;border:1px solid #DCDCDC;transition:border .3s;font-size:14px;text-transform:capitalize}
.pagelink .pagelink-item .iconfont{font-size:20px}
.pagelink .pagelink-item.prev .iconfont{margin-right:4px}
.pagelink .pagelink-item.next{text-align:right}
.pagelink .pagelink-item.next .iconfont{margin-left:4px}
.pagelink .pagelink-item a{display:block;font-size:14px}
.pagelink .pagelink-item:hover{border-color:#ff0000}
.pagelink .pagelink-item:hover a{color:#ff0000}
.pagelink .link-intro{font-size:18px;margin-bottom:6px;text-transform:capitalize}
.common-inquiry{margin-top:20px}
.detail-date,.detail-count{color:#777}
.detail-date em,.detail-count em{color:#ff0000;margin-right:2px}
.detail-count{margin-left:30px}
.common-inquiry-title{font-size:30px;font-weight:bold;margin-bottom:30px}
.common-main article .news-title{font-size:20px;font-weight:bold;margin-bottom:6px}
.common-main article .article-cont{margin-top:30px;color:#333;font-size:16px;line-height:2}
.common-main article .article-cont a{text-decoration:underline;color:#ff0000}
@media(max-width:900px){.pagelink{flex-wrap:wrap}
.pagelink .pagelink-item{width:100%;margin:10px 0;padding:10px}
}
@media(max-width:480px){.common-inquiry-title{font-size:22px}
}