@charset "utf-8";
html,body,a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,ruby,samp,section,small,span,strike,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0px;padding:0px;border:0px;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{margin:0px;padding:0px;overflow-x:hidden}
body{margin:0px auto;padding:0px;max-width:1920px;line-height:1.5;font-size:16px;font-family:'Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:600;text-transform:capitalize}
ol,ul,li{list-style:none}
a,a:hover{color:#000}
a,a:hover,a:link,a:visited{text-decoration:none}
img{boder:0px;max-width:100%;max-height:100%}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
input{-webkit-appearance:none;border-radius:0}
main{margin-top:100px;background-color:#EEE}
.table td,.table th{border:1px solid #DDD;padding:5px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #E5E5E5;padding:5px}
.flex{display:flex;justify-content:center;align-items:center}
.flex-wrapper,.list-4{display:flex;flex-wrap:wrap}
.list-4{width:100%}
.list-4>li{width:calc(25% - 15px);height:300px;margin-right:20px;box-sizing:border-box;border:1px solid #000;margin-bottom:20px}
.list-4>li:nth-of-type(4n){margin-right:0}
.list-2{display:flex;flex-wrap:wrap;width:100%}
.list-2>li{width:calc(50% - 15px);height:300px;margin-right:30px;box-sizing:border-box;border:1px solid #000;margin-bottom:30px}
.list-2>li:nth-of-type(2n){margin-right:0}
.list-1{display:flex;flex-wrap:wrap;width:100%}
.list-1>li{width:100%;height:200px;box-sizing:border-box;border:1px solid #000;margin-bottom:30px}
.list-6{width:100%;display:flex}
.list-6>li{flex:1;box-sizing:border-box;border:1px solid #000;margin-right:20px}
.list-6>li:after{display:block;content:"";width:100%;padding-bottom:100%}
.card{display:flex;flex-direction:column}
.common-wrap{width:1600px;margin:0px auto}
.crumb{padding:30px 0px;background-color:#F7F8F9}
.crumb-title{color:#000;font-size:32px;margin-bottom:10px}
.crumb-nav,.crumb-nav a{color:#000;line-height:1.3;font-size:14px}
.crumb-nav .current{color:#f70000}
.main-c{padding:60px 0;background-color:#FFF}
.main-c article h3{color:#000;font-size:24px;font-weight:600;margin-bottom:15px}
.main-c article p{font-size:16px;color:#000}
.main-c .img-list{width:100%;display:flex;justify-content:space-between;margin-bottom:10px}
.main-c .img-list img{display:block;width:31.5%;height:auto}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.common-link{margin:30px auto;padding:0px 10px;display:flex;background-color:#F7F8F9;box-sizing:border-box}
.common-link span{margin-right:10px}
.common-link>div{flex:1;display:flex;align-items:center;height:50px;font-size:18px}
.common-link>div a{height:100%;line-height:50px;max-width:400px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#f70000}
.common-link .next{justify-content:flex-end}
.info-wrap{display:flex}
.common-content{margin-right:70px;flex:8}
.common-content .content-title{font-size:22px;font-weight:600;color:#000}
.common-content .content-top{display:flex;align-items:center;font-size:14px;margin:10px 0px 20px}
.common-content .content-date{margin-left:5px}
.common-content article p{font-size:15px;margin-bottom:15px}
.common-content article{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #E5E5E5}
.common-content .pages-list a,.common-content .pages-list div,.common-content .pages-list span{color:#4C4C4C;font-size:16px;line-height:30px}
.common-content .pages-list span{color:#f70000}
.common-content .pages-list div{margin-top:20px}
.common-content .pages-list div:last-child{margin-top:0}
.common-content .pages-list a:hover{text-decoration:underline;color:#f70000}
.common-side{padding-left:30px;flex:2;max-width:228px;box-sizing:border-box}
.side-title{font-size:24px;margin-bottom:20px}
.side-news ul li{width:100%;margin-bottom:35px}
.side-news ul li:hover .side-news-title{color:#f70000}
.side-news ul .side-news-img{width:100%;box-sizing:border-box}
.side-news ul .side-news-title{font-size:16px;margin:10px 0;font-weight:600;transition:color .3s ease;display:-webkit-box;display:-moz-box;max-height:36px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.side-news ul .side-news-date{font-size:14px;display:flex;align-items:center}
.side-news ul .side-news-date i{margin-right:5px}
.side-social ul li{height:20px;display:flex;align-items:center;font-size:16px;margin-bottom:15px}
.side-social ul li:hover,.side-social ul li:hover a{color:#f70000}
.side-social ul li a{color:#000;font-size:16px}
.side-social ul li .iconfont{font-size:24px;margin-right:10px}
.common-pages{margin-bottom:50px;width:100%;font-size:18px;height:60px}
.common-pages,.common-pages a,.common-pages span{display:flex;justify-content:center;align-items:center}
.common-pages a,.common-pages span{font-size:16px;margin:6px;height:45px;transition:all .3s ease;box-sizing:border-box;border:1px solid #f1f1f1;color:#000;font-weight:600}
.common-pages span{opacity:.4}
.common-pages span.ctxt{opacity:1;border:none;background:#f70000;color:#FFF}
.common-pages a:hover{background-color:#f70000;color:#FFF}
#toast-container{padding-top:100px}
.top-btn{display:none;border-radius:50%;width:40px;height:40px;background:#FFF;z-index:1;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
.top-btn:hover{cursor:pointer;background:#CCC}
.top-btn i{position:relative;transform:scale(1.4)}
.sm-mask{position:fixed;width:100%;bottom:0;height:100%;background:rgba(0,0,0,.6);z-index:8;display:none;top:13.3333333333vw}
.swiper-container .swiper-slide{width:100%;display:flex;justify-content:center}
.swiper-container .swiper-slide img{width:100%}
.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{content:""}
.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i{transform:scale(3);color:#f70000}
.swiper-container .swiper-pagination-bullet{background:#FFF}
.swiper-container .swiper-pagination-bullet-active{background:#f70000}
#swiper-banner .swiper-pagination-bullet{overflow:hidden;width:32px;height:4px;opacity:1;background-color:#CCC;border-radius:999px}
#swiper-banner .swiper-pagination-bullet:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#f70000}
#swiper-banner .swiper-pagination-bullet-active{background-color:#CCC;position:relative}
#swiper-banner .current{position:relative}
#swiper-banner .current:after{transition:width 3s linear;width:100%}
.common-title{font-size:40px;line-height:50px;margin-bottom:35px;font-weight:600}
.common-con,.common-title{text-align:center;color:#FFF}
.common-con{line-height:1.4;margin-bottom:20px}
.hot{padding:100px 0;height:450px}
.hot .common-wrap{display:flex}
.hot .slide-title{font-size:50px;font-weight:600;opacity:.08;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-transform:uppercase;margin-right:30px}
.hot .swiper-container{flex:1;box-sizing:border-box;padding-right:60px}
.hot .swiper-button-next.swiper-button-disabled,.hot .swiper-button-prev.swiper-button-disabled{opacity:1}
.hot .swiper-button-next,.hot .swiper-button-prev{display:block;width:54px;height:54px;box-sizing:border-box;background-color:#000;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease;right:10px;left:auto;border-radius:5px}
.hot .swiper-button-next i,.hot .swiper-button-prev i{color:#FFF;transform:scale(1.8)}
.hot .swiper-button-next{top:40%}
.hot .swiper-button-prev{top:55%;background-color:#f70000}
.hot .swiper-slide{box-sizing:border-box;display:flex}
.hot .swiper-slide-active{margin-right:60px}
.hot-img{height:100%;flex:5;background-color:#FFF;display:flex;justify-content:center;align-items:center}
.hot-img img{max-width:100%;max-height:100%;display:block}
.hot-info{padding:0 100px;flex:5}
.hot-name{margin:15px 0px;font-size:30px;font-weight:600;line-height:1.2}
.hot-intro{display:-webkit-box;display:-moz-box;max-height:180px;line-height:30px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.hot .common-btn{margin-top:40px;font-size:16px;background-color:#000;color:#FFF;padding:0;width:200px;height:50px;display:flex;justify-content:center;align-items:center}
.common-btn,.hot .common-btn:hover{background-color:#FFF;color:#000}
.common-btn{padding:20px 30px;display:inline-block;border-radius:999px;transition:color .3s ease,background-color .3s ease;text-transform:uppercase}
.common-btn:hover{background-color:#000;color:#FFF}
.news-pro ul{width:100%;display:flex}
.news-pro li{width:calc(25% - 30px);margin-right:40px;display:flex;flex-direction:column;align-items:center}
.news-pro li:last-child{margin-right:0}
.news-pro li:hover .common-btn{background-color:#000;color:#FFF}
.news-pro li:hover img{transform:scale(1.1)}
.news-pro li:hover .img-wrap{box-shadow:0 5px 10px rgba(0,0,0,.1)}
.news-pro .img-wrap{width:100%;padding-bottom:100%;position:relative}
.news-pro-img{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#FFF}
.news-pro-img img{max-width:100%;max-height:100%;transition:transform .3s ease}
.news-pro-name{width:100%;text-align:center;font-size:18px;color:#2a2a2a;margin:10px 0;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news-pro .common-btn{padding:4px;width:129px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#EEE;border:1px solid #bfbfbf;text-transform:lowercase}
.news-pro .common-btn:hover{border-color:#000}
.about{padding:50px 0;margin-top:50px;background-color:#000;background:url(../images/ab-bg.jpg) no-repeat;background-position:50%}
.about .common-wrap{display:flex;flex-direction:column;align-items:center}
.about .common-btn{padding:0;display:flex;justify-content:center;align-items:center;width:200px;height:50px;text-transform:lowercase;font-size:20px}
.about .common-btn:hover{background-color:#FFF;color:#000}
.about-icon{margin-top:50px;width:100%;display:flex}
.about-icon li{position:relative;width:calc(25% - 30px);margin-right:40px;display:flex;flex-direction:column;justify-content:center;transition:box-shadow .3s ease,transform .3s ease}
.about-icon li:last-child{margin-right:0}
.about-icon li:after{content:"";width:100%;display:block;padding-bottom:100%}
.about-icon li:hover{box-shadow:2px 2px 15px hsla(0,0%,100%,.3);transform:translateY(-2px)}
.about-icon li:hover img{transition:transform .5s ease-out;transform:rotateX(1turn) scale(1.1)}
.about-icon li img{transition:none}
.about-icon li .icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid hsla(0,0%,100%,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;transform-style:preserve-3d;-ms-perspective:1000;perspective:1000}
.about-icon li .icon-wrap img{width:20%}
.about-icon li .icon-wrap p{color:#FFF;font-size:25px;margin-top:30px}
.about .common-con{max-width:1100px}
.about .common-title{margin-bottom:20px}
.news{padding:60px 0;position:relative}
.news ul{margin:30px 0;display:flex;flex-wrap:wrap}
.news ul li{width:calc(25% - 30px);margin-right:40px;background-color:#FFF;box-sizing:border-box;transition:all .3s ease}
.news ul li:last-child{margin-right:0}
.news ul li .more-btn{transition:all .3s ease;padding-top:10px;margin-top:10px;font-size:18px;display:inline-block}
.news ul li .more-btn i{position:relative;top:2px;font-weight:600;margin-left:5px}
.news ul li:hover{box-shadow:0 5px 10px rgba(0,0,0,.1)}
.news ul li:hover .more-btn{padding-left:8px;color:#f70000}
.news ul li:hover .news-date{background-color:#f70000}
.news-info{padding:20px}
.news-title{width:100%;font-size:18px;font-weight:600;margin:20px 0;min-height:40px;max-height:40px;line-height:20px;-webkit-line-clamp:2}
.news-con,.news-title{display:-webkit-box;display:-moz-box;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden}
.news-con{max-height:54px;line-height:18px;-webkit-line-clamp:3;font-size:14px}
.news-img{position:relative}
.news-img img{width:100%}
.news-date{position:absolute;bottom:-18px;left:20px;color:#FFF;background-color:#000;display:flex;text-align:center;flex-direction:column;justify-content:center;width:65px;height:65px;border-radius:5px;box-sizing:border-box;transition:background-color .3s ease}
.news-date .day{font-size:24px}
.news .common-title{color:#000}
.news .common-btn{position:absolute;left:50%;bottom:0;padding:0;width:200px;height:50px;display:flex;justify-content:center;align-items:center;transform:translate(-50%,50%);background-color:#000;color:#FFF;text-transform:lowercase;font-size:20px}
.project{padding:100px 0;background-color:#FFF;text-align:center}
.project .common-wrap{display:flex;flex-direction:column;align-items:center}
.project .common-title{color:#000;margin-bottom:50px}
.project .common-con{margin:0px auto 50px;max-width:1100px;color:#000}
.project .common-btn{padding:0;margin:0 auto;width:200px;height:50px;font-size:20px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:1px solid #000;text-transform:lowercase}
.project .common-btn:hover{background-color:#000}
.project-swiper{margin-top:30px;width:100%}
.project .swiper-container .swiper-pagination-bullet{width:100px;background-color:#EEE;opacity:1;width:24px;height:6px;border-radius:0}
.project .swiper-container .swiper-pagination-bullet-active{background-color:#000}
.project-item{position:relative}
.project-item:after{content:"";padding-bottom:100%}
.project-item:hover .project-info{top:0}
.project-item:hover .project-img img{opacity:.3}
.project-item:hover .line,.project-item:hover .project-title,.project-item:hover p{transform:translateZ(0);opacity:1}
.project-item:hover .common-btn{opacity:1;transform:translateZ(0) scale(1)}
.project-item a{color:#FFF}
.project-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;display:flex;justify-content:center;align-items:center;background-color:#000}
.project-img>img{transition:opacity .3s ease!important;max-width:100%;max-height:100%}
.project-info{position:absolute;transition:top .4s ease;top:0;left:0;width:100%;height:100%;color:#FFF}
.project-info .line{margin:20px 0;width:30px;height:1px;background-color:#EEE}
.project-info .common-btn{margin-top:20px;padding:0;width:120px;height:36px;background-color:#f70000;color:#FFF;font-size:16px;border:none;transform:translate3d(0,20px,0) scale(1.1);opacity:0;transition:opacity .35s,transform .35s}
.project-info .common-btn:hover{color:#FFF;background:#f70000}
.project-info>a{width:100%;height:100%;display:block}
.project-info>a object{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.project-info .line,.project-info .project-title,.project-info p{transform:translate3d(0,20px,0);opacity:0;transition:transform .35s}
.project-title{font-size:22px;text-transform:uppercase}
.project .swiper-wrapper{padding-bottom:80px}
.partner{padding-bottom:100px;background-color:#FFF}
.partner ul{width:100%;display:flex}
.partner ul li{box-sizing:border-box;flex:1;position:relative;border-top:1px solid #EEE;border-bottom:1px solid #EEE;border-left:1px solid #EEE}
.partner ul li:last-child{border-right:1px solid #EEE}
.partner ul li:after{content:"";display:block;width:100%;padding-top:50%}
.partner ul li:hover img{transform:scale(1.1)}
.partner ul .partner-img{box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;overflow:hidden}
.partner ul .partner-img img{max-width:100%;max-height:100%;transition:transform .3s ease}
.prolist-0{margin-top:30px}
.prolist-0 li{width:100%;display:flex;background-color:#F7F8F9;margin-bottom:30px;transition:transform .3s ease;box-sizing:border-box;padding:20px 40px}
.prolist-0 li .pro-img a{display:block;width:200px;height:200px;display:flex;align-items:center;background-color:#FFF}
.prolist-0 li .pro-img a img{boder:0px;max-width:100%;max-height:100%}
.prolist-0 li:hover{transform:translateY(-3px);box-shadow:0 7px 7px -7px rgba(0,0,0,.2)}
.prolist-0 li:hover .pro-name{color:#f70000}
.prolist-0 .pro-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.prolist-0 .pro-intro{margin-top:15px;line-height:1.7;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;max-width:800px;max-height:3em;-webkit-line-clamp:2;font-size:14px}
.prolist-0 .pro-intro a{color:#050505}
.prolist-0 .pro-name{font-size:18px;font-weight:600;width:100%;line-height:120%;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.prolist-0 .compare-action{width:150px;margin-left:0}
.prolist-1{display:flex;flex-wrap:wrap;margin-top:30px}
.prolist-1 li{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px;padding-bottom:10px;transition:box-shadow .3s ease,transform .3s ease;box-sizing:border-box;background-color:#F7F8F9}
.prolist-1 li:nth-of-type(4n){margin-right:0}
.prolist-1 li .pro-img{width:100%;padding-top:100%;position:relative;overflow:hidden;border:1px solid #EEE;box-sizing:border-box;background-color:#FFF}
.prolist-1 li .pro-img>a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.prolist-1 li .pro-img>a img{boder:0px;max-width:100%;max-height:100%}
.prolist-1 li:hover{box-shadow:0 5px 10px rgba(0,0,0,.1)}
.prolist-1 li:hover .pro-img img{transform:scale(1.1)}
.prolist-1 .pro-info{margin-top:10px;padding:20px 20px 10px}
.prolist-1 .pro-name{font-size:18px;height:36px;font-weight:600;display:-webkit-box;display:-moz-box;max-height:28px;line-height:28px;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1}
.prolist-1 .pro-intro,.prolist-1 .pro-name{text-align:center;-webkit-box-orient:vertical;overflow:hidden}
.prolist-1 .pro-intro{margin-top:10px;line-height:1.3;display:-webkit-box;height:38px;-webkit-line-clamp:2;font-size:14px}
.prolist-1 .compare-action{width:50%;margin:0px auto}
.pro-wrap .compare-action{font-size:14px;display:flex;justify-content:center;background-color:#000;color:#FFF;border-radius:999px;margin-bottom:10px}
.pro-checked .compare-action{background-color:#f70000}
.pro-review{display:flex}
.pro-review .pro-preview-left{min-width:428px;max-height:600px;box-sizing:border-box}
.pro-review .pro-preview-right{padding:0 30px;margin-bottom:30px;flex:1}
.pro-review .pro-preview-right .pro-name{font-size:30px;line-height:30px;text-align:left;color:#000}
.pro-review .pro-preview-right span.line{width:100%;height:1px;background-color:#E5E5E5;display:block;margin-bottom:30px}
.pro-review .pro-preview-right article{font-size:16px;color:#333;margin:20px 50px 20px 0px}
.pro-review .pro-preview-right .btn-list{display:flex;flex-wrap:wrap}
.addToCart,.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{height:46px;width:160px;display:flex;justify-content:center;align-items:center;margin:30px 20px 0 0;background-color:#000;cursor:pointer;box-sizing:border-box;border-radius:5px;transition:background-color .3s ease}
.pro-review .pro-preview-right .btn-list .btn a,.pro-review .pro-preview-right .btn-list .pdown2 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span{font-size:16px;color:#FFF}
.addToCart span{display:inline-block;background:url(../images/addtocart.png) no-repeat right center;background-size:20px;padding-right:26px;color:#FFF}
.addToCart:hover,.pro-review .pro-preview-right .btn-list .btn:hover,.pro-review .pro-preview-right .btn-list .pdown2:hover{border:none;background-color:#f70000}
.pro-detail .part{margin-bottom:30px}
.pro-detail .title{font-size:20px}
.pro-detail .title span{padding-bottom:10px;border-bottom:2px solid #f70000}
.pro-detail .content{margin-top:30px}
.pro-detail .content p{padding-bottom:0}
.pro-detail table{margin-top:10px}
.pro-detail table,.pro-detail td,.pro-detail th{border:1px solid #EEE}
.pro-detail .s-part{margin-top:30px}
.pro-title{font-size:24px;margin:20px 0px 10px;padding:5px;background-color:#F7F8F9}
.pro-wrap .pro-type{box-sizing:border-box;padding:20px;background-color:#F7F8F9;position:relative}
.pro-wrap .pro-type-name{font-size:22px}
.pro-wrap .pro-type-intro{max-width:1460px;color:#000;margin-top:10px;font-size:16px}
.pro-wrap .arrow{position:absolute;box-sizing:border-box;height:100%;display:flex;justify-content:flex-end;align-items:center;width:50px;top:0;right:30px}
.pro-wrap .arrow i{transform:rotate(180deg);color:#f70000;font-size:35px}
.pro-detail-wrap{display:flex}
.pro-detail-wrap .pro-content{margin-right:70px;flex:8}
.pro-detail-wrap .common-side{padding-left:30px;flex:2;max-width:228px;box-sizing:border-box}
.side-pro ul li:hover .more-btn{color:#f70000}
.side-pro ul li:hover img{transform:scale(1.1)}
.side-pro ul li{margin-bottom:30px}
.side-pro .side-pro-img{position:relative;width:100%;box-sizing:border-box;border:1px solid #EEE;overflow:hidden}
.side-pro .side-pro-img:after{content:"";padding-bottom:100%;display:block}
.side-pro .side-pro-img img{transition:transform .3s ease}
.side-pro .img-wrap{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.side-pro .img-wrap img{max-height:100%;max-width:100%}
.side-pro .side-pro-name{font-weight:600;margin:10px 0px}
.side-pro .more-btn{transition:color .3s ease;font-size:12px}
.pro-detail-wrap table{margin-top:10px}
.pro-detail-wrap .table td,.pro-detail-wrap .table th{border:1px solid #DDD}
.pro-detail-wrap td,.pro-detail-wrap th{margin:0px;padding:4px;vertical-align:middle}
.pro-detail-wrap .table-responsive{margin:10px 0px}
.feedback-title{margin:30px auto;padding:5px 10px;font-size:24px;color:#000;background-color:#F7F8F9}
.feedback #feedbackForm{margin:0px auto;max-width:1200px}
.feedback .send-inquiry .send-btn:hover{background:#f70000;border:none}
.pro-crumb{padding-bottom:0}
.pro-crumb .crum-wrap{padding-bottom:40px;width:100%;display:flex;justify-content:space-between}
.pro-crumb .common-wrap{display:flex;flex-direction:column}
.pro-crumb .crumb-r{color:#000;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer}
.pro-crumb .crumb-r i{color:#000;font-size:26px;font-weight:600;margin-left:10px;transition:transform .3s ease;transform:rotate(0);transform-origin:50% 50%}
.pro-crumb .cate-box{padding:50px 0;border-top:1px solid #EEE;display:none;width:100%;box-sizing:border-box}
.pro-crumb .cate-box>ul{width:100%;display:flex;flex-wrap:wrap}
.pro-crumb .cate-box>ul>li{width:25%}
.pro-crumb .cate-box>ul>li>a{line-height:40px;font-weight:600;display:inline-block;max-width:80%;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pro-crumb .cate-box>ul>li .active:before{transform:rotate(-45deg)}
.pro-crumb .cate-box a.currentProType{color:#f70000}
.pro-crumb .cate-box li{position:relative}
.pro-crumb .cate-box i{position:absolute;right:40px;top:0;bottom:0;box-sizing:border-box;width:30px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.pro-crumb .cate-box i:before{position:absolute;content:" ";top:16px;right:16px;width:8px;height:8px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg);transition:transform .3s ease-in-out;cursor:pointer}
.pro-crumb .cate-box .LiLevel2 a{padding-left:10px;line-height:30px;font-size:15px}
.pro-crumb .cate-box .LiLevel3 a{padding-left:20px;line-height:30px;font-size:13px}
.pro-crumb .cate-box .LiLevel2 i{height:30px}
@media(min-width:769px){
.pro-crumb .cate-box .LiLevel2 i:before{top:10px;left:20px}}
.pro-crumb .cate-box a:hover{color:#f70000}
.seo-key{box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:#2B2B2B}
.seo-key .keywords{margin-top:10px}
.seo-key .keywords a{padding:5px 10px;background:#F1F1F1;font-size:14px;line-height:1.8em;border-radius:50px;margin-right:20px;color:#2B2B2B}
.singglepic{position:relative;width:450px;height:450px;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFF;margin-bottom:50px;overflow:hidden}
.singglepic:hover img{transition:transform .3s ease;transform:scale(1.3)}
.newslist-0 li{height:114px;margin-bottom:20px;box-sizing:border-box;transition:transform .3s ease-out;padding:7px}
.newslist-0 li .left-box{float:left;width:100px;border:1px solid #ddd;height:100px}
.newslist-0 li .right-box{margin-left:120px}
.newslist-0 li .info h4{padding:8px 0;font-size:18px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;transition:color .3s ease;background-color:#;margin:0px;}
.newslist-0 li .info p{height:50px;line-height:25px;padding-right:14px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;text-align:left;padding-bottom:0;font-size:14px;background-color:#}
.newslist-0 li .info p:after{content:"..."}
.newslist-0 li .time em{display:block;font-size:22px;padding:17px 10px 0;line-height:40px;font-weight:600}
.newslist-0 li .time span{font-size:14px;padding:10px 0 10px 10px}
.newslist-0 li:nth-of-type(2n){background-color:#F2F2F2}
.newslist-0 li:hover{background:#EFEFEF;transform:translateX(5px)}
.newslist-0 li:hover h4{color:#f70000}
.newslist-1{display:flex;flex-wrap:wrap}
.newslist-1 .news-title{margin:10px 0;font-size:18px}
.newslist-1 li{width:calc(25% - 30px);margin-right:40px;box-sizing:border-box;transition:all .3s ease;background-color:#F7F8F9;margin-bottom:40px}
.newslist-1 li:nth-of-type(4n){margin-right:0}
.newslist-1 li .more-btn{transition:all .3s ease;padding-top:10px;margin-top:10px;font-size:18px;display:inline-block}
.newslist-1 li .more-btn i{position:relative;top:2px;font-weight:600;margin-left:5px}
.newslist-1 li:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-3px)}
.newslist-1 li:hover .more-btn{padding-left:8px;color:#f70000}
.newslist-1 li:hover .news-date{background-color:#f70000}
.news-content h1{padding-bottom:20px}
.news-content .news-date{text-align:center;font-size:18px}
.news-content article{margin-top:20px}
.news-content p{font-size:16px}
.contact{color:#000}
.contact-title{font-size:26px;margin-bottom:15px}
.contact-list{width:100%;display:flex;flex-wrap:wrap}
.contact-item{padding-left:50px;flex:1;height:80px;box-sizing:border-box;border-right:1px solid #CCC;display:flex;align-items:center;margin-bottom:10px}
.contact-item:last-child{border:none}
.contact-item .contact-info p{margin-bottom:0}
.contact-icon{width:80px;height:80px;min-height:80px;min-width:80px;border-radius:50%;background:#000;display:flex;justify-content:center;align-items:center;color:#FFF}
.contact-icon .iconfont{font-size:30px}
.contact-icon .icon-map{font-size:34px}
.contact-info{padding-left:30px;width:230px}
.contact-info p{line-height:1.3}
.contact-inquiry{display:flex;margin-top:60px}
.contact-img{margin-right:200px;height:330px}
.contact-img img{max-height:100%}
.inquiry p{padding-bottom:20px;line-height:1.6}
.head{position:fixed;top:0;left:0;right:0;width:100%;height:100px;box-sizing:border-box;z-index:9;background-color:#FFF;transition-property:height;transition-duration:.2s;transition-timing-function:ease;max-width:1920px;margin:0 auto;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.head-wrapper{width:1600px;margin:0 auto;height:100%;display:flex;justify-content:center;align-items:center}
.head-logo{width:600px;height:100%;margin-right:auto}
.head-logo a{width:100%;height:100%;display:flex;justify-content:start;align-items:center}
.head-nav{height:100%;margin-left:auto;margin-right:18px}
.head-nav>ul{height:100%;display:flex}
.head-nav>ul>li{position:relative;height:100%}
.head-nav>ul>li>a{transition:color .3s ease;transition:background-color .3s ease;padding:0px 18px;height:100%;display:flex;font-weight:600;align-items:center;justify-content:center;font-size:18px;text-transform:uppercase}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a{color:#f70000}
.head-nav>ul .submenu{background-color:#FFF;position:absolute;transform-origin:top;top:100%;transition:all .4s ease;transform:rotateX(90deg);opacity:0;display:none}
.head-nav>ul .submenu a{display:block;padding:0 20px;line-height:40px;white-space:nowrap;transition:all .4s ease}
.head-nav>ul .submenu a:hover{color:#f70000;background-color:#fafafa}
.head-nav .mobile-search,.head-nav>ul i,.nav-btn{display:none}
.nav-btn{position:relative;margin:auto 0;height:4.2666666667vw;width:6vw}
.nav-btn span{border-radius:2px;position:absolute;display:block;width:6vw;height:.6666666667vw;background-color:#000;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
.nav-btn span:first-child{top:.1vw}
.nav-btn span:nth-child(2){top:2.1333333333vw}
.nav-btn span:nth-child(3){top:4.2666666667vw}
.toggle-animate span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s}
.toggle-animate span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
.search-btn{width:30px;height:30px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;align-items:center}
.search-btn i{font-size:30px}
.search-box{width:0;height:100%;overflow:hidden;justify-content:center;align-items:center;display:flex}
.search-box input{height:30px;outline:0;border:none;border-bottom:1px solid #707070;width:85%;padding-left:10px;margin-left:20px}
.search-box .close{position:relative;width:20px;height:20px;box-sizing:border-box;color:#000;opacity:1;margin-left:20px;cursor:pointer}
.search-box .close:after,.search-box .close:before{position:absolute;content:" ";background-color:#000;left:12px;width:2px;height:20px}
.search-box .close:before{transform:rotate(45deg)}
.search-box .close:after{transform:rotate(-45deg)}
.search-box.active{transform:rotateX(0);opacity:1}
.foot{width:100%;padding-top:60px;background-color:#111}
.foot-contact{width:100%;height:108px;box-sizing:border-box;display:flex}
.foot-contact>div{position:relative;width:calc(33.33% - 20px);margin-right:30px;box-sizing:border-box;border:1px solid #333;padding:20px 20px 20px 90px}
.foot-contact>div:last-child{margin-right:0}
.foot-title{color:#FFF}
.foot-con{margin-top:12px;width:100%;color:#CCC;display:-webkit-box;display:-moz-box;max-height:36px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.foot-icon{width:40px;height:40px;background-color:#f70000;position:absolute;top:85px;left:20px;display:flex;justify-content:center;align-items:center;border-radius:5px}
.foot-icon img{width:60%}
.foot-nav{margin:70px 0px;display:flex;align-items:center}
.foot-nav ul{flex-wrap:wrap}
.foot-logo{flex:2;justify-content:center}
.foot-logo,.foot-nav>ul{height:100%;display:flex;align-items:center}
.foot-nav>ul li{margin-left:25px}
.foot-nav>ul li:first-of-type{margin-left:0}
.foot-nav>ul li a{color:#FFF;text-transform:uppercase}
.foot-nav>ul li a:before{content:">";margin-right:5px}
.foot-nav>ul li a:hover{color:#f70000}
.mobile-bottom{display:none}
.foot-right{width:100%;height:50px;background-color:#000}
.foot-right .common-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
.foot-right .common-wrap span a{color:#CCC;margin-left:10px}
.foot-right .common-wrap span{color:#CCC;font-size:18px}
.foot-right ul{display:flex}
.foot-right ul li{margin:0 6px}
.foot-right ul li a{color:#CCC}
.foot-right ul i{font-size:20px}
.foot-right ul i:hover{color:#f70000}
@media(max-width:1620px){
.common-wrap,.head-wrapper,.project .common-con{width:1200px}
.head-nav>ul>li>a{padding:0 10px}}
@media(max-width:1280px){
.foot-nav>ul li{margin-left:20px}
.map-wrapper .map-info{padding:30px 0 30px 10px}
.common-wrap,.head-wrapper{width:1000px}
.hot-info{padding:0 50px}
.pro-detail-wrap .common-side{display:none}
.pro-detail-wrap .pro-content{margin-right:0}
.pro-review .pro-preview-right article{margin:30px 50px 30px 0}
.project .common-con{width:1000px}
.head-nav>ul>li>a{font-size:14px;padding:0 8px}
.head-nav{margin-right:20px}}
@media(min-width:769px)and (max-width:1080px){
.head,body{min-width:1060px}
.common-side{display:none}
.common-main{padding-right:0}}
@media screen and (max-width:768px){
body{font-size:14px}
.common-wrap{width:100vw;padding:0 5.3333333333vw;box-sizing:border-box}
.search-btn{display:none}
#toast-container{padding-top:150px}
.head-nav{position:absolute}
.head-nav>ul{background-color:#F7F8F9;top:13.3333333333vw;right:-80vw;position:fixed;flex-direction:column;width:80vw;height:calc(100vh - 13.33333vw);overflow:auto;padding:4vw 4vw 0;box-sizing:border-box}
.head-nav>ul>li{position:relative;height:auto;margin:0;display:block;padding:3vw 0;border-bottom:1px solid #EEE}
.head-nav>ul>li a{display:flex;justify-content:space-between;color:#000;font-size:4vw;height:auto}
.head-nav>ul>li .inmenu_1{color:#f70000}
.head-nav>ul>li .inmenu_1:after{content:none}
.head-nav>ul>li i{position:absolute;box-sizing:border-box;padding-left:4vw;right:2vw;top:3vw;color:#000;transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
.head-nav>ul>li .slide-active{transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
.head-nav>ul>li:hover>i{background-color:transparent}
.head-nav>ul>li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
.head-nav>ul>li:hover>a{color:#f70000}
.head-nav>ul .submenu{transition:none;position:relative;width:100%;right:0;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#F7F8F9;top:0;list-style-type:square;display:none}
.head-nav>ul .submenu li{position:relative;list-style-type:none;padding:1.3333333333vw 0 0;margin:0 0 0 5.3333333333vw;border-bottom:none}
.head-nav>ul .submenu li a{padding:0px;font-size:3.4666666667vw;line-height:26px}
.head-nav>ul .submenu li a:hover{background:0 0}
.head-nav>ul .mobile-search{display:block;position:relative}
.head-nav>ul .mobile-search input{width:57vw;height:10.6666666667vw;background-color:#FFF;border:none;outline:0;padding:0 0 0 12vw}
.head-nav>ul .mobile-search .search-btn{width:10.6666666667vw;height:10.6666666667vw;display:flex;position:absolute;top:0;left:1.3333333333vw}
.head-nav>ul i{display:block}
.head{height:13.3333333333vw;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.head-wrapper{height:100%;justify-content:space-between;position:relative;padding:0 5.3333333333vw}
.head-logo{width:37.3333333333vw;padding:1vw 0;box-sizing:border-box}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev,.search-box{display:none}
.nav-btn{display:flex}
main{margin-top:13.3333333333vw}
.crumb{padding:6.6666666667vw 0}
.crumb-title{display:none}
.main-c{padding:5.3333333333vw 0}
.main-c article h3{font-size:6vw}
.mobile-bottom{z-index:4;width:100%;justify-content:space-evenly}
.mobile-bottom,.mobile-bottom .mobile-bottom-item{height:15vw;background:#000;display:flex;align-items:center}
.mobile-bottom .mobile-bottom-item{padding:.6666666667vw 0;flex-direction:column;justify-content:space-around;width:16vw;font-size:3vw;box-sizing:border-box}
.mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;color:#FFF}
.mobile-bottom .mobile-bottom-item i{transform:scale(1.6);margin-bottom:.6666666667vw}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title{display:none}
.send-inquiry{margin-bottom:5.3333333333vw}
.feedback-main{padding-top:5.3333333333vw}
.feedback-main .send-inquiry{margin-top:0}
.table-responsive{touch-action:auto;width:100%;margin:1.3333333333vw 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.common-link{flex-direction:column;margin:5.3333333333vw 0;padding:0}
.common-link>div{height:9.3333333333vw}
.common-link>div,.common-link>div a{line-height:9.3333333333vw;font-size:14px}
.common-link .next{justify-content:flex-start}
.common-link .next,.common-link .prev{padding:0 10px}
.news-content{width:89.3333333333vw;padding-bottom:5.3333333333vw}
.foot{margin-bottom:16vw;padding-top:0}
.foot-contact{display:none}
.foot-nav>ul{margin-top:2.6666666667vw}
.foot-nav>ul li{margin:2.6666666667vw 0;width:50%}
.foot-nav{flex-direction:column;align-items:flex-start;height:auto;margin:0}
.foot-logo{justify-content:flex-start}
.foot-right{height:auto;background-color:#111}
.foot-right .common-wrap{flex-direction:column-reverse;align-items:flex-start;padding:5.3333333333vw 5.3333333333vw 0}
.foot-right .common-wrap span{width:100%;display:block;height:58px;font-size:12px;display:flex;align-items:center}
.common-main p{font-size:16px}
.contact-list{flex-wrap:wrap}
.contact-item{padding-left:0;width:100%;height:20vw;border:none}
.contact-icon{width:13.3333333333vw;height:13.3333333333vw;min-height:13.3333333333vw;min-width:13.3333333333vw}
.contact-icon .iconfont{font-size:5.3333333333vw}
.contact-img{display:none}
.contact-item .contact-info p{margin-bottom:0}
.common-side{display:none}
.common-content{margin-right:0;width:100%}
.common-content .pages-list a,.common-content .pages-list div,.common-content .pages-list span{font-size:16px;line-height:1.2}
.common-content .content-top{margin:5.3333333333vw 0}
.common-pages{margin-bottom:0;flex-wrap:wrap;height:auto;justify-content:flex-start;font-size:15px}
.common-pages a,.common-pages span{margin:5px}}
@media screen and (max-width:768px){
.hot{padding:0;height:auto;display:none}
.hot .common-wrap{flex-direction:column}
.hot .slide-title{font-size:8vw;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;margin:5.3333333333vw 0}
.hot .swiper-slide{flex-direction:column;padding-bottom:16vw}
.hot .swiper-container{padding-right:0;width:100%}
.hot .common-btn{display:none}
.hot .swiper-button-next,.hot .swiper-button-prev{top:auto;bottom:1.3333333333vw;width:10.6666666667vw;height:10.6666666667vw}
.hot .swiper-button-next{left:16vw}
.hot .swiper-button-prev{left:0}
.hot-info{padding:0;flex:1}
.hot-img{flex:1;width:100%;min-height:33.3333333333vw}
.hot-name{font-size:4.8vw;line-height:1.3;margin:10px 0px}
.hot-intro{display:-webkit-box;display:-moz-box;max-height:48px;line-height:16px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news-pro ul{margin-top:5.3333333333vw;width:100%;justify-content:space-between;flex-wrap:wrap}
.news-pro ul li{width:48%;margin-right:0;margin-bottom:4vw}
.news-pro-name{font-size:16px}
.common-title{font-size:8vw;line-height:1.5;margin-bottom:5.3333333333vw}
.about{padding:5.3333333333vw 0;margin-top:0;background-position:50% 100%}
.about .common-btn{display:none}
.common-con{margin-bottom:0}
.about-icon{flex-wrap:wrap;justify-content:space-between}
.about-icon li{width:48%;margin-right:0;margin-bottom:2.6666666667vw}
.about-icon li .icon-wrap p{font-size:14px;margin-top:5.3333333333vw}
.news{padding:5.3333333333vw 0}
.news ul{margin:5.3333333333vw 0 0;justify-content:space-between}
.news ul li{width:48%;margin-right:0;margin-bottom:5.3333333333vw}
.news .common-btn,.news ul li .more-btn{display:none}
.news-info{padding:4vw}
.news-title{font-size:14px;margin:1.3333333333vw 0}
.news-date .day{font-size:4.9333333333vw}
.news-date .mon{font-size:2.6666666667vw}
.project{padding:5.3333333333vw 0}
.project .common-btn{font-size:14px;width:150px;height:40px}
.project .swiper-wrapper{padding-bottom:10.6666666667vw}
.project-info .common-btn{display:none}
.project .common-con{width:auto;margin-bottom:4vw;padding:0 5.3333333333vw}
.project .common-title{margin-bottom:2.6666666667vw}
.project-title{font-size:14px}
.partner{padding-bottom:5.3333333333vw}
.partner ul{justify-content:space-between;flex-wrap:wrap}
.partner ul li{width:16%;flex:auto}
.partner ul li:nth-of-type(3n){border-right:1px solid #EEE}
.partner ul li:nth-of-type(4),.partner ul li:nth-of-type(5),.partner ul li:nth-of-type(6){border-top:none}
#swiper-banner .swiper-pagination-bullet{width:15px;height:3px}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px}}
@media screen and (max-width:768px){
.partner ul li{width:33.33%;flex:auto}
.news-date{width:40px;height:40px;padding-left:2px}
.newslist-1{justify-content:space-between;flex-wrap:wrap}
.newslist-1 li{width:47%;margin-right:0;margin-bottom:5.3333333333vw}
.newslist-1 li .more-btn{display:none}
.newslist-1 .news-title{font-size:16px}
.newslist-0 li .right-box{margin-left:110px}}
@media screen and (max-width:768px){
.pro-crumb .crumb-r{display:none}
.pro-crumb .crumb-r i{display:none}
.pro-main .crumb{display:none}
.pro-crumb .crum-wrap{padding-bottom:0;flex-direction:column}
.pro-wrap .pro-type{padding:2.6666666667vw}
.pro-wrap .pro-type .arrow{display:none}
.pro-wrap .pro-type-intro{width:100%;margin-top:2.6666666667vw}
.pro-wrap .pro-type-name{font-size:4.8vw}
.pro-content{width:89.3333333333vw}
.prolist-0{flex-wrap:wrap;display:flex;justify-content:space-between}
.prolist-0 .pro-img{overflow:hidden;border:1px solid #EEE;position:relative}
.prolist-0 .pro-img:after{content:"";display:block;padding-top:100%}
.prolist-0 li{width:48%;margin-bottom:5.3333333333vw;flex-direction:column-reverse;padding:0 0 2.6666666667vw}
.prolist-0 li .pro-img a{position:absolute;top:0;left:0;width:100%;height:100%}
.prolist-0 .pro-info{padding:5px;margin-top:2.6666666667vw}
.prolist-0 .pro-intro{margin-top:1.3333333333vw;font-size:14px;line-height:1.3}
.prolist-0 .compare-action{padding:2px;left:0;margin:2.6666666667vw auto 0;font-size:12px;width:80%}
.prolist-0 .pro-name{display:block;font-size:16px;max-width:50.6666666667vw;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.prolist-1{justify-content:space-between}
.prolist-1 li{width:48%;margin:0 0 5.3333333333vw;padding-bottom:4vw}
.prolist-1 .pro-info{padding:5px;margin-top:2.6666666667vw}
.prolist-1 .pro-name{font-size:16px}
.prolist-1 .pro-intro{font-size:14px;line-height:1.3}
.prolist-1 .compare-action{padding:2px;left:0;margin:0 auto;font-size:12px;width:80%}
.pro-review{flex-direction:column}
.pro-review .pro-preview-left{width:100vw;min-width:100vw;position:relative;left:-5.3333333333vw;height:auto}
.pro-review .pro-preview-left .preview-container{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:0}
.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:0}
.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:0;padding:5px 0}
.pro-review .pro-preview-right .pro-name{font-size:22px}
.pro-review .pro-preview-right .pro-price,.pro-review .pro-preview-right .pro-views{font-size:16px;margin:5px 0;padding-bottom:0}
.pro-review .pro-preview-right .share-btn-list{margin:1.3333333333vw 0}
.pro-review .pro-preview-right article{margin:1.3333333333vw 0 5.3333333333vw}
.pro-review .pro-preview-right .btn-list{flex-direction:column-reverse;margin-top:4vw}
.addToCart,.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{height:13.3333333333vw;width:46.6666666667vw;margin:2.6666666667vw 0}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span{font-size:4vw}
.pro-review .singglepic{width:100%!important;height:auto!important;margin-top:4vw;margin-bottom:0!important;border:none!important}
.pro-review .singglepic img{boder:0px;max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:0!important}
.pro-detail-c{padding-top:0}
.swiper-container .swiper-pagination-bullet{background-color:#000;opacity:.2}
.swiper-container .swiper-pagination-bullet-active{background-color:#f70000;opacity:1}
.pro-main .inner-nav{display:none}
.feedback-title{margin:4vw 0;font-size:22px;height:10.6666666667vw;line-height:10.6666666667vw}
.seo-key{margin:4.8vw 0 0}
.seo-key .keywords{margin-top:2.6666666667vw}
.seo-key .keywords span{display:flex;flex-wrap:wrap}
.seo-key .keywords a{display:inline-block;width:auto;padding:0 2.6666666667vw;background:#CCC;border-radius:999px;margin-right:1.3333333333vw;color:#2B2B2B;margin-bottom:4vw}
.pro-title{font-size:22px;margin:6.6666666667vw 0}
.feedback #feedbackForm{width:auto}
.side-title{font-size:22px;font-weight:400}
.side-pro ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.side-pro ul li{width:48%}
.side-pro ul .more-btn{text-align:center}
.side-pro ul .side-pro-name{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}
@keyframes hvr-icon-wobble-horizontal{
16.65%{transform:translateX(6px) scale(1.7)}
33.3%{transform:translateX(-5px) scale(1.7)}
49.95%{transform:translateX(4px) scale(1.7)}
66.6%{transform:translateX(-2px) scale(1.7)}
83.25%{transform:translateX(1px) scale(1.7)}
to{transform:translateX(0) scale(1.7)}}
.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s}
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{animation-name:hvr-icon-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.hvr-bounce-to-right{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:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#000;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#f70000}
.hvr-icon-wobble-horizontal .hvr-icon{transform:translateZ(0)}
.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(.52,1.64,.37,.66)}
.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFF;transition-property:color;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#f70000;transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#FFF}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}
.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFF}
.preview-container .small-box img{boder:0px;max-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 #EEE;display:none}
.preview-container .thumbnail-box{margin-top:10px;position:relative;width:100%}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto;position:relative}
.preview-container .thumbnail-box .list ul{padding:2px 0;width:100000px;display:flex}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0 10px;box-sizing:border-box;border:1px solid #CCC}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{boder:0px;max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:1px solid #f70000;border:1px solid #f70000}
.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:#FFF;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:0;background:url(../images/btn_prev.png) no-repeat}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../images/btn_next_disabled.png) no-repeat;cursor:not-allowed}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #EEE;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#FFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:160%}
#inquiry{width:1000px;margin:0px auto}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{padding-right:40px;transition:.3s;border-radius:5px}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder{color:#4C4C4C;-webkit-transition:.3s;transition:.3s;transform-origin:left top}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder{color:#4C4C4C}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder{color:#4C4C4C}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder{transform:scale(.8) translateY(-16px)}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:#f70000}
.send-inquiry .inquiry-form input{position:relative;width:49%;height:50px;margin-bottom:20px}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{box-sizing:border-box;padding-left:20px;border:1px solid #D5D5D5;outline:0}
.send-inquiry .inquiry-form textarea{padding-top:20px;width:100%;height:250px;resize:none}
.send-inquiry .inquiry-form .input-error{border:1px solid #f77}
.send-inquiry .inquiry-form #in-company{background:url(../images/company.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-name{background:url(../images/user.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-title{width:100%;background:url(../images/title.png) no-repeat;background-size:26px 26px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-phone{background:url(../images/phone.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-email{background:url(../images/email.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
.send-inquiry .inquiry-form #in-content{background:url(../images/pencil.png) no-repeat;background-size:20px 20px;background-position:right 10px top 15px}
.send-inquiry .send-btn{margin:30px auto;width:200px;height:50px;border:1px solid #4C4C4C;display:flex;align-items:center;box-sizing:border-box;border-radius:10px;background-color:#000}
.send-inquiry .send-btn .span:first-child{display:flex;justify-content:center;align-items:center;flex:1;font-weight:600;color:#4C4C4C;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.send-inquiry .send-btn .span:nth-child(2){display:none}

 
/* 用CSS设置submit按钮的颜色 */
input[type=submit] {
background-color: #000; /* 绿色背景色 */
color: white; /* 白色文字颜色 */
padding: 12px 20px; /* 设定按钮内边距 */
border: none; /* 去掉边框 */
border-radius: 4px; /* 设置按钮圆角 */
cursor: pointer; /* 鼠标移上去有手指形状 */
margin:30px auto;
}
/* 当鼠标移上去时改变submit按钮的颜色 */
input[type=submit]:hover {
background-color: #F70000; /* 深绿色背景色 */
}

#feedbackForm .select-menu{width:100%;margin-bottom:20px;position:relative}
#feedbackForm .select-menu .select-menu-div{position:relative;width:100%}
#feedbackForm .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:32px;top:24px;transition:all .4s ease}
#feedbackForm .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
#feedbackForm .select-menu .select-menu-div em::after,#feedbackForm .select-menu .select-menu-div em::before{content:"";width:14px;height:2px;background:#f70000;position:absolute;top:50%;left:0;transform:rotate(45deg)}
#feedbackForm .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:9px}
#feedbackForm .select-menu .select-menu-div .select-menu-input{margin:0!important;width:100%!important;cursor:pointer;user-select:none;padding-right:100px}
#feedbackForm .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;opacity:0;display:none;width:100%;text-align:left;border:1px solid #ddd;background:#FFF;position:absolute;z-index:9}
#feedbackForm .select-menu .select-menu-ul li{padding:0 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#feedbackForm .select-menu .select-menu-ul li:hover{background:#F2FAEA}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n){background:#F5F4F4}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n):hover{background:#F2FAEA}
#feedbackForm .select-menu .select-menu-ul li.select-this{background:#F2FAEA}
#feedbackForm .select-menu .select-menu-ul li.select-this:hover{background:#F2FAEA!important}
.send-inquiry .send-btn .span:first-child{color:#FFF}
.send-inquiry .send-btn:hover{cursor:pointer;background:#f70000;border:none}
@media screen and (max-width:768px){
.send-inquiry .inquiry-form input{padding-left:2.6666666667vw;width:100%;height:12vw;margin-bottom:4vw}
.send-inquiry .inquiry-form textarea{padding-top:3.3333333333vw;padding-left:2.6666666667vw;width:100%;height:33.3333333333vw}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .inquiry-form #in-content{background-size:4vw 4vw;background-position:right 2.6666666667vw top 3.2vw}
.send-inquiry .send-btn{width:42.6666666667vw;height:10.6666666667vw;margin:6.6666666667vw auto 0}
.send-inquiry .send-btn .span:first-child{font-size:4vw}
.send-inquiry .send-btn .span:nth-child(2){width:6.6666666667vw}}
.compare-action{height:32px;margin-top:15px;display:flex;align-items:center;cursor:pointer}
.compare-action span{display:inline-block;color:#FFF;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.compare-action .compare-action-check+label{position:relative;width:16px;height:16px;content:" ";border:1px solid #FFF;border-radius:1px;margin-right:10px;cursor:pointer}
.compare-action .compare-action-check:checked+label:before{content:"";position:absolute;left:3px;top:4px;width:50%;height:25%;border-radius:1px;border:2px solid #FFF;border-top:none;border-right:none;background:0 0;transform:rotate(-50deg)}
.compare-action input[type=checkbox]{display:none}
.prolist-1 .product-price{text-align:center;margin-top:6px}
.product-content-price{margin-top:10px}
@media(max-width:768px){
.compare-action{position:relative;margin:5.3333333333vw 2.6666666667vw;height:8vw;font-size:3.2vw;left:-10px;justify-content:flex-start}
.compare-action .compare-action-check+label{margin-left:0;margin-right:5px}
.products-content .pro-list .compare-action span{margin:0}}
.inquiry-pro-list{margin:50px 0;display:none;width:100%;box-sizing:border-box;border:1px solid #ddd;padding:0 100px}
.inquiry-pro-list a{text-decoration:none;color:#000}
.inquiry-pro-list .inquiry-pro-item{width:100%;height:100px;border-bottom:1px solid #ddd;display:flex;padding:40px 10px;margin-top:0;box-sizing:content-box}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{height:100%;width:200px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a{width:100%;height:100%}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img{height:100%}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{padding-top:30px;margin-left:50px;font-size:14px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a{font-size:16px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover{color:#f70000}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p{padding:0;margin:0}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{position:relative;padding-top:20px;height:100%;width:200px;margin-left:auto;display:flex;justify-content:center;align-items:center}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{position:absolute;width:32px;height:32px;left:-6px;top:43px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{position:absolute;left:15px;content:"";height:20px;width:2px;background-color:#333}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before{transform:rotate(45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after{transform:rotate(-45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover{cursor:pointer}
.inquiry-pro-list .inquiry-pro-item:last-child{border:none}
@media(max-width:768px){
.inquiry-pro-list{padding:1vw 5vw}
.inquiry-pro-list .inquiry-pro-item{box-sizing:border-box;padding:3vw;margin:0;height:20vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{padding-top:0;width:10vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{right:0;top:4vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{font-size:3vw;margin:0;padding:2vw 0 0;max-width:48vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p a{font-size:3.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{min-width:24vw;margin-right:3vw;width:auto}}
.load{animation:loading 1.4s ease infinite;background-image:linear-gradient(90deg,#f0f0f0 25%,#e3e3e3 37%,#f0f0f0 63%);background-size:400% 100%}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s,transform .3s ease}
img.error,img.initial,img.loaded{opacity:1}
img:not([src]){visibility:hidden}
@keyframes loading{
0%{background-position:100% 50%}
to{background-position:0 50%}}
.hot{height:auto}
a.LayImAhrefNode{height:46px;width:160px;display:flex;justify-content:center;align-items:center;margin:30px 20px 0 0;background-color:#000;cursor:pointer;box-sizing:border-box;border-radius:5px;transition:background-color .3s ease;color:#FFF}
a.LayImAhrefNode:hover{border:none;background-color:#f70000}
@media screen and (max-width:768px){
a.LayImAhrefNode{height:13.3333333333vw;width:46.6666666667vw;margin:2.6666666667vw 0;font-size:4vw}}
.hot-img{background:0 0;max-height:500px;position:relative}
.hot-img a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}
.swiper-container .swiper-slide .hot-img img{width:auto}
.content-views{margin-left:14px}
.send-inquiry:not(.default) input{display:block!important}
#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm{background:url(../images/email.png) no-repeat;background-size:24px 24px;background-position:right 10px top 12px}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none;width:50px;height:50px;display:block}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:50px;transform:scale(1)}
.ie{background:#EEE}
.ie .head-logo{position:absolute;top:0;left:0}
.ie .head-nav{margin-left:0}
.ie .head-wrapper{justify-content:flex-end;position:relative}
.ie .crumb{margin-top:100px}
.ie .feedbackForm #feedbackForm .submita{position:relative;top:30px}
.ie .feedbackForm{width:100%}
@media (min-width:768px) and (max-width:960px){
.about-icon li,.side-pro ul li{width:23%}
.news-date{width:50px;height:50px}
.feedback-title,.news-date .day,.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span,.send-inquiry .send-btn .span:first-child{font-size:18px}
.head-nav>ul .submenu a,.news-date .mon{font-size:16px}
.prolist-1 .compare-action{height:40px}
.inquiry-form{width:90vw}
.addToCart,.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{width:200px;height:50px}
.pro-review .pro-preview-right{margin-top:50px}
.pro-review .pro-preview-right .pro-name{font-size:24px!important}}
@media (max-width:768px){
.compare-panel .list-wrapper .selected-item{width:20vw!important}
.compare-panel #productChache_listPC{background:#FFF}
.compare-panel .list-wrapper .cart-list{width:auto!important}
.compare-panel .list-wrapper::-webkit-scrollbar{height:3px}}
.partner ul{flex-wrap:wrap}
.partner ul li:nth-of-type(6n){border-right:1px solid #EEE}
.partner ul li{flex:0;min-width:16%;margin-bottom:15px}
.pro-intro article img{height:auto!important}
#tags{display:flex;flex-wrap:wrap}
#tags li{margin:0 10px 10px 0}
#tags li:last-child{margin-right:0}
#tags li a{text-align:center;display:block;line-height:50px;padding:0 18px;background:#EFEFEF;color:#222;font-size:18px;border-radius:5px}
ul#tags li.selectTag a{color:#FFF;background:#f70000}
.tagContent{display:none;width:100%;padding-top:10px}
#tagContent div.selectTag{display:block}
@media screen and (max-width:768px){
#tags li a{font-size:16px;height:45px}
#tags li{width:49%;margin-right:0}
#tags{justify-content:space-between}}
.doc-main .project-list{width:100%;display:flex;flex-direction:column}
.doc-main .project-list li{width:100%;margin-bottom:10px;background:url(../images/faq.png) no-repeat;background-size:35px 35px;background-position:0 20px;display:flex;margin-bottom:30px;padding:20px;align-items:center}
.doc-main .project-list li .project-info{margin-left:20px;width:auto;height:40px}
.doc-main .project-list li .project-info .project-name{font-size:18px;line-height:1.3;margin-bottom:10px;color:#000}
.doc-main .project-content,.doc-main .project-list li .project-info p{opacity:1;transform:none;color:#333}
.doc-main .project-list .project-info{position:static}
.head-nav>ul .submenu.nav1 ul{display:none;position:absolute;left:100%;top:0}
.head-nav>ul .submenu.nav1 ul li{background:#FFF}
.head-nav>ul .submenu.nav1>li{position:relative}
.head-nav>ul .submenu.nav1>li>a{padding:0 25px 0 10px}
.head-nav>ul .submenu.nav1>li>a:after{content:"";transform:rotate(-45deg);border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px;position:absolute;right:10px;top:16px}
.head-nav>ul .submenu.nav1>li>a:hover:after{border-color:#FFF}
.head-nav>ul .submenu.nav1>li:hover ul{display:block}
#swiper-banner.pause .current:after{transition:width 1s linear;width:0}
.description strong{font-weight:600}
.main-c article,.main-c article a{font-size:16px;color:#000;line-height:24px}
.main-c article>div{margin:6px 0}
@font-face{font-family:addicon;src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAREAAsAAAAACEwAAAP3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqELINwATYCJAMMCwgABCAFhFsHOhtEB8geklQhwh5IAFAACkYcD1/7/c59u1+QxJC8mYUimoli2slirRMpVbJFpv+/z80e+EBdUnNLVyxLPqloSMWp2Ul1adfMaE97EtNeoGOENP29099454GtSRTSHFu76IMlGtBY0xJugwTkPcYm2P1cI4B67sYUM3PJ2aB2ssmUgJHMqA8QF8fJIUWAkNfh1mCCUMlvOzVjvQIPFHfsmwBe/O/HH3iGEBR4ibHK/F4MCWefa794w5H/l4P0AW6dAN0LoAQkYGBlhlirty3ghLEBiahMxsXsMi4W9qjB///xeaqCv+Y/HhtEmSFrBNAjLU6KbzMJ8P2GC3Lnb6fMF3gD8I+q5r7N2XM9Bj51zfhxHF/UM5sOs5pviHttFA4K3SH/6DOs5sDjyz3xV4NPgjzkVE6OQlexDeQ3RT2Bi47b9RbJcvajIFcqxb1JN8LO5MgfPhT1LDtedNT4MnpYzVbbgXplRdyrdLiizlFCBcixbcq6nocGO9Uie3BId0g/V6lcAWi5bP3oTesttofxcAh+H58+4LTDRtyrO2SotN2jOjqD5shR3X0htxKGlvR3OI0sKXJsej6c7pR7uXZyhMu7VdrR6s8v+I5t1zIUutjuEpKd7T+0zRJMrYONys3rPQZ014Qm/yTStSjD7+9+1tqG7o4uWkEnvZaMdSy4n0zt4iPrbOPDSYVhyuvUqEiajoxyTDH82eJeXxBKBQVRoQX17nMzhimO5ayNftw5YAktLYW1VWXMau1z2ekd79Sm5xw9/rjbOcf/isUlt/n6Tfs1r0ee6x46lnFg1y+rJ+0LiwlmiVa1Rc7Rbvz06O+ImNVQ9ZSlW69Z33tsbJzyQu5xX1+Zfr+xlPoaxPvYRZj1HfTI0iqHTQC10heOoHZ6x5H+9d/AwyPvto3qwV+rZIDPdTVRvrdWhvYG1ddhC/CP5etawmbVT8plPJtX40hKekYKoN7Ug59aCk2++gteJM91CGjHiAIYIRKwQGRgTyoRcyOVCQSS6jmZnN1A2wkOVq4DutwSEosaBYINDiA44ByCC+6QePR8kvjUfCaJ4MFaTsw2cqdpRDCIxDbXYPmS0hKp5WUIkpQKMxFVUUTQosDD4oiW5QcwD1f3XDIOlSC6+whZJeXJMFJMSpcWY7Hj7IaKikqxMrq0AEkY1zyGKQt0c5OW3cRVUloMUWgIgYGQMFtqYA5JlCohdUsZBBKpVGZCKBWKEI4ur5LKxCE0Gc+FxjCjhozUI+JkJW2qrmD0tUoUTzcYUpg9LCxVDDO3JgtShLFSmItySwGkxhiuDnpEygQaNuH22spc51UUPzcuV4OxfooiUmS86+OaMiSsOiAYGVFWBgAA') format('woff2'),url(../fonts/addicon.woff) format('woff'),url(../fonts/addicon.ttf) format('truetype')}
.iconfont.icon-skype,.iconfont.icon-whatsapp{font-family:addicon!important}
.icon-skype:before{content:"\e713"}
.icon-whatsapp:before{content:"\e8ec"}
.mobile-bottom .mobile-bottom-item a{text-transform:capitalize}
@media screen and (min-width:1281px){
#nydetail_3 .common-side{padding:0;flex:inherit;width:280px;max-width:inherit}
#nydetail_3 .side-nav-title{font-size:18px;font-weight:600;margin-bottom:20px;line-height:1.3}
#nydetail_3 .side-nav{margin-bottom:35px}
#nydetail_3 .pro-content{flex:inherit;width:calc(100% - 350px)}
#nydetail_3 .side-nav>ul>li{border-bottom:1px solid #CCC}
#nydetail_3 .side-nav ul li a{font-size:16px;line-height:1.4;padding:12px 0;display:block}
#nydetail_3 .side-nav ul li ul a{padding:7px 0;font-size:14px}
#nydetail_3 .side-nav ul ul{padding-left:20px;display:none}
#nydetail_3 .side-nav ul li a:hover{color:#f70000}
#nydetail_3 .side-nav ul li:hover>ul{display:block}}
@media(max-width:768px){
.pro-intro article img,.main-c article img{height:auto!important}}
@media(max-width:768px){
.mobile-bottom{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.foot{margin-bottom:calc(15vw + constant(safe-area-inset-bottom));margin-bottom:calc(15vw + env(safe-area-inset-bottom))}
iframe,video{max-width:100%;min-height:240px;height:auto}}
@media(max-width:1441px){img{height:auto;max-width:100%}}
#jljw_IM_GdImBox{z-index:900!important}
@media (max-width:768px){
.mobile-bottom{z-index:500}
.head{z-index:999}}
.sm-mask{z-index:998}
.compare-panel.is-bottom{bottom:calc(15vw + constant(safe-area-inset-bottom));bottom:calc(15vw + env(safe-area-inset-bottom))}
@media screen and (max-width:768px){
.foot-right .common-wrap span{flex-wrap:wrap}}
.foot-right .common-wrap span{font-size:14px}
@media screen and (max-width:768px){
.foot-right .common-wrap span{display:block;height:auto;padding:10px 0px}}
.preview-container {position:relative}
.preview-container .btn {cursor:pointer;width:40px;height:40px;background:url(../images/play.png) no-repeat;background-position:center;position:absolute;right:0;top:0;z-index:9}
.app{font-size:16px}
.app p{font-size:1em;line-height:2em}
.app h4{font-size:1.5em;margin-bottom:1em}
.app h5{font-size:1em;margin:1em 0}
.app .app-list{display:-ms-flexbox;display:flex}
.app .app-list .list-item{-ms-flex:1;flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0 10px 35px;background:url(../images/about_li.png) no-repeat;background-position:2px 10px}
.app{font-size:16px}
.app .app-box{display:-ms-flexbox;display:flex}
.app .box-l{-ms-flex:3.5;flex:3.5}
.app .box-l img{width:100%}
.app .box-r{-ms-flex:6.5;flex:6.5}
.app .box-r{padding-left:40px}
.support .support-item{display:-ms-flexbox;display:flex}
.support .support-item>div{-ms-flex:1;flex:1;margin-bottom:60px}
.support .item-r{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.support .item-l .item-con{padding-right:66px}
.support .item-r .item-con{padding-left:66px}
.support .item-con{margin-top:10px}
.support .item-con p{margin-top:.5em}
.support .item-con h4{font-size:24px;padding-bottom:10px;margin-bottom:1em;position:relative}
.support .item-con h4::after{content:'';display:block;position:absolute;top:100%;left:0;height:3px;width:40px;background-color:#B0ACAC}
.solution .icon-list{display:-ms-flexbox;display:flex;position:relative}
.solution .icon-list>div{-ms-flex:1;flex:1}
.solution .icon{width:90px;height:90px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#FFF;-ms-flex-align:center;align-items:center;position:relative;margin:0 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:600;position:absolute;top:-8px;left:50%;color:#888;opacity:.1;transform:translateX(-50%)}
.solution .sol-icon:before{content:'';position:absolute;top:50%;left:100%;width:100%;height:30px;background:url(../images/sol_line.png) no-repeat;transform:translateY(-50%)}
.solution .sol-icon:nth-child(2):after{content:'02'}
.solution .sol-icon:nth-child(3):after{content:'03'}
.solution .sol-icon:nth-child(4):after{content:'04'}
.solution .sol-icon:nth-child(4):before{display:none}
.solution h4{font-size:24px;margin-bottom:1em}
.solution .sol-tab .tab-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.solution .sol-tab .tab-title{padding:10px 20px;background-color:#EAEEEE;color:#666;cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover{background-color:#B0ACAC;color:#FFF}
.solution .sol-tab .tab-title.is-active{background-color:#B0ACAC;color:#FFF}
.solution .sol-tab .tab-title:nth-last-child(1){margin-right:0}
.solution .sol-tab .tab-content .content-item{display:none}
.solution .tab-content{margin-top:40px}
.solution .sol-box{display:-ms-flexbox;display:flex;margin-bottom:40px}
.solution .sol-box>div{width:50%;-ms-flex:auto;flex:auto;padding:0}
.solution .sol-box>div img{display:block;width:100%;height:auto}
.solution .sol-box .box-icon{width:86px;height:86px;border-radius:50%;background-color:#B0ACAC;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-box .box-icon>img{width:40px;height:auto}
.solution .sol-box .con{background-color:#f3f3f3;padding:4%;box-sizing:border-box}
.solution .sol-box .con-top{display:-ms-flexbox;display:flex;margin-bottom:20px}
.solution .sol-box .con-top p{margin-left:30px;margin-top:10px;font-size:24px;line-height:1.3em}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0 -10px}
.applic-list ul li{width:33.3333%;margin-bottom:20px;padding:0 10px;box-sizing:border-box}
.applic-list .applic-name{padding:10px 0;display:block;text-align:center;color:#222;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applic-list .applic-img img{display:block;width:100%;height:auto}
.support-item-img{margin-bottom:20px}
.support-item-img img{width:100%;height:auto}
.ck-add .cp .cp-img img{width:100%;height:auto}
.ck-add .cp{display:flex}
.ck-add .cp>div{width:50%}
.ck-add .cp-con{padding-left:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.ck-add .cp-con h4{font-size:22px;font-weight:600;line-height:1.2em;margin-bottom:14px}
.ck-add .ps-img{margin-bottom:20px}
.ck-add .ps-img img{width:100%;height:auto}
.ck-add .ps-con p{line-height:1.8em;margin-bottom:20px}
.ck-add .ti{display:flex;flex-wrap:wrap;align-items:center}
.ck-add .ti .ti-tit{white-space:nowrap;font-size:22px;font-weight:600;color:#222;padding:20px}
.ck-add .ti .ti-con{flex:1}
.ck-add .ti .ti-img{width:100%;margin:10px 0px}
.ck-add .ti .ti-img img{width:100%;height:auto}
.ck-add .dh-con h4{text-align:center}
.ck-add p{margin-bottom:20px;line-height:1.6em;color:#222}
.ck-add h4{font-size:22px;margin-bottom:20px;font-weight:600;color:#222}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;color:#6e6e6e;list-style:disc}
.ck-add .ce-list{display:flex}
.ck-add .ce-list>div{flex:1}
.ck-add .ce-list img{width:100%;height:auto}
.ck-add .ce-list{margin:0 -10px}
.ck-add .ce-list .ce-item{padding:0 10px;box-sizing:border-box}
.ck-add .ho .ho-item{display:flex}
.ck-add .ho .ho-item img{display:block;margin:0px auto}
.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right{flex:4}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{display:flex;flex-direction:column;justify-content:center;flex:6;padding:0 20px;box-sizing:border-box}
.ck-add .ho .ho-title{font-weight:600}
.ck-add .ho .ho-con{margin-top:30px}
.ck-add .ca-img img{width:100%;height:auto}
.ck-add .ca-img{margin-bottom:20px}
.ck-add .rd .rd-img-list{display:flex}
.ck-add .rd .rd-img{padding:0 10px;margin-bottom:20px}
.ck-add .rf .rf-con img{float:left;margin-right:30px}
.ck-add .cm-img img{width:100%;height:auto}
.ck-add .cm-img{margin-bottom:20px}
.ck-add .cv img{float:right}
.ck-add .ch-item{display:flex}
.ck-add .ch-item>div{width:50%}
.ck-add .ch-item.r{flex-direction:row-reverse}
.ck-add .ch-con{display:flex;padding:20px;box-sizing:border-box;flex-direction:column;justify-content:center}
.ck-add .pe .pe-con .pe-img{float:right}
.ck-add .pe ul li{list-style:none}
.ck-add .pe ul{padding-left:0}
@media screen and (max-width:768px){
.applic-list ul li{width:50%}
.applic-list .applic-name{font-size:14px}
.ck-add .cp{flex-direction:column}
.ck-add .cp>div{width:100%}
.ck-add .ce-list{flex-wrap:wrap}
.ck-add .ce-list>div{width:100%;flex:none}
.ck-add .cp-con{padding-left:0;margin-top:20px}
.ck-add .ho .ho-con{margin-top:0}
.ck-add .ho .ho-item{display:block}
.ck-add .ho .ho-title{margin:10px 0px}
.ck-add .rd .rd-img-list{flex-direction:column}
.ck-add .rd .rd-img{padding:0}
.ck-add .ch-item.l,.ck-add .ch-item.r{flex-direction:column}
.ck-add .ch-item>div{width:100%}}
.project-list.is-active .project-img{position:relative;width:auto;height:auto;display:block;z-index:initial}
.project-list.is-active li{display:flex;margin-bottom:30px;padding:20px}
.doc-main .project-list.is-active li{background:#fbfbfb}
@media screen and (max-width:768px){
.project-list.is-active li{flex-direction:column}
.doc-main .project-list li .project-info{margin-left:0}}
.project-list.is-active .project-img{position:relative;width:auto;height:auto;display:block;z-index:initial}
.project-list.is-active li{display:flex;margin-bottom:30px;padding:20px}
.doc-main .project-list.is-active li{background:#fbfbfb}
@media screen and (max-width:768px){
.project-list.is-active li{flex-direction:column}
.doc-main .project-list li .project-info{margin-left:0}}
@media screen and (max-width:768px){
.app,.case,.solution,.support{padding:10px}
.applic-list{padding:0 10px}
.app .app-box,.app .app-list{flex-direction:column}
.app .box-l{margin-bottom:1em}
.app .box-r{padding-left:0}
.app .list-item{margin-bottom:1em}
.how-to-use ul>li{width:100%}
.case ul>li{width:50%;padding:0 2vw}
.case ul{margin:0 -2vw}}
@media screen and (max-width:1500px){
.solution .tab-content{margin-top:10px}
.solution .sol-box{flex-direction:column}
.solution .sol-box>div{width:100%}
.solution .icon-list{flex-wrap:wrap}
.solution .icon-list>div{flex:auto}
.solution .sol-icon{width:50%;margin:0;margin-bottom:4vw}
.solution .sol-icon:before{display:none}
.solution .sol-tab .tab-list{flex-wrap:wrap}
.solution .sol-tab .tab-title{width:100%;margin-right:0;margin-bottom:10px}
.solution .sol-box .box-icon{width:65px;height:65px}
.solution .sol-box .con-top p{margin-top:0;margin-left:16px}}
@media screen and (max-width:1000px){
.support .support-item{flex-direction:column}
.support .support-item img{width:100%}
.support .item-l .item-con{padding-right:0}
.support .item-r .item-con{padding-left:0}
.support .support-item>div{margin-bottom:8vw}
.support .item-con h4{font-size:20px}}
@media screen and (max-width:768px){
.head-nav>ul{height:auto;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}}
@media screen and (max-width:768px){
.doc-main .project-list.is-active li{padding:0;margin:0}
.doc-main .project-list li .project-info{height:auto}}
@media screen and (max-width:768px){
.app,.applic-list,.case,.solution,.support{padding:0}}
@media screen and (max-width:768px){
.main-c article p{line-height:1.6em}
.ck-add .ch-con,.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left,.ck-add .ti .ti-tit{padding:10px 0px}
.ck-add .ce-list>div{width:50%}
.solution{padding-top:20px}}
.addToCart.is-active{background:#f70000}
.addToCart.is-active span{color:#FFF}
.download-list{display:flex}
.download-list li{width:20%;text-align:center;padding:10px;box-sizing:border-box}
.download-name{font-size:18px;line-height:25px;font-weight:bold;padding:8px 0}
@media (max-width:768px){
  .download-list li{width:50%}
    .download-name{font-size:14px;line-height:1.5}}
.wmkc-position-make{display:flex;justify-content:space-between}
.wnkc-position-ever p{border-left:solid #f70000 6px;padding:0 0 0 70px;font-size:28px !important}
.wmkc-position-high p{font-size:28px !important;color:#e7e7e7 !important;margin-bottom:20px}
.wmkc-position-high{text-align:end}
.wmck-position-box{width:32%;background-color:#f70000;display:flex;flex-direction:column;justify-content:space-between}
.wmkc-position-table{display:flex;align-items:center;padding:40px 0 20px 0}
.wmkc-position-table p{font-size:20px;margin-bottom:0 !important}
.wmkc-position-table p strong{font-size:20px;color:#EEE}
.wmck-position-size{padding:0 56px}
.wmkc-position-circle{width:15px;height:15px;background-color:#EEE;border-radius:30px;margin-right:15px}
.wmkc-position-among{line-height:1.5;margin-bottom:70px !important;color:#EEE !important}
.wmkc-position-button{width:100%}
.wmkc-position-chile{width:96%;background-color:#FFF;margin-left:auto;border-top-left-radius:10px}
.wmkc-position-math{font-size:80px !important;margin-bottom:38px !important;padding:40px 0 0 30px}
.wmkc-position-p{display:flex;justify-content:space-between;padding:40px 20px 40px 30px}
.wmkc-position-p p:nth-of-type(1){font-size:20px}
.wmkc-position-all{display:flex;justify-content:space-between}
.wmkc-position-bai{display:flex}
.wmkc-rc h5{font-size:22px;margin-bottom:20px;font-weight:600;color:#222}
.wmkc-rc-innovation p{font-size:18px !important;margin:40px 0 40px 20px}
.wmkc-rc-innovation{border-left:#f70000 5px solid}
.wmkc-rc-p{font-size:16px;color:#000;margin-bottom:5px;line-height:24px}
.wmkc-rc-png{position:relative;left:-250px}
.wmkc-rc-png img{border-left:250px solid #f70000}
.wmkc-re-li{background-color:#f70000;height:100%;width:100%;float:left}
.wmkc-rc-bt{width:25%;text-align:center}
.wmkc-rc-btn{transform:scale(1.4);text-align:center;width:200px;height:200px;padding:50px;border:1px solid #f70000;margin:auto;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:100%}
.wmkc-rc-btn img{width:60%}
.wmkc-rc-box{display:flex;padding:100px 40px;flex-wrap:wrap}
.wmkc-rc-resh{display:flex}
.wmkc-rc-oimg{flex:1}
.wmkc-rc-oimg img{width:100%}
.wmkc-rc-size{padding:0 0 0 20px;width:68%}
.wmkc-rc-reshp h5{font-size:22px;margin-bottom:20px;font-weight:600;color:#222;margin:20px 0 20px 0}
.wmkc-rc-reshz{font-size:18px;margin:40px 0 40px 0;border-left:#f70000 5px solid}
.wmkc-rc-reshz p{font-size:18px;margin:40px 0 40px 40px}
.wmkc-rc-reshz p strong{font-size:18px}
.wmkc-rc-lv{width:20%;background-color:#f70000}
.wmkc-rc-ziti p{margin-bottom:40px;line-height:1.5}
.wmck-rc-join{width:66%;background-color:#fafafa;margin-inline-start:auto !important;border-left:40px solid #f70000}
.wmck-rc-join p{margin-bottom:40px;padding:0 40px}
.wmkc-rc-joinp{font-size:18px;border-left:#f70000 solid 5px;margin-right:8px}
.wmkc-rc-joinp p strong{font-size:18px}
.wmkc-rc-joii{padding:40px 60px}
.wmkc-download h5{font-size:20px}
.wmkc-download h5:nth-of-type(2){margin-top:50px;margin-bottom:40px}
.wmkc-download-al{display:flex;width:100%;border-bottom:1px solid #F7F8F9;padding:40px 0}
.wmkc-download-img{width:28%}
.wmkc-download-al img{width:100%}
.wmkc-download-size{margin-top:20px;margin-left:40px;width:78%}
.wmkc-download-size p:nth-of-type(1){font-size:18px;margin-bottom:20px}
.wmkc-download-size p:nth-of-type(2){line-height:1.5}
.wmck-download-xz{width:18px;height:18px;margin-top:40px}
.wmck-download-xz img{width:100%}
.wmkc-download-li{display:flex;justify-content:space-between;padding:20px;background-color:#f7f9fa;align-items:center}
.wmkc-download-lis{display:flex;justify-content:space-between;padding:20px;background-color:#FFF;align-items:center}
.wmkc-dowmload-right{display:flex;width:8%;justify-content:end;margin-right:40px;align-items:center}
.wmkc-download-lis p:nth-of-type(1){width:27%}
.wmkc-download-li p:nth-of-type(1){width:27%}
.wmkc-download-li p:nth-of-type(2){width:12%}
.wmkc-download-lis p:nth-of-type(2){width:12%}
.wmkc-dowmload-right a{width:18px;height:18px;margin-left:10px}
.wmkc-dowmload-right p{width:85%}
.wmkc-his-all{display:flex}
.wmkc-his-g{height:auto;width:2px;background-color:grey;position:relative;margin-left:30px}
.wmkc-his-j{width:2px;position:absolute;height:80px;background:linear-gradient(#FFF,grey);top:-80px}
.wmkc-his-f{width:2px;position:absolute;height:80px;background:linear-gradient(grey,#FFF);top:90px}
.wmkc-his-q{width:8px;height:8px;border:2px solid grey;border-radius:100%;position:absolute;left:-5px;background-color:grey}
.wmck-his-p{color:grey}
.wmkc-hisimg img{width:40%}
.wmkc-his-ioc{width:13%;margin:auto;padding:0 40px}
.wmkc-hisimg{text-align:center}
.wmkc-his-ioc p{margin-top:10px;color:#f70000;text-align:center}
.wmkc-his-r{display:flex;border-bottom:1px solid #f5f6f8}
.wmkc-his-box{width:100%;display:flex}
.wmkc-his-size{margin:auto;display:flex}
.wmkc-his-size p{line-height:1.5;color:#666;margin-bottom:0 !important}
.wmkc-his-big p{font-size:120px !important;color:#f5f6f8 !important;margin-top:40px}
.wmkc-his h5{border-left:4px solid #000;padding:10px 10px;margin-left:120px;margin-bottom:20px}
.wmkc-his-d{width:6px;height:6px;background-color:grey;border-radius:100%;margin:auto;margin-right:10px}
.wmkc-his-all:hover .wmkc-his-q{background-color:#FFFf}
.project-list li{border-bottom:1px solid #EEE}
.doc-main .project-list li{background-position:0 52px}
.doc-main .project-list{flex-direction:revert;flex-wrap:wrap}
.project-list li:hover .project-content{max-height:600px}
.project-list li:hover{background-color:#F7F8F9}
.doc-main .project-list li .project-info .project-name{margin-left:30px}
.doc-main .project-list.is-active li{flex-direction:column;width:30%;flex-wrap:wrap}
.doc-main .project-list li .project-info{border-left:#f70000 6px solid;margin-top:20px;text-align:center;height:auto;margin-left:0}
.project-list.is-active .project-img{border-radius:10px;transition:.3s}
.doc-main .project-list.is-active li:hover .project-img{padding:20px 0 0 20px;background-color:#f70000}
.project-list.is-active .project-img img{border-radius:10px}
.download-list li{width:100%;text-align:left;border-bottom:1px solid #EEE}
.download-img{width:300px;float:left;margin-right:10px}
.download-con{margin-top:20px;padding:0 20px}
.download-btn{border:1px solid #EEE;display:inline-block;padding:8px 16px;margin-top:20px}
.faq-list .project-info{position:static}
.faq-list .project-info p{color:#000;transform:none;opacity:1;font-size:24px;font-weight:600;padding:20px 0 20px 20px;border-bottom:solid 1px #F7F8F9}
.faq-list .project-content{padding:0 0 0 20px;max-height:0;overflow:hidden;line-height:40px}
.faq-list li:hover .project-content{max-height:600px}
.faq-list li:hover .project-info p{border:none}
.faq-list li:hover{background-color:#F7F8F9}
@media (max-width:1620px){
.wmkc-rc-btn{transform:scale(1.2)}}
@media (max-width:1320px){
.wmkc-rc-btn{transform:scale(1)}}
@media (max-width:1060px){
.wmkc-rc-btn{transform:scale(.9)}}
@media (max-width:768px){
.wmkc-position-all,.wmkc-position-make,.wmkc-position-p{flex-direction:column}
.wmck-position-box{width:100%;margin-bottom:50px}
.wmkc-position-high{margin-top:20px}
.wmkc-position-p p{margin-bottom:10px}
.wmkc-show-box{width:48%}
.wmkc-show h4{margin-bottom:40px;text-align:center}
.wmkc-rc-resh{flex-direction:column}
.wmkc-rc-size{width:100%}
.wmck-rc-join{width:100%;border-left:20px solid #f70000}
.wmkc-rc-joii{padding:10px}
.wmck-rc-join p{padding:0 10px;margin-bottom:20px}
.wmkc-rc-ziti p{margin-bottom:20px}
.wmkc-rc-bt{width:49%}
.wmkc-rc-btn img{margin-bottom:20px}
.wmkc-rc-box{padding:50px 0}
.wmkc-download-al{flex-direction:column}
.wmkc-download-img{width:100%}
.wmkc-download-size{width:100%;margin-left:0}
.wmkc-download-al{padding:20px 0}
.wmkc-dowmload-right{justify-content:space-between;margin-right:0;width:12%}
.wmkc-download-li p:nth-of-type(2){width:20%}
.wmkc-download-lis p:nth-of-type(2){width:20%}
.wmkc-download-li p:nth-of-type(1){width:46%}
.wmkc-download-lis p:nth-of-type(1){width:46%}
.wmkc-his-all,.wmkc-his-box,.wmkc-his-r{flex-direction:column}
.wmkc-his-g{overflow:hidden}
.wmkc-his h5{margin-left:0}
.wmkc-hisimg img{width:60%}
.wmkc-his-big{text-align:center}
.wmck-his-p{margin-top:20px}
.wmkc-his-ioc{width:20%;margin:auto;padding:20px 40px}
.wmkc-his-d{opacity:0}
.wnkc-position-ever p{padding:0 0 0 10px}
.wmck-position-size{padding:0 30px}
.wmck-download-xz{margin:auto;margin-top:20px}
.doc-main .project-list.is-active li{width:100%;margin-bottom:30px;padding:10px}
.project-name{margin-left:0}
.download-btn{justify-content:center;padding:20px 0}
.doc-main .project-list li .project-info .project-name,.project-content{margin-left:0}}
@media (max-width:640px){
.wmkc-rc-btn{transform:scale(.8)}}
@media (max-width:575px){
.wmkc-rc-btn{transform:scale(.8)}
.wmkc-rc-btn{width:150px;height:150px;padding:30px}}
@media (max-width:440px){
.wmkc-dowmload-right p{display:none}}
@media (max-width:410px){
.wmkc-rc-btn{transform:scale(.8)}
.wmkc-rc-bt{width:100%}}
@media (max-width:320px){
.wmkc-show-box{width:100%;margin-bottom:20px}
.wmkc-his-big p{font-size:80px}
.wmkc-his-ioc{width:35%}}
.main-c article .ck-add img{width:auto}
#swiper-banner img{height:auto}
#feedbackForm .inquiry-form .feed-verification{width:100%;display:flex;align-items:center;margin-top:30px}
#feedbackForm .inquiry-form .feed-verification input{margin:0;flex:1;max-width:300px}
#feedbackForm .inquiry-form .feed-verification .verification-box{height:100%}
#feedbackForm .inquiry-form .feed-verification img{width:90px;height:100%!important;cursor:pointer}
@media(max-width:768px){
#feedbackForm .inquiry-form .feed-verification{margin-top:4vw}}
@media(max-width:768px){
.mobcate-main .crumb{display:block}
.mobcate-main .pro-crumb .crumb-r{display:block;width:100%;margin-top:10px;padding:10px 0px;cursor:pointer;background:url(../images/cate-btn.png) right center/24px no-repeat;border-bottom:1px solid #CCC}
.mobcate-main .pro-crumb .common-wrap{position:relative}
.mobcate-main .pro-crumb .cate-box{position:absolute;top:110%;left:0;right:0;padding:0 5.3333333333vw;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .pro-crumb .cate-box>ul{display:block}
.mobcate-main .pro-crumb .cate-box>ul>li{width:100%}
.pro-crumb .cate-box i{left:auto!important;right:0}}
@media(min-width:769px){
.prolist-0 .pro-intro,.prolist-1 .pro-intro{-webkit-line-clamp:initial;max-height:100%}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:175%}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#000;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0;top:11px;width:8px;height:1px;background:#000;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:768px){
.lang{margin-left:auto;position:fixed;top:13px;right:65px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0}
.lang-drop{display:none}
.lang-drop.active{display:block}}
@media(max-width:768px){
.head-nav>ul .submenu.nav1 ul{position:static;display:block}
.head-nav>ul .submenu.nav1 ul li{background:none}
.head-nav>ul .submenu.nav1>li>a:after{display:none}
}