/* @import url('../iconfont/iconfont.css?111'); */

:root{
    --main-width:1200px;
    --main-padding:30px;
    --text-color:#000;
    --main-color:rgb(218,32,50);
    --main-color-rgb:218,32,50;
    --nav-bg-red:213,44,38;
    --nav-bg-gray:83,82,82;
    --nav-bg-blue:11,44,116;
    --header-height:95px;
    --header-padding:40px;
    --logo-width:155px;
    --article-color:#374151;
    --margin-top50:50px;
    --margin-top30:30px;
    --gap:8px;
    --fg-background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .9));
}

*{padding:0px;margin:0px;box-sizing:border-box}
html{background:#fff}
body{font:14px 微软雅黑;background:#fff;color:var(--text-color);width:100%;overflow-x:hidden;line-height:1.8;}
body *{scrollbar-width:thin;scrollbar-color:#ddd #eee}
img,video{border:none;object-fit:cover;width:100%;transition:all .5s}
a{color:var(--text-color);text-decoration:none}
a:hover{color:var(--main-color);}
ul,li{list-style:none}
input,select,button,textarea{font:14px Verdana,Arial,Tahoma;vertical-align:middle;outline:0px;background:#fff}
input[type="number"]{-moz-appearance:textfield}
h1,h2,h3,h4,h5,h6{font-size:14px;}
i,em{font-style:normal}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;background: #e1e1e1;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow:hidden;}
.hvr-shutter-out-horizontal:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #1260c4;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {color: white!important;}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.lines1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lines2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lines3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.trany{transition:.3s}
.trany:hover{transform:translateY(-3px)}
.body_overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.4);z-index:990;display:none}

.btn-fill{background:var(--main-color);color:#fff;border:1px var(--main-color) solid;height:40px;}
.btn-fill:hover{color:#fff;}
.btn-line{border:1px var(--main-color) solid;color:var(--main-color);height:40px;}
.btn-line:disabled{border-color:rgba(var(--main-color-rgb), .5);color:rgba(var(--main-color-rgb), .5);}

.flex{display:flex;}
.flexc{display: flex;align-items: center;}
.flexcsb{display:flex;align-items: center;justify-content: space-between;}
.flexcc{display:flex;align-items: center;justify-content: center;}
.flexsb{display:flex;justify-content: space-between;}
.flexdc{display:flex;flex-direction: column;}
.flex_cols{display: flex;flex-wrap: wrap;gap: var(--gap);}
.flex_cols > *{flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));}

.aspect_video{aspect-ratio: 16/9;object-fit: contain;}

.more{text-transform: uppercase;font-weight:700; display: inline-flex; max-width: fit-content;justify-content:center;align-items: center;gap:6px;cursor:pointer;}
.more.light{color:#fff;}
.more.light:hover{color:var(--main-color);}
.more.black{color:#fff;padding:5px 15px;background:var(--text-color);}
.more.black:hover{background:var(--main-color);}

.icon-leftarrow.right{transform: rotate(180deg);}

.focus:focus{box-shadow: 0 0 3px 1px var(--main-color);}

.m{max-width:calc(var(--main-width) + (var(--main-padding) * 2));margin:0 auto;width:100%;padding:0 var(--main-padding)}
.m2{padding:0 var(--header-padding);}
.p_r{position:relative}
.d_n{display:none}
.f_l{float:left}
.f_r{float:right}
.c_b:after{content:'';display:block;clear:both}
.t_a_r{text-align:right}
.shadbox{box-shadow:0 0 16px rgba(0,0,0,0.1);}

.pic_zoom{overflow:hidden}
.pic_zoom .pic{overflow:hidden;}
.pic_zoom img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.pic_zoom:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.pic_gallery .pic{position:relative;}
.pic_gallery .pic:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;height: 50%;background-color: #0000001a;visibility: hidden;opacity: 0;transition: all .3s;z-index: 9;}
.pic_gallery .pic:after{font-family:'iconfont';content:'\e61b';position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:45px;color:#fff;opacity: 0;z-index:10;transition: all .3s;}
.pic_gallery .pic:hover:before{visibility: visible;  opacity: 1;  width: 100%;  height: 100%;}
.pic_gallery .pic:hover:after{opacity: 1;}

.pic_video .pic{position:relative;}
.pic_video .pic:before{content:'';position:absolute;background:rgba(0,0,0, 1);opacity:0; z-index:1;width:20%;height:20%;transition: .3s;left:50%;top:50%;transform: translate(-50%,-50%);}
.pic_video .pic:after{content:'\e80f';font-family: 'iconfont';position:absolute;left:20px;top:20px;line-height:1;z-index:2;font-size:40px;color:#fff;transition: .3s;opacity:.8;}
.pic_video .pic:hover:before{opacity: .2;width:100%;height:100%;}
.pic_video .pic:hover:after{left:50%;top:50%;transform:translate(-50%, -50%);font-size:50px;opacity: 1;}

.standoutText{color:#00a8ff;font-weight:700}
.negativeText{color:#ff6600;font-weight:700}
.positiveText{color:#199c44;font-weight:700}
.backgroundText{color:#999}

.iconfont:before{vertical-align:middle}

.mbox{display:flex;align-items:flex-start;}
.mbox .aside{border:1px #dae2e6 solid;width:260px;flex-shrink: 0;margin-right:25px;}
.mbox .right{flex:1 0 0;padding-bottom:40px;}

.tita{margin:var(--margin-top30) 0;font-size:18px;font-weight:700;color:var(--main-color);text-align:center;text-transform: uppercase;}
.titb h3{font-size:30px;font-weight:400;}
.titb p a{font-weight:700;}

.tit span{display:block;}

.requestbtn{padding:0 30px;line-height:45px;background:#1649cc;color:#fff;display:block;font-size:16px;border-radius:30px;text-align:center;}

.slide{position:relative;}
.slide .prevnext{position:absolute;display:flex;justify-content: space-between;height:0;width:100%;left:50%;top:50%;transform: translate(-50%,-50%);z-index:99;margin-top:-30px;}
.slide .prev, .slide .next{display:flex;justify-content: center;align-items: center;cursor:pointer;border-radius:50%;width:60px;height:60px;background-color: rgba(0,0,0,0.5);color:#fff;opacity: 0;transition: all ease .25s;}
.slide .prevnext i{font-size:24px;}
.slide .prev:hover, .slide .next:hover{background:rgba(0,0,0,.8);}
.slide .prevnext .prev:hover i,.slide .prevnext .next:hover i{color:#fff;}
.slide .prev{transform:rotate(180deg) translateX(50px);}
.slide .next{transform:translateX(50px);}
.slide:hover .prev{transform:translateX(0);opacity: 1;}
.slide:hover .next{transform:translateX(0);opacity: 1;}
.slide:hover .prev i{transform:rotate(90deg);}
.slide:hover .next i{transform:rotate(-90deg);}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

.piclist{--gap:30px;--cols:4;}
.piclist .item{color:var(--text-color);padding-bottom:60px;position: relative;display:block;height:100%;}
.piclist article .pic{padding:16px;aspect-ratio: 1/1;width:100%;}
.piclist article .pic img{display:block;height:100%;object-fit: contain;}
.piclist article .tit{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:8px;}
.piclist article .more{background:#000000;color:#fff;position:absolute;left:0;bottom:0;}
.piclist article p{word-break: break-all;}
.piclist article:hover .more{background:var(--main-color);}


.docs dl{margin-top:15px;}
.docs dt{border-bottom:2px var(--text-color) solid;text-transform: uppercase;font-weight:700;font-size:12px;}
.docs dd a{display:block;padding:8px 0;border-top:1px var(--text-color) solid;display:flex;justify-content: space-between;align-items: center;}
.docs dd a:nth-child(1){border:0;}
.docs dd a:after{content:'\ea91'; font-family: 'iconfont';font-size:18px;}

.plang{margin-top:120px;margin-bottom:20px;text-align:center;font-size:12px;}
.plang,.plang a{color:rgba(0,0,0,.1);}
.plang a:nth-child(n+2):before{content:'|';padding:0 5px;}

/* header start */
.header_placeholder{height:var(--header-height);}
.header{width:100%;height:var(--header-height);background:#fff;position:fixed;left:0;top:0;z-index:9;padding:0 var(--header-padding);}
.header .logo{display:block;height:90%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:2;width:var(--logo-width);}
.header .logo img{height:100%;object-fit: contain;}
.header .nav{display:none;}

.hdl{gap:30px;}
.hdl .hambur{position:relative;width: 30px;height: 25px;cursor: pointer;transition: right, background 250ms ease;}
.hdl .hambur span{background: #404040;height: 3px;width:100%;position: absolute;left:0;}
.hdl .hambur span:nth-child(1){top:0;}
.hdl .hambur span:nth-child(2){top:11px;}
.hdl .hambur span:nth-child(3){bottom:0;}
.navshow .hdl .hambur span{transition:top 150ms ease-out 0ms, transform 150ms ease-out 150ms;}
.navshow .hdl .hambur span:nth-child(1){top:11px;transform: rotate(45deg);}
.navshow .hdl .hambur span:nth-child(2){transform: scaleX(0);}
.navshow .hdl .hambur span:nth-child(3){bottom:11px;transform: rotate(-45deg);}
.hdl .search{gap:7px;cursor: pointer;width: 200px;height: 32px;border: 1px solid #404040;border-radius: 16px;font-size: 15px;font-weight: bold;letter-spacing: 0.4px;padding: 0 10px;}
.hdl .search:hover{color:var(--main-color);}
.hdr .lang{gap:4px; position: relative;cursor:pointer;}
.hdr .lang .icon-diqiu{font-size:24px;}
.hdr .lang span{font-weight:700;text-transform: uppercase;}
.hdr .lang .sub{display:none;font-size:16px;position:absolute;top:50px;left:50%;transform: translateX(-50%);padding:15px 40px;background:#fff;box-shadow:0 0 15px 5px rgba(0,0,0,.1);line-height:2.2;}
.hdr .lang .sub a{display:block;font-weight:700;white-space: nowrap;}
.hdr .lang.active .sub{display:block;}
.hdr .lang:hover,.hdr .lang.active{color:var(--main-color);}
.navshow .hdl{z-index:2;}
.navshow .logo{display:none;}
.navshow .nav{display:flex;}

.searchfix{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:1;padding-top:var(--header-height);}
.searchfix .hd{position:relative;margin-top:10px;}
.searchfix .hd .tit{text-align:center;font-size:18px;color:var(--main-color);}
.searchfix .hd .close{position:absolute;right:0;top:50%;transform: translateY(-50%); gap:5px;cursor:pointer;}
.searchfix .hd .close span{font-weight:700;text-transform: uppercase;}
.searchfix .hd .close i{font-size:12px;}
.searchfix .hd .close:hover{color:var(--main-color);}
.searchfix .bd{position:relative;margin-top:6px;}
.searchfix .bd .keyword{appearance: none;padding-left:40px;background: #fff;border: 1px solid #d6d6e7;border-radius: 3px;box-shadow: rgba(119,122,175,.3) 0 1px 4px 0 inset;caret-color: #5a5e9a;height:40px;color: #23263b;width: 100%;}
.searchfix .bd .iconfont{position:absolute;left:12px;top:50%;transform: translateY(-50%);color:#5a5e9a;}
.searchfix .bd .keyword:focus{border-color: #3c4fe0;box-shadow: rgba(35,38,59,.05) 0 1px 0 0;outline: currentcolor none medium;}
.searchfix.active{display:block;}

.nav{position:absolute;width:100vw;height:100vh;left:0;top:0;z-index:1;background:#fff;display:none;}
.nav .logo{display:block;position:relative;left:auto;top:auto;transform: translate(0,0);}
.nav .bg{flex:1 1 0%;}
.nav ul{width:100%;min-width:450px;max-width:450px;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;margin-top:var(--header-height);padding:10px 110px 0 var(--header-padding);}
.nav li{margin-bottom:16px;}
.nav li.nosub{margin-bottom:0;}
.nav .top{color:#94a3b8;font-weight:700;margin-bottom:5px;}
.nav .parent{font-size:18px;font-weight:700;padding:6px 0;cursor:pointer;}
.nav .parent i{transition: .3s;}
.nav .parent.active i{transform: rotate(180deg);}
.nav .parent:hover{color:var(--main-color);}
.nav .sub{display:none;}
.nav .sub.show{display:block;}
.nav a{display:block;}
.nav .wemedia{gap:6px;margin-top:16px;}
.nav .wemedia .iconfont{font-size:26px;}

.breadcrumb{text-transform: uppercase;}
.breadcrumb span{margin:0 10px;}
.breadcrumb a:last-child{font-weight:700;}

.claphd{padding:25px var(--header-padding);border-top:1px var(--text-color) solid;border-bottom:1px var(--text-color) solid;}
.claphd .tit{margin-top:40px;font-size:48px;font-weight:700;line-height:1;}
.claphd .txt{color:#666;font-weight:400;margin-top:15px;}
.claphd.black{background:#000;}
.claphd.black,.claphd.black .breadcrumb a{color:#fff;}

.prophd{background:#f1f5f9;border:0;}

.pronav{display:block;position:relative;height:auto;}
.pronav ul{margin:0;max-width:100%;gap:30px;padding:10px var(--header-padding);}
.pronav li{margin:0;}
.pronav .parent{gap:15px;}

.subcate{padding-top:15px;padding-bottom:15px;gap:15px;border-bottom:1px var(--text-color) solid;}
.subcate .bd p{gap:15px;font-size:18px;font-weight: 700;}
.subcate .bd p:nth-child(2){margin-left:auto;}
.subcate .bd p .active{color:var(--main-color);}
.subcate .bd p a{gap:5px;}

.foot .m{max-width:1600px;}
.foot .box{break-inside: avoid;margin-bottom:15px;}
.foot .boxa{width:256px;}
.foot .boxb{width:480px;}
.foot .logo{width:100px;}
.foot .iso{margin-top:20px;gap:12px;}
.foot .iso img{width:80px;}
.foot .dec{column-count:2;}
.foot .links{column-count:3;flex-grow:1;}
.foot .links a{display:block;}
.foot .fta{padding-top:30px;}
.ftb{margin-top:25px;padding:25px 0;border-top:1px var(--text-color) solid;border-bottom:1px var(--text-color) solid;}
.ftb dt{font-weight:700;}
.ftb dd{gap:10px;line-height:1.5;}
.ftb dd .iconfont{font-size:28px;}
.ftc{font-size:12px;margin-top:25px;margin-bottom:25px;}
.ftc a{font-size:12px;font-weight:600;}

.icomone{text-align:center;font-size:16px;text-transform: uppercase;color:var(--main-color);font-weight:700;}
.islider{margin-top:var(--margin-top30);margin-left:calc( (100% - var(--main-width))/2 );}
.islider .swiper{padding:64px 0;}
.islider .item .m{position:absolute;left:0;top:50%;transform: translateY(-50%);}
.islider .media img{height:340px;}
.islider .desc{width:550px;height:340px;color:#fff;padding:30px 0;font-weight:600;justify-content: flex-end;gap:20px;}
.islider .desc h2{font-size:48px;line-height:1;}
.islider .desc p{font-size:16px;line-height:1.5;}
.islider .desc em{gap:6px;text-transform: uppercase;font-size:16px;}
.islider .desc em i{transform: rotate(180deg);}
.islider .fg{width:600px;}
.islider .prevnext{position:absolute;left:0;bottom:15px;z-index:99;font-weight:700;text-transform: uppercase;padding-left:0;padding-right:calc(var(--main-padding) * 2);}
.islider .prevnext .next,.islider .prevnext .prev{gap:5px;cursor:pointer;}
.islider .prevnext .next{flex-direction: row-reverse;}
.islider .prevnext .next i{transform: rotate(180deg);}
.islider .prevnext .next:hover,.islider .prevnext .prev:hover{color:var(--main-color);}
.smallSwiper{margin-top:var(--margin-top30);}
.smallSwiper .desc{cursor:pointer;}
.smallSwiper .desc:before{content:'';display:block;width:40px;height:1px;background:var(--text-color);}
.smallSwiper .desc p{margin:8px 0 10px;}
.smallSwiper .desc strong{font-size:18px;}
.smallSwiper .swiper-slide-thumb-active{color:var(--main-color);}
.smallSwiper .swiper-slide-thumb-active .desc:before{background:var(--main-color);}

.hotpros{margin-top:var(--margin-top30);}
.hotpros ul{--gap:1px;--cols:2;}
.hotpros li{position:relative;color:#fff;}
.hotpros li img{aspect-ratio: 6/5;}
.hotpros li .fg{position:absolute;left:0;bottom:0;width:100%;align-items: center;padding:30px;background:var(--fg-background);}
.hotpros li h3{order:1;font-weight:400;text-transform: uppercase;}
.hotpros li h2{order:2;font-size:30px;font-weight:700;line-height:1.2;}
.hotpros li .more{order:3;}

.icate dt{background:#1e293b;width:50%;color:#fff;padding:30px;font-size:16px;}
.icate .nav{position:relative;display:block;width:50%;height:auto;padding:15px 30px;}
.icate .nav ul{max-width:100%;min-width:100%;padding:0;margin-top:0;}
.icate dd a{display:block;}

.ibanner{margin-top:var(--margin-top50);position:relative;}
.ibanner .bg img{object-fit: contain;}
.ibanner .bg img,.ibanner .bg video{aspect-ratio: 12/5;display:block;}
.ibanner .fg{position:absolute;left:50%;bottom:0;transform: translateX(-50%); width:calc(100% - (var(--main-padding) * 2));color:#fff;padding:25px 30px;text-align:center;background:var(--fg-background);}
.ibanner .fg h2{font-size:30px;line-height:1;margin:16px 0 10px;text-shadow: rgb(10, 10, 10) 0px 0px 2px;}
.ibanner .fg p{text-transform: uppercase;}

.industry .img{flex:0 0 48%;position:relative;}
.industry .img img{display:none;}
.industry .img .active{display:block;}
.industry .img .arrows{display:none;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.4);width:100%;color:#fff;padding:5px 10px;}
.industry .img .arrows i{padding:0 5px;}
.industry .img .arrows .next{transform: rotate(180deg);}

.industry .txt{width:100%;}
.industry .txt ul{width:68%;}
.industry .txt li{margin-top:15px;cursor:pointer;padding-left:25px;}
.industry .txt h3{font-size:20px;font-weight:700;position:relative;}
.industry .txt h3:before{content:'+';position:absolute;left:-22px;top:50%;transform:translateY(-50%);display:none;}
.industry .txt li.active h3{color:var(--main-color);}
.industry .txt li.active h3:before{display:block;}
.industry .txt li.active p{display:block;}
.industry .txt p{display:none;}

.ievents{flex:0 0 22%;}
.ievents .tit a{font-weight:600;}
.ievents ul{margin-top:15px;}
.ievents ul li{padding:15px 0;border-top:1px var(--text-color) solid;}
.ievents ul p{font-size:13px;}

.inews{margin-left:50px;width:100%;}
.inews ul{--gap:16px;--cols:3;}
.inews li{margin-top:16px;line-height:1.5;}
.inews li h3{margin:15px 0;font-size:16px;}
.inews li img{aspect-ratio: 4/3;}
.inews .item:hover p{color:var(--text-color);}

.isupport li a{border-bottom:2px var(--text-color) solid;padding:25px 0 5px;}
.isupport li strong{font-size:30px;}
.isupport li .iconfont{font-size:24px;}

.iabout{padding-top:30px;}
.iabout dl{gap:30px;}
.iabout dt{flex:0 0 48%;}
.iabout img{aspect-ratio:5/4;}
.iabout dd{gap:15px;line-height:1.6;}
.iabout dd h3{font-size:24px;line-height:1.5;}

.icontact{border-bottom:1px var(--text-color) solid;background:#f1f5f9;}
.icontact .img{flex:0 0 50%;font-size:0;}
.icontact .img img{aspect-ratio: 4/1;}
.icontact .txt{width:100%;padding:15px 40px;}
.icontact .txt h3{font-size:36px;font-weight:700;margin-bottom:15px;}


.clabanner{position:relative;}
.clabanner .bg img{aspect-ratio: 16/6;}
.clabanner .fg{position:absolute;left:0;top:0;width:100%;height:42%;text-align:center;padding-top:15px;font-size:18px;text-transform: uppercase;font-weight:700;color:#fff;background:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));}

.aboutus_we{max-width:800px;}
.aboutus_we .txt{color:var(--article-color);font-size:16px;}
.aboutus_we .txt p{margin-top:15px;}
.aboutus_tv{margin-top:60px;background:linear-gradient(rgba(0, 0, 0, 0) 50%, rgb(32, 35, 39) 50%, rgb(32, 35, 39) 100%);}
.aboutus_tv .m{max-width:800px;}
.aboutus_tv iframe,.aboutus_tv video{width:100%;display:block;}
.aboutus_hs{background:rgb(32, 35, 39);padding-top:60px;display:none;}
.aboutus_hs .tita{margin-top:0;}
.aboutus_gc{flex-wrap:wrap;}
.aboutus_gc .item{width:50%;}
.aboutus_gc img,.aboutus_gc video{aspect-ratio: 9/4.15;display:block;}
.aboutus_num .tita{padding:50px 0;}
.aboutus_num dl{display:flex;align-items: center; border-bottom:1px #e5e7eb solid;margin-bottom:30px;padding-bottom:30px;}
.aboutus_num dt,.aboutus_num dd{width:50%;}
.aboutus_num dt{text-transform: uppercase;}
.aboutus_num dd strong{font-size:60px;line-height:1.5;}
.aboutus_num dd p{font-style:italic;}

.contact{margin-top:var(--margin-top50);}
.contact .map iframe{width:100%;border:0;aspect-ratio: 16/6;}
.contact dl{border-bottom:1px var(--text-color) solid;padding:30px;}
.contact dt{font-size:24px;text-transform: uppercase;font-weight:700;}
.contact dd{font-size:16px;margin-top:10px;}
.contact dd p{padding:5px 0;}

.imglist{margin-top:var(--margin-top30);--gap:30px;--cols: 3;}
.imglist a p{margin-top:8px;font-weight:700;}
.imglist a img{aspect-ratio: 9/7;}

.newslist{padding-top:30px;--gap:30px;--cols:3;}
.newslist article .pic{aspect-ratio: 16/9;}
.newslist article .more{position:relative;margin-top:15px;}
.newslist .item{padding-bottom:0;}

.arcdetail{max-width:calc(1060px + (var(--main-padding) * 2))}
.archd{padding:60px 0 30px;}
.archd .info{width:20%;}
.archd .info strong:nth-child(2){margin-bottom:15px;}
.archd h1{font-size:35px;line-height:1.2;margin-bottom:15px;}
.archd .tit{width:56%;}
.arcbd{font-size:16px;color:var(--article-color);margin-top:20px;}
.arcbd *{width:auto!important;}
.arcbd img:not(.nofull){width:100%!important;}
.arcbd table{width:99.5%!important;border-spacing: 0px;}
.arcbd td,.arcbd td *{line-height:1.5em!important;vertical-align: middle;}
.arcbd td{word-break: normal!important;border:1px #666 solid!important;padding-left:5px;}
.arcbd p{margin-bottom:20px;}
.arcpage{margin-top:var(--margin-top30);padding-top:15px;border-top:1px var(--text-color) solid;text-transform: uppercase;}
.arcpage a:nth-child(1){flex-direction: row-reverse;}


.prodetail{background:#f8fafc;}
.prodetail .dleft{flex:0 0 50%;padding:var(--main-padding);background:#fff;height:calc(100vh - var(--header-height)); position: sticky;top:var(--header-height);}
.prodetail .dleft img{max-width:600px;aspect-ratio: 3/2;object-fit: contain;}
.prodetail .dright{max-width:800px;padding:var(--main-padding);line-height:1.2;gap:16px;overflow: hidden;}
.prodetail .protit{font-size:32px;text-transform: uppercase;}
.prodetail .prodesc{font-weight:400;line-height:1.8;}
.prodetail .prolink{gap:30px;text-transform: uppercase;padding:15px 0;border-top:1px var(--text-color) solid;border-bottom:1px var(--text-color) solid;}
.prodetail .prolink span{font-weight:700;}
.prodetail .prolink a{display:flex;align-items: center;gap:8px;}
.prodetail .prospec{gap:8px;line-height:1.8;}
.prodetail .prospec dl{display:flex;}
.prodetail .prospec dt{text-transform: uppercase;flex:0 0 35%;font-weight:700;}
.prodetail .protxt{margin-top:var(--margin-top30);line-height:1.8;overflow-x: scroll;}

.prodetail .profeature h3{font-size:16px;text-transform: uppercase;color:var(--main-color);margin:var(--margin-top30) 0 15px;}
.prodetail .profeature ul{padding-left:25px;}
.prodetail .profeature li{list-style-type: disc;padding-inline-start:5px;color:#666;margin:15px 0;}
.prodetail .profeature li::marker{color:#d1d5db;}

.proother{max-width:100%;border-top:1px #e5e7eb solid;margin-top:var(--margin-top30);position:relative;min-height:300px;padding:30px 0;}
.proother .boxname{position:absolute;left:30px;top:30px;text-transform: uppercase;font-size:16px;font-weight:700;writing-mode: vertical-lr;transform: rotate(180deg);}
.progallery dt{width:100%;margin-bottom:15px;}
.progallery dt img{aspect-ratio: 16/9;object-fit: contain;}
.progallery dd{--cols:9;--gap:1%;}
.progallery dd > *{aspect-ratio: 3/2;margin-bottom:16px;cursor:pointer;}

.profiles .m > div{width:48%;}
.profiles .btit{font-weight:700;font-size:16px;}

.manualList{margin-top:50px;}
.manualList a{display:flex;align-items: center;border-bottom:1px solid rgba(0,0,0,.1);}
.manualList a .icon-filedownload{font-size:30px;color:var(--main-color);}
.manualList a div:nth-child(2){margin-left:auto;}
.manualList a:before{content:'';width:6px;height:6px;border:2px var(--main-color) solid;margin-right:10px;}
.manualList .first{font-weight:600;text-transform: uppercase;border-bottom:1px solid rgba(0,0,0,.1);}

.manuals table{margin-top:12px;}
.manuals thead tr{border-bottom:2px var(--text-color) solid;}
.manuals thead th:nth-child(-n+2){text-align:left;}
.manuals td{text-align:center;padding:8px 0;}
.manuals tbody tr{border-top:1px var(--text-color) solid;}
.manuals tbody td:nth-child(-n+2){text-align:left;}
.manuals .iconfont{font-size:18px;}
.manuals .big{border:0;}
.manuals .big td{padding-top:12px;font-weight:700;}

.procontact{background:#f8fafc;}
.proform{max-width:96%;margin:0 auto;width:735px;}
.proform .tit{font-size:35px;font-weight:700;}
.proform .desc{font-size:16px;font-weight:700;margin-top:20px;}
.msgform ul{flex-wrap:wrap;}
.msgform li{width:48%;margin-top:25px;position:relative;}
.msgform li label{display:block;font-weight:700;}
.msgform li input[type='text'],.msgform li select,.msgform li textarea{background:#fff;width:100%;padding:0 8px;height:42px; border:1px var(--text-color) solid;}
.msgform li textarea{height:auto;padding:8px;resize:none;}
.msgform li .tip{color:#bc2525;position:absolute;left:0;top:70px;line-height:14px;}
.msgform li.full{width:100%;}
.msgform li.full label{display:inline-block;}
.msgform li.radio{background:#fff;border:1px var(--text-color) solid;margin-top:0;padding:8px;gap:5px;}
.msgform li.radio:nth-child(2){border-top:0;}
.msgform li.checkbox{gap:5px;margin-top:10px;}
.msgform li .more.black{border:0;padding:12px 30px;font-size:18px;}
.msgform ul li:last-child{text-align:center;}


.prorelated{margin-top:0;}

.propbd{border-top:1px var(--text-color) solid;position:relative;}
.promenu{padding:0 25px;flex:0 0 20%;align-self: flex-start;position: sticky;top:var(--header-height);display:none;}
.promenu dl{border-top:1px #e5e7eb solid;}
.promenu dl:nth-child(1){border:0;}
.promenu dt{font-weight:700;display:flex;cursor:pointer;padding:16px 0;align-items: center;text-transform: uppercase;}
.promenu dt .iconfont{margin-left:auto;font-size:12px;font-weight:400;transition: .3s;}
.promenu dd{margin-bottom:16px;display:none;}
.promenu a{display:block;}
.promenu a:hover{text-decoration: underline;color:var(--text-color);}
.promenu a.active{font-weight:700;}
.promenu dl.active dt .iconfont{transform:rotate(180deg);}
.promenu dl.active dd{display:block;}

.prolist{border-left:1px var(--text-color) solid;width:100%;}
.prolist ul{--cols:4;--gap:0px;}
.prolist ul li{border-left:1px #e5e7eb solid;position:relative;line-height:1.5;}
.prolist ul li:nth-child(4n+1){border:0;}
.prolist li a{display:block;padding:25px;}
.prolist li img{aspect-ratio: 4/3;object-fit: contain;}
.prolist li:after{position:absolute;left:50%;bottom:0;transform: translateX(-50%); content:'';width:calc(100% - (2 * 25px));height:1px;background:#e5e7eb;}
.prolist li h3{font-size:20px;font-weight:700;margin:0 0 5px;}
.prolist li p{color:#666;word-break: break-word;}
.prolist li em{font-size:12px;font-weight:700;padding:3px 7px; display:block;position:absolute;right:15px;top:15px;background:var(--main-color);color:#fff;text-transform: uppercase;}

.dropmenu{position:relative;line-height:37px;font-size:16px;}
.dropmenu .big{padding:0 10px;border:1px var(--text-color) solid;cursor:pointer;}
.dropmenu .big i{font-size:12px;}
.dropmenu .sub{display:none;width:100%;position:absolute;left:0;top:40px;background:#fff;max-height:370px;overflow-y: scroll;border:1px #a0a0a0 solid;border-radius:6px;}
.dropmenu .sub a{display:block;padding:0 10px;}
.dropmenu .sub a:hover,.dropmenu .sub a.active{background:#e0e0e6;}
.dropmenu.active .sub{display:block;}

.videolist{margin-top:var(--margin-top30);}
.videolist ul{--gap:30px;--cols:4; margin-top:35px;}
.videolist li p{margin-top:8px;font-weight:700;}
.videolist li img{aspect-ratio: 16/9;}
.videolist .dropmenu{margin-top:5px;}

.pageList{gap:10px;margin-top:50px;margin-bottom:50px;}
.pageList a,.pageList em{display:block;padding:7px 17px;background:#f1f1f1;border-radius:2px;}
.pageList .cur{color:#fff;background: var(--text-color);}

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

}

@media screen and (max-width:1200px){
    .islider{margin-left:0;}
    .islider .prevnext{padding:0 var(--main-padding);}

    .promenu{flex-basis: 30%;}
    .prolist ul{--cols:3;}

    .ibanner{padding:0;}
    .ibanner .fg{width:100%;}

    .hotpros{padding:0;}
}

@media screen and (max-width:981px){
    :root{
        --logo-width:120px;
    }

    .islider .swiper{padding-top:20px;}

    .icontact .img img{aspect-ratio: 4/2;}

    .prolist ul{--cols:2;}
    .prodetail{flex-direction: column;}
    .prodetail .dleft{width:100%;position:relative;top:0;}
    .prodetail .dleft img{width:100%;}
    .prodetail .dright{max-width:100%;}

    .progallery dd{--cols:7;}

    .proother{padding-top:20px;}
    .proother .boxname{position:relative;top:auto;left:auto;transform:none;writing-mode:initial;text-align:center;margin-bottom:20px;}

    .profiles .m{flex-wrap:wrap;}
    .profiles .m > div{width:100%;}
    .profiles .m .manuals{margin-top:30px;}

    .newslist{--cols:2;}
    .imglist{--gap:30px;--cols: 2;}

    .clabanner .bg img{aspect-ratio: 16/9;}

    .videolist ul{--cols:3;}
}

@media screen and (max-width:769px){
    :root{
        --main-padding:15px;
        --header-padding:15px;
        --header-height:65px;
        --margin-top30:20px;
        --margin-top50:40px;
    }
    .hdl{gap:10px;}
    .hdl .search{width:auto;border:0;}
    .hdl .search i{font-size:28px;}
    .hdl .search span{display:none;}

    .nav ul{max-width:100%;min-width:100%;padding-left:20px;padding-right:calc(100vw - 350px)}

    .claphd .tit{margin-top:15px;font-size:24px;}

    .piclist{--cols:2;--gap:20px;}

    .islider .swiper{padding-top:200px;padding-bottom:50px;}
    .islider .fg{width:60%;}
    .islider .fg img{aspect-ratio: 1/1;}
    .islider .item .m{flex-direction: column-reverse;top:0;transform: translateY(-30%);}
    .islider .desc{width:90%;height:auto;justify-content: flex-start;padding:0 0 200px;align-items: center;}
    .islider .desc h2{line-height:1.3;font-size:30px;}
    .islider .desc p{display:none;}

    .ibanner .fg h2{font-size:20px;}

    .hotpros ul{--cols:1;}

    .icate .nav, .icate dt{width:100%;}
    .icate .nav{padding-left:0;padding-right:0;}
    .icate dl{flex-direction: column;}

    .industry{position:relative;flex-direction: column-reverse;}
    .industry .img{flex:0 0 100%;}
    .industry .img .arrows{display:flex;}
    .industry .txt{height:100%;width:100%;color:#fff;}
    .industry .txt ul{width:100%;}
    .industry .txt li{margin-top:10px;display:none;}
    .industry .txt .active{display:block;}
    .industry .txt p{line-height:1.5;color:#333;}
    .industry .img img{aspect-ratio: 7/5;}

    .stayups{flex-wrap:wrap;}
    .ievents{flex:0 0 100%;}
    .inews{margin-left:0;}
    .inews ul{--cols:2;}

    .isupport li a{padding-top:20px;}
    .isupport li strong{font-size:20px;}

    .iabout dl{flex-direction: column;gap:15px;}
    .iabout dt{flex:0 0 100%;}
    .iabout img{aspect-ratio: 6/3;}

    .foot .links{display:none;}

    .pronav ul{flex-direction: column;gap:0;padding: 10px var(--header-padding);}
    .pronav .parent{font-size:16px;justify-content: space-between;}

    .propbd{flex-direction: column;}
    .promenu{width:100%;position:relative;top:0;padding:0 var(--main-padding);}

    .progallery dd{--cols:6;}
    .progallery dd > *{margin-bottom:0;}

    .archd{flex-wrap:wrap;padding-top:30px;}
    .archd .info{width:100%;}
    .archd .tit{width:100%;margin-top:15px;}
    .archd h1{font-size:24px;}

}

@media screen and (max-width:641px){
    :root{
        --margin-top50:15px;
    }

    .hdl .hambur{width: 25px;height: 21px;}
    .hdl .hambur span{height: 3px;width:100%;}
    .hdl .hambur span:nth-child(2){top:9px;}
    .navshow .hdl .hambur span:nth-child(1){top:9px;}
    .navshow .hdl .hambur span:nth-child(3){bottom:9px;}

    .hdl .search{padding:0 5px;}
    .hdl .search i{font-size:24px;}

    .hdr .lang span{display:none;}
    .hdr .lang .sub{left:auto;transform: none;right:calc(var(--header-padding) * -1);}

    .searchfix .hd .tit{text-align:left;}

    .smallSwiper{display:none!important;}
    .islider .swiper{padding-bottom:0;}
    .islider .prevnext{background:rgba(0,0,0,.3);color:#fff;bottom:0;padding-top:5px;padding-bottom:5px;}
    .islider .prevnext span{display:none;}

    .hotpros li h2{font-size:20px;margin:10px 0;}

    .industry .img img{aspect-ratio: 6/5;}

    .icontact{flex-direction: column;}
    .icontact .img img {aspect-ratio: 6/2;}

    .aboutus_num .tita{padding:30px 0;}
    .aboutus_num dl{flex-wrap:wrap; text-align:center;}
    .aboutus_num dt, .aboutus_num dd{width:100%;}
    .aboutus_num dd strong{line-height:1;margin:15px 0;display:block;font-size:50px;}

    .prolist li h3{font-size:16px;}

    .progallery dd{--cols:5;}

    .newslist{--cols:1;}
    .imglist{--cols:1;}

    .videolist ul{--cols:2;--gap:20px;}
}

@media screen and (max-width:481px){
    :root{
        --logo-width:100px;
    }
    .ibanner .bg img,.ibanner .bg video{aspect-ratio: 16/9;}
    .icomone{font-size:14px;}
    .islider .swiper{padding-top:150px;}
    .islider .fg{width:80%;}

    .inews ul{--cols:1;}

    .foot .iso img{width:65px;}
    .fta{flex-direction: column;}
    .fta .boxa{margin-bottom:15px;}
    .ftb .m dl:nth-child(2){display:none;}
    .ftc{flex-direction: column;}

    .progallery dd{--cols:4;}
}

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


}