@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,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,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
a,a:hover{color:#000}
a,a:hover,a:link,a:visited{text-decoration:none}
body{font-size:16px}
img{max-width:100%;max-height:100%}
input{-webkit-appearance:none;border-radius:0}
.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-wrapper{width:1600px;margin:0 auto}
body{max-width:1920px;margin:0 auto;font-family:Roboto,sans-serif}
.banner{width:100%;position:relative;min-height:150px;background:#000;margin-top: 70px}
.banner img{width:100%;display:block}
.banner-wrap{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.banner-title{text-transform:uppercase;font-family:Bebas Neue;font-size:52px;color:#fff;margin-bottom:22px}
.bPosition{font-size:14px;color:#0078d7}
.bPosition a{color:#fff}
.bPosition span{color:#fff;margin:0 5px}
.common-main{padding:60px 0 0}
.common-main .common-wrapper{width:1400px}
.common-main article img{margin:0 auto;max-width:100%}
.common-main article p{margin-bottom:20px;line-height:2}
.common-left{flex:1}
.common-right{width:350px;margin-left:68px}
.common-pages{display:flex;align-items:center;justify-content:flex-end;margin-bottom:50px;width:auto;color:#3c3c3c;margin-left:auto}
.common-pages .tip{margin-right:10px}
.common-pages .tol{margin-left:10px}
.common-pages .tip,.common-pages .tol{padding:0;opacity:1;border:none;font-weight:400;background:0 0}
.common-pages a,.common-pages span{padding:16px 20px;display:flex;justify-content:center;align-items:center;color:#3c3c3c;font-weight:700;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:#fff}
.common-pages span{opacity:.4}
.common-pages span.ctxt{opacity:1;background:#0078d7;border-color:#0078d7;color:#fff}
.common-pages a:hover{background-color:#0078d7;border-color:#0078d7;color:#fff}
.common-pages .last{border-right:1px solid #d7d7d7}
.side-search{width:100%;background:#0078d7;padding:34px 24px;box-sizing:border-box;position:relative}
.side-search input{width:100%;height:50px;outline:0;border:none;padding-left:14px}
.side-search .btn{position:absolute;top:39px;right:13px;width:43px;height:43px;background:#000;cursor:pointer}
.side-search .btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
.side>div{margin-bottom:30px}
.side-title{width:100%;height:55px;line-height:55px;font-size:18px;font-weight:700;background-color:#0078d7;color:#fff;padding-left:33px;text-transform:uppercase;box-sizing:border-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-cate>ul{padding:10px 33px;background:#fff;font-size:14px}
.side-cate .type-active{color:#0078d7}
.side-cate>ul li{position:relative;border-bottom:1px solid #eee;line-height:45px}
.side-cate>ul li:hover>a{color:#0078d7}
.side-cate>ul li a{width:100%;height:100%;display:block;padding-right:50px;transition:color .3s;line-height:45px;box-sizing:border-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-cate>ul>li:last-child{border:none}
.side-cate>ul>li i{position:absolute;content:"";top:0;right:0;width:50px;height:47px;cursor:pointer;display:block}
.side-cate>ul>li i:before{position:absolute;content:" ";top:16px;right:21px;width:8px;height:8px;border:2px solid #707070;border-top:none;border-left:none;transform:rotate(45deg);transition:transform .15s;cursor:pointer}
.side-cate>ul>li i.active:before{transform:rotate(-45deg) rotateX(180deg)}
.side-cate>ul>li>ul{display:none}
.side-cate>ul>li>ul li{padding-left:40px;position:relative}
.side-cate>ul>li>ul li:last-child{border:none}
.side-cate>ul>li>ul li:before{content:"-";position:absolute;left:30px}
.side-cate>ul .pro-menu{display:none}
.side-pro{background:#fff}
.side-pro li{margin:0 20px;padding:20px 10px;display:flex;height:100px;border-bottom:1px solid #eee}
.side-pro li:last-child{border:none}
.side-pro li:hover img{transform:scale(1.05)}
.side-pro-img{width:40%}
.side-pro-img img{transition:transform .2s;max-height:100%;max-width:100%}
.side-pro-info{padding:0;width:60%;display:flex;flex-direction:column;justify-content:space-around}
.side-pro-name{color:#333;font-size:14px;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-pro-more{color:#0078d7;font-size:14px;text-transform:uppercase;font-family:Lato;font-weight:700}
.side-pro-more:hover{color:#0078d7}
.side-pro>a{width:100%;height:100%;display:block}
.proCateTags{width:100%;background:#fff;padding:24px;box-sizing:border-box}
.proCateTags span{width:100%;height:100%;display:flex;display:block}
.proCateTags a{background:#fff;border:1px solid #e9e9e9;padding:14px;color:grey;margin:0 10px 16px 0;font-size:14px;display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition:color .3s,border-color .3s}
.proCateTags a:hover{animation-name:hvr-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1;color:#0078d7;border-color:#0078d7}
.common-link{width:100%;display:flex}
.common-link>div{flex:1;display:flex;align-items:center;height:50px;font-size:18px;padding-left:20px}
.common-link>div a{height:100%;line-height:50px;max-width:400px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.common-link .prev{background-color:#0078d7;color:#000}
.common-link .prev a{color:#000}
.common-link .prev i{margin-right:20px}
.common-link .next{background-color:#000;color:#0078d7}
.common-link .next a{color:#0078d7}
.common-link .next i{margin-left:20px}
#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:100vw;bottom:0;height:100%;background:rgba(0,0,0,.6);z-index:8;display:none;top:13.3333333333vw}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:32px;line-height:32px;margin-left:10px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px solid #dbdbdb;background:#fff}
.xyz12 ul>li{display:none}
.xyz12 ul>li:first-of-type{display:block}
.xyz12 li{float:none;margin-left:0;width:100%;position:relative;height:30px;z-index:1;text-align:left}
.xyz12 li a{color:#333;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;padding:0 8px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{right:6px;top:0;display:block;width:32px;height:32px;z-index:100}
.xyz12 span,.xyz12 span:after{position:absolute;cursor:pointer}
.xyz12 span:after{content:" ";top:10px;right:10px;width:7px;height:7px;border:2px solid #707070;border-top:none;border-left:none;transform:rotate(45deg)}
.xyz12 span.dp:after{top:13px;transform:rotate(-135deg)}
.xyz12 li img{vertical-align:middle;margin:0 7px 0 0;width:16px}
.xyz12 li:hover{background:#f2f2f2}
.cu li{line-height:2;font-size:14px;color:#fff}
.cu li i{color:#0078d7;margin-right:14px}
.singglepic{width:550px!important;height:550px!important;background:#fff;display:flex;justify-content:center;align-content:center;cursor:pointer}
.singglepic img{display:block;margin:auto}
.singglepic.on img{position:static!important;max-width:100%!important;width:auto;max-height:100%!important}
.share-btn-list{margin:20px 0}
.swiper-container .swiper-slide{width:100%;display:flex;justify-content:center}
.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(2);color:#fff}
.swiper-container .swiper-pagination-bullet{background:#fff}
.swiper-container .swiper-pagination-bullet-active{background:#0078d7}
.common-tip,.common-title{text-align:center;margin-bottom:10px}
.common-title{font-size:45px;text-transform:uppercase;font-family:bold;font-family:Lato}
.common-tip{color:#4c4c4c;font-family:Lato;line-height:2}
.que{position:relative;display:flex;top:-5px;z-index:2}
.que article{font-size:14px;line-height:1.5;margin:20px 0;max-width:448px}
.que-item{display:block;flex:1;padding:70px;box-sizing:border-box;position:relative}
.que-item:first-of-type{background:#24292f}
.que-item:nth-of-type(2){background:#0078d7}
.que-item:nth-of-type(2) .more-btn i:after{border-color:#0078d7}
.que-item:nth-of-type(3){background:#f4f4f4}
.que-item:nth-of-type(3) .more-btn,.que-item:nth-of-type(3) .que-num,.que-item:nth-of-type(3) .que-title,.que-item:nth-of-type(3) article{color:#1f2b41}
.que-item:nth-of-type(3) .more-btn i{background:#1f2b41}
.que-item:nth-of-type(3) .more-btn i:after{border-color:#fff}
.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before{border-color:#0078d7}
.que-item:before{bottom:0;transition:opacity .5s ease 0s,transform .5s ease 0s;border-top:2px solid #fff;border-bottom:2px solid #fff;transform:scaleX(0);-webkit-transform:scaleX(0)}
.que-item:after,.que-item:before{content:"";position:absolute;width:94%;height:92%;top:4%;left:3%;opacity:0;box-sizing:border-box}
.que-item:after{transition:opacity .3s ease 0s,transform .3s ease 0s;border-left:2px solid #fff;border-right:2px solid #fff;transform:scaleY(0);-webkit-transform:scaleY(0)}
.que-item:hover:after,.que-item:hover:before{opacity:1;transform:scale(1)}
.que-item:hover .more-btn{margin-left:14px}
.que-num{font-size:32px;font-family:Arial;color:#fff;margin-bottom:20px}
.que-num,.que-title{color:#fff;font-weight:700}
.que-title{font-size:25px}
.que .more-btn,.que article{color:#fff}
.que .more-btn{font-size:14px;text-transform:uppercase;transition:margin .2s}
.que .more-btn i{display:inline-block;width:14px;height:14px;background:#fff;position:relative;top:1.5px;left:3px}
.que .more-btn i:after{content:"";display:inline-block;position:absolute;top:4px;left:3px;width:4px;height:4px;border-right:2px solid #24292f;border-bottom:2px solid #24292f;transform:rotate(-45deg)}
.adv{margin:50px 0}
.advance-list{margin-top:30px}
.advance-list .common-wrapper{display:flex;flex-wrap:wrap;width:1400px}
.adv-list .common-wrapper{display:flex;flex-wrap:wrap;}
.adv-item{width:33%;box-sizing:border-box;padding:70px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}
.adv-item img{margin-bottom:40px;width:90px;height:90px}
.adv-item article{color:#7f7f7f;line-height:1.8;font-size:14px;display:-webkit-box;display:-moz-box;max-height:60px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.adv-item:hover{box-shadow:0 1px 10px rgba(34,25,25,.15)}
.adv-t{font-size:18px;font-weight:700;margin-bottom:20px}
.cate-list{display:flex}
.cate-item{width:25%;position:relative}
.cate-item:hover .cate-name,.cate-item:hover .cate-num{opacity:0}
.cate-item:hover .cate-btn{opacity:1;transform:translateZ(0) scale(1)}
.cate-name{font-size:26px;font-weight:700;margin-bottom:24px}
.cate-name,.cate-num{font-family:Lato;transition:opacity .3s}
.cate-num{font-size:16px}
.cate-img{background-color:#000}
.cate-img img{opacity:.28}
.cate-info{position:absolute;transition:top .4s ease;top:0;left:0;width:100%;height:100%}
.cate-info a{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;width:100%;height:100%;flex-direction:column}
.cate-btn{width:160px;height:55px;background:#0078d7;border-radius:3px;position:absolute;line-height:55px;text-align:center;transition:opacity .35s,transform .35s;transform:translate3d(0,20px,0) scale(1.1);opacity:0;bottom:20%}
.pro{padding:50px 0;background-color:#f4f4f4}
.pro-img{position:relative}
.pro-img:after{content:"";display:block;padding-top:100%}
.pro .img-wrap{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-item{width:calc(25% - 41.25px);margin-right:55px;background-color:#fff;position:relative;margin-bottom:40px}
.pro-item:nth-of-type(4n){margin-right:0}
.pro-item:hover{margin-bottom:-18px;transition:box-shadow .3s;box-shadow:-1px 2px 32px 0 rgba(174,175,177,.55);z-index:2}
.pro-item:hover .pro-name{color:#0078d7}
.pro-item:hover .pro-btn{height:58px;transition:height .3s;color:#fff}
.pro-info{padding:24px;background-color:#fff;border-top:1px solid #e5e5e5}
.pro-info article{color:#666;font-size:14px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pro-name{font-size:16px;color:#333;margin-bottom:20px}
.pro-btn,.pro-name{font-weight:700;display:block}
.pro-btn{width:100%;background-color:#0078d7;text-align:center;line-height:58px;color:transparent;height:0;text-transform:uppercase;font-size:14px;font-family:Lato}
.pro-btn:hover{color:#fff}
.pro-list{margin-top:70px;display:flex;flex-wrap:wrap;align-items:flex-start}
.pro .more-btn{width:200px;height:55px;line-height:55px;text-transform:uppercase;font-family:Lato;font-weight:700;color:#fff;display:block;font-size:14px;margin:30px auto 0;background:#282828;border-radius:3px;text-align:center}
.about{width:100%;display:flex;flex-wrap:wrap;overflow:hidden}
.about>div{width:50%}
.about-tip{font-size:16px;margin-bottom:20px}
.about .about-con .about-title{font-size:38px;font-weight:700;max-width:500px;text-transform:uppercase;line-height:1.3}
.about article{max-width:630px;font-size:14px;color:#fff;margin:30px 0;line-height:1.8}
.about-con{background:url(/static/index/image/dot-map.jpg) no-repeat;background-size:cover;display:flex;justify-content:center;color:#fff;flex-direction:column;padding-left:160px;box-sizing:border-box}
.about-img{position:relative}
.about-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:#0078d7;border-radius:50%}
.about-icon i{position:relative;left:3px;color:#fff;font-size:45px}
.about-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid #0078d7}
.about-img img{display:block}
.about .about-sel{display:inline-block;margin-right:24px}
.about .about-sel img{position:relative;top:3px}
.about ul li{font-size:14px;margin-bottom:20px}
.about .more-btn{width:160px;height:55px;line-height:55px;font-size:14px;display:inline-block;font-family:Lato;font-weight:700;text-align:center;background:#0078d7;margin-top:20px;color:#fff;border-radius:3px}
.about-list{padding:74px 0;background:#f4f4f4;box-sizing:border-box}
.about-list .common-wrapper{display:flex}
.about-ri{padding-left:24px}
.about-item{width:25%;display:flex;justify-content:center;align-items:center}
.about-num{color:#09162a;font-family:Arial;font-weight:700;font-size:48px}
.about-text{margin-top:10px;text-transform:uppercase;font-size:14px}
.about .about-list{width:100%}
.news{padding:50px 0}
.news-title{font-size:20px;font-weight:700;color:#000;margin-bottom:20px;display:block;display:-webkit-box;display:-moz-box;max-height:48px;line-height:24px}
.news article,.news-title{text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news article{color:#868686;font-size:14px;display:-webkit-box;display:-moz-box;max-height:52px;line-height:26px;margin-bottom:40px}
.news-info{padding:42px 24px;border-top:none}
.news-more{text-transform:uppercase;color:#0d0d0d;font-family:Lato;font-weight:700;font-size:14px;padding:20px;transition:background-color .3s;border-radius:3px}
.news-more i{font-size:12px;margin-left:12px;position:relative;top:-2px}
.news-item:hover .news-more{background-color:#141414;color:#fff}
.news-item:hover .news-more i{color:#fff}
.news-date{padding:10px 22px;background:#0078d7;color:#fff;font-size:12px;display:inline-block;position:absolute;top:0;left:0}
.news-img{position:relative}
.news-img img{display:block;width:100%}
.news-item{display:flex;outline:1px solid #dfdfdf;box-sizing:border-box}
.news-item:first-of-type{width:30%;flex-direction:column;height:100%}
.news-item:first-of-type .news-info{height:100%}
.news-item:nth-of-type(2),.news-item:nth-of-type(3){width:66%;height:46%}
.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1}
.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{height:100%;max-width:none;object-fit:cover}
.news-item:nth-of-type(2) .news-info,.news-item:nth-of-type(3) .news-info{flex:1.5}
.news-list{margin:50px 0 20px;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-l{flex:.93;margin-right:46px}
.news-r{flex:2;flex-direction:column;justify-content:space-between}
.news-r,.news-r .news-item{display:flex}
.news-r .news-info{padding:54px 40px;border-top:1px solid #dfdfdf}
.news-r .news-img{width:auto;height:100%}
.news-r .news-img img{height:100%;max-width:none}
.part{padding:25px 0;border-top:2px solid #f2f2f2}
.part-item,.part-list{display:flex}
.part-item{padding:25px 0;width:16.66667%;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s}
.part-item:hover{box-shadow:0 1px 10px rgba(34,25,25,.15);border-radius:5px;transform:translateY(-2px)}
.part-item:hover img{transform:scale(1.05)}
.part-item img{max-width:100%;max-height:100%;transition:transform .25s}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{transition:background .3s ease}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background:#0078d7}
#swiper-banner .swiper-slide img{width:100%}
.prolist-0,.prolist-0 .pro-item{display:flex;flex-direction:column}
.prolist-0 .pro-item{width:100%;height:280px;margin-right:0;flex-wrap:wrap;justify-content:center;align-content:flex-start}
.prolist-0 .pro-item:hover{margin-bottom:40px}
.prolist-0 .pro-item .pro-btn,.prolist-0 .pro-item .pro-btn .arr{line-height:38px;height:38px;color:#fff;cursor:pointer}
.prolist-0 .pro-item .pro-btn{width:150px;order:1}
.prolist-0 .pro-img{width:280px;height:280px;margin-right:50px}
.prolist-0 .pro-img a{display:flex;width:100%;height:100%}
.prolist-0 .pro-img img{display:block;margin:auto}
.prolist-0 .pro-img:after{display:none}
.prolist-0 .pro-info{padding-left:0}
.prolist-0 .pro-info article{max-width:400px}
.prolist-1{display:flex;flex-wrap:wrap}
.prolist-1 .img-wrap{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.prolist-1 .pro-item{width:calc(33% - 36px)}
.prolist-1 .pro-item:nth-of-type(4n){margin-right:54px}
.prolist-1 .pro-item:nth-of-type(3n){margin-right:0}
.prolist-1 .pro-info{border-top:1px solid #e5e5e5}
.prolist-1 .pro-item:hover .pro-btn .arr{transition:height .3s;height:58px}
.prolist-1 .pro-btn{position:relative;cursor:pointer}
.prolist-1 .pro-btn .arr{position:absolute;top:0;right:0;height:0;width:58px;background:#000;color:#fff}
.pro-item.checked{outline:2px solid #0078d7}
.prolist-bottom{margin-top:30px}
.pro-main{padding:40px 0 60px;background:#f4f4f4}
.pro-main .common-wrapper{display:flex}
.prolist-top{display:flex;justify-content:space-between}
.prolist-top h1{line-height:50px;font-weight:700;height:50px;font-size:24px;padding-left:20px;border-left:4px solid #0078d7;max-width:50%;border-bottom:1px solid #ccc;overflow:hidden;margin-bottom:50px}
.bottom-wrap{box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:#2b2b2b}
.content-list1{display:flex;flex-wrap:wrap}
.content-item{width:calc(25% - 27.75px);margin:0 37px 50px 0}
@keyframes hvr-wobble-horizontal{
16.65%{transform:translateX(8px)}
33.3%{transform:translateX(-6px)}
49.95%{transform:translateX(4px)}
66.6%{transform:translateX(-2px)}
83.25%{transform:translateX(1px)}
to{transform:translateX(0)}
}
.content-item:nth-of-type(4n){margin-right:0}
.content-item:hover .content-more{background:#0078d7;color:#fff;transform:translateX(0)}
.content-title{font-size:18px;color:#000;font-weight:700}
.content-info{padding-top:30px}
.content-info article{color:#868686;font-size:14px;margin-top:15px;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}
.content-more{display:inline-block;margin-top:25px;width:160px;height:55px;line-height:55px;text-align:center;transform:translateX(-20px);transition:transform .3s;font-family:Lato;font-weight:700;border-radius:3px}
.content-more i{font-weight:700;margin-left:12px}
.content-img{position:relative}
.content-img img{width:100%}
.content-date{position:absolute;width:116px;height:31px;line-height:31px;text-align:center;color:#fff;right:15px;top:0;transform:translateY(-50%);font-size:12px;background:#0078d7}
.content-bottom .common-pages{justify-content:center}
.content-main{padding:80px 0 30px}
.content-main .common-c-title{margin:10px 0 30px;color:#242424;font-size:36px;font-weight:700;position:relative}
.content-main .common-c-title:after{position:absolute;top:125%;content:"";display:block;width:100px;height:2px;background:#0078d7}
.content-main .content-top{margin:20px 0}
.content-main .content-c-date{position:relative;margin-right:15px}
.content-main .content-c-date:after{content:"";display:block;position:absolute;right:-10px;height:19px;background:#d0d0d0;width:2px;top:0}
.content-main .content-c-date,.content-main .content-c-view{color:#0078d7;font-size:14px}
.content-main .content-c-view i{margin-right:5px;color:#000}
.content-main .common-content article p{color:#666;font-size:14px;line-height:2}
.content-main .content-c-tit{font-size:26px;font-weight:700;margin:30px 0}
.link-wrap{margin-top:30px;width:100%;display:flex;height:110px;justify-content:space-between}
.link-wrap .link-l,.link-wrap .link-r{width:47%;height:100%;background:#f4f4f4;display:flex;align-items:center;box-sizing:border-box;line-height:1.3;position:relative;overflow:hidden}
.link-wrap .link-l:after,.link-wrap .link-r:after{content:"";position:absolute;display:block;border-bottom:50px solid #0078d7;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:120px}
.link-wrap .link-sign{position:absolute;font-size:14px;color:#fff}
.link-wrap .link-sign a{color:#fff}
.link-wrap .link-l{padding:0 78px 0 130px}
.link-wrap .link-l .link-sign{left:12px;z-index:1}
.link-wrap .link-l:after{left:-30px}
.link-wrap .link-r{padding:0 130px 0 78px}
.link-wrap .link-r .link-sign{right:12px;z-index:1}
.link-wrap .link-r:after{right:-30px}
.contant-c-main .common-wrapper{display:flex}
.content-list0{display:flex;flex-direction:column}
.content-list0 .content-item{width:100%;margin-bottom:50px;height:230px;display:flex}
.content-list0 .content-img{height:100%}
.content-list0 .content-img img{width:auto;height:100%;max-width:none}
.content-list0 .content-info{width:100%;padding:30px 30px 30px 50px;border:1px solid #f1f1f1}
.content-list0 .content-info article{max-width:800px}
.content-list1 .content-title{display:block;height:45px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.content-list1 .content-info{display:flex;flex-direction:column;height:170px}
.content-list1 .content-more{margin-top:auto}
.pro-c-main{padding:80px 0;background:#f4f4f4}
.pro-c-top{display:flex}
.pro-c-info{padding:24px 200px 0 55px;box-sizing:border-box;flex:1;margin-left:50px}
.pro-c-name{color:#141414;font-size:24px;display:-webkit-box;display:-moz-box;max-height:112px;line-height:28px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pro-c-con{color:#2b2b2b;padding:30px 0;line-height:1.8;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin:14px 0}
.pro-c-main article{padding:0 100px}
.pro-c-main article p{font-size:16px;color:#838383;line-height:1.5}
.pro-c-main .pro-rel-item{flex-direction:column;width:auto}
.pro-c-main .pro-rel-item .img-wrap{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-c-main .pro-rel-item .pro-info{border-top:1px solid #e5e5e5}
.pro-c-art{background:#fff;margin-top:54px;padding-bottom:50px}
.pro-c-art .link-wrap{padding:0 100px;box-sizing:border-box}
.pro-c-art .link-wrap .link-l:after,.pro-c-art .link-wrap .link-r:after{width:135px}
.pro-c-art .content-c-tit{font-size:26px;font-weight:700;margin:30px 0}
.pro-c-art .inquiry{padding:0 100px;box-sizing:border-box}
.pro-c-art article table{margin-top:10px;border-collapse:collapse}
.pro-c-art article .table td{padding:5px;border:1px solid #ccc}
.pro-art-tit{width:100%;height:66px;line-height:66px;text-align:center;color:#272727;font-size:20px;font-weight:700;margin-bottom:30px;border-bottom:1px solid #dcdcdc}
.btn-list{display:flex;flex-wrap:wrap;max-width:360px;justify-content:space-between}
.addToCart,.btn-list .btn{cursor:pointer}
.addToCart span{display: inline-block;background: url(../img/addtocart.png) no-repeat right center;background-size: 20px;padding-right: 26px;}
.btn-list>*{margin-bottom:20px}
.addToCart,.btn-list .LayImAhrefNode,.btn-list .btn,.pdown1,.pdown2,.pdown3{width:166px;height:55px;line-height:55px;text-align:center;background:#292929;color:#fff;border-radius:3px}
.pdown1 a,.pdown2 a,.pdown3 a{width:100%;height:100%;display:block;color:#fff}
.hov-c{transition:background .3s}
.hov-c:hover{background:#0078d7}
.pro-rel-top{margin:48px 0;display:flex}
.pro-rel-top .pro-rel-btn{min-width:50px;display:flex;justify-content:space-between;align-items:center}
.pro-rel-top .pro-rel-btn .rel-btn-l,.pro-rel-top .pro-rel-btn .rel-btn-r{height:100%;display:flex;align-items:center;justify-content:center;line-height:100%;cursor:pointer}
.pro-rel-top .pro-rel-btn .rel-btn-l:active,.pro-rel-top .pro-rel-btn .rel-btn-r:active{transform:scale(.7)}
.pro-rel-top .pro-rel-btn i{font-weight:700;transform:scale(1.3)}
.pro-rel-top .line{position:relative;flex:1;height:1px;background:#dcdcdc;top:15px;margin:0 20px}
.pro-rel-top .pro-rel-tit{font-size:30px;font-weight:700;color:#000}
.pro-rel-item .pro-info article{padding:0}
.pro-rel-img{width:100%;background:#fff;position:relative}
.pro-rel-img:after{content:"";display:block;padding-bottom:100%}
.pro-rel-img a{position:absolute;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.contact-main,.feedback-main{background:#f2f6f7;padding-bottom:50px}
.contact-box{margin:0 auto;width:100%;height:600px;background-color:#fff;z-index:1;display:flex}
.contact-box .box-l{width:100%;padding:40px 50px 56px 100px}
.contact-box .box-r{width:190px;height:100%;background-color:#0078d7;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
.contact-box .box-t{display:block;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-transform:uppercase;font-size:26px;font-weight:700;color:#fff;width:28px}
.contact-box .box-icon{width:64px;height:64px;background-color:#fff;position:relative;border-radius:50%;margin-top:33px}
.contact-box .box-icon em,.contact-box .box-icon i{color:#0078d7;position:absolute;top:45%;font-weight:700;left:50%;font-size:30px;transform:translate(-50%,-50%)}
.contact-box .title-s{color:#0078d7;line-height:1}
.contact-box .title-m{font-size:40px;color:#0a0a0a;font-weight:700;line-height:1;text-transform:uppercase}
.contact-box .feedback-tips p{color:#828282;font-size:12px;line-height:1.5}
.contact-wrap{position:relative;margin:110px 0 50px}
.contact-list{margin:0 auto;width:100%;height:170px;z-index:1;background-color:#f2f6f7;display:flex}
.contact-item{width:25%;height:100%}
.contact-icon,.contact-item{display:flex;justify-content:center;align-items:center}
.contact-icon{width:55px;height:55px;background-color:#0078d7}
.contact-info{min-height:55px;padding-left:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}
.contact-t{text-transform:uppercase;color:#141414;font-weight:700}
.contact-c{color:#666;font-size:14px}
#gmap{width:100%;max-width:1920px;height:440px;position:absolute;left:0;top:0}
.common-main{position:relative}
.about-main{background-color:#f2f6f7}
.feedback-main .contact-box{margin-top:50px;height:auto}
.feedback-main .contact-box p{margin-bottom:20px}
.document-main{padding:40px 0 60px}
.document-main .common-wrapper{display:flex}
.document-main .video-list{width:100%;display:flex;flex-wrap:wrap}
.document-main .video-list .video-img{border-radius:5px}
.document-main .video-list .video-img a{display:block;width:100%;height:100%;border-radius:5px;overflow:hidden}
.document-main .video-list .video-img img{width:100%;display:block}
.document-main .video-list .video-name{color:#333;margin-bottom:12px}
.document-main .video-list .video-info{padding-top:24px}
.document-main .video-list .video-in{font-size:12px;color:#666}
.document-main .video-list>li{width:calc(33% - 36px);margin-right:55px;margin-bottom:30px}
.document-main .video-list>li:nth-of-type(3n){margin-right:0}
.document-main .video-content video{width:70%;height:auto}
.document-main .video-content p{font-size:20px;color:#333;margin:10px 0}
.document-main .download-list{position:relative;top:-40px}
.document-main .download-item{padding:100px 0}
.document-main .download-item:nth-child(odd){background:#fff}
.document-main .download-item:nth-child(2n){background:#f4f4f4}
.document-main .download-title{font-size:22px;font-weight:700;margin-bottom:30px;color:#111}
.document-main .download-title i{color:#0078d7;margin-left:20px}
.document-main .download-info{color:#8e8e8e;line-height:1.8}
.document-main .project-list{width:100%;display:flex;flex-wrap:wrap}
.document-main .project-item{width:calc(25% - 30px);margin-right:40px}
.document-main .project-item:nth-of-type(4n){margin-right:0}
.document-main .project-item:hover .info-r{background:#0078d7}
.document-main .project-info{padding:30px 20px;width:90%;display:flex;justify-content:space-between;margin:0 auto;border:1px solid #e2e2e2;box-sizing:border-box;position:relative;top:-34px;background:#fff}
.document-main .project-info .info-r{width:40px;height:40px;position:relative;background:#24292f;transition:background .3s}
.document-main .project-info .info-r i{position:absolute;top:50%;left:50%;font-weight:700;transform:translate(-50%,-50%);color:#fff}
.document-main .project-info .info-l p:nth-child(2){color:#0078d7;margin-top:10px;font-size:14px;text-transform:uppercase}
.document-main .project-img{position:relative}
.document-main .project-img:after{content:"";display:block;padding-bottom:100%}
.document-main .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.document-main .faq-list{display:flex;flex-wrap:wrap}
.document-main .faq-list .faq-item{width:calc(50% - 25px);margin-bottom:40px;margin-right:50px}
.document-main .faq-list .faq-item:nth-of-type(2n){margin-right:0}
.document-main .faq-list .faq-title{padding:23px 20px 23px 44px;border:1px solid #e9e9e9;cursor:pointer;font-weight:700;line-height:1.3;position:relative}
.document-main .faq-list .faq-title:after{border:6px solid transparent;border-left:7px solid #47494b;width:0;height:0;position:absolute;top:30px;right:10px;content:"";transform-origin:center center;transform:rotate(90deg)}
.document-main .faq-list .faq-title:hover{background:#0078d7;color:#fff}
.document-main .faq-list .faq-title:hover:after{border-left:7px solid #fff}
.document-main .faq-list .faq-title.active{background:#0078d7;color:#fff}
.document-main .faq-list .faq-title.active:after{transform:rotate(-90deg);top:23px;border-left:7px solid #fff}
.document-main .faq-list .faq-con{padding:34px 40px;font-size:14px;color:#898989;line-height:1.5;background:#f4f4f4;display:none}
@keyframes hvr-icon-wobble-horizontal{
16.65%{transform:translateX(6px)}
33.3%{transform:translateX(-5px)}
49.95%{transform:translateX(4px)}
66.6%{transform:translateX(-2px)}
83.25%{transform:translateX(1px)}
to{transform:translateX(0)}
}
.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 .hvr-icon{transform:translateZ(0)}
.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}
@keyframes hvr-pop{
50%{transform:scale(1.05)}
}
.hvr-pop{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{animation-name:hvr-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}
.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:#0078d7;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}
.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(.52,1.64,.37,.66)}
@keyframes hvr-bob{
0%{transform:translateY(-8px)}
50%{transform:translateY(-4px)}
to{transform:translateY(-8px)}
}
@keyframes hvr-bob-float{
to{transform:translateY(-8px)}
}
.hvr-bob{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{animation-name:hvr-bob-float,hvr-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}
@keyframes hvr-wobble-vertical{
16.65%{transform:translateY(8px)}
33.3%{transform:translateY(-6px)}
49.95%{transform:translateY(4px)}
66.6%{transform:translateY(-2px)}
83.25%{transform:translateY(1px)}
to{transform:translateY(0)}
}
.hvr-wobble-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{animation-name:hvr-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.head{top:0;left:0;right:0;width:100%;height:100px;box-sizing:border-box;z-index:1002;position:relative;background-color:#fff;transition-property:height;transition-duration:.2s;transition-timing-function:ease;max-width:1920px;margin:0 auto}
.head-wrapper{width:1600px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.head-logo{min-width:360px;height:100%;margin-right:10px}
.head-nav{height:100%;width:100%}
.head-nav>ul{height:100%;display:flex;justify-content:flex-end}
.head-nav>ul>li{position:relative;height:100%}
.head-nav>ul>li>a{transition:color .3s ease;transition:background-color .3s ease;padding:0 18px;height:100%;display:flex;font-weight:700;align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a{color:#0078d7}
.head-nav>ul .submenu{background-color:#fff;position:absolute;transform-origin:top;top:100%;transition:all .4s ease;transform:rotateX(90deg);opacity:0;z-index:2;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{background-color:#0078d7;color:#fff}
.head-nav>ul .more{display:none}
.head-top{width:100%;height:44px;background:#2e2e2e;color:#fff;font-size:14px}
.head-top .common-wrapper{height:100%;display:flex;justify-content:space-between}
.head-top .top-left{height:100%;line-height:40px}
.head-top .top-left a{color:#fff}
.head-top .top-right{line-height:40px}
.head-top .top-right,.head-top .top-right .search-wrap{height:100%;display:flex;align-items:center}
.head-top .top-right .search-wrap:hover input{padding-left:14px;width:200px}
.head-top .top-right input{padding:0;width:0;border:none;height:75%;outline:0;border-radius:3px;transition:width .3s}
.head-top .top-right.active input{padding-left:14px;width:200px}
.head-top .icon-email{opacity:.5;position:relative;top:1px}
.head-top .search-btn{padding:0 20px;border-left:1px solid #505050;border-right:1px solid #505050;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:10px}
.head-contact{display:flex;min-width:160px;margin-left:50px}
.head-contact .phone{margin-top:10px;white-space:nowrap}
.head-contact p:first-of-type{font-size:12px;font-weight:700}
.head-contact p:nth-of-type(2){font-size:18px}
.head-contact img{width:30px;height:30px;position:relative;top:5px;left:-20px}
.head.active{position:fixed;top:0;height:70px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.nav-btn{display:none;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}
.foot{width:100%}
.foot .common-wrapper{display:flex;align-items:center}
.foot .text{width:300px;line-height:60px}
.mobile-bottom{display:none}
.foot-list{padding-bottom:70px;background-color:#20232c}
.foot-l{width:100%;height:100%;display:flex}
.foot-l .foot-u{margin-top:30px}
.foot-l .foot-u .foot-cate a:before{position:relative;top:-2px;content:"-";margin-right:10px}
.foot-l .foot-u .foot-cate a:hover{color:#fff;opacity:1;padding-left:10px}
.foot-l .foot-u li{margin:20px 0}
.foot-l .foot-u li a{transition:all .3s ease;color:#eee;opacity:.6;font-size:14px;line-height:1.3}
.foot-l .lfr{display:flex}
@keyframes hvr-pulse-grow{
to{transform:scale(1.1)}
}
.foot-l .lfr li{margin-right:10px;display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.foot-l .lfr li:last-child i{font-size:28px}
.foot-l .lfr li:first-child i{font-size:22px}
.foot-l .lfr li:active,.foot-l .lfr li:focus,.foot-l .lfr li:hover{animation-name:hvr-pulse-grow;animation-duration:.28s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
.foot-l .lfr a{width:50px;height:50px;background:#0078d7;display:flex;justify-content:center;align-items:center}
.foot-l .lfr i{color:#fff;font-size:18px}
.foot-item{padding-top:70px;height:100%;width:25%}
.foot-title{font-size:24px;font-weight:700;color:#f3f3f3;line-height:1.5;text-transform:uppercase;position:relative}
.foot-title:after{content:"";position:absolute;width:54px;height:3px;background:#0078d7;top:120%;display:block;left:0}
.foot-cate,.foot-nav{padding-left:100px}
.foot-cate ul,.foot-nav ul{margin-top:42px}
.foot-cate ul li,.foot-nav ul li{margin:10px 0}
.foot-cate ul li a,.foot-nav ul li a{transition:all .3s ease;color:#fff;font-size:14px;line-height:2}
.foot-cate ul li a:before{position:relative;top:-2px;content:"";display:inline-block;width:5px;height:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;margin-right:14px;transform:rotate(-45deg)}
.foot-cate ul li a:hover{color:#fff;opacity:1;padding-left:10px}
.foot-right p a{color:#d1d1d1}
.foot-right{width:100%;height:114px;background-color:#20232c;color:#d1d1d1;border-top:1px solid #44464e}
.foot-right .common-wrapper{display:flex;justify-content:space-between;align-items:center;height:100%}
.foot-right ul{display:flex}
.foot-right ul a{padding:0 10px;color:#d1d1d1;position:relative;transition:color .3s ease}
.foot-right ul a:after{content:"";position:absolute;display:block;right:0;height:10px;width:1px;top:6px;background:#fff;opacity:.1}
.foot-right ul a:hover{color:#fff}
.foot-right ul li:last-child a:after{display:none}
.foot-intro{color:#fff;line-height:1.8;margin:30px 0;font-size:14px}
.foot-intro+p{margin-bottom:20px;color:#fff}
.foot-letter .send-letter{margin-top:42px}
.foot-letter .send-letter p{width:250px;font-size:14px;color:#fff;line-height:2}
.foot-letter .send-letter input{margin:20px 0;color:#fff;transition:border .3s ease}
.foot-letter .send-letter input:focus{outline:0;border:1px solid #0078d7}
.foot-letter .send-letter .eput{height:52px;background:#20232c;border:1px solid #505050;box-sizing:border-box;width:280px;padding-left:14px}
.foot-letter .send-letter .eput::-webkit-input-placeholder{color:#898989;font-size:14px}
.foot-letter .send-letter .eput:-moz-placeholder,.foot-letter .send-letter .eput::-moz-placeholder{color:#898989;font-size:14px}
.foot-letter .send-letter .eput:-ms-input-placeholder{color:#898989;font-size:14px}
.foot-letter .send-letter .ebtn{width:150px;height:52px;background:#0078d7;box-sizing:border-box;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}
.foot-letter .send-letter .ebtn i{margin-left:14px}
.swiper-slide{display:flex;justify-content:center}
.swiper-lazy-preloader{width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #000!important;border-top-color:transparent!important}
#tabs .tabs-item{display:none}
#tabs .current{background-color:#0078d7}
.tabs-top{width:100%;display:flex}
.tabs-title{width:25%;height:65px;background:#111;color:#fff;line-height:65px;text-align:center;box-sizing:border-box;border-right:2px solid #fff;cursor:pointer;transition:background-color .3s}
.tabs-title:nth-of-type(4n){border-right:none}
.tab-content{border:2px solid #e9e9e9;padding:48px 60px 18px}
.preview-container{position:relative;width:450px;background:#fff;padding-bottom:1px}
.preview-container .small-box{position:relative;width:450px;height:450px;border-bottom:1px solid #eee;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#fff;cursor:move}
.preview-container .small-box img{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:20px 0;position:relative;width:100%;box-sizing:border-box;background:#fff}
.preview-container .thumbnail-box .list{width:390px;margin:0 auto;position:relative}
.preview-container .thumbnail-box .list ul{width:100000px;display:flex;padding:2px 0}
.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;overflow:hidden;border:1px solid #ccc}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%;display:block}
.preview-container .thumbnail-box .list ul .item-cur{border:none;outline:2px solid #0078d7}
.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:-10px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(../img/btn_prev.png) no-repeat;background-position:10px 0;background-size:10px}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../img/btn_next.png) no-repeat;background-size:10px}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../img/btn_prev_disabled.png) no-repeat;background-position:10px 0;background-size:10px;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../img/btn_next_disabled.png) no-repeat;background-size:10px;cursor:not-allowed}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #eee;position:absolute;width:550px;height:553.5px;box-sizing:border-box;background:#fff;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:130%}
#feedbackForm .send-btn{width:170px;height:50px;line-height:50px;text-align:center;background:#24292f;color:#fff;border-radius:3px;margin-left:50%;transform:translateX(-50%);cursor:pointer}
#feedbackForm .send-btn .span{display:inline-block}
#feedbackForm .send-btn i{display:none}
.inquiry-form{display:flex;justify-content:space-between;flex-wrap:wrap}
.inquiry-form input{width:49%;height:50px;font-size:14px;padding:0 14px}
.inquiry-form input,.inquiry-form textarea{margin-bottom:28px;background:#f7f7f7;border:none;outline:0;box-sizing:border-box}
.inquiry-form textarea{padding:14px;width:100%;font-family:Roboto,sans-serif;font-size:16px;resize:none}
.inquiry-form .input-error{outline:1px solid red}
@media screen and (max-width:768px){
.inquiry-form{flex-direction:column}
#feedbackForm{width:100%}
#feedbackForm .send-btn{margin-left:50%;transform:translateX(-50%)}
.inquiry-form .form-l,.inquiry-form .form-r{width:100%}
.form-l input{margin-bottom:4vw}
.inquiry-form input{width:100%}
}
.compare-action{position:relative;height:37px;margin-top:15px;left:-20px;display:flex;align-items:center;cursor:pointer}
.compare-action span{display:inline-block;color:#000;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.compare-action .compare-action-check+label{width:16px;height:16px;content:" ";border:1px solid #000;border-radius:1px;margin-right:10px;cursor:pointer}
.compare-action .compare-action-check:checked+label:before{font-size:16px;line-height:16px;content:"✓";text-align:center;color:#000;position:relative;left:2px;top:1px}
.compare-action input[type=checkbox]{visibility:hidden}
.product-price{margin-bottom:10px}
.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{background:#fff;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:#0078d7}
.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%}
}
.ie{background:#f4f4f4}
.ie .adv-item article{width:100%}
.ie .cate-btn{left:35%}
.ie .banner{margin-bottom:80px}
.ie #feedbackForm{margin-bottom:50px}
.ie .link-wrap .link-l .link-sign,.ie .link-wrap .link-r .link-sign{bottom:20px}
.ie .link-wrap .link-a{margin-top:40px}
.ie .contact-icon{position:relative}
.ie .contact-icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ie .contact-wrap{margin-bottom:50px}
.ie .contact-info{max-height:none}
.ie .pro-c-main .common-wrapper{margin-top:50px}
.ie10 #feedbackForm{max-width:1000px}
.ie10 .contact-box .box-l{max-width:1200px}
.ie10 .btn-list .LayImAhrefNode,.ie10 .btn-list .btn,.ie10 .pdown1,.ie10 .pdown2,.ie10 .pdown3{display:block}
.ie10 .link-wrap .link-l,.ie10 .link-wrap .link-r{background:0 0}
@media(max-width:1700px){
.advance-list .common-wrapper,.common-wrapper,.head-wrapper{width:1400px}
.about-con{padding-left:100px}
.news-r .news-info{padding:30px 20px}
}
@media(max-width:1500px){
.head-logo{margin-right:50px}
.advance-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{width:100%;max-width: 1200px;}
.news-r .news-info{padding:20px 10px}
.news-list .news-more{padding:8px}
.news-l .news-info{padding:60px 28px}
.pro-info{padding:16px;max-width:400px}
.pro-name{margin-bottom:10px}
.about .about-con{padding:30px 150px}
.about .about-con,.about .about-img{width:100%}
.about .about-img{max-height:450px}
.about .about-img img{width:100%;object-fit:cover}
.prolist-1 .pro-btn .arr{width:38px}
.pro-btn{line-height:38px;font-size:12px}
.pro-item:hover .pro-btn,.prolist-1 .pro-item:hover .pro-btn .arr{height:38px}
}
@media(max-width:1380px){
.foot-letter .send-letter .eput{width:240px}
.swiper-button-next,.swiper-button-prev{width:50px;height:50px}
.common-right{display:none}
.prolist-1 .pro-item{width:calc(25% - 27.75px);margin-right:37px}
.prolist-1 .pro-item:nth-of-type(3n){margin-right:37px}
.prolist-1 .pro-item:nth-of-type(4n){margin-right:0}
.foot-l{flex-wrap:wrap}
.foot-l .foot-item{width:50%;box-sizing:border-box}
.foot-l .foot-item:nth-of-type(2n){padding-left:50px}
.foot-l .foot-cate,.foot-l .foot-nav{padding-left:0}
.que-item{padding:30px}
.pro-info{max-width:none}
.pro-c-info{padding:24px 50px 0 55px}
}
@media(max-width:1240px){
.advance-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{max-width:900px}
.head-wrapper{justify-content:space-between}
.head-nav{position:relative;width:44px;height:44px;margin-right:auto;background:#0078d7;overflow:hidden}
.head-nav:after{content:"☰";font-size:16px;width:1em;line-height:1;text-align:center;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;color:#fff}
.head-nav>ul{position:absolute;top:0;left:0;width:250px;background:#0078d7;padding-top:44px}
.head-nav.active{overflow:visible}
.head-nav.active:after{content:"✕"}
.head-nav.active ul{height:auto;flex-direction:column}
.head-nav.active ul>li{height:44px}
.head-nav.active ul>li>a{color:#fff}
.head-nav.active ul>li .inmenu_1,.head-nav.active ul>li>a:hover{text-decoration:underline}
.head-nav.active>ul .submenu{left:100%;top:0;padding-top:0}
.head-nav.active>ul .submenu a{color:#333;line-height:44px}
.head-nav.active>ul .submenu a:hover{color:#fff}
.news-l{display:none}
.adv-item{width:50%}
.pro-item{width:calc(50% - 20px);margin-right:40px}
.pro-item:nth-of-type(2n){margin-right:0}
.news-list{height:auto}
.news-item{width:100%!important;margin-bottom:40px}
.news-item:first-of-type{flex-direction:row}
.news-item:first-of-type .news-img{flex:1}
.news-item:first-of-type .news-img img{height:100%;max-width:none}
.news-item:first-of-type .news-info{flex:1.5}
.part-list{flex-wrap:wrap}
.part-item{width:33%}
.foot-right ul{display:none}
.content-item,.document-main .project-item,.prolist-1 .pro-item{margin-right:40px;width:calc(33% - 30px)}
.content-item:nth-of-type(4n),.document-main .project-item:nth-of-type(4n),.prolist-1 .pro-item:nth-of-type(4n){margin-right:40px}
.content-item:nth-of-type(3n),.document-main .project-item:nth-of-type(3n),.prolist-1 .pro-item:nth-of-type(3n){margin-right:0}
.document-main .project-info{padding:15px}
.pro-c-top{flex-direction:column}
.preview-container{margin-left:100px}
.pro-c-info{width:800px;margin:30px auto;padding:0}
.link-wrap .link-l{margin-bottom:30px}
.link-wrap .link-l,.link-wrap .link-r{width:100%;height:110px}
.link-wrap{height:auto;flex-wrap:wrap}
}
@media screen and (max-width:768px){
.banner{margin-top:13.3333333333vw;height:40vw;background-size:100%}
.banner img{display:none}
.banner-wrap{padding-right:4.5333333333vw;align-items:flex-end;box-sizing:border-box}
.banner-title{font-size:36px}
.about-main{padding-top:4vw}
.about-main article .about-title{margin:4vw 0 0!important;font-size:28px!important;line-height:1.3}
.about-main article .a-line{margin:4vw auto!important}
.tab-content{padding:5.3333333333vw}
.tab-content p{margin:4vw 0!important}
.tab-content img{margin-bottom:4vw!important}
.tabs-top{flex-wrap:wrap}
.tabs-title{width:50%;border-bottom:2px solid #fff;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;padding:2.6666666667vw;height:auto;line-height:8.6666666667vw}
#tabs{margin-bottom:4vw}
.about-main article .adv-t{line-height:1.3}
.head-contact,.head-top{display:none}
.head-nav{width:auto;height:auto}
.foot .common-wrapper{width:100%}
.foot-l .foot-item:first-of-type{display:none}
.foot-letter .send-letter{margin-top:5.3333333333vw}
.foot-l .foot-item,.foot-l .foot-item:nth-of-type(2n){padding:0;margin-bottom:3vw;width:100%}
.foot-l .foot-letter{display:none}
.foot-cate ul,.foot-nav ul{display:flex;flex-wrap:wrap}
.foot-cate ul li,.foot-nav ul li{margin:1vw 0 1vw 3.2vw}
.foot-l{padding:4vw 0 0}
.cu li i{margin-right:5px}
.foot-title{font-size:18px}
.foot-cate ul,.foot-nav ul{margin-top:5.3333333333vw}
.foot-letter .send-letter .eput{margin:10px 0}
.foot-list{padding-bottom:0}
.foot-right{padding:4vw 0;height:auto}
.foot-right p{font-size:12px;text-align:center;width:100%}
.foot-right ul{display:none}
.foot{padding-bottom:16vw}
.bPosition{padding-left:4vw;line-height:1.4}
.link-wrap .link-l,.link-wrap .link-r{height:20vw}
.search-wrap{display:flex;padding-left:10vw;margin:4vw 0;position:relative}
.search-wrap input{width:75vw;height:10.6666666667vw;background-color:#fff;outline:0;padding:0 0 0 14px;border:1px solid #ccc}
.search-wrap .search-btn{height:100%;position:absolute;right:10vw;width:10vw}
.search-wrap .search-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#toast-container{padding-top:150px}
.head-wrapper{height:100%}
.head{height:13.3333333333vw;position:fixed;top:0;left:0;right:0;box-shadow:none}
.head-nav{position:absolute}
.head-nav>ul{background-color:#fff;top:13.3333333333vw;right:-100vw;left:unset;position:fixed;flex-direction:column;width:100vw;overflow-y:auto;overflow-x:hidden;padding-top:0;height:calc(100vh - 13.333vw);justify-content:flex-start}
.head-nav>ul>li{position:relative;height:auto;margin:0;display:block;padding:4vw 5.3333333333vw;border-bottom:1px solid #ccc}
.head-nav>ul>li a{width:100%;display:flex;justify-content:space-between;color:#5d5d5d;font-size:15px;height:auto}
.head-nav>ul>li .inmenu_1{color:#0078d7}
.head-nav>ul>li .inmenu_1:after{content:none}
.head-nav>ul>li:last-child{border-bottom:none}
.head-nav>ul>li i{position:absolute;box-sizing:border-box;right:4vw;top:4vw;color:#5d5d5d;transform:scale(1.4) rotate(-90deg);transform-origin:center center;transition:all .3s}
.head-nav>ul>li .slide-active{transform:scale(1.4) rotate(90deg)}
.head-nav>ul>li:hover>a,.head-nav>ul>li:hover>i{color:#5d5d5d;background-color:transparent}
.head-nav>ul>li:hover>a:after,.head-nav>ul>li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
.head-nav>ul .submenu{transition:none;position:relative;width:100%;right:0;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#fff;top:0;list-style-type:square;display:none;padding-top:0}
.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{font-size:13px;line-height:26px}
.head-nav>ul .submenu li a:hover{background:0 0}
.nav-btn{display:flex}
.head-wrapper{justify-content:space-between;position:relative;padding:0 5.3333333333vw;margin:0}
.head-logo{width:37.3333333333vw}
.mobile-bottom{z-index:4;width:100%;justify-content:space-evenly}
.mobile-bottom,.mobile-bottom .mobile-bottom-item{height:16vw;background:#0078d7;display:flex;align-items:center}
.mobile-bottom .mobile-bottom-item{padding:.6666666667vw 0;flex-direction:column;justify-content:space-around;width:16vw;font-size:4vw;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}
.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}
.xyz12{margin-top:2.6666666667vw;margin-left:8vw;background-color:transparent;top:0}
.xyz12 a{color:#fff;font-size:14px}
#gmap{height:59.0666666667vw;position:relative;top:0;left:-4vw}
.contact-wrap{margin-top:4vw}
.contact-list{flex-wrap:wrap;height:auto;padding:4vw;box-sizing:border-box}
.contact-item{width:100%;justify-content:flex-start;margin-bottom:4vw}
.contact-box,.contact-box .box-r{flex-direction:column-reverse;height:auto}
.contact-box .box-r{padding:4vw 0;width:100%}
.contact-box .box-t{width:100%;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;text-align:center;margin-top:4vw;font-size:20px}
.contact-box .box-icon{margin-top:0;width:10.6666666667vw;height:10.6666666667vw}
.contact-box .box-icon i{font-size:24px}
.contact-box .box-l{padding:4vw;box-sizing:border-box}
.contact-box .title-m{font-size:22px}
.contact-main{padding-top:0}
.common-main{overflow-x:hidden}
.feedback-main p{line-height:1.5}
.document-main .video-list>li{width:100%;margin-right:0}
.document-main .video-list{flex-direction:column}
.document-main .video-list .video-info{padding-top:4vw}
.document-main .download-item{padding:4vw 0}
.document-main .download-info{font-size:12px;display:-webkit-box;display:-moz-box;max-height:80px;line-height:16px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.document-main .download-title{position:relative;padding-right:20px;font-size:14px;margin-bottom:4vw;line-height:1.5}
.document-main .download-title i{position:absolute;top:5px;right:10px}
.document-main .download-list{top:0}
.document-main{padding:4vw 0}
.document-main .project-list{justify-content:space-between}
.document-main .project-item{width:47%;margin-right:0}
.document-main .project-info .info-r{min-width:30px;height:30px}
.document-main .project-info{padding:2vw}
.document-main .project-info .info-l p:nth-child(2){display:none}
.document-main .project-info .info-l .title{font-size:12px;display:-webkit-box;display:-moz-box;max-height:28px;line-height:14px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.document-main .faq-list .faq-item{width:100%;margin-right:0;margin-bottom:4vw}
.document-main .faq-list .faq-title{padding:4vw 5vw 4vw 4vw}
.document-main .faq-list .faq-con{padding:4vw}
.document-main .faq-list .faq-title:after{top:45%}
.document-main .faq-list .faq-title.active:after{top:35%}
.document-main .project-item:nth-of-type(4n){margin-right:0}
.btn-list{display:flex;justify-content:space-between}
.btn-list a,.btn-list div{width:47%}
}
@media screen and (max-width:768px){
.advance-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{width:100%;margin:0}
.common-wrapper{padding:0 4vw;box-sizing:border-box}
.about .about-con .about-title{font-size:20px}
#swiper-banner{margin-top:13.3333333333vw}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:20px;background:0 0}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{color:#0078d7}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background:0 0}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-container-rtl .swiper-button-prev{right:5px}
.que{flex-wrap:wrap;flex-direction:column}
.adv{padding:0;margin:5.3333333333vw 0}
.advance-list .common-wrapper,.adv-list .common-wrapper{justify-content:space-between}
.que-item{width:100%;padding:6.6666666667vw 4vw 10.6666666667vw}
.que-num{margin-right:10px;margin-bottom:0}
.que-num,.que-title{display:inline-block;font-size:24px}
.que-item:hover:after,.que-item:hover:before{opacity:0}
.common-title{font-size:26px}
.adv-item{width:48%;padding:2.4vw;border:1px solid #e1e1e1;margin-bottom:4vw}
.adv-t{font-size:14px;margin-bottom:2.6666666667vw;line-height:1.3}
.adv-item img{width:16vw;height:16vw;margin:5.3333333333vw 0}
.adv-item article{font-size:12px;margin-top:auto;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}
.cate{display:none}
.pro-list{justify-content:space-between;margin-top:6vw}
.pro-item{width:47%}
.pro-item,.pro-item:nth-of-type(4n){margin-right:0}
.about-title{font-size:18px}
.about .about-con{padding:66vw 4vw 4vw;color:#151515}
.about{position:relative}
.about article{color:#151515;margin:4vw 0}
.about .more-btn{display:inline-block}
.about ul li{font-size:12px;background:url(../img/home-sel_blue.png) no-repeat;background-position:10px;margin-bottom:8px;line-height:2}
.about .about-sel img{visibility:hidden}
.about-title{color:#0078d7}
.about .about-img{width:92vw;left:4vw;position:absolute;top:4vw}
.con-wrap{background:#fff;padding:5.3333333333vw}
.about-list .common-wrapper{flex-wrap:wrap;justify-content:space-between}
.about-item{width:47%;justify-content:flex-start;margin-bottom:4vw}
.about-text{font-size:12px;color:#fff}
.about-num{font-size:20px;color:#fff}
.about-ic img{width:40px;height:40px}
.about .about-list{background:#24292f;padding:4vw 0}
.news article{margin:4vw 0}
.news{padding:6.6666666667vw 0 0}
.news-item:first-of-type .news-info{height:auto}
.news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1.3}
.news-item:first-of-type .news-img img,.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{object-fit:cover}
.news-item{height:30vw!important}
.news-item .news-title{white-space:pre-wrap;font-size:16px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-item .news-info{flex:0;width:60%;padding:4vw;height:auto}
.news-item .news-info article{display:none}
.news-item .news-img{flex:1.3;width:40%}
.news-item .news-img a{display:block;width:100%;height:100%}
.news-item .news-more{font-size:12px}
.news-item .news-date{padding:2vw}
.part{padding:0}
.part-item{width:33%;padding:4vw;box-sizing:border-box}
.part-list{flex-wrap:wrap}
}
@media screen and (max-width:768px){
.content-item{width:47%;margin-right:0}
.content-list1{justify-content:space-between}
.content-list0 .content-item{width:47%;display:block;margin-bottom:50px}
.content-item:nth-of-type(4n){margin-right:0}
.content-list0{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.content-list0 .content-info{padding:4vw 0 0}
.content-main{padding:8vw 0;background:#f7f7f7}
.content-date{right:10px}
.content-info{padding-top:4vw}
.content-title{font-size:16px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.content-date{padding:1.3333333333vw 2.6666666667vw;width:auto;height:auto;line-height:16px}
.content-more{margin-top:3vw;padding:3vw;font-size:12px;width:auto;height:auto;transform:translateX(0);line-height:18px;background:#ebebeb}
.content-main .common-c-title{font-size:24px;line-height:1.4}
.link-wrap .link-l,.link-wrap .link-r{width:100%}
.link-wrap .link-l{margin-bottom:4vw;padding:0 28px 0 130px}
.link-wrap .link-r{padding:0 130px 0 28px}
.link-wrap{flex-direction:column}
.link-a,.link-a a{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.contant-c-main{background:#fff}
.content-list1 .content-info{height:40vw}
}
@media screen and (max-width:768px){
.pro-main{padding:4vw 0}
.prolist-top{display:none}
.prolist-0,.prolist-1{justify-content:space-between}
.prolist-0{flex-direction:row;flex-wrap:wrap}
.prolist-0 .pro-info{padding:4vw}
.prolist-0 .pro-item .pro-btn{width:100%}
.prolist-0 .pro-img{width:100%;height:auto;margin-right:0;position:relative}
.prolist-0 .pro-img:after{display:block}
.prolist-0 .img-wrap{position:absolute;top:0;left:0;bottom:0;justify-content:center;align-items:center}
.prolist-0 .pro-item{display:flex;flex-direction:column;height:auto}
.prolist-0 .pro-item:hover{margin-bottom:4vw}
.prolist-0 .pro-item .pro-btn .arr{display:none}
.prolist-0 .pro-item,.prolist-1 .pro-item{width:47%;margin-right:0;margin-bottom:4vw}
.prolist-1 .pro-item:nth-of-type(3n),.prolist-1 .pro-item:nth-of-type(4n){margin-right:0}
.common-left{width:100%}
.common-pages{width:100%;flex-wrap:wrap;justify-content:flex-start;margin-bottom:4vw}
.common-pages a,.common-pages span{margin-bottom:4vw;border-right:1px solid #d7d7d7}
.common-pages .last{border-right:none}
.common-pages .last a{border-right:1px solid #d7d7d7}
.pro-item{display:flex;flex-direction:column}
.pro-item .pro-btn{height:38px;color:#fff;order:1}
.prolist-1 .pro-item .pro-btn .arr{display:none}
.pro-info{padding:4vw}
.pro-name{display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pro-c-main{margin-top:13.3333333333vw;padding:0}
.pro-c-main .common-wrapper{padding:0}
.pro-c-top{flex-direction:column}
.pro-c-top .pro-preview-left{width:100%;min-width:100%;height:auto}
.pro-c-top .pro-preview-left .preview-container{visibility:hidden;width:100%}
.pro-c-top .pro-preview-left .preview-container .small-box{display:none}
.pro-c-top .pro-preview-left .preview-container .thumbnail-box{margin:0}
.pro-c-top .pro-preview-left .preview-container .thumbnail-box a{display:none}
.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list,.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0;outline:0}
.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
.pro-c-top .pro-preview-right{margin-bottom:0;padding:4vw 0}
.pro-c-top .pro-preview-right .pro-name{font-size:4vw}
.pro-c-top .pro-preview-right .pro-price,.pro-c-top .pro-preview-right .pro-views{font-size:4vw;margin:1.3333333333vw 0}
.pro-c-top .pro-preview-right .share-btn-list{margin:4vw 0}
.pro-c-top .pro-preview-right article{font-size:3.2vw;line-height:4.8vw;margin-right:0}
.pro-c-top .pro-preview-right .btn-list{justify-content:space-between;margin-top:4vw}
.pro-c-top .pro-preview-right .btn-list .btn-list .LayImAhrefNode,.pro-c-top .pro-preview-right .btn-list .btn-list .btn,.pro-c-top .pro-preview-right .btn-list .pdown1,.pro-c-top .pro-preview-right .btn-list .pdown2,.pro-c-top .pro-preview-right .btn-list .pdown3{width:47%}
.pro-c-top .pro-preview-right .btn-list .btn,.pro-c-top .pro-preview-right .btn-list .pdown2{height:6.6666666667vw;width:40vw;margin:4vw 0}
.pro-c-top .pro-preview-right .btn-list .btn span,.pro-c-top .pro-preview-right .btn-list .pdown2 span{font-size:4vw}
.pro-c-top .singglepic{width:100%!important;height:auto!important;margin-bottom:0!important;border:none!important}
.pro-c-top .singglepic img{max-width:100%;max-height:100%}
.pro-c-info{margin:0;padding:4vw}
.pro-c-name{font-size:20px;margin:4vw 0}
.product-content-price{margin-bottom: 10px;}
#gallery .swiper-pagination-bullet{background:#000;opacity:.2}
#gallery .swiper-pagination-bullet-active{background:#0078d7;opacity:1}
.pro-c-main article{padding:0 4vw}
.pro-c-art{margin-top:4vw}
.pro-c-art .inquiry,.pro-c-art .link-wrap{padding:0 4vw}
.pro-rel-top{margin:4vw 0}
.pro-c-art .content-c-tit,.pro-rel-top .pro-rel-tit{font-size:20px}
.pro-rel{padding:4vw}
.preview-container{margin-left:0}
.pro-c-info{width:100%}
.pro-c-con{margin:0 0 4vw}
.pro-c-banner{display:none}
.addToCart,.btn-list .LayImAhrefNode,.btn-list .btn,.pdown1,.pdown2,.pdown3{width:47%}
.btn-list .LayImAhrefNode>a,.btn-list .btn>a,.pdown1>a,.pdown2>a,.pdown3>a{width:100%}
}
h1,h2,h3,h4,h5,h6,strong{font-weight:700}
.pro-rel-item .pro-name{margin-bottom:0}
.pro-c-main .pro-rel-item:hover{transform:translatey(-5px);transition:.3s transform;box-shadow:-1px 1px 28px 0 rgb(174 175 177 / 55%)}
.head-wrapper{height:100%}
.head-logo img{max-height:100%}
.head-logo a{height:100%;display:block}
.head-logo a{display:flex;align-items:center}
.part-list{flex-wrap:wrap}
.prolist-top+.bottom-wrap{margin-bottom:35px}
.singglepic{width:450px!important;height:450px!important}
@media screen and (max-width:768px){
.content-list0 .content-img{height:auto}
.content-list0 .content-img img{width:100%;height:auto}
.content-list0 .content-img a{display:flex;width:100%;height:100%}
.content-list0 .content-item{height:auto}
.content-list0 .content-more{width:100%;box-sizing:border-box}
}
.contact-icon{min-width:55px}
.project-list{display:flex;flex-direction:column}
.project-list li{width:100%;display:flex;height:230px;margin-right:0;flex-wrap:wrap;align-content:flex-start;background:#fff;margin-bottom:30px}
.project-list li:hover{transition:box-shadow .3s;box-shadow:-1px 2px 32px 0 rgb(174 175 177 / 55%)}
.project-list li .project-img{width:230px;height:230px;margin-right:30px}
.project-info{display:flex;align-items:center}
.project-info a{padding:24px;display:flex;flex-direction:column;width:100%;justify-content:space-evenly}
.project-name{font-size:16px;color:#333;font-weight:700;margin-bottom:20px}
.project-img a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.project-img a img{max-height:100%;max-width:100%}
.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}
.prolist-0 .pro-info article{max-width:800px}
@media (max-width:1700px){
.prolist-0 .pro-info article{max-width:600px}
}
@media (max-width:1240px){
.prolist-0 .pro-info article{max-width:450px}
}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
@media screen and (max-width:768px){
.banner img{display:block;height:100%;object-fit:cover}
}
@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?t=1630980291735) format('woff'),url(../fonts/addicon.ttf?t=1630980291735) 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}
.project-info{flex:1}
@media (min-width:769px){.head-nav>ul .submenu{display:block}}
#index4-news .more-btn{width:200px;height:55px;line-height:55px;text-transform:uppercase;font-family:Lato;font-weight:700;color:#fff;display:block;font-size:14px;margin:30px auto 0;background:#282828;border-radius:3px;text-align:center}
#index4-news .news-item{width:calc(25% - 41.25px)!important;flex-direction:column!important;height:auto!important}
#index4-news .news-list{height:auto;flex-direction:inherit}
#index4-news .news-item .news-img{padding-bottom:100%;flex:inherit!important}
#index4-news .news-img img{height:100%;position:absolute;top:0;left:0;object-fit:contain}
#index4-news .news-item .news-info{height:auto!important;padding:20px;box-sizing:border-box}
#index4-news .news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:inherit}
#index4-news .news-title{margin-bottom:10px}
#index4-news .news article{margin-bottom:20px}
#index4-news .news-more{display:inline-block}
@media screen and (max-width:1240px){
#index4-news .more-btn{margin:0 auto 30px}
#index4-news .news-item{width:calc(50% - 20px)!important}
}
@media screen and (max-width:768px){
#index4-news .news-item{margin-bottom:20px}
#index4-news .news-item .news-img{width:100%}
#index4-news .news-item .news-info{width:100%;padding:15px}
}@media(max-width:768px){.pro-c-main article img,.about-main 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{padding-bottom:calc(16vw + constant(safe-area-inset-bottom));padding-bottom:calc(16vw + env(safe-area-inset-bottom))}iframe,video{max-width:100%;max-height:380px;}}@media(max-width:1441px){img{height:auto;max-width:100%;}}.download-list li{padding-left: 20px;box-sizing: border-box;width:100%;height:137px;display:flex;align-items:center;background-color:#fbfbfb;margin-bottom:30px}.download-img{height:100%;width:228px;display:flex;align-items:center}.download-img img{max-height:100%;max-width:100%}.download-info{display:flex;align-items:center;color:#777;margin-left:30px}.download-btn{margin-left:auto;margin-right:30px;width:154px;height:40px;background-color:#0078d7;color:#fff;display:flex;justify-content:center;align-items:center}.download-btn:hover{color:#fff}.video-list{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap}.video-list li{transition:.3s ease box-shadow,.3s ease transform;width:calc(33.333% - 30px);margin-right:30px;margin-bottom:40px}.video-img{width:90px;height:90px;display:flex;justify-content:flex-start;align-items:center}.video-list .video-img{width:100%;height:auto}.video-list .video-img a{width:100%;height:100%}.video-img img{max-height:100%;max-width:100%;display:block;width:100%}.video-info{padding:0 10px 10px;box-sizing:border-box}.video-name{font-size:18px;font-weight:700;color:#222;line-height:40px}.video-in{font-size:14px;color:#222}.video-in,.video-name{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:768px){.mobile-bottom{z-index:500}.head{z-index:999}}#jljw_IM_GdImBox{z-index:900!important}.compare-panel.is-bottom{bottom:calc(16vw + constant(safe-area-inset-bottom));bottom:calc(16vw + env(safe-area-inset-bottom))}.foot-right p{font-size:14px}.foot-right a{margin-left:20px}.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(../img/about_li.png) no-repeat; background-position: 2px; } .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: 0.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: bold; position: absolute; top: -8px; left: 50%; color: #888; opacity: 0.1; transform: translateX(-50%); } .solution .sol-icon:before { content: ''; position: absolute; top: 50%; left: 100%; width: 100%; height: 30px; background: url('../img/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: bold; 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: bold; 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: bold; color: #222; padding: 20px; } .ck-add .ti .ti-con { flex: 1; } .ck-add .ti .ti-img { width: 100%; margin: 10px 0; } .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: bold; 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: 0 auto; } .ck-add .ho .r .ho-right, .ck-add .ho .l .ho-left { 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: bold; } .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 0; } .ck-add .rd .rd-img-list { flex-direction: column; } .ck-add .rd .rd-img { padding: 0; } .ck-add .ch-item.r, .ck-add .ch-item.l { flex-direction: column; } .ck-add .ch-item > div { width: 100%; } }.faq-list .project-info{flex-direction:column}.project-list.faq-list li{padding:40px 20px;box-sizing:border-box;height:auto}.faq-list .project-info{flex-direction:column}@media screen and (max-width:768px){.app,.ck-add,.solution,.support{padding-top:4vw}.app .app-box,.app .app-list{flex-direction:column}.app .box-l{margin-bottom:1em}.app .box-r{padding-left:0}}@media screen and (max-width:1500px){.solution .icon-list{flex-wrap:wrap}.solution .icon-list>div{flex:auto}.solution .sol-icon{width:50%;margin:0;margin-bottom:4vw}.solution .sol-box{flex-direction:column}.solution .sol-box>div{width:100%}}@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){.app,.case,.solution,.support{padding:4vw}.applic-list{padding:6vw 0}.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){.project-list li .project-img{width:100%;height:auto;padding-left:0}}@media screen and (max-width:768px){.project-list li .project-img{width:100%;height:auto;padding-left:0}}@media screen and (max-width:768px){.project-list li .project-img{margin-right:0}}@media screen and (max-width:768px){.app,.case,.solution,.support{padding:0}.banner-wrap{align-items:center}}@media screen and (max-width:768px){.ck-add .ps-con p,.common-main article p{line-height:1.6em}.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left,.ck-add .ti .ti-tit{padding:10px 0}.ck-add .ce-list>div{width:50%;margin-bottom:10px}.ck-add .dh-con h4{text-align:left}.app,.case,.solution,.support{padding-top:4vw}}.project-list.faq-list li{background:0 0;border-bottom:1px solid #e8e8e8}.faq-list.project-list li:hover{transition:box-shadow .3s;box-shadow:none}.faq-list .project-info{align-items:flex-start;padding-left:20px}.faq-list .project-content,.faq-list .project-name{position:relative}.faq-list .project-name:after{content:"Q:";font-weight:400;position:absolute;left:-20px}.faq-list .project-content:after{content:"A:";position:absolute;top:0;left:-20px}.addToCart.is-active{background:#0078d7;}.addToCart.is-active span{color:#fff;}@media screen and (max-width:768px){.cate{display:block}.cate .cate-list{flex-wrap:wrap}.cate .cate-item{width:50%}.cate-name{font-size:16px;padding:0 10px}.cate-btn{width:auto;height:auto;line-height:initial}}@media screen and (max-width:768px){.cate-btn{padding:10px}}.cate-img{min-height:120px}.wmkc-base-table{display:flex;justify-content:space-between}
.wmkc-base-box{width:23%;background-color:#f6f6f6;text-align:center}
.wmkc-base-img img{width:100%}
.wmkc-base h4{margin-bottom:67px;color:#0d0d0d;text-align:center;font-weight:700;font-size:36px}
.wmkc-base-si{padding:60px 0 0 0}
.wmkc-base-si p:nth-child(1){text-align:center;font-size:18px}
.wmkc-base-p{font-size:14px}
.wmkc-base-g{margin:0 auto;margin-bottom:40px;width:10%;height:2px;background-color:#0d0d0d}
.wmkc-history-table{text-align:center}
.wmkc-history-table p:nth-of-type(1){margin-bottom:20px;color:#222;font-weight:700;font-size:30px}
.wmkc-history-table p:nth-of-type(2){margin-bottom:20px;color:#222;line-height:1.5}
.wmkc-history-our{display:flex;align-items:center;margin:55px auto 0}
.wmkc-history-viode{flex:1}
.wmke-history-size{width:50%}
.wmke-history-size p:nth-child(1){color:#222;font-size:20px}
.wmkc-history-p{margin-right:70px;margin-bottom:20px;color:#222;font-size:16px;line-height:1.5}
.wmkc-history-h{margin-top:30px;margin-bottom:30px;width:10%;height:2px;background-color:#0078d7}
.wmkc-history-button{margin-top:40px;padding:20px 0;max-width:160px;background-color:#0078d7;color:#fff;text-align:center;font-weight:800}
.wmkc-history-img{display:flex;margin-top:70px}
.wmkc-history-all{position:relative;width:33.3%}
.wmkc-history-yy{position:absolute;top:0;width:100%;height:100%;background-color:#000;text-align:center;opacity:.6}
.wmkc-history-yy p{margin-top:43%;color:#fff;font-weight:700;font-size:25px;opacity:1}
.wmkc-history-iopnt{height:100%}
.wmkc-history-iopnt img{width:100%;height:100%}
.wmkc-history-tab{text-align:center}
.wmkc-history-tab p:nth-of-type(1){margin-bottom:20px;color:#222;font-weight:700;font-size:30px}
.wmkc-history-tab p:nth-of-type(2){margin-bottom:20px;color:#222;line-height:1.5}
.wmkc-history-cul{display:flex;padding:45px 60px;background-color:#fff;justify-content:space-between}
.wmkc-history-box{width:32%}
.wmkc-history-ta{margin-top:60px;margin-bottom:60px}
.wmkc-history-box p:nth-of-type(1){margin-bottom:30px}
.wmkc-history-box p:nth-of-type(2){margin-bottom:20px;font-size:12px}
.wmkc-history-box p:nth-of-type(3){margin-bottom:30px;font-size:14px;line-height:1.5}
.wmkc-honor{display:flex}
.wmkc-box-iig{margin-left:6px;width:4%}
.wmkc-box-iig img{width:100%}
.wmkc-honor-patents{margin-bottom:50px;color:#222;text-align:center;font-weight:700;font-size:22px}
#page-history,#page-honor{width:80%}
.wmkc-box-on{position:relative}
.wmkc-box-on .swiper-button-next,.wmkc-box-on .swiper-button-prev{width:53px;height:53px;border:1px solid #0078d7;border-radius:30px;background-color:#fff;background-size:15px;color:#0078d7;text-align:center;line-height:50px}
#page-history .swiper-slide,#page-honor .swiper-slide{display:flex;padding:0 30px;width:250px;flex-direction:column;justify-content:space-between;box-sizing:border-box;text-align:center}
.wmkc-honor img{margin:auto;width:100%}
#page-history .swiper-slide p,#page-honor .swiper-slide p{margin-top:30px;text-align:center;font-size:15px}
.wmkc-box-ra{width:15px;height:15px;border:3px solid #ebebeb;border-radius:30px;background-color:#f2f6f7}
.wmkc-box-rb{width:auto;height:2px;background-color:#eaeaea}
.wmkc-box-rd p:nth-of-type(1){color:#0078d7;text-align:left;font-weight:800;font-size:28px}
.wmkc-box-rd p:nth-of-type(2){margin-top:10px;margin-bottom:20px;font-size:16px;line-height:1.5;text-align:left}
.wmkc-honor-bit p{margin-bottom:70px;font-size:28px;text-align:center}
@media (max-width:768px){
.wmkc-base-table,.wmkc-history-cul,.wmkc-history-img,.wmkc-history-our{flex-direction:column}
.wmkc-history-box,.wmke-history-size{width:100%}
.wmkc-history-p{margin-right:0}
.wmkc-history-button{margin:10px 0 20px}
.wmkc-history-all{width:100%}
.wmkc-history-box{margin-top:20px;margin-bottom:20px}
.wmkc-history-table p:nth-of-type(1){margin-top:20px;font-size:24px}
.wmkc-history-tab p:nth-of-type(1){font-size:24px}
#page-history .swiper-slide,#page-honor .swiper-slide{padding:0}
.wmkc-honor img{width:60%}
.wmkc-base-box{width:100%;margin-bottom:40px}
.wmkc-history-cul{padding:45px 10px}
.wmkc-box-rd p:nth-of-type(2){padding:10px 30px}
.wmkc-honor-bit{margin-top:30px}
.wmkc-base,.wmkc-base-si,.wmkc-honor-patents{padding-top:30px}
}
@media (max-width:415px){
#page-history .swiper-slide,#page-honor .swiper-slide{width:100%}
.wmkc-box-on .swiper-button-next,.wmkc-box-on .swiper-button-prev{width:30px;height:30px;background-size:12px}
}
@media (max-width:320px){
.wmkc-base-table,.wmkc-history-cul,.wmkc-history-img,.wmkc-history-our{flex-direction:column}
.wmkc-history-table{margin-top:10px}
.wmkc-base-box{margin-bottom:30px}
.wmkc-base h4{margin-top:20px;margin-bottom:20px;font-size:24px}
.wmkc-history-all,.wmkc-history-box,.wmke-history-size{width:100%}
.wmkc-history-button{margin:auto;margin-bottom:30px;width:50%}
.wmke-history-size p:nth-child(1){text-align:center;font-size:16px}
.wmkc-history-table p:nth-of-type(1){font-size:24px}
.wmkc-history-cul{padding:20px 10px}
.wmkc-history-h{margin:auto;margin-top:10px;margin-bottom:10px}
.wmkc-history-yy p{font-size:20px}
}@media(max-width:768px){
#xyz{width:100%;height:auto;padding:10px;box-sizing:border-box}
.xyz12{position:static;margin:0}
.xyz12 span{display:none}
.xyz12 ul{border:none;display:flex;flex-wrap:wrap}
.xyz12 ul>li{width:33.33%;display:block;padding:0 5px;box-sizing:border-box}
}