/* reset */ @charset "utf-8"; *,*:before,*:after{box-sizing:border-box} html{font-size:5.20833vw;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:top} body{line-height:1.8;color:#4d4948;font-family:Microsoft Yahei,Arial,Helvetica,sans-serif;font-size:0.14rem;letter-spacing:0.0005rem} a{color:#373737;text-decoration:none} a:hover{color:#004ba0} h1,h2,h3,h4,h5,h6{font-weight:100;letter-spacing:0.02rem} ol,ul,li{list-style:none} img{height:auto;border:0} i{margin-right:0.05rem} input,select,textarea{border:0.01rem solid #ddd;background:#fff;outline:none;width:100%;color:#464646;font-size:0.14rem;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif} textarea{resize:none;overflow-y:hidden;display:block} table{border-collapse:collapse;max-width:100%;width:100%;margin-bottom:0.008rem} table td{padding:0.05rem;border:0.01rem solid #e0e0e0} .clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both} .fl{float:left;position:relative} .fr{float:right;position:relative} .hidden{display:none} /* layout */ .wrapper{width:100%;min-width:13rem;margin:0 auto;} .w1300{width:90%;margin:0 auto;transition:.3s;-webkit-transition:.3s;} /* public */ span.icon{display:inline-block;vertical-align:middle;background:url(../images/icon.png) no-repeat;background-size:10rem} .btn{display:block;width:2rem;background:none;font-size:.18rem;font-weight:100;margin:.4rem 0;height:.4rem;line-height:.4rem;cursor:pointer;color:#004ba0;text-align:center;border:1px solid #004ba0;border-radius:.2rem;text-transform:capitalize;transition:.2s;-webkit-transition:.2s;} .btn2{border:1px solid #004ba0;height:.48rem;line-height:.48rem;background:none;color:#004ba0;border-radius:0!important;text-transform:capitalize;transition:.2s;-webkit-transition:.2s;} .btn.btn-sm{height:.3rem;line-height:.3rem;width:1.6rem;} .btn i{font-size:.2rem;margin-left:.3rem;} .btn span.icon{position:relative;top:-.03rem;width:.17rem;margin-left:.15rem;height:.18rem;background-position:-5.9rem -.4rem;transition:.35s;-webkit-transition:.35s;} .btn2 span.icon{background-position:-6.25rem -.4rem;} .btn2:hover span.icon{background-position:-5.9rem -.4rem;} .btn.white{border-color:#fff;color:#fff;} .btn:hover{background:#004ba0;color:#fff;} .btn.white:hover{border-color:#004ba0;} /* .btn:hover span.icon{background-position:-5.9rem -.4rem} */ @font-face{font-family:BebasNeueRegular;src:url(../fonts/BebasNeueRegular.ttf);} @font-face{font-family:BebasNeueBold;src:url(../fonts/BebasNeue-Bold.ttf);} @font-face{font-family:Gilroy-bold;src:url(../fonts/Gilroy-bold.ttf)} @font-face{font-family:Gilroy-regular;src:url(../fonts/Gilroy-regular.otf)} @font-face{font-family:Gilroy-Medium;src:url(../fonts/Gilroy-Medium.otf)} @font-face{font-family:Gilroy-Light;src:url(../fonts/Gilroy-Light.otf)} @font-face{font-family:Gilroy-bold;src:url(../fonts/Gilroy-bold.otf)} .snsitem{margin-top:10px;} .snsitem a{position:relative;display:inline-block;width:34px;text-align:center;height:34px;padding:0;line-height:34px;margin-right:8px;background:#fff;border-radius:5px;-webkit-border-radius:5px;transition:.25s;-webkit-transition:.25s;} .snsitem a i{font-size:16px;color:#fff;margin-right:0;transition:.25s;-webkit-transition:.25s;} .snsitem a.facebook{background:#3c5a9a;} .snsitem a.linkedin{background:#0173b2;} .snsitem a.twitter{background:#41d1da;} .snsitem a.youtube{background:#c21717;} .snsitem a.ins{background:#a100b4;} .snsitem a:hover{background:#fff;} .snsitem a:hover i{color:#f5a200;} .snsitem .wechatqr{display:none;position:absolute;left:50%;right:0;margin-left:-60px;bottom:-140px;z-index:1;width:120px;height:120px;background:#dfdfdf;padding:.1rem;border-radius:.08rem;} .snsitem .wechatqr:before{content:'';position:absolute;height:8px;right:50%;margin-right:-8px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #dfdfdf;border-left:8px solid transparent;display:block;} .snsitem .wechatqr img{display:block;margin:0 auto;width:100%;aspect-ratio:1/1;} .snsitem a.wechat:hover .wechatqr{display:block;} .textline1,.textline2,.textline3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;} .textline2{-webkit-line-clamp:2;} .textline3{-webkit-line-clamp:3;} .no_data{text-align:center;font-size:.18rem;color:#999;padding:.6rem 0;margin-bottom:.5rem;border:1px solid #ddd;border-radius:.08rem;} /* header */ .header_box{width:100%;position:fixed;z-index:99;top:0;left:0;transition:.3s;-webkit-transition:.3s;} /* .header_box.active{background:#fff;} */ .header{height:1.1rem;display:flex;align-items:center;justify-content:space-between;position:relative;top:.4rem;width:100%;margin:0 auto;padding:0 2%;transition:.3s;-webkit-transition:.3s;} .header:after{background:rgba(0,0,0,.2);position:absolute;content:"";z-index:1;top:0;left:0;width:100%;height:100%;transition:.3s;-webkit-transition:.3s; } .header .logo{position:relative;z-index:2;flex:1;transition:.3s;-webkit-transition:.3s;} .header .logo a{display:block;width:100%;height:100%;display:flex;align-items:center;} .header .logo img{max-width:5rem;display:block;aspect-ratio:600 / 54;margin-right:.15rem;transition:.3s;-webkit-transition:.3s;} .header .logo h3{font-size:.34rem;color:#fff;font-weight:bold;line-height:normal;} .header .logo h3 strong{display:block;} .header .logo .darklogo{display:none;} .header .tools{position:relative;display:flex;flex-wrap:nowrap;z-index:2;transition:all 0.3s ease 0s;} .header .tools .openlanguage{color:#fff;display:inline-flex;cursor:pointer;vertical-align:middle;height:.2rem;line-height:.2rem;} .header .tools .openlanguage img{width:.3rem;height:.18rem;margin-right:5px;} .header .tools .openlanguage img.default,.header .tools .openlanguage img.default2{width:.22rem;height:.22rem;position:relative;} .header .tools .openlanguage img.default2{display:none;} .header .tools .openlanguage_box{display:inline-flex;cursor:pointer;vertical-align:middle;height:.2rem;} .header .tools .opensearch{display:inline-flex;cursor:pointer;vertical-align:middle;margin-right:12px;padding-right:12px;height:.2rem;line-height:.2rem;} .header .tools .opensearch span.icon{width:.24rem;height:.22rem;position:relative;background-position:-7.09rem -0.38rem;margin-right:0.04rem;} .header .tools .opensearch.open span.icon{width:.18rem;height:.18rem;background-position:-7.46rem -0.39rem;} .language_box{opacity:0;visibility:hidden;position:absolute;right:0;top:.3rem;z-index:200;transition:.2s;} .language{width:220px;padding:15px;background:#fff;transform:translate3d(0, 10px, 0);-webkit-transform:translate3d(0, 10px, 0);transition:all 0.4s ease 0s;box-shadow:0 0 10px rgba(63, 62, 62, 0.2);} .language:before{content:'';position:absolute;right:5px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;} .openlanguage_box:hover .language_box{opacity:1;visibility:visible;} ul.language_switch{display:flex;flex-wrap:wrap;max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;} ul.language_switch li{flex-basis:calc(100%/2);border-bottom:1px solid #f5f5f5;padding:5px 0;} ul.language_switch li img{margin-right:.07rem;vertical-align:middle;} ul.language_switch li.default{flex-basis:calc(100%/1);border-color:#e5e5e5;} ul.language_switch li.default span{font-size:.13rem;} ul.language_switch li.default img{margin-left:.03rem;} .contactitembox{position:absolute;right:2%;top:0;height:.4rem;line-height:.4rem;color:#fff;font-size:.14rem;font-weight:500;z-index:20;display:flex;align-items:center;gap:30px;flex-wrap:wrap;} .contactitembox a{color:#fff;transition:all 0.3s ease 0s;} .contactitembox a:hover{color:#0697d3;} .contactitembox > div {display:flex;align-items:center;gap:.05rem;z-index:1;position:relative;} .contactitembox > div em{color:#fff;font-weight:700;transition:.3s;-webkit-transition:.3s;} .contactitembox > div em i{margin-right:0;} .contactitembox > div em i.fa-phone{font-size:.16rem;} .contactitembox > div:hover em{color:#0697d3;} .contactitembox .snsitem{margin-top:0;} .contactitembox .snsitem a{background:none;width:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center;} .contactitembox .snsitem svg{width:.2rem;height:.2rem;fill:currentColor;} .nav_open,.nav_close{cursor:pointer;position:fixed;width:.8rem;height:.99rem;line-height:.99rem;right:0;top:.4rem;z-index:10001;display:none;text-align:center;background:none;transition:.3s;-webkit-transition:.3s;} .nav_open i,.nav_close i{color:#fff;font-size:.24rem;margin-right:0;position:relative;top:.06rem;} .nav_close i{color:#000;font-size:.32rem;} /* nav */ .nav{height:1.1rem;margin-right:.8rem;line-height:1.1rem;z-index:13;transition:all 0.3s ease 0s;} .nav_box{position:relative;} ul.menu{position:relative;z-index:20;} ul.menu li{display:block;} ul.menu li a{position:relative;display:block;font-size:.18rem;font-weight:100;margin:0 .15rem;height:1.1rem;line-height:1.1rem;color:#fff;text-transform:capitalize;transition:.3s;-webkit-transition:.3s;position:relative;} ul.menu li a:after{content:"";position:absolute;left:50%;bottom:0;height:.03rem;width:0;background:#0697d3;transition:.3s;-webkit-transition:.3s;} /* ul.menu li:hover a,ul.menu li.current a{color:#ff9200;} */ ul.menu li:hover a:after,ul.menu li.current a:after{width:100%;left:0;transition:.3s;-webkit-transition:.3s;} ul.menu li a.current:after,ul.menu li.current a:after{width:100%;left:0;transition:.3s;-webkit-transition:.3s;} ul.menu li ul { position: absolute; z-index:99999999; top: 1.1rem; left: .15rem; min-width:100%; text-align:left; clear:both; opacity: 0; *display:none; transition: all .3s ease .1s; } ul.menu li:hover > ul { opacity: 0.95; *display:block; } ul.menu li ul li { height: 0; overflow: hidden; padding: 0; display:block; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } ul.menu li:hover > ul li { height: 40px!important; line-height: 40px!important; overflow: visible; font-size:14px; display:block; padding: 0; } ul.menu li ul li a { display:block; padding:0 15px; height: 40px; *min-width:120px; white-space:nowrap; font-size:14px; line-height: 40px; margin: 0; text-transform:capitalize!important; } ul.menu li ul li a:after{display:none;} ul.menu li:hover ul li a{background:rgba(0,0,0,.7);color:#fff;} ul.menu li ul li:hover a{background:#0697d3;color:#fff;} .sub_menu{opacity:0;height:0;min-height:0;background:rgba(255,255,255,.95);position:fixed;width:100%;left:0;top:1.51rem;overflow:hidden;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);transition:all 0.35s ease; backdrop-filter: blur(2px); /* 模糊核心属性，值越大越模糊 */ -webkit-backdrop-filter: blur(2px); /* 兼容 Safari */ /* 增强效果：边框（可选） */ /*border: 1px solid rgba(0, 0, 0, 0.3);*/ /* 阴影（可选，增强层次感） */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } ul.menu li:hover .sub_menu{opacity:1;height:auto;min-height:3rem;padding:.3rem;} .sub_menu .sub_menu_box{display:flex;gap:1.2rem;} .sub_menu_info,.sub_menu_item{height:100%;min-height:100%;flex:1;line-height:1.8;position:relative;} .sub_menu_info:after,.sub_menu_info:before{position:absolute;content:"";width:1px;height:2.4rem;right:-.7rem;top:0;z-index:1;background:#f0f0f0;} .sub_menu_info:before{background:#0697d3;height:1rem;z-index:2;} .sub_menu_info{font-size:.18rem;text-align:right;color:#666;} .sub_menu_info h3{font-size:.36rem;color:#333;font-weight:bold;line-height:normal;margin-bottom:.1rem;} .sub_menu_info .pic{width:3rem;float:right;} .sub_menu_info .pic img{aspect-ratio:421/237;max-width:100%;display:block; border-radius:5px;} .sub_menu_item{} .sub_menu_item a{display:flex!important;height:auto!important;line-height:normal!important;align-items:center;font-size:.18rem!important;margin:0!important;width:2.7rem!important;padding:.1rem .15rem;background:none!important;color:#333!important;transition:.2s;-webkit-transition:.2s;} .sub_menu_item a i{opacity:0;font-size:.22rem;margin-left:auto;margin-right:0;transition:.2s;-webkit-transition:.2s;} .sub_menu_item.x2 a{width:50%!important;float:left;} .sub_menu_item a:hover{background:#0697d3!important;color:#fff!important;} .sub_menu_item a:hover i{opacity:1;} .sub_menu_item a:after{display:none;} .header_box.active .header{top:0;} .header_box.active .header:after{width:100vw;background:#fff;} .header_box.active .header .logo{margin-left:0;} .header_box.active .header .logo .defaultlogo{display:none;} .header_box.active .header .logo .darklogo{display:block;} .header_box.active .header .tools{margin-top:.3rem;} .header_box.active .header .tools .opensearch span.icon{background-position:-7.09rem -0.03rem;} .header_box.active .header .tools .opensearch.open span.icon{background-position:-7.46rem -0.03rem;} .header_box.active .nav{margin:.37rem .8rem 0 0;height:.73rem;line-height:.73rem;} .header_box.active ul.menu li ul{top:.73rem;} .header_box.active ul.menu li a{height:.73rem;line-height:.73rem;color:#000;} .header_box.active ul.menu li ul li a{height:40px!important;line-height:40px!important;color:#fff;} .header_box.active .search{top:.53rem;} .header_box.active .contactitembox a,.header_box.active .contactitembox em{color:#000;} .header_box.active .contactitembox a:hover{color:#0697d3} .header_box.active .contactitembox div:hover em{color:#0697d3!important} .header_box.active .header .tools .openlanguage img.default{display:none;} .header_box.active .header .tools .openlanguage img.default2{display:block;} .header_box.active .sub_menu{top:1.1rem;} .header_box.active .nav_open i, .header_box.active .nav_close i{color:#000;line-height:70px;top:.02rem;} .header_box.active .nav_open, .header_box.active .nav_close{top:.15rem;height:70px;line-height:70px;} .page_header_box .contactitembox a,.page_header_box .contactitembox em{color:#000;} .page_header_box .contactitembox a:hover{color:#ff9600;} /* mobile_nav */ .mobile_nav{ position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); -webkit-overflow-scrolling:touch; } .mobile_nav.open{ transform: translateX(0); } .mobile_nav .logo{margin:90px auto 20px;} .mobile_nav .logo img{max-width:300px;margin:0 auto;display:block;} ul.mobile_menu{padding-bottom:40px;} ul.mobile_menu li{} ul.mobile_menu li a{display:block;font-size:16px;padding:15px 40px;border-bottom:1px solid #efefef;position:relative;text-transform:Capitalize;transition:.2s;-webkit-transition:.2s;} ul.mobile_menu li a i{position:absolute;right:20px;top:15px;z-index:1;font-size:24px;transition:.2s;-webkit-transition:.2s;} ul.mobile_menu li .sub_mobile_menu{max-height:0;overflow:hidden;transition:.2s;-webkit-transition:.2s;} ul.mobile_menu li .sub_mobile_menu a{padding-left:60px;} ul.mobile_menu li.current .sub_mobile_menu{max-height:1000px;} ul.mobile_menu li.current a i{transform:rotate(180deg);color:#005ac0;} ul.mobile_menu li ul.pro_nav li a{padding:10px 20px 10px 100px;} ul.mobile_menu li ul.pro_nav li .cagename{width:auto;padding-left:40px;} ul.mobile_menu li ul.pro_nav li .cagename:after{display:none;} /* search */ .search{position:absolute;width:0;z-index:21;right:1.5rem;top:.37rem;height:.35rem;overflow:hidden;transition:.3s;-webkit-transition:.3s;} .search.open{width:2.6rem;transition:.3s;-webkit-transition:.3s;} .search-input{position:relative;height:.35rem;} .search-input .submiticon{width:40px;position:absolute;right:0;top:0;text-align:center;z-index:1;} .search-input .submiticon i{margin:0;line-height:.35rem;font-size:18px;} .search-input input{height:.35rem;font-size:12px;line-height:.35rem;padding:0 .2rem;border:none;float:left;} .search-input input[type="text"]{background:#ecedec;border-radius:.15rem;} .search-input input[type="submit"]{z-index:2;position:absolute;right:0;top:0;width:.4rem;cursor:pointer;line-height:normal;padding:0;background:none;} .search-input:hover i{color:#ff9200;transition:.3s;-webkit-transition:.3s;} /* banner */ .banner{position:relative;overflow:hidden;height:100vh;} /* .banner:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:2;background:url(../images/gridtile.png) center center repeat;} */ .banner .mouse{position:absolute;z-index:2;width:.33rem;height:.64rem;left:0;right:0;margin:0 auto;bottom:.4rem;background:url(../images/mouse.png) center center no-repeat;background-size:cover;} .banner .mouse:after{width:.12rem;height:.12rem;border-radius:100%;background:#fff;content:"";position:absolute;left:0;right:0;margin:0 auto;top:.1rem;z-index:1;animation:downico 1.5s ease-out infinite;} @keyframes downico { 0% { top: 10%; opacity: 1; } 35% { top: 40%; opacity: 0; } 65% { top: 5%; opacity: 0; } 100% { top: 10%; opacity: 1; } } .banner .flexslider{position:relative;background:none!important;} .banner .flexslider:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:2;background:url(../images/gridtile.png) center center repeat;} .banner .flex-control-paging{bottom:25px;z-index:20;text-align:center;} .banner .flex-control-paging li a{background:#fff;border:1px solid #fff;width:42px;height:2px;transition:.3s;-webkit-transition:.3s;} .banner .flex-control-paging li a:hover,.banner .flex-control-paging li a.flex-active{background:#ffa800;border-color:#ffa800;} .banner .flex-direction-nav{bottom:0;right:0;position:absolute;text-align:right;height:.55rem;width:1.1rem;z-index:21;} .banner .flex-direction-nav a{width:.55rem;height:.55rem;background:#004ba0;margin:0;top:0;} .banner .flex-direction-nav a:before{line-height:.55rem;font-size:.4rem;} .banner .flex-direction-nav a.flex-prev{left:inherit;right:.55rem;} .banner .flex-direction-nav a.flex-prev:before{content:"\f104"} .banner .flex-direction-nav a.flex-next:before{content:"\f105"} .banner .flex-direction-nav a.flex-next{right:0;} .banner .flex-direction-nav a.flex-prev:hover{} .banner .flex-direction-nav a.flex-next:hover{} .banner ul.slides{position:relative;z-index:3;} .banner ul.slides li{position:relative;width:100%;height:100vh;background:none;overflow:hidden;} /* .banner ul.slides li a{display:block;width:100%;height:100%;} */ .banner ul.slides li a.btn{width:2rem;margin:.2rem 0 0 0;} .banner .desc{position:absolute;left:0;right:0;margin:0 auto;bottom:0;padding-bottom:2rem;font-weight:500;font-size:0.36rem;color:#fff;line-height:1.4;z-index:16;transition:.2s;-webkit-transition:.2s} .banner .desc .txt{margin-bottom:.3rem;} .banner .desc h3{font-size:0.6rem;margin-bottom:.1rem;line-height:1;font-weight:bold;color:#fff;line-height:normal;transition:.3s;-webkit-transition:.3s} .banner .desc p{transition:.3s;-webkit-transition:.3s;} .mobilebanner{position:relative;height:0;overflow:hidden;background:none;transition:.3s;-webkit-transition:.3s;} .mobilebanner ul.slides li{position:relative;z-index:2;} .mobilebanner .flex-control-nav{bottom:10px;} .mobilebanner .flex-control-paging li a{border-radius:0;width:30px;height:3px;} .mobilebanner .flex-control-paging li a:hover,.mobilebanner .flex-control-paging li a.flex-active{background:#004ba0;} .pagebanner{position:relative;height:6.9rem;transition:.3s;-webkit-transition:.3s;} .highbanner{height:8.8rem;} .proviewbanner{height:4.6rem;} .pagebanner .current_module{position:absolute;bottom:1.1rem;left:0;right:0;margin:0 auto;color:#fff;font-size:.18rem;z-index:20;text-transform:uppercase;} .pagebanner .current_module.black{background:rgba(0,0,0,.4);} .pagebanner .current_module .desc{} .pagebanner .current_module strong.model{line-height:1;font-family:Gilroy-bold;font-size:.72rem;color:#004ba0;} .pagebanner .current_module h3{position:relative;color:#fff;font-size:.54rem;font-weight:bold;line-height:1;text-transform:uppercase;} .pagebanner .current_module h3.prosortname{font-size:.32rem;margin-bottom:.2rem;} .pagebanner .current_module strong.current_sortname{position:absolute;right:2.1rem;bottom:0;font-size:.3rem;color:#004ba0;font-weight:100;} .pagebanner .current_module strong.current_sortname span.icon{width:.27rem;height:.53rem;margin:0 .8rem 0 .5rem;background-position:-9.13rem -0.05rem;} .proviewbanner .current_module{bottom:1.6rem;text-align:center;} .proviewbanner .current_module h3{font-size:.48rem;} /* .pagebanner .current_module.bigfont{margin-top:-64px;} */ /* .current_module.bigfont h1{font-size:.86rem;} */ /* .highbanner .current_module{margin-top:-.5rem;bottom:.8rem;} */ /* .highbanner .position{top:.8rem;margin-top:0;} */ .banner_video{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;} .banner_video:after{content:"";position:absolute;background:rgba(0,0,0,.3);left:0;top:0;width:100%;height:100%;} .banner_video video{width:100%;height:100%;object-fit:cover; bject-position:center center;} /* col public */ ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;} ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;} ul.col-2 li{width:49%;} ul.col-3 li{width:32%;} ul.col-4 li{width:23.5%;} ul.col-5 li{width:18.4%;} ul.col-6 li{width:15%;} ul.col-7 li{width:13%;margin-right:1.5%;} ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;} ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;} /* module public */ .module-tip{color:#656565;margin-bottom:.4rem;font-size:.18rem;position:relative;} .module-tip h3{position:relative;font-size:.24rem;color:#656565;font-weight:bold;text-transform:Uppercase;line-height:normal;margin-bottom:.1rem;} .module-tip strong{display:block;color:#004ba0;font-size:.48rem;line-height:normal;margin-bottom:.2rem;} /* .module-tip h3:after{position:absolute;z-index:1;content:"";width:.5rem;height:0.02rem;left:0;right:0;bottom:0;background:#ffa800;margin:0 auto;} */ /* .module-tip h3.noafter:after{display:none;} */ .module-tip.left{text-align:left;} .module-tip.white,.module-tip.white h3,.module-tip.white strong{color:#fff;} .module-tip .btn.absolute{position:absolute;right:0;bottom:0.02rem;margin:0;z-index:1;} /* position */ .position_box{padding:.15rem 0;background:rgba(0,75,160,.7);position:absolute;width:100%;left:0;right:0;bottom:0;z-index:1; backdrop-filter: blur(2px); /* 模糊核心属性，值越大越模糊 */ -webkit-backdrop-filter: blur(2px); /* 兼容 Safari */ /* 增强效果：边框（可选） */ border: 1px solid rgba(0, 0, 0, 0.2); /* 阴影（可选，增强层次感） */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} .position{color:#fff;font-size:.16rem;} .position span.icon{width:12px;height:12px;background-position:-627px -8px;margin-right:8px;} .position_box a{color:#fff;transition:.25s;-webkit-transition:.25s;text-transform:Capitalize;} .position_box a:hover{color:#8ec31f;} .position_nav{display:flex;align-items:center;justify-content:space-between;} .pagesub_nav{} .pagesub_nav a{font-size:.18rem;display:inline-block;margin-left:.5rem;} /* owl btn public */ .owl-prev,.owl-next{position:absolute;top:50%;z-index:20;width:.5rem;height:.5rem;border:1px solid #005ac0!important;border-radius:100%;margin-top:-56.5px;transition:.2s;-webkit-transition:.2s;} .owl-prev.disabled,.owl-next.disabled{display:none!important;} .owl-prev i,.owl-next i{font-size:.3rem;margin:0;color:#005ac0;} .owl-prev,.owl-prev{left:-65px;background-position:-368px -2px!important;} .owl-next,.owl-next{right:-65px;background-position:-416px -2px!important;} .owl-prev:hover,.owl-next:hover{background:#005ac0!important;border-color:#005ac0!important;} .owl-prev:hover i,.owl-next:hover i{color:#fff;} .owl-dots{text-align:center;margin-top:30px;} .owl-theme .owl-dots .owl-dot span{width:.2rem!important;height:.2rem!important;background:#005ac0!important;border-radius:100%!important;} .owl-theme .owl-dots .owl-dot.active span{background:#008bd6!important;} .solution_box .owl-prev,.solution_box .owl-next{margin-top:-25px;border-color:#fff!important;background:none!important;} .solution_box .owl-prev i,.solution_box .owl-next i{color:#fff!important} .solution_box .owl-prev:hover,.solution_box .owl-next:hover{background:#fff!important;} .solution_box .owl-prev:hover i,.solution_box .owl-next:hover i{color:#005ac0!important;} /* index_our_advantage */ .index_our_advantage{background:#f0f0f0; padding:1.8rem 0 .6rem 0;} .our_advantage{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;} .our_advantage .pic{flex: 0 0 calc(45% - 0.5rem * 0.45);position:relative;overflow:hidden;} .our_advantage .desc{flex: 0 0 calc(55% - 0.5rem * 0.55);color:#575757;font-size:.18rem;padding-top:.15rem;} .our_advantage .pic img{max-width:100%;display:block;margin:0 auto;} .our_advantage .pic:after{content:"";position:absolute;width:.76rem;height:.76rem;right:-.38rem;bottom:-.38rem;z-index:1;background:#004ba0;transform: rotate(-45deg);} .our_advantage .desc h3{font-size:.22rem;font-weight:bold;line-height:normal;} .our_advantage .desc p{margin-bottom:.2rem;} /* achievement_box */ .achievement{background:#fff;border-radius:.08rem;padding:.3rem 0;margin-bottom:.8rem;} .achievement.gray{background:#f7f7f7;} .achievement.mb50{margin-bottom:.5rem;} ul.achievement_list{} ul.achievement_list li{float:left;color:#3d3d3d;position:relative;text-align:center;font-size:0.24rem;border-right:1px solid #d5d5d5;transition:.25s;-webkit-transition:.25s} ul.achievement_list li .num{color:#004ba0;font-size:0.8rem;line-height:1;font-family:BebasNeueBold;} ul.achievement_list li em{color:#3d3d3d;font-size:.18rem;margin-left:.1rem;vertical-align:bottom;line-height:1;position:relative;top:-.14rem;} ul.achievement_list li strong{display:block;font-weight:100;margin-top:0.1rem;} ul.achievement_list.blue li{border-color:#d5edfa;} ul.achievement_list.blue li,ul.achievement_list.blue li .num,ul.achievement_list.blue li em{color:#0760a5;} ul.achievement_list li:last-child{border:none;} /* product_series_box */ .product_series_box{position:relative;padding:.6rem 0;} .product_series_box.ntpd{padding-top:0;} .product_series{position:relative;z-index:2;} .product_series .notebox{width:20%;margin-right:4%;} .product_series .seriesbox{width:76%;} .product_series .swiper-slide{width:525px;padding:.3rem 0;} .proitem_box{background:#f5f5f5;border-radius:.08rem;border:1px solid #fff;box-shadow:0 8px 20px #ddd;} .proitem_box .pic{border-top-left-radius:.08rem;border-top-right-radius:.08rem;} .proitem_box .pic img{display:block;max-width:100%;aspect-ratio:528/622;border-top-left-radius:.08rem;border-top-right-radius:.08rem;} .proitem_box .desc{padding:.4rem 0;border-bottom-left-radius:.08rem;border-bottom-right-radius:.08rem;} .proitem_box .desc h3{padding:.2rem 0;color:#004ba0;font-size:.3rem;font-weight:bold;text-align:center;} .proitem_box .desc h3 a{color:#004ba0;} .proitem_box .desc .btn{margin:.1rem auto 0;display:none;} .proitem_box .desc .txt{font-size:.16rem;padding:0 .3rem;display:none;} .product_series .swiper-slide-active .proitem_box .desc{background:#004ba0;padding-top:0;padding-bottom:.4rem;} .product_series .swiper-slide-active .proitem_box .desc h3,.product_series .swiper-slide-active .proitem_box .desc h3 a,.product_series .swiper-slide-active .proitem_box .desc .txt{color:#fff;} .product_series .swiper-slide-active .proitem_box .desc .btn{color:#fff;border-color:#fff;} .product_series .swiper-slide-active .proitem_box .desc .btn, .seriesbox .swiper-slide-active .proitem_box .desc .txt{display:block;} .product_series .swiper-button-prev,.product_series .swiper-button-next{width:.5rem!important;height:.5rem!important;background:rgba(0,0,0,.3)!important;border:none!important;border-radius:100%;transition:.25s;-webkit-transition:.25s} .product_series .swiper-button-prev{left:-50px;} .product_series .swiper-button-next{right:-50px;} .product_series .swiper-button-prev:after,.product_series .swiper-button-next:after{font-size:.2rem;line-height:.55rem;color:#fff;} .product_series .swiper-button-prev:hover,.product_series .swiper-button-next:hover{background:#005ac0!important} .product_series .swiper-button-prev:hover:after,.product_series .swiper-button-next:hover:after{color:#fff;} /* solution_box */ .solution_box{background:#004ba0;padding:.6rem 0;position:relative;overflow:hidden;} .solution_box .module-tip{margin-bottom:.8rem;} .solution{position:relative;padding-bottom:2rem;} ul.solution_list{position:relative;z-index:2;} ul.solution_list li{} ul.solution_list li .itembox{display:flex;align-items:center;padding:0 .5rem;height:4rem;border:1px solid rgba(255,255,255,.1);border-radius:.09rem;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background:rgba(0,69,147,.7);transition:.3s;-webkit-transition:.3s;} ul.solution_list li a{display:block;width:100%;} ul.solution_list li .icon{} ul.solution_list li .icon img{width:.99rem;height:.99rem;display:block;} ul.solution_list li .itembox h3{font-size:.36rem;color:#fff;margin:.1rem 0;} ul.solution_list li .more{text-align:center;color:#fff;display:block;width:.4rem;height:.4rem;overflow:hidden;line-height:.4rem;border-radius:100%;border:1px solid #fff;transition:.3s;-webkit-transition:.3s;} ul.solution_list li .more em{display:inline-block;width:0;overflow:hidden;transition:.2s;-webkit-transition:.2s;} ul.solution_list li:hover .itembox{border:1px solid rgba(255,255,255,.5);background:rgba(0,69,147,.2)} ul.solution_list li:hover .more{width:1.4rem;border-radius:.25rem;} ul.solution_list li:hover .more em{width:auto;margin-right:.05rem;} ul.full_solution_list{} ul.full_solution_list li{margin-bottom:.3rem;} ul.full_solution_list li .itembox{background:rgba(0,69,147,1);} ul.full_solution_list li:hover .itembox{background:rgba(0,140,214,1)} .circle_box{position:absolute;width:7.33rem;height:7.33rem;top:50%;left:0;right:0;margin:-4.7rem auto;z-index:1;} .circle_box div{position:absolute;left:0;right:0;margin:0 auto;} .circle_box .circle1{width:7.33rem;height:7.33rem;background:url(../images/circle1.png) center center no-repeat;background-size:cover;animation:haha1 10s linear infinite;} .circle_box .circle2{width:6.05rem;height:6.05rem;top:50%;margin-top:-3.025rem;background:url(../images/circle2.png) center center no-repeat;background-size:cover;animation:haha2 10s linear infinite;} .circle_box .number{width:2.07rem;height:3.21rem;top:50%;margin-top:-1.605rem;background:url(../images/number.png) center center no-repeat;background-size:cover;} @-webkit-keyframes haha1{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } @-webkit-keyframes haha2{ 0%{-webkit-transform:rotate(360deg);} 25%{-webkit-transform:rotate(270deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(90deg);} 100%{-webkit-transform:rotate(0deg);} } .morebox{overflow:hidden;} .morebox .btn{float:right;} /* home_about_box */ .home_about_box{background:#f7f7f7;padding:.8rem 0;} .home_about{margin-bottom:.8rem;} .home_about .notebox{width:47%;margin-right:3%;height:5.45rem;} .home_about .aboutvideo_box{width:50%;height:5.45rem;border-radius:.08rem;display:flex;align-items:center;} .qualification_item{position:absolute;width:100%;left:0;bottom:0;z-index:1;} .qualification_item img{display:block;margin:0 auto;max-width:100%;} ul.q_list{display:flex;align-items:center;gap:.05rem;justify-content:space-between;} ul.q_list li{display:flex;align-items:center;flex:1;} ul.q_list li .icon{display:block;width:.56rem;height:.56rem;margin-right:.1rem;} ul.q_list li strong{flex:1;font-size:.18rem;color:#3d3d3d;} ul.q_list li:nth-child(1) .icon{background-position:-6.16rem -2.35rem;} ul.q_list li:nth-child(2) .icon{background-position:-6.93rem -2.35rem;} ul.q_list li:nth-child(3) .icon{background-position:-7.78rem -2.35rem;} ul.q_list li:nth-child(4) .icon{background-position:-8.62rem -2.35rem;} .aboutvideo_box{} .play-button-o{width:1rem;height:1rem;margin:0 auto;position: relative;/*border: 1px solid #000;*/} .play-button{cursor:pointer;position:relative;width:.9rem;height:.9rem;display:inline-block;border-width:.07rem;border-style:solid;border-color:#fff;border-radius:50%;transition:all .4s cubic-bezier(.19,1,.22,1) 0s} .play-button>i{font-size:.22rem;color:#fff;display:block;position:absolute;top:50%;left:50%;margin-left:.02rem;transform:translateY(-50%) translateX(-50%)} .play-button.dark{border-color:#1f1f1f} .play-button.dark>i{color:#1f1f1f} .play-button:hover{transform:scale(1.15);transition:all .4s cubic-bezier(.19,1,.22,1) 0s} @keyframes warn { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } } @keyframes warn1 { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.0; } } @-webkit-keyframes "warn" { 0% { transform: scale(0); -webkit-transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); -webkit-transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } } /* 保持大小不变的小圆圈 */ .play-button-dot { position: absolute; width: .94rem; height: .94rem; left: -.09rem; top: -.09rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 2; } .pulse { position: absolute; width: 2rem; height: 2rem; left: -.63rem; top: -.63rem; border: .03rem solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; box-shadow: .01rem .01rem .3rem #fff; } .pulse1 { position: absolute; width: 2rem; height: 2rem; left: -.63rem; top: -.63rem; border: .03rem solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; -webkit-animation: warn1 2s ease-out; -moz-animation: warn1 2s ease-out; animation: warn1 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; box-shadow: .01rem .01rem .3rem #fff; } .honor_box{position:relative;z-index:2;} .honor_box .btn{margin:.4rem auto 0;} ul.honor_list{} ul.honor_list li{} ul.honor_list li img{display:block;width:100%;aspect-ratio:426/297;} /* recommend_case_box */ .recommend_case_box{background:#fff;padding:.8rem 0;position:relative;} .recommend_case_box.gray{background:#f5f5f5;} .recommend_case{position:relative;} .recommend_case .btn{margin-top:.5rem;margin-bottom:0;} ul.recommend_case_list li{overflow:hidden;transition:.3s;-webkit-transition:.3s;} ul.recommend_case_list li .itembox{} ul.recommend_case_list li .pic{position:relative;z-index:1;overflow:hidden;} ul.recommend_case_list li .pic img{margin:0 auto;display:block;width:100%;aspect-ratio:570/328;transition:.55s;-webkit-transition:.55s;} ul.recommend_case_list li h3{text-align:center;font-size:.22rem;font-weight:bold;color:#3d3d3d;line-height:normal;margin-bottom:.25rem;transition:.3s;-webkit-transition:.3s;} ul.recommend_case_list li .desc{padding:.35rem .25rem .2rem .25rem;background:#f0f0f0;position:relative;z-index:2;border-bottom-left-radius:.08rem;border-bottom-right-radius:.08rem;transition:.3s;-webkit-transition:.3s;} ul.recommend_case_list li .btn{margin:0 auto;} ul.recommend_case_list li:hover .desc{background:#004ba0;} ul.recommend_case_list li:hover h3{color:#fff;} ul.recommend_case_list li:hover .pic img{transform:scale(1.1);} ul.recommend_case_list li:hover .btn{border-color:#fff;color:#fff;} ul.full_recommend_case_list li{margin-bottom:.3rem;} /* case_list */ .case_box{margin-bottom:.5rem;} ul.case_list{} ul.case_list li{} ul.case_list li .box{} ul.case_list li .pic{position:relative;z-index:1;overflow:hidden;} ul.case_list li .pic img{margin:0 auto;display:block;width:100%;aspect-ratio:570/328;transition:.55s;-webkit-transition:.55s;} ul.case_list li h3{text-align:center;font-size:.22rem;font-weight:100;color:#3d3d3d;line-height:normal;margin-bottom:.25rem;transition:.3s;-webkit-transition:.3s;} ul.case_list li .desc{padding:.35rem .25rem .2rem .25rem;background:#f0f0f0;position:relative;z-index:2;border-bottom-left-radius:.08rem;border-bottom-right-radius:.08rem;transition:.3s;-webkit-transition:.3s;} ul.case_list li .mask{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(0,0,0,.4);} ul.case_list li .mask span{display:flex;align-items:center;justify-content:center;width:.7rem;height:.7rem;line-height:.7rem;border:.06rem solid #fff;text-align:center;border-radius:100%;} ul.case_list li .mask i{font-size:.26rem;color:#fff;margin:0;} ul.case_list li:hover .desc{background:#004ba0;} ul.case_list li:hover .pic img{transform:scale(1.1);} ul.case_list li:hover h3{color:#fff;} ul.rel_case_list li .desc{padding:.35rem .25rem;} ul.rel_case_list li h3{margin-bottom:0;} ul.full_case_list li{margin-bottom:.3rem;} ul.full_case_list li .desc{border-radius:0;} /* partner_box */ .partner_box{background:#004ba0;padding:.6rem 0;position:relative;overflow:hidden;} .partner{position:relative;z-index:2;} .partner img{display:block;max-width:100%;margin:0 auto;aspect-ratio:1460/528;} .partner_box .wave{position:absolute;width:100%;left:0;right:0;margin:0 auto;bottom:0;z-index:1;} .page_partner_box{} ul.partner_list{} ul.partner_list li{border:1px solid #dfdfdf;border-radius:.08rem;margin-bottom:.3rem;} ul.partner_list li img{aspect-ratio:400/150;width:100%;display:block;border-radius:.08rem;} /* video_box */ .video_box{display:none;background:#000;text-align:center;width:100%;height:100%;overflow:hidden} .video_box video{width:100%;height:100%} /* latest_news_box */ .latest_news_box{padding:.8rem 0 .4rem 0;} .latest_news{position:relative;} ul.latest_news_list{display:flex;flex-wrap:wrap;gap:.4rem;} ul.latest_news_list li{transition:.3s;-webkit-transition:.3s;} ul.latest_news_list li .box{transition:.25s;height:100%;position:relative;z-index:2;} ul.latest_news_list li .pic{overflow:hidden;position:relative;} ul.latest_news_list li .pic img{display:block;width:100%;aspect-ratio:570/326;transition:.55s;-webkit-transition:.55s;} ul.latest_news_list li .time{color:#727272;font-size:.16rem;transition:.3s;-webkit-transition:.3s;} ul.latest_news_list li .desc{z-index:1;padding:.2rem;background:#f0f0f0;border-bottom-left-radius:.08rem;border-bottom-right-radius:.08rem;transition:.3s;-webkit-transition:.3s;} ul.latest_news_list li h3.title{line-height:1.6;font-size:.22rem;color:#727272;margin-bottom:.15rem;transition:.3s;-webkit-transition:.3s;} ul.latest_news_list li:hover .desc{background:#004ba0;} ul.latest_news_list li:hover .pic img{transform:scale(1.1);} ul.latest_news_list li:hover h3,ul.latest_news_list li:hover .time{color:#fff;} ul.full_latest_news{} ul.full_latest_news li{border:1px solid #e2e2e2;position:relative;z-index:2;} ul.full_latest_news li a{display:block;width:100%;height:100%;} ul.full_latest_news li .desc{padding-top:.1rem;} ul.full_latest_news li .box{background:#fff;} ul.full_latest_news li .time{background:#004ba0;color:#fff;display:inline-block;padding:.02rem .1rem;margin-bottom:.15rem;} ul.full_latest_news li h3.title{color:#1b1b1b;font-size:.2rem;font-weight:bold;margin-bottom:.1rem;-webkit-line-clamp:2;} ul.full_latest_news li s{position:absolute;content:"";width:100%;height:.5rem;left:0;bottom:0;z-index:1;background:#004ba0;transition:.25s;-webkit-transition:.25s;} ul.full_latest_news li:hover .txt{color:#727272;} ul.full_latest_news li:hover .box{background:#fff;} ul.full_latest_news li:hover s{left:.2rem;bottom:-.2rem;} /* all_news_list */ ul.all_news_list{position:relative;} ul.all_news_list li{position:relative;height:3.7rem;overflow:hidden;padding:.38rem;background:#f7f7f7;margin-bottom:.5rem;border:1px solid #e5e5e5;border-radius:.08rem;box-shadow:0px 0px 0.25rem 0px #ddd;transition:.25s;} ul.all_news_list li a{display:block;width:100%;height:100%;} ul.all_news_list li .item{} ul.all_news_list li .pic{width:30%;height:2.85rem;display:flex;align-items:center;} ul.all_news_list li .pic img{width:100%;max-height:100%;aspect-ratio:16/9;} ul.all_news_list li .desc{width:70%;padding:.25rem 0 0 .5rem;height:2.85rem;overflow:hidden;} ul.all_news_list li .desc h3{font-size:.36rem;color:#3d3d3d;font-weight:600;line-height:1.5;margin-bottom:.2rem;transition:.25s;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} ul.all_news_list li .desc .txt{font-size:.18rem;color:#7b7b7b;overflow:hidden;margin-bottom:.2rem;transition:.25s;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} ul.all_news_list li .time{position:absolute;left:.5rem;bottom:0;z-index:1;display:block;color:#7d7d7d;font-size:.18rem;transition:.4s;} ul.all_news_list li .btn{position:absolute;font-weight:100;right:0;bottom:0;z-index:1;margin:0;transition:.4s;} ul.all_news_list li .time em{position:relative;z-index:2;} ul.all_news_list li .time:after{content:"";position:absolute;left:0;top:0;z-index:1;width:0;height:100%;background:#004ba0;transition:.5s;} ul.all_news_list li:hover{background:#004ba0;} ul.all_news_list li:hover .btn,ul.all_news_list li:first-child .btn{border-color:#fff;color:#fff;} ul.all_news_list li:hover .time,ul.all_news_list li:hover .desc h3,ul.all_news_list li:hover .desc .txt{color:#fff;} ul.all_news_list li:first-child{height:6rem;padding:.7rem .6rem;background:#004ba0;} ul.all_news_list li:first-child .pic{width:49%;height:4.5rem;} ul.all_news_list li:first-child .desc{width:51%;height:4.5rem;} ul.all_news_list li:first-child .desc .txt{-webkit-line-clamp:4;font-size:.2rem;} ul.all_news_list li:first-child .desc h3{-webkit-line-clamp:none;margin-bottom:.5rem;} ul.all_news_list li:first-child .time,ul.all_news_list li:first-child .desc h3,ul.all_news_list li:first-child .desc .txt{color:#fff;} ul.all_news_list li:first-child .time{position:static;margin-bottom:0;} /* gocontact_box */ .gocontact_box{height:3.25rem;display:flex;align-items:center;overflow:hidden;padding-top:.8rem;background:url(../images/futurebg.jpg) no-repeat;background-size:cover;} .gocontact_box .module-tip{margin-bottom:.3rem;} .gocontact_box .module-tip h3 strong,.gocontact_box .module-tip a{color:#ffa800;} .gocontact{} .gocontact .btn{margin:0 auto;} .gocontact_box2{display:flex;align-items:center;height:4.5rem;background:url(../images/pubgocontactbg.jpg) no-repeat;background-size:cover;} .gocontact_box2 .module-tip{margin-bottom:0;} /* factory_tour_index */ ul.factory_tour_index li h3.title{font-weight:bold;text-transform:Uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* page_box */ .page_box{} .page_box.pd60{padding:.6rem 0;} .page_box.pd80{padding:.8rem 0;} .page_box.ntpd{padding-top:0;} .page_box.nbpd{padding-bottom:0;} .page_box.gray{background:#f5f5f5;} .page_content{position:relative;} .sidebar_box{width:21%;z-index:16;transition:.25s;-webkit-transition:.25s;} .sidebar{background:#004ba0;padding:.4rem 0;position:relative;z-index:1;border-radius:.08rem;margin-bottom:.3rem;} .sidebar strong.tip{position:relative;display:inline-block;padding-left:.4rem;margin-bottom:.25rem;color:#fff;font-size:.36rem;padding-bottom:.1rem;} .sidebar strong.tip:after{content:"";position:absolute;width:100%;left:0;bottom:0;z-index:1;height:.08rem;background:#8ec31f;} .sidebar .search-input{height:auto;margin:0 .2rem .15rem .2rem;overflow:hidden;} .sidebar .search-input input{height:.5rem;line-height:.5rem;border-radius:.06rem;} .sidebar .search-input input[type="text"]{background:#fff;} .sidebar .search-input .submiticon{height:100%;} .sidebar .search-input .submiticon i{line-height:.5rem;} .content{width:75%;margin-left:4%;padding:0 0 .3rem 0;min-height:12rem;} .content.nominheight{min-height:inherit;} .content.white{background:#fff;padding:.6rem;} .content.nbpd{padding-bottom:0;} .content.npd{padding:0;} .content.pd60{padding:.6rem 0;} .content.pd30{padding:.3rem 0;} .content.full_content{width:100%;margin:0;} .content.full_content.gray{background:#f7f7f7;padding:.3rem;} .content.overflowhidden{overflow:hidden;} .about_content{} h3.sort_name{position:relative;font-size:.4rem;margin-bottom:.3rem;color:#1b1b1b;font-weight:bold;line-height:normal;padding-bottom:.25rem;} h3.sort_name.center{text-align:center;} h3.sort_name:after{position:absolute;z-index:1;content:"";width:.6rem;height:0.03rem;left:0;bottom:0;background:#ffa800;} ul.cage-item{overflow:hidden;border-radius:0.05rem;} ul.cage-item li{position:relative;} ul.cage-item li a{display:flex;align-items:center;color:#fff;background:#00438f;font-size:.2rem;font-weight:100;border-bottom:1px solid #004ba0;cursor:pointer;height:.6rem;line-height:normal;padding:0 .35rem 0 .4rem;position:relative;transition:.25s;-webkit-transition:.25s;} ul.cage-item li a span.icon{margin-left:auto;background:none;color:#8ec31f;font-weight:bold;transition:.25s;-webkit-transition:.25s} ul.cage-item li a i.fa-angle-down,ul.cage-item li a i.fa-angle-right{font-size:.26rem;font-weight:bold;display:none;} ul.cage-item li a i{margin-right:0;} ul.cage-item li.current a,ul.cage-item li a:hover{font-weight:bold;background:#00438f;color:#8ec31f;} ul.cage-item li.current a i.fa-plus{display:none;} ul.cage-item li.current a i.fa-angle-down{display:block;} ul.cage-item li:last-child a{border:none;} ul.cage-item li .sidebar_sub_menu{min-width:100%;max-height:0;overflow:hidden;} ul.cage-item li .sidebar_sub_menu a{display:flex;align-items:center;font-size:.18rem;font-weight:100;background:#004ba0!important;color:#fff!important;height:.44rem;line-height:normal;padding-left:.6rem;} ul.cage-item li .sidebar_sub_menu a i{display:inline-block;color:#8ec31f;font-size:.24rem;margin-right:.08rem;} ul.cage-item li .sidebar_sub_menu a.active,ul.cage-item li .sidebar_sub_menu a:hover{background:#004286!important;color:#8ec31f!important;} ul.cage-item li .sidebar_sub_menu a.active span,ul.cage-item li .sidebar_sub_menu a:hover span{opacity:1;visibility:visible;} ul.cage-item li .sidebar_sub_menu a span.icon{margin-left:0;} ul.cage-item li.current .sidebar_sub_menu a,ul.cage-item li:hover .sidebar_sub_menu a{background:rgba(233,233,233,.9);color:#787878;} ul.cage-item li.current .sidebar_sub_menu{max-height:30rem;} ul.cage-item.pushleft li a{text-align:left;padding-left:60px;} ul.cage-item.style2 li a i.fa-angle-right{display:block;} .cage_sort_box{display:none;margin-bottom:20px;max-height:45px;overflow:hidden;transition:.4s;-webkit-transition:.4s;} .cage_sort_box strong{cursor:pointer;display:block;height:45px;line-height:45px;font-size:22px;font-weight:100;padding:0 20px 0 24px;color:#fff;background:#ff8400;border-radius:6px;} .cage_sort_box strong i{float:right;margin-top:12px;margin-right:0;} .cage_sort_box ul.cage_link{max-height:1000px;transition:.4s;-webkit-transition:.4s;padding-bottom:0;} .cage_sort_box ul.cage_link li a{font-size:14px;height:40px;line-height:40px;text-align:left;padding:0 20px;} .cage_sort_box.open,.cage_sort_box ul.cage_link.open{max-height:1000px;} .tags_box{background:#fff;border-radius:.05rem;padding:.3rem .2rem;} .tags_box h3{font-size:.24rem;margin-bottom:.2rem;text-transform:Uppercase;} .tags_box a{font-size:.16rem;display:inline-block;background:#f5f5f5;color:#575757;padding:.04rem .15rem;margin:0 .05rem .08rem 0;transition:.25s;-webkit-transition:.25s;} .tags_box a:hover{background:#004ba0;color:#fff;} /* prolist */ ul.pro_list{} ul.pro_list li{margin-bottom:.3rem;} ul.pro_list li .pic{position:relative;overflow:hidden;} ul.pro_list li .pic img{position:relative;z-index:2;width:100%;max-width:100%;aspect-ratio:4/3;display:block;transition:.55s;-webkit-transition:.55s;} ul.pro_list li .desc{display:flex;align-items:center;justify-content:space-between;padding:.35rem .25rem;background:#f0f0f0;transition:.25s;-webkit-transition:.25s;} ul.pro_list li .desc h3{font-size:.24rem;font-weight:100;color:#3d3d3d;transition:.3s;-webkit-transition:.3s;} ul.pro_list li .desc .btn{margin:0;} /*ul.pro_list li:hover .pic img{transform:scale(1.1);}*/ /* ul.pro_list li s{position:absolute;content:"";width:100%;height:.5rem;left:.1rem;bottom:-.1rem;z-index:1;background:#f5f5f5;transition:.25s;-webkit-transition:.25s;} */ ul.pro_list li:hover .desc{background:#004ba0;} ul.pro_list li:hover .desc h3{color:#fff;} ul.pro_list li:hover .desc .btn{color:#fff;border-color:#fff;} ul.pro_list li:hover .pic img{transform:scale(1.1);} /* details */ .details{position:relative;border-radius:.08rem;} .details h1.title{font-size:.48rem;color:#004ba0;font-weight:bold;line-height:normal;margin-bottom:.3rem;transition:.2s;-webkit-transition:.2s;} .details h1.title.center{text-align:center;} .details .postarr{color:#8c8c8c;line-height:normal;text-align:right;padding:.1rem 0;margin-bottom:.4rem;} .details .postarr span{display:inline-block;margin:0 .15rem;} .details.gray{background:#f7f7f7;} .details.pd40{padding:.8rem .6rem .6rem .6rem;} .details .summary strong{color:#717171;font-size:.2rem;} .details .summary .txt{color:#717171;font-size:.2rem;margin-bottom:.2rem;text-indent:2em;} .keyword{margin:30px 0;} .editor{color:#3d3d3d;margin-bottom:30px;font-size:.2rem;} .editor.line2{line-height:2;} .editor.mb50{margin-bottom:50px;} .editor img.floatright{float:right;margin:10px 0 25px 25px;} .editor img{display:block;margin:40px auto;max-width:100%;} .editor table tr:first-child{background:#727272;} .editor table tr:first-child td{color:#fff;text-align:center;} .editor table td{border-color:#000;} .editor strong,.editor b{color:#004ba0;} /* .editor p{text-indent:2em;} */ .culture_editor{font-size:.3rem;color:#555;margin-bottom:2rem!important;} .culture_editor p{margin-bottom:.4rem;} .culture_editor strong{color:#004ba0;} .culture_editor2 strong{} .smfont_editor{font-size:.18rem;} .relitem_box{padding-bottom:.5rem;} .relitem_box.nbm{margin-bottom:0;} .relitem_box.nbpd{padding-bottom:0;} .relitem{} .relitem h3.sort_name{margin-bottom:.4rem;font-size:.48rem;} .relitem ul.pro_list{grid-template-columns:inherit;} .relitem ul.pro_list li{margin-bottom:0;} .relitem ul.pro_list li .desc{padding:.35rem .25rem;background:#f7f7f7;justify-content:center;border-bottom-left-radius:.08rem;border-bottom-right-radius:.08rem;transition:.3s;-webkit-transition:.3s;} .relitem ul.pro_list li .desc h3{line-height:normal;font-size:.22rem;margin-bottom:0;} .relitem ul.pro_list li:hover .desc{background:#004ba0;} .relitem ul.rel_pro_list li{margin-bottom:.3rem;} .relitem ul.rel_pro_list li .desc{background:#f0f0f0;} /* .relitem ul.rel_pro_list li:nth-last-child(-n+3){margin-bottom:0;} */ ul.rel_news{} ul.rel_news li{font-size:.2rem;} ul.rel_news li i{color:#8ec31f;margin-right:.15rem;font-size:.24rem;} ul.rel_news li a{transition:.3s;-webkit-transition:.3s;} ul.rel_news li a:hover{color:#8ec31f;} .viewvideo{width:100%;height:5.14rem;margin:.5rem auto;overflow:hidden;display:flex;align-items:center;justify-content:center;} .viewvideo.nomargin{margin:0;} .viewvideo video{width:7.8rem;height:4.6rem;} .autoplayvideo{width:100%;object-fit:cover;background:#000;} .fullviewvideo,.fullviewvideo video{width:100%;height:auto;} /* download list */ .download_box{max-width:75%;margin:0 auto;} .file_search_box{margin-bottom:40px;} .file_search{overflow:hidden;} .file_search input{float:left;width:76%;height:.46rem;line-height:.46rem;} .file_search input[type="text"]{border-color:#e1e1e1;padding:0 .1rem;border-radius:5px;} .file_search input[type="submit"]{width:23%;float:right;font-size:.18rem;border:none;background:#004ba0;color:#fff;padding:0;border-radius:5px;transition:.25s;-webkit-transition:.25s;cursor:pointer;font-family:Gilroy-bold;} .file_search input[type="submit"]:hover{background:#c9060e;} ul.download_list{} ul.download_list li{font-size:12px;padding:.3rem;background:#f5f5f5;transition:.25s;-webkit-transition:.25s;} ul.download_list li h3,ul.download_list li .down_btn{width:70%;} ul.download_list li .down_btn{width:30%;} ul.download_list li h3{position:relative;top:7px;font-size:.24rem;color:#313131;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.25s;-webkit-transition:.25s;} ul.download_list li .down_btn{text-align:right;} ul.download_list li .down_btn a{display:inline-block;height:.46rem;line-height:.46rem;font-size:.18rem;background:#004ba0;color:#fff;width:2.1rem;border-radius:5px;text-align:center;transition:.25s;-webkit-transition:.25s;} ul.download_list li .down_btn a i{margin-right:.1rem;color:#fff;font-size:.2rem;position:relative;top:.02rem;transition:.25s;-webkit-transition:.25s;} ul.download_list li .down_btn a:hover{background:#ff9600;color:#fff;} ul.download_list li .down_btn a:hover i{color:#fff;} ul.download_list li:nth-child(even){background:#ebebeb;} ul.download_list li:hover{background:#dfdede;} .downloaduserinfo{padding:.3rem;} .downloaduserinfo ul.onlineinput li.submit{padding:0;} .downloaduserinfo ul.onlineinput li.submit input{cursor:pointer;background:#0050a2;height:.55rem;line-height:.55rem;color:#fff;padding:0;border-radius:.1rem;transition:.25s;-webkit-transition:.25s;} .downloaduserinfo ul.onlineinput li.submit input:hover{background:#ff9600;} .fixeddownload{display:none;} .fixeddownload ul.download_list li{display:flex;align-items:center;justify-content:space-between;} .fixeddownload ul.download_list li h3{flex:1;top:inherit;} .fixeddownload ul.download_list li h3,.fixeddownload ul.download_list li .down_btn{width:auto;float:none;} .fixeddownload ul.download_list li .down_btn{} .fixeddownload .no_data{margin:.2rem;} /* factory view */ ul.factoryview{} ul.factoryview li{overflow:hidden;margin-bottom:50px;} ul.factoryview li .pic{float:left;width:34%;margin-right:3%;} ul.factoryview li .desc{float:right;width:63%;font-size:15px;} ul.factoryview li .pic img{max-width:100%;border-radius:8px;display:block;} ul.factoryview li:last-child{margin-bottom:0;} ul.factoryview li:nth-child(odd) .pic{float:right;margin:0 0 0 2%;} ul.factoryview li:nth-child(odd) .desc{float:left;} /* R&D page */ .research_box{background:#f0f0f0;border-radius:.08rem;padding:.5rem .4rem;margin-bottom:.5rem;} .cooperative_unit{width:36%;margin-right:5%;} .cooperative_unit .pic{display:flex;align-items:center;margin-bottom:.4rem;} .cooperative_unit .pic img{aspect-ratio:295/210;display:block;width:49%;} .cooperative_unit .pic img:last-child{margin-left:2%;} .cooperative_unit .desc{font-size:.24rem;color:#4b4b4b;text-indent:2em;} .school{width:59%;} ul.school_list{} ul.school_list li{margin-bottom:.2rem;} ul.school_list li img{aspect-ratio:474/151;display:block;max-width:100%;border-radius:.08rem;} ul.school_list li:nth-last-child(-n+2){margin-bottom:0;} .allhonor{margin-bottom:.2rem;} .allhonor img{display:block;max-width:100%;width:100%;} /* contact_us */ .contacttype_box{margin-bottom:.4rem;padding:.5rem;border-radius:.08rem;} .contacttype_box.gray{background:#f7f7f7;} .contacttype{padding:0 0rem;position:relative;} .contacttype .module-title{margin-bottom:0.3rem} ul.contactitem{padding-top:0;display:flex;flex-wrap:wrap;gap:.2rem;} ul.contactitem li{display:flex;flex-wrap:wrap;align-items:center;flex: 0 0 calc(100%);color:#2c2c2c;transition:.25s;-webkit-transition:.25s} ul.contactitem li strong{flex: 1 1 auto;font-size:.24rem;font-weight:bold;line-height:normal;} ul.contactitem li span{flex: 0 0 auto;width:.5rem;margin-right:.2rem;} ul.contactitem li .icon{background:none;position:relative;text-align:center;} ul.contactitem li .icon i{color:#004ba0;font-size:.5rem;line-height:1;margin-right:0;} ul.contactitem li .icon i.fa-envelope{font-size:.36rem;} ul.contactitem li .icon i.fa-phone{font-size:.45rem;} ul.contactitem li .icon i.fa-mobile{font-size:.6rem;} ul.contactitem li a{color:#004ba0;font-weight:400;margin-right:.2rem;transition:.25s;-webkit-transition:.25s;} ul.contactitem li a:hover{color:#ff9600;} .page_onlinemsg_box{margin-bottom:.4rem;} .page_onlinemsg{padding:.5rem;background:#f7f7f7;border-radius:.08rem;} .page_onlinemsg .contact_tip{text-align:center;font-size:.2rem;color:#565656;margin-bottom:.3rem;} .followus{text-align:center;padding:.4rem 0 .6rem 0;} .followus .qrcode{display:inline-block;vertical-align:middle;margin:0 .3rem;font-size:.2rem;} .followus .qrcode img{display:block;margin:0 auto .2rem;width:110px;} .contacttype .followus{position:absolute;width:auto;padding:0;right:0;top:50%;margin-top:-1rem;} .leavemessage{} .leavemessage ul.onlineinput li .submit_btn{background:#ff9c00;font-size:.24rem;width:8rem;} .leavemessage ul.onlineinput li .submit_btn:hover{background:#004ba0;} ul.onlineinput{} ul.onlineinput.narrow{margin:0 10%} ul.onlineinput li{display:flex;align-items:center;position:relative;margin-bottom:0.2rem;overflow:visibility;} ul.onlineinput li .required{color:#888;flex:0 0 auto;margin-right:.2rem;white-space:nowrap;font-size:.2rem;font-weight:500;} ul.onlineinput li .required b{color:red;position:relative;top:0.02rem} ul.onlineinput li input{flex:1 1 auto;height:0.65rem;line-height:0.65rem;font-size:18px;} ul.onlineinput li input,ul.onlineinput li textarea{flex:1 1 auto;border:0.01rem solid #e2e2e2;border-radius:0.1rem;padding:0.1rem 0.2rem;background:#fff;color:#000} ul.onlineinput li input::placeholder,ul.onlineinput li textarea::placeholder{color:#999;font-weight:100;font-size:.18rem;} ul.onlineinput li textarea{min-height:2rem;} ul.onlineinput li.bigpd{display:flex;align-items:inherit;} /* ul.onlineinput li.bigpd input,ul.onlineinput li.bigpd textarea{padding-left:1rem;padding-top:.18rem;} */ /* ul.onlineinput li.bigpd input{padding-top:.1rem;} */ ul.onlineinput li.full{width:100%;margin-right:0} ul.onlineinput li.safe{} ul.onlineinput li.safe img{height:0.35rem;position:absolute;right:0.1rem;top:0.1rem;z-index:1} ul.onlineinput li.textarea .required{top:.3rem;} ul.onlineinput li.submit{background:none;margin-right:0;margin-bottom:0;margin-top:0.3rem;border:none} ul.onlineinput li .submit_btn{display:block;width:4rem;text-transform:uppercase;text-align:center;margin:0 auto;border:none;background:#004ba0;border-radius:0.08rem;color:#fff;cursor:pointer;padding:0;font-size:0.18rem;height:0.5rem;line-height:0.5rem;transition:.25s;-webkit-transition:.25s} ul.onlineinput li .submit_btn:hover{background:#ff9600} .map{position:relative;height:6rem;} /* product view */ .probase_info_box{overflow:hidden;margin-bottom:.6rem;position:relative;} .itempic{position:relative;width:49%;margin-right:2%;background:#f7f7f7;padding:.15rem;border-radius:.1rem;} .itempic img{display:block;max-width:100%;margin:0 auto;} .itempic span.icon{width:35px;height:33px;position:absolute;bottom:5px;right:5px;background:none;background-position:0 0;z-index:20;} .itempic span.icon i{line-height:.28rem;margin:0;font-size:.28rem;color:#888;} .itemdesc{width:49%;line-height:1.6;position:relative;} .itemdesc .desc{overflow:hidden;position:relative;margin-bottom:.8rem;} .itemdesc h1{color:#004ba0;font-size:.48rem;margin-bottom:.3rem;line-height:1.4;font-weight:bold;font-family:Gilroy-bold;} .itemdesc strong.tip{font-size:.24rem;color:#004ba0;display:block;margin-bottom:.1rem;} .itemdesc .desc .txt{padding:.3rem 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#3d3d3d;font-size:.2rem;line-height:1.7;margin-bottom:1rem;overflow:hidden;} .itemdesc .download,.itemdesc .goinquiry{display:block;color:#004ba0;font-size:.24rem;text-align:center;background:#f7f7f7;border-radius:.08rem;line-height:.6rem;margin-bottom:.2rem;transition:.25s;-webkit-transition:.25s} .itemdesc .download i,.itemdesc .goinquiry i{margin-right:.15rem;} .itemdesc .goinquiry{background:#ff9c00;color:#fff;} .itemdesc .download:hover,.itemdesc .goinquiry:hover{background:#004ba0;color:#fff;} .picslider{position:relative;margin-bottom:20px;} .picslider ul.pic li,.smallslider ul.pic li{display:none;} .picslider ul.pic li img{max-width:100%;width:100%;display:block;margin:0 auto;aspect-ratio:4/3;} .picslider .flex-control-nav{right:10px;bottom:5px;text-align:center;} .picslider .flex-control-paging li a{text-indent:9999px;overflow:hidden;background:#cfcfcf;width:14px;height:14px;border-radius:50%;border:1px solid #cfcfcf;-webkit-border-radius:50%;transition:.25s;-webkit-transition:.25s;} .picslider .flex-control-paging li a.flex-active{background:#0055b7;border-color:#0055b7} .picslider .flex-control-paging li a:hover{background:#0055b7;border-color:#0055b7} .smallslider{margin-left:.8rem;margin-right:.8rem;position:relative;} .smallslider ul.pic li{margin-right:.2rem;} .smallslider ul.pic li img{display:block;margin:0 auto;max-width:100%;aspect-ratio:165/130;} .smallslider ul.pic li.flex-active-slide img{border-color:#ff8400;} .smallslider .flex-direction-nav a{width:.58rem;height:.58rem;border:1px solid #656565;border-radius:100%;background:none;} .smallslider .flex-direction-nav a:before{color:#656565!important;position:relative;top:.03rem;font-size:.26rem;text-shadow:none;} .smallslider .flex-direction-nav a.flex-prev{left:-.7rem;} .smallslider .flex-direction-nav a.flex-next{right:-.7rem;} .smallslider .flex-direction-nav a:hover{background:#004ba0;border-color:#004ba0;} .smallslider .flex-direction-nav a:hover:before{color:#fff!important;} .zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #e0e0e0;text-align:center;overflow:hidden;} .zoomMask{position:absolute;cursor:crosshair;z-index:1;background:#4981f4;opacity:.3;width:1.5rem!important;height:1.5rem!important} .zoomDiv .bigimg {width:200%!important;height: auto !important;} .pro_view_desc{overflow:hidden;} .pro_view_desc .pic_item{height:4.6rem;filter:grayscale(100%);transition:.4s;-webkit-transition:.4s;} .pro_view_desc h1.title{text-align:center;font-weight:bold;color:#004ba0;font-size:.48rem;line-height:normal;margin-bottom:.5rem;} .pro_view_desc h1.title.left{text-align:left;} .pro_view_desc .editor h3{color:#004ba0;font-size:.24rem;font-weight:600;background:#f0f0f0;line-height:normal;margin:.3rem 0;padding:.08rem .15rem;} .pro_view_desc .description{font-size:.16rem;color:#727272;margin-bottom:.5rem;} h3.view_title{font-size:.4rem;font-weight:bold;display:inline-block;color:#004ba0;position:relative;line-height:normal;margin-bottom:.5rem;padding-bottom:.25rem;text-transform:Uppercase;transition:.2s;-webkit-transition:.2s;} h3.view_title.small{font-size:.24rem;margin-bottom:.2rem;} h3.view_title:after{position:absolute;z-index:1;content:"";width:100%;height:0.06rem;left:0;bottom:0;background:#8ec31f;} h3.view_title.nobor{display:block;padding-bottom:0;} h3.view_title.nobor:after{display:none;} h3.view_title.mb50{margin-bottom:.5rem;} h3.view_title.hasbor{padding-bottom:5px;border-bottom:1px solid #ededed;} .tags{margin-bottom:.2rem;} .tags strong{display:inline-block;vertical-align:middle;font-size:.16rem;position:relative;top:.02rem;margin-right:.08rem;} .tags a{display:inline-block;background:#f5f5f5;color:#5c5c5c;border:1px solid #e7e7e7;transition:.2s;-webkit-transition:.2s;margin-right:5px;margin-bottom:5px;padding:0 .15rem;} .tags a:hover{background:#004ba0;color:#fff;border-color:#004ba0;} .changepage_box{} .changepage_box.gray{background:#f7f7f7;padding:.2rem;} .changepage_box.hsmb{margin-bottom:.2rem;} .changepage_box.mb60{margin-bottom:.6rem;} .changepage{overflow:hidden;} .changepage a{display:block;color:#494949;font-size:.16rem;padding:.02rem 0;transition:.25s;-webkit-transition:.25s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .changepage a i{font-size:.18rem;color:#ff8401;vertical-align:middle;} .changepage a:hover{color:#ff8401;} .pro_inquiry ul.onlineinput li{border:1px solid #dfdfdf;border-radius:.08rem;padding:0 .1rem;} .pro_inquiry ul.onlineinput li input{height:.55rem;line-height:.55rem;border:none;} .pro_inquiry ul.onlineinput li textarea{min-height:1.2rem;border:none;} .pro_inquiry ul.onlineinput li.submit{border:none;} /* solution view */ .solutionbase_info_box{} .solutionbase_info_box .itempic{background:none;padding:.15rem 1rem} .solutionbase_info_box .itempic img{width:.99rem;height:.99rem;} .solutionbase_info_box .itempic .itembox{height:4.1rem;background:rgba(0,69,147,1);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 .5rem;height:4rem;border:1px solid rgba(255,255,255,.1);border-radius:.09rem;transition:.3s;-webkit-transition:.3s;} .solutionbase_info_box .itempic .itembox h1{font-size:.36rem;color:#fff;font-weight:bold;margin-top:.3rem;} .solutionbase_info_box .itemdesc .desc .txt{border:none;padding-top:0;margin-bottom:.2rem;} .solutionbase_info_box .itemdesc .desc{margin-bottom:.3rem;} .solutionbase_info_box .itemdesc .goinquiry{margin-bottom:0;} /* apply_view page */ .apply_desc_box{display:flex;} .apply_desc_box .apply_img{width:20%;height:175px;overflow:hidden;} .apply_desc_box .apply_desc{width:80%;} /* aboutus page*/ .page_about{} .page_about .notebox{width:47%;height:auto;} .page_about .notebox .desc{font-size:.18rem;} .page_about .aboutvideo_box{width:50%;} .leader_box{margin-top:1.5rem;background:linear-gradient(#ffffff 0%, #ffffff 22%, #004ba0 22%, #004ba0 100%);} .leaderinfo{margin-bottom:.8rem;} .leaderinfo .name{font-size:.48rem;color:#004ba0;font-weight:bold;line-height:normal;} .leaderinfo strong{font-size:.36rem;color:#3d3d3d;font-weight:100;} .leader{padding:.7rem 0;position:relative;} .leader .desc{width:45%;text-align:right;color:#fff;font-size:.24rem;line-height:1.5;} .leader .desc p{position:relative;padding-right:.4rem;} .leader .desc p:after{position:absolute;content:"";width:.2rem;height:.2rem;background:#ffae00;right:0;top:50%;margin-top:-.08rem;border-radius:100%;z-index:1;} .leader .leaderphoto{position:absolute;right:0;bottom:-.45rem;z-index:1;width:50%;} .slide_history_box{padding:1.5rem 0;} .slide_history{} .history_year{float:right;width:20%;height:5.6rem;background:#f0f0f0;} .slideyear{display:flex;flex-direction:column;height:5.6rem;} .slideyear a{display:flex;flex:1;align-items:center;justify-content:center;font-size:.48rem;line-height:normal;font-family:Gilroy-regular;transition:.25s;-webkit-transition:.25s;} .slideyear a.active,.slideyear a:hover{background:#002b65;color:#fff;} .history_con_box{width:78%;margin-right:2%;overflow:hidden;} .history_con{height:5.6rem;} .history_con .history_bg{width:37%;height:100%;} .history_con .history_desc_box{width:63%;height:100%;background:#f0f0f0;} .history_desc{padding:.4rem .6rem;} .history_desc h3{font-size:.48rem;color:#004ba0;font-weight:bold;} .history_desc h4{font-size:.3rem;color:#004ba0;font-weight:bold;margin-bottom:.4rem;} .history_desc .txt{font-size:.2rem;color:#3d3d3d;} .slideprev_btn, .slidenext_btn { position:absolute; left:50%; transform:translateX(-50%); width:.58rem; height:.58rem; color: #2062ac; display:flex; align-items: center; justify-content: center; cursor: pointer; border:1px solid #2062ac; z-index: 2; border-radius: 100%; transition:.25s;-webkit-transition:.25s; } .slideprev_btn i,.slidenext_btn i{margin-right:0;font-size:.38rem;} .slideprev_btn{top:-.75rem;} .slidenext_btn{bottom:-.75rem;} .slideprev_btn:hover,.slidenext_btn:hover{background:#2062ac;} .slideprev_btn:hover i,.slidenext_btn:hover i{color:#fff;} .culture_box{padding-bottom:6rem;background:url(../images/wall.webp) center bottom no-repeat;background-size:contain;} .culture{} ul.culture_list{} ul.culture_list li{margin-bottom:.3rem;background:#f9f9f9;border:1px solid #dfdfdf;border-radius:.08rem;} ul.culture_list li .desc{color:#3d3d3d;font-size:.22rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;} ul.culture_list li .desc .txt{flex:1;} ul.culture_list li .desc h3{font-size:.3rem;color:#004ba0;font-weight:bold;line-height:normal;margin-bottom:.1rem;} ul.culture_list li .desc .icon{width:1rem;height:1rem;background-position:0 0;} ul.culture_list li:nth-child(2) .desc .icon{background-position:-1rem 0;} ul.culture_list li:nth-child(3) .desc .icon{background-position:0 -1rem;} ul.culture_list li:nth-child(4) .desc .icon{background-position:-1rem -1rem;} /* page_leader_box */ .page_leader_box{} .page_leader{display:flex;align-items:center;flex-direction:row-reverse;} .page_leader .pic{width:50%;} .page_leader .pic img{max-width:100%;width:100%;display:block;} .page_leader .desc{flex:1;font-size:.24rem;line-height:1.8;padding-left:.9rem;} .page_leader .desc p{position:relative;padding-left:.4rem;} .page_leader .desc p:after{position:absolute;content:"";width:.2rem;height:.2rem;background:#ffae00;left:0;top:50%;margin-top:-.08rem;border-radius:100%;z-index:1;} .speech_content{padding:.5rem;border-radius:.1rem;background:#004ba0;color:#fff;font-size:.22rem;} .speech_content p{text-indent:2em;} /* honor page */ .page_honor_box{margin-bottom:.3rem;} ul.full_honor_list li{margin-bottom:.3rem;} .qualification_box{} ul.qualification_list{} ul.qualification_list li{margin-bottom:.3rem;border:1px solid #d5d5d5;cursor:pointer;} ul.qualification_list li img{width:100%;aspect-ratio:600/800;} /* site_link */ .site_link{display:grid;grid-template-columns:repeat(10, 1fr);gap:6px 0;align-items:center;} .site_link a{font-size:.2rem;display:inline-block;white-space:nowrap;border:1px solid #dfdfdf;padding:.04rem .2rem;margin-bottom:.2rem;transition:.3s;-webkit-transition:.3s;} .site_link a:hover{background:#005ac0;color:#fff;border-color:#005ac0;} /* group page */ .videoitem{width:800px;margin:0 auto;overflow:hidden;padding:.5rem 0;margin-bottom:.5rem;} .factory_box{} ul.factory_list{} ul.factory_list li{margin-bottom:.4rem;} ul.factory_list li img{width:100%;display:block;margin:0 auto;aspect-ratio:421/237;} /* history */ .timeline_box{} .timeline{padding-left:60px;position:relative;} .timeline:before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;border-left:2px dashed #999;} .timeline-item{position:relative;margin-bottom:70px;display:flex;align-items:flex-start;justify-content:space-between;opacity:0;transform:translateY(30px);transition:all 0.8s ease;} .timeline-item:before{content:'';position:absolute;left:-49px;top:33px;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #004ba0;transition:all 0.3s ease;z-index:1;} .timeline-item:hover:before{background:#004ba0;box-shadow:0 0 0 4px rgba(0,75,160,0.2);} .timeline-item .desc{flex:1;} /*.timeline-item:hover .timeline-year{color:#cf121b;}*/ .timeline-item .img{width:3.5rem;margin-left:20px;padding:.05rem;background:#f5f5f5;border:1px solid #d0d0d0;} .timeline-item img{width:100%!important;display:block;margin:0!important;} .timeline-item.show{opacity:1;transform:translateY(0);} .timeline-year{font-size:.48rem;font-weight:bold;color:#004ba0;} .timeline-content{font-size:.2rem;color:#333;line-height:1.6;} /* public_form_box */ .public_form_box{background:#fff;position:relative;z-index:2;padding:.5rem 0;} .public_form_box.gray{background:#f5f5f5;} .public_form{background:#f7f7f7;padding:40px;border-radius:.08rem;position:relative;z-index:1;border:1px solid #e2e2e2;-moz-box-shadow:0 0 15px #ddd;-webkit-box-shadow:0 0 15px #ddd;box-shadow:0 0 15px #ddd;} .public_form .form_container{display:flex;gap:.4rem;align-items:center;} .public_form .tip{flex: 0 0 calc(18% - 0.2rem);text-align:center;} .public_form .form_box{flex: 0 0 calc(82% - 0.2rem);} .public_form span.icon{width:.66rem;height:.66rem;background-position:-1.62rem -3.5rem;} /* .public_form span.icon i{font-size:.4rem;color:#eaeaea;} */ .public_form .getintouch{display:block;color:#0061bc;font-size:.36rem;font-family:Gilroy-bold;text-transform:Uppercase;} ul.input{} ul.input li{position:relative;background:#fff;border:1px solid #ddd;width:28%;margin-right:2%;border-radius:5px;} ul.input li span.required{position:absolute;left:3px;top:12px;z-index:1;width:30px;text-align:center;color:red;} ul.input li input,ul.input li textarea{border:none;height:45px;line-height:45px;padding:0 0 0 30px;background:none;} ul.input li textarea{height:auto;line-height:1.5;min-height:120px;padding-top:10px;} ul.input li.safe img{position:absolute;right:10px;top:9px;z-index:1;} ul.input li.submit{width:10%;margin-right:0;border:1px solid #05a733;border-radius:6px;transition:.25s;-webkit-transition:.25s;} ul.input li.submit input{cursor:pointer;padding:0;background:#05a733;border:1px solid #05a733;border-radius:.05rem;color:#fff;font-size:.18rem;transition:.25s;-webkit-transition:.25s;} ul.input li.submit input:hover{background:#ff9600;border-color:#ff9600;} ul.input li.submit:hover{border-color:#ff9600;} /* alltags */ .alltags{} .alltags a{display:inline-block;border:1px solid #dfdfdf;padding:8px 15px;margin:0 .2rem .2rem 0;} /* footer_box */ .footer_box{background:#002257;color:#cbcbcb;} .footer_header{border-bottom:1px solid #15427a;padding:.4rem 0;} .footer_header img{width:5rem;display:block;} .footer_body{position:relative;padding:.6rem 0;} .footer_body a{color:#cbcbcb;transition:.2s;-webkit-transition:.2s;} .footer_body a:hover{color:#fff;} ul.f_menu_list li{width:17%;margin-right:0%;} ul.f_menu_list li:last-child{width:32%;} .footer_body h3.title{font-size:.24rem;color:#fff;margin-bottom:.15rem;font-weight:bold;font-family:Gilroy-bold;text-transform:Uppercase;} .footer_body h3.title.white{color:#fff;} .footer_body .contat_info{margin-bottom:.5rem;font-size:.16rem;} .hotline{font-size:.18rem;} .hotline strong{display:block;font-weight:100;} .hotline .linenum{font-size:.4rem;color:#8ec31f;font-weight:bold;font-family:Gilroy-Medium;} .footer_body .contat_info p{position:relative;} .footer_body .contat_info .icon{width:.21rem;height:.21rem;background-position:-6.82rem -3.42rem;position:absolute;left:0;top:0;z-index:1;} .footer_body .contat_info .icon.email{width:.23rem;height:.21rem;background-position:-6.81rem -4rem;} .footer_body .contat_info .icon.add{width:.21rem;height:.25rem;background-position:-6.8rem -4.56rem;} .footer_body .contat_info .icon.whatapp{width:.23rem;height:.23rem;background-position:-6.42rem -4.57rem;} .footer_body .snsitem{margin-top:0;width:100%;gap:.2rem;display:flex;align-items:center;} .footer_body .snsitem .wechatqr{display:none;position:absolute;left:50%;right:0;margin-left:-60px;top:-140px;z-index:1;width:120px;height:120px;background:#fff;padding:.1rem;border-radius:.08rem;} .footer_body .snsitem .wechatqr:before{content:'';position:absolute;right:50%;margin-right:-8px;top:120px;overflow:hidden;border-right:8px solid transparent;border-top:8px solid #fff;border-bottom:0 solid transparent;border-left:8px solid transparent;display:block;} .footer_body .snsitem .wechatqr img{display:block;margin:0 auto;width:100%;aspect-ratio:1/1;} .footer_body .snsitem a{position:relative;background:#002b65;width:.6rem;height:.6rem;border-radius:100%;display:flex;align-items:center;justify-content:center;} .footer_body .snsitem svg{width:.4rem;height:.4rem;fill:#fff;} .footer_body .snsitem a:hover{background:#8ec31f;color:#fff;} .footer_body .snsitem a:hover .wechatqr{display:block;} .footer_body .followus{text-align:left;padding:0;display:flex;flex-wrap:wrap;align-items:center;} .footer_body .followus .qrcode{width:1.1rem;margin:0 .25rem 0 0;text-align:center;font-size:14px;} .footer_body .followus .qrcode img{max-width:100%;margin-bottom:.05rem;} .footer_body .bigcompanyfont{font-size:1.2rem;color:#002b65;position:absolute;left:-.08rem;bottom:-.18rem;z-index:1;line-height:1;font-family:Gilroy-bold;text-transform:Uppercase;} .f_menu_link{} /* .for_pro_link{display:flex;flex-wrap:wrap;} */ /* .for_pro_link a{flex-basis:calc(100%/2);} */ .f_menu_link a{font-size:.16rem;display:block;padding:1px 0;text-transform:capitalize;} .f_menu_link a.downlink i{color:#ffa800;} .copyright_box{background:#001a42;padding:.3rem 0;text-transform:Capitalize;} .copyright{display:flex;align-items:center;margin-bottom:.05rem;} .copyright,.links{color:#fff;} .copyright .techsupport{} .copyright .beianlink span.icon{width:.18rem;height:.2rem;background-position:-.33rem -4.67rem;position:relative;top:-.02rem;} .copyright span{margin-right:.05rem;} .copyright a,.links a{color:#fff;transition:.25s;-webkit-transition:.25s;margin:0 .1rem;} .copyright a:hover,.links a:hover{color:#ffa800;} .techsupport span.icon.support{width:.16rem;height:.18rem;background-position:-.07rem -4.68rem;position:relative;top:-.02rem;margin-right:.05rem;} a.sitemap{} a.top{opacity:0;visibility:hidden;position:absolute;width:39px;height:39px;overflow:hidden;left:50%;margin-left:660px;bottom:30px;z-index:20;border:1px solid #fff;line-height:38px;text-align:center;border-radius:50%;-webkit-border-radius:50%;transition:.25s;-webkit-transition:.25s;} a.top i{width:39px;height:39px;margin:0;font-size:32px;color:#fff;transition:.25s;-webkit-transition:.25s;position:relative;z-index:2;} a.top:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:#ff8a00;border-radius:50%;-webkit-border-radius:50%;transform:scale(0);transition:.25s;-webkit-transition:.25s;} a.top:hover:after{transform:scale(1);} a.top:hover i{color:#fff;transform:translate(0,-39px)} a.top.active{opacity:1;visibility:visible;} #page{clear:both;line-height:25px;margin:30px 0;text-align: center;} #page a{background:#fff;border:1px solid #e2e2e2;border-radius:3px;color: #626262;display: inline-block;font-size:16px;line-height:30px;margin:0 3px;padding:0 10px;text-align:center;transition:.3s;-webkit-transition:.3s;} #page a:hover{background: #ff8a00;border:1px solid #ff8a00;color:#fff;} #page a:active {background:#ff8a00;} #page span.current {background:#ff8a00;border:1px solid #ff8a00;border-radius:3px;-webkit-border-radius:3px;color:#fff;display:inline-block;font-size:16px;line-height:30px;margin:0 3px;padding:0 10px;text-align:center;} #page span.disabled {color:#adaaad;margin-right:3px;padding:2px 6px;} /* fixedinput */ .fixedinput{display:none;} .fixedinput .pro_inquiry{padding:20px;} .fixedinput .pro_inquiry ul.online_inquiry{background:#f7f7f7;} /*-----错误提示框----*/ #error{height:100%;padding:0;} .jump {padding:140px 0 200px 0;} .jump div{width:450px;position:relative;left:48%;margin-top:10%;margin-left:-225px;margin-right:-225px;border:1px solid #FF7200; border-radius: .3em;} .jump div p{color:#666666;font:14px "Microsoft YaHei";text-align:center;margin-bottom:20px;} .jump div p.msg-title{font:24px "Microsoft YaHei";color:#fff;background:#FF7200;} .jump div p.error{font:24px "Microsoft YaHei";color:#FF5500;} .jump div p.notice span,.jump div p.notice a{color:#FF5500;font:bold 14px Arial;} .jump div p.notice a:hover{color:#000;} /* nav open */ .fixed_fix.open,.nav_toggle.open,ul.mobile_menu.open{-webkit-transform: translate3d(220px,0,0);-webkit-animation: open .5s ease-in-out;transform:translate3d(220px,0,0);animation:open .5s ease-in-out;} @-webkit-keyframes open {0%{-webkit-transform: translate3d(0,0,0);}70%{-webkit-transform: translate3d(220px,0,0);}100%{-webkit-transform: translate3d(220px,0,0);}} @keyframes open {0%{transform:translate3d(0,0,0);}70%{transform:translate3d(220px,0,0);}100%{transform: translate3d(220px,0,0);}} /* nav close */ .fixed_fix.close,.nav_toggle.close,ul.mobile_menu.close{-webkit-transform: translate3d(0,0,0);-webkit-animation:close .3s ease-in-out;transform: translate3d(0,0,0);animation: close .3s ease-in-out;} @-webkit-keyframes close {0%{-webkit-transform:translate3d(220px,0,0);}100%{-webkit-transform:translate3d(0,0,0);}} @keyframes close {0%{transform:translate3d(220px,0,0);}100%{transform: translate3d(0,0,0);}} /* 客服 */ saf-online {width: 50px;position: fixed;right: 0px;bottom: 30%;z-index: 99} saf-online.hideOnline {opacity: 0;visibility: hidden;transition: all 0.5s} .saf-make saf-online.hideOnline,.saf-online.hideOnline.on {opacity: 1;visibility: visible} saf-online .p_list {width: 100%;height: auto} saf-online .saf-lineitem {display: block;width: 50px;height: 50px;position: relative;margin-bottom: 1px} saf-online .saf-lineitem.backTop {cursor: pointer} saf-online .saf-lineitem saf-icon {width: 100%;height: 100%;display: flex;align-items: center} saf-online .saf-lineitem saf-icon a {width: max-content;height: 100%;display: flex;transition: all 0.5s;position: relative} saf-online .saf-lineitem saf-icon a span {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background:#004ba0;} saf-online .saf-lineitem.backTop saf-icon a span{background:#333;} saf-online .saf-lineitem saf-icon svg {width:20px;height: 22px} saf-online .saf-lineitem .onlinekf_telicon svg {width: 16px;height: 16px} saf-online .saf-lineitem .onlinekf_wsicon svg {width: 22px;height: 22px} saf-online .saf-lineitem saf-icon svg path {fill: #fff} saf-online .saf-lineitem saf-icon img {width: 20px;height: 20px;display: block} saf-online .saf-lineitem p { width: max-content; height: 100%; background: #222; color: #fff; font-size: 14px; border-radius: 0; z-index: 1; transition: all 0.5s; padding: 5px 10px; display: flex; align-items: center } saf-online .saf-lineitem .codeimg { padding: 5px; width: 100%; background: #fff; position: absolute; left: 0; top: 100%; opacity: 0; visibility: hidden; transition: all 0.5s } saf-online .saf-lineitem .codeimg img {width: 100%;height: auto} saf-online .saf-lineitem:hover .codeimg {opacity: 1;visibility: visible} saf-online .saf-lineitem p a {display: block;padding: 10px 15px} saf-online .saf-lineitem p img {width: 130px;height: auto} saf-online .saf-lineitem:hover {z-index: 5} saf-online .saf-lineitem:hover a {transform: translate(calc(-100% + 50px),0)} saf-online .saf-lineitem.contactLink {height: auto} saf-online .saf-lineitem.contactLink saf-icon {height: auto} saf-online .saf-lineitem.contactLink saf-icon a {width: 100%;height: auto;display: block;background: #333;padding: 15px 0;transition: all 0.5s} saf-online .saf-lineitem.contactLink saf-icon a:hover {background: #c60001;} saf-online .saf-lineitem.contactLink saf-icon a span {background: none;height: auto} saf-online .saf-lineitem.contactLink saf-icon a p {width: 100%;height: auto;background: none;writing-mode: vertical-lr;text-transform: uppercase;font-size: 14px;letter-spacing: 2px} saf-online .saf-lineitem em {display: none} saf-online .saf-lineitem.backTop {display: none} saf-online.showTop .saf-lineitem.backTop {display: block} @media (min-width: 2540px) { /*.banner ul.slides li{height:12.10rem;}*/ .w1300{width:80%;transition:.3s;-webkit-transition:.3s;} .module-tip{margin-bottom:.4rem;} ul.all_news_list li .pic{width:25%;} ul.all_news_list li .desc{width:75%;} ul.all_news_list li .pic img{width:auto;height:100%;} .product_series .swiper-slide{width:565px;} .proitem_box .pic img{width:100%;} .leader .leaderphoto{width:40%;} } @media (min-width: 1921px) { html { font-size: 100px; } } @media (max-width:1540px){ } @media (max-width:1445px){ .wrapper{min-width:inherit;} .w1300{width:90%;min-width:inherit;} .viewvideo{width:100%;} } @media (max-width:1366px){ } @media (max-width:1280px){ .footer_body .snsitem:before{position:relative;top:.05rem;} } @media (max-width:1180px){ .w1300{width:96%;min-width:inherit;} .footer_body .snsitem:before{position:relative;top:.06rem;} } @media (max-width:1110px){ .product_series .swiper-slide{width:425px;} } @media (max-width:1070px){ } @media (max-width:1024px){ html { font-size:70px; } /* body{padding-top:70px;} */ /* .header_box{background:#1b1b1b;} */ .header{height:70px;} .banner,.nav,.banner_box,.sidebar_box,.banner_video{display:none;} ul.cage-item li a{height:.8rem;} .header .logo{} .header .tools{right:.8rem;} .mobilebanner{height:auto;} .nav_open, .nav_close,.cage_sort_box{display:block;} .table_fix{width:100%;overflow:auto;} .content{width:100%;margin-left:0;} .content.pd60{padding:30px 0;} ul.culture_photo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} ul.culture_photo li:first-child{background:#004ba0;flex: 0 0 100%;} ul.culture_photo li:first-child img{display:block;margin:0 auto;} ul.culture_photo li:not(:first-child){flex:1;-webkit-box-flex:1;-ms-flex:1;min-height:1px;min-width:.1rem;} .contacttype,.page_onlinemsg{padding:0;} ul.achievement_list li .num{font-size:.4rem;} ul.achievement_list li em{font-size:.3rem;} .search{right:2.2rem;top:.3rem;} .header_box.active .search{top:.46rem;} .product_series .notebox,.product_series .seriesbox{float:none;width:100%;margin:0;} .product_series .swiper-button-prev, .product_series .swiper-button-next{bottom:0;} .home_about .notebox,.home_about .aboutvideo_box{float:none;width:100%;margin:0;} .home_about .notebox{height:auto;margin-bottom:.5rem;} .qualification_item{position:static;} .leader_box{background:none;margin-top:.5rem;} .leader{padding:0;} .leader .leaderphoto{display:block;margin:0 auto;position:relative;bottom:-.5rem;} .leader .desc{text-align:left;display:flex;align-items:center;flex-wrap:wrap;width:100%;background:#004ba0;padding:.5rem;position:relative;z-index:2;} .leader .desc p{line-height:1.8;width:50%;padding-right:0;padding-left:.3rem;} .leader .desc p:after{left:0;} .slide_history_box{padding:.6rem 0;} .history_year,.history_con_box{float:none;width:100%;margin:0;} .history_year,.slideyear{height:auto;} .history_year{margin-bottom:.1rem;} .slideyear{flex-direction:row;width:150%;} .slideyear a{padding:.1rem 0;} .slideprev_btn, .slidenext_btn{display:none;} .contacttype .followus{position:static;margin-top:.5rem;} .site_link{grid-template-columns:repeat(8, 1fr)} } @media (max-width:970px){ /*.page_box{padding:.5rem 0;}*/ /* ul.recommend_case_list li{width:49%;margin-right:2%!important;} */ /* ul.recommend_case_list li:nth-child(2n+2){margin-right:0!important;} */ .videoitem{width:100%;} } @media (max-width:860px){ ul.input li{width:100%;margin-right:0;margin-bottom:8px;} ul.input li.submit{width:100%;margin:0;} ul.input li.submit input{width:100%;margin:0 auto;display:block;} .module-tip h3,.module-tip.smfont h3{font-size:24px;} .module-tip strong{font-size:28px;} .footer_body .line{display:none;} .owl-next, .owl-next{display:none;} .footer_body{padding-bottom:.2rem;} .footer_body,.copyright_box{font-size:12px;} .footer_body .left,.footer_body .right{float:none;width:100%;margin:0;padding-bottom:0;} .footer_body .right{padding-top:0;} .footer_body .right .snsitem{margin-bottom:.2rem;} .footer_body .left{margin-bottom:.5rem;} .footer_body .left img{display:block;margin:0 auto;width:2.5rem;} ul.f_menu_list li{width:100%!important;margin-bottom:.2rem;} .footer_body h3.title{margin-bottom:.1rem;color:#fff;} .f_menu_link{display:flex;flex-wrap:wrap;} .f_menu_link a{flex-basis:calc(100%/2)} .product_series_box{padding-bottom:.5rem;} .product_series_box .mask{background:none;} ul.product_series_list li{width:49%;height:3rem;margin-right:2%;margin-bottom:.2rem;} ul.product_series_list li:nth-child(2n+2){margin-right:0;} ul.product_series_list li .series_box a{flex-direction:column;} ul.product_series_list li:last-child .series_box a{flex-direction:column-reverse;} ul.product_series_list li .series_box .desc,ul.product_series_list li .series_box .pic{width:100%!important;height:50%;} ul.product_series_list li .series_box .desc{height:25%;} ul.product_series_list li .series_box .pic{height:75%;} ul.product_series_list li:nth-child(1),ul.product_series_list li:nth-child(2), ul.product_series_list li:nth-child(4), ul.product_series_list li:nth-child(5){margin-left:0;} .home_about_box{height:auto;padding-bottom:.4rem;} ul.full_pro_list li{width:49%!important;margin-right:2%!important;} ul.full_pro_list li:nth-child(2n+2){margin-right:0!important;} ul.full_latest_news li{flex:0 0 calc(33.3333333% - 0.25rem * 2 / 3)} ul.latest_news_list li{flex:0 0 calc(50% - 0.4rem * 1 / 2)} .download_box{max-width:100%;} ul.download_list li h3{padding-right:.2rem;} .footer_body .snsitem{position:static;} .copyright{display:block;} .copyright .widget{width:100%;text-align:center;padding:.1rem 0;} .page_box.pd80{padding:.3rem 0;} .page_box.pd80.nbpd{padding-bottom:0;} .pro_view_desc .pic_item{height:3rem;} .pagebanner .current_module strong.current_sortname{display:none;} .series_box .desc h3{padding:0 .15rem;font-size:.24rem;} ul.allpartner_list{padding:0;} .fixed_sns{width:.49rem;} .fixed_sns a .inside{right:.49rem;line-height:.49rem;} .fixed_sns a.icon{width:.49rem;height:.49rem;background:url(../images/sns.png) no-repeat;background-size:100%;} .fixed_sns a.mail{background-position:0 -.49rem;} .fixed_sns a.goheader{background-position:0 -.99rem;height:0;} .fixed_sns a.goheader.active{height:.49rem;} .links{text-align:center;} .leader .desc p{width:100%;} .page_leader{flex-direction:column;} .page_leader .pic{width:80%;} .page_leader .desc{display:flex;align-items:center;flex-wrap:wrap;flex:none;width:100%;padding:.5rem 0;} .page_leader .desc p{line-height:1.8;width:100%;padding-right:0;padding-left:.3rem;} .itempic,.itemdesc{float:none;width:100%;margin:0;} .itempic{margin-bottom:.5rem;} .site_link{grid-template-columns:repeat(6, 1fr)} .details h1.title,.itemdesc h1{font-size:.32rem;} .cooperative_unit,.school{width:100%;margin:0;} .cooperative_unit .desc{margin-bottom:.3rem;} .module-tip strong{display:none;} ul.solution_list li .itembox h3{font-size:.22rem;color:#fff;margin:.1rem 0;} ul.solution_list li .itembox{display:flex;align-items:center;padding:0 .2rem;height:4rem;border:1px solid rgba(255,255,255,.1);border-radius:.09rem;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background:rgba(0,69,147,.7);transition:.3s;-webkit-transition:.3s;} ul.recommend_case_list li h3{text-align:center;font-size:.18rem;color:#3d3d3d;line-height:normal;margin-bottom:.25rem;transition:.3s;-webkit-transition:.3s;} } @media (max-width:768px){ /* .nav_open, .nav_close{top:.82rem;} */ /* .header .tools{top:.41rem;} */ /* body{padding-top:100px;} */ ul.full_latest_news li{flex:0 0 calc(50% - 0.4rem * 1 / 2)} .pagebanner{height:3.5rem;} /* ul.contactitem li{flex:0 0 calc(100%/1)} */ ul.contactitem li{flex-wrap:nowrap;} ul.onlineinput li{float:none;width:100%;} .followus .qrcode{margin:0 .1rem;} .content.white{padding:.3rem;} .pagebanner .current_module{padding:.1rem 0;} /* .pagebanner .current_module .desc{padding:0 .2rem;} */ .pagebanner .current_module h3{font-size:.36rem;} ul.achievement_list li,ul.factory_list li{width:49%;margin-right:2%!important;margin-bottom:.3rem;} ul.achievement_list li:nth-child(2n+2),ul.factory_list li:nth-child(2n+2){margin-right:0!important;} ul.achievement_list li .num,ul.achievement_list li em{font-size:.3rem;} ul.achievement_list li strong{font-size:.2rem;line-height:normal;} ul.achievement_list li em{vertical-align:middle;top:-.1rem;} ul.factory_list li{margin-bottom:.1rem;} h3.view_title{font-size:.3rem;} ul.achievement_list li strong{font-size:.2rem;line-height:normal;} .indexvideo_box{height:4rem;} .play-button-o{margin:-1rem auto 0;} .indexvideo{padding:.4rem 0;} .aboutusvideo_box{height:3rem;} .relitem h3.sort_name{font-size:.36rem;} .saf-online { width: 100%; right: 0; bottom: 0 } .saf-online{display: flex;} .saf-online .p_list { display: flex; box-shadow: 0 -5px 10px rgba(0,0,0,0.1) } .saf-online .saf-lineitem { flex: 1 !important; padding: 0; border-right: 1px #fff solid; margin: 0 } .saf-online .saf-lineitem saf-icon { box-shadow: none; border-radius: 0 } saf-online .saf-lineitem.contactLink { display: none } saf-online .saf-lineitem p { display: none } saf-online .saf-lineitem.backTop saf-icon a{padding:0!important;} saf-online .saf-lineitem saf-icon a { width: 100%; padding: 5px; flex-wrap: wrap; background: #004ba0; } saf-online .saf-lineitem saf-icon a span { width: 100%; height: auto; background: none } saf-online .saf-lineitem em { display: block; font-style: normal; line-height: 1; font-size: 10px; color: #fff; text-align: center; width: 100%; padding-top: 5px } saf-online .saf-lineitem:hover saf-icon a { transform: translate(0,0) } saf-online .saf-lineitem.backTop { display: block } saf-online .saf-lineitem.codeimgRim { display: none } .footer_body{padding-bottom:.8rem;} .footer_body .bigcompanyfont{font-size:.8rem;bottom:-.1rem;} .pagesub_nav{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0 .2rem;} .pagesub_nav a{margin-left:0;width:25%;} .timeline-item{flex-direction:column;} .timeline-item .desc{margin-bottom:.3rem;} .timeline-item .img{margin-left:0;} } @media (max-width:680px){ /* ul.recommend_case_list li .pic{height:3.5rem;} */ .wrapper{padding-bottom:.6rem;} .header .logo{width:3rem;} .header_box.active .header .logo{margin-top:.32rem;} /* .history_con{height:auto;} */ .history_con .history_bg{display:none;} .history_con .history_bg,.history_con .history_desc_box{width:100%;float:none;margin:0;} } @media (max-width:650px){ .header .logo{flex:inherit;} .header .logo img{max-width:100%;} .video{width:96%;} .layui-layer{width:96%!important;} .public_form{padding:.2rem;} .public_form span.icon{display:none;} .search{right:1.6rem;} /* .f_menu_link a{flex-basis:calc(100%)} */ /*ul.product_series_list li .desc h3{font-size:.16rem;}*/ ul.product_series_list li .series_box .btn{left:.5rem;bottom:.5rem;top:inherit;margin:0;} .contactitembox .snsitem:before{display:none;} .pro_view_desc .pic_item{height:2rem;} .pagebanner .current_module strong.model{font-size:.5rem;} .content{min-height:inherit;} .viewvideo iframe{height:300px!important;} .header .tools .opensearch{margin-right:0;} .header .tools{right:.5rem;} /* .header .logo{width:2rem;margin-top:.28rem;} */ ul.all_news_list li{height:auto;padding:.15rem;} ul.all_news_list li .pic,ul.all_news_list li .desc{float:none!important;width:100%!important;margin:0;} ul.all_news_list li .pic{margin-bottom:10px;height:auto;} ul.all_news_list li .pic img{aspect-ratio:auto;max-width:100%;width:auto;display:block;margin:0 auto;} ul.all_news_list li .desc{height:auto;padding:10px 0 40px 0;} ul.all_news_list li .desc .txt{margin-bottom:.5rem;} ul.all_news_list li .desc h3{font-size:.3rem;-webkit-line-clamp:none} ul.all_news_list li .time{left:0;padding-left:.1rem;} ul.all_news_list li:first-child{padding:.15rem;height:auto;} ul.all_news_list li:first-child .pic{height:auto;} ul.all_news_list li:first-child .desc{height:auto;} ul.all_news_list li:first-child .time{padding:0;position:absolute;} .tabslider_btn a{font-size:.18rem;padding:.05rem .2rem;margin:0 .1rem;} /*.recommend_case_box{padding-top:0;}*/ ul.achievement_list.col-4 li{width:49%;margin-bottom:.3rem;} ul.achievement_list.col-4 li:nth-child(2n+2){margin-right:0;} ul.video_list li{width:100%;float:none;margin-right:0;} .footer_body{max-width:100%;} .prev-btn,.next-btn{display:none!important;} .thumb-swiper{width:100%!important;} .thumb-swiper .swiper-slide{margin-right:10px!important;} .thumb-swiper .swiper-slide img{height:1rem!important;} .pro_thumbnail_swiper .swiper-slide{margin-right:10px!important;} .product_series .swiper-slide{width:325px;} .circle_box{margin:-3rem auto;} .circle_box .circle1{width:5.33rem;height:5.33rem;} .circle_box .circle2{width:4.05rem;height:4.05rem;margin-top:-3.025rem;} .circle_box .number{width:1.07rem;height:2.21rem;background-size:100%;margin-top:-2.1rem;} ul.q_list{gap:.2rem;flex-wrap:wrap;} ul.q_list li{flex:inherit;} .leader .leaderphoto{width:80%;} .history_con{height:auto;} .history_desc{padding:.3rem;} .slideyear a{font-size:.3rem;} .history_desc h3{font-size:.42rem;} .history_desc h4{font-size:.28rem;} .position.nomobile{display:none;} .position_nav{flex-direction:column;align-items:self-start;width:100%;} #layui-layer-photos{height:auto!important;} ul.rel_news li{width:100%;} .solutionbase_info_box .itempic{padding:.15rem 0;} .relitem ul.rel_pro_list li{width:49%!important;margin-right:2%!important;} .relitem ul.rel_pro_list li:nth-child(2n+2){margin-right:0!important;} .details.pd40{padding:.1rem;} .contacttype_box,.page_onlinemsg{padding:.2rem .1rem;} .nav_open{width:.6rem;} .site_link{grid-template-columns:repeat(4, 1fr)} } @media (max-width:560px){ .header_box.active .header .logo{} ul.full_latest_news li,ul.latest_news_list li{flex:100%} ul.full_pro_list li{width:100%!important;} .solution{padding-bottom:0;} .copyright .techsupport{display:block;} .circle_box{width:100%;} .circle_box .circle1{width:3.33rem;height:3.33rem;} .circle_box .circle2{width:2.05rem;height:2.05rem;} .circle_box .number{margin-top:-3.1rem;} .relitem ul.rel_pro_list li,ul.full_case_list li{width:100%!important;margin-right:0!important;} ul.full_case_list li{margin-bottom:.2rem;} .links .techsupport{display:block;margin:.1rem 0;} .footer_body .bigcompanyfont{font-size:.6rem;} .footer_header img{width:4rem;display:block;margin:0 auto;} .culture_box{padding-bottom:2rem;} .product_series .swiper-slide{width:225px;} .proitem_box .desc h3{font-size:.2rem;line-height:normal;} ul.partner_list li{width:32%!important;margin-right:2%!important;} ul.partner_list li:nth-child(3n+3){margin-right:0!important;} } @media (max-width:390px){ ul.solution_list li .itembox{height:3rem;} ul.solution_list li .itembox h3{font-size:.24rem;line-height:normal;} }