/* CSS Document */ /* Theme Name: Shintonic Electronics Theme URI: http://www.shintonic.com/ Description: 六艺的作品。 Author: 六艺-爱永 Author URI: https://www.eee-eee.com/ Date:2024-12-11 Version: 1.0 License: 六艺许可认证 */ *{margin:0;padding:0;} html{font-size:44.44px; overflow-x:hidden;} @media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px} html[mip]{font-size:44.44px!important}} @media screen and (min-width:360px) and (max-width:374px){html{font-size:50px} html[mip]{font-size:50px!important}} @media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px} html[mip]{font-size:52.08px!important}} @media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px} html[mip]{font-size:53.33px!important}} @media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px} html[mip]{font-size:54.58px!important}} @media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px} html[mip]{font-size:57.5px!important}} @media screen and (min-width:540px){html{font-size:75px} html[mip]{font-size:75px!important}} ul,li,ol{list-style:none;} img{ border:0; display:block; max-width:100%;} .img100{width:100%; height:100%; object-fit: cover;object-position: center;} a{text-decoration:none; color:#333; outline:none;} @font-face { font-family: 'LTUnivers-Cond'; src: url("fonts/LTUnivers-Cond.woff") format("woff"), url("fonts/LTUnivers-Cond.ttf") format("truetype"), url("fonts/LTUnivers-Cond.eot") format("embedded-opentype"), url("fonts/LTUnivers-Cond.svg") format("svg"); } @font-face { font-family: 'LTUnivers-CondEXB'; src: url("fonts/LTUnivers-CondEXB.woff") format("woff"), url("fonts/LTUnivers-CondEXB.ttf") format("truetype"), url("fonts/LTUnivers-CondEXB.eot") format("embedded-opentype"), url("fonts/LTUnivers-CondEXB.svg") format("svg"); } @font-face { font-family: 'LTUnivers-CondHeavyItalic'; src: url("fonts/LTUnivers-CondHeavyItalic.woff") format("woff"), url("fonts/LTUnivers-CondHeavyItalic.ttf") format("truetype"), url("fonts/LTUnivers-CondHeavyItalic.eot") format("embedded-opentype"), url("fonts/LTUnivers-CondHeavyItalic.svg") format("svg"); } @font-face { font-family: 'LTUnivers-CondR'; src: url("fonts/LTUnivers-CondR.woff") format("woff"), url("fonts/LTUnivers-CondR.ttf") format("truetype"), url("fonts/LTUnivers-CondR.eot") format("embedded-opentype"), url("fonts/LTUnivers-CondR.svg") format("svg"); } @font-face { font-family: 'UniversLT-47LtCn'; src: url("fonts/UniversLT-47LtCn.woff") format("woff"), url("fonts/UniversLT-47LtCn.ttf") format("truetype"), url("fonts/UniversLT-47LtCn.eot") format("embedded-opentype"), url("fonts/UniversLT-47LtCn.svg") format("svg"); } @font-face { font-family: 'UniversLT-67BdCn'; src: url("fonts/UniversLT-67BdCn.woff") format("woff"), url("fonts/UniversLT-67BdCn.ttf") format("truetype"), url("fonts/UniversLT-67BdCn.eot") format("embedded-opentype"), url("fonts/UniversLT-67BdCn.svg") format("svg"); } body{font-size:14px; color: #505050; font-family: 'UniversLT-67BdCn';} html.bodyhidden{ overflow:hidden;} .clear{ clear:both;} .clearfix::after, .clearfix::before{display: table; content: " ";} .clearfix:after { clear:both} *, ::after, ::before{box-sizing: border-box;} a, button{cursor: pointer;-webkit-transition: color .3s cubic-bezier(.63,.37,.55,.9); transition: color .3s cubic-bezier(.63,.37,.55,.9);} a:hover{ color:#505050;} button{ border:none; background:none; border-radius: 0;} video{ width:100%; height:auto; display:block; object-fit:fill;} table{ width:100%; border-collapse:collapse;} :root{ --global-primary-color: #228FFF; --global-main-color: #0B318F; --global-white-color: #ffffff; --global-black-color: #000000; } /*以下为兼容手机*/ input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;} input:focus, textarea:focus {outline: none;} input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;} input::-ms-clear {display: none;} /*以上为兼容手机*/ /*针对 type-"number"*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;} input[type="number"]{ -moz-appearance: textfield;} .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;} .mobile{ display:none !important;} .wrap{ max-width:1470px; margin:0 auto;} .headerbg{ width:100%; position:fixed; left:0; top:0; background: rgba(0,0,0,0.3); height:80px; z-index:999; border-bottom:rgba(255,255,255,0.5) 1px solid;} .header{ display:flex; height:100%; align-items:center;} .logo{} .logo img.fixedlogo{ display:none;} .mainmenubg{ padding-left:200px;} .miannavul{ display:flex; gap:60px;} .miannavul > li{ position:relative;} .miannavul > li > a{font-size: 16px; display:block; text-transform: uppercase; font-family: 'UniversLT-47LtCn'; color: var(--global-white-color); position:relative; padding:30px 0; transition: all 0.3s;} .miannavul > li > a:after{ content:""; display:none; width:100%; height:3px; background:var(--global-primary-color); position:absolute; bottom:0;} .miannavul > li.current > a, .miannavul > li.current-menu-item > a{font-family: 'UniversLT-67BdCn';} .miannavul > li > a:hover:after, .miannavul > li.current > a:after, .miannavul > li.current-menu-item > a:after{ display:block;} /*普通二级导航*/ .mainmenu ul li ul.sub-menu{ width:200px; position:absolute; left:0px; top:79px; z-index:5; visibility:hidden; opacity: 0; transition:all 0.5s; padding:20px; overflow:hidden; display:block; box-shadow: 4px 4px 12px rgba(255,255,255,0.4);background:#fff;} .mainmenu ul li ul.sub-menu li{ display:block; margin:0 0 0px 0; height:auto; padding:0 0px 0 0; white-space:nowrap;} .mainmenu ul li ul.sub-menu li a, .mainmenu ul li.menu-item-has-children:hover ul li a{ display:block; padding:0; text-align:left; font-family: 'UniversLT-47LtCn'; color: #3a464b; white-space:nowrap; line-height:30px; width:auto; font-size: 14px; min-width:inherit; } .mainmenu ul li ul.sub-menu li a:hover{ color:var(--global-primary-color);} .mainmenu ul li ul.sub-menu li:last-child a, .mainmenu ul li.menu-item-has-children:hover ul li:last-child a{ background:none;} .mainmenu ul li.yishangqu ul.sub-menu{ transform: translateY(0px); opacity:1; visibility:visible;} .mainmenu ul li.yishangqu a.youzifl:after{ display:block;} /*复杂的二级导航-产品*/ .miannavul > li.products-menu{ position:static;} .mainmenu ul li.yishangqu.products-menu ul.sub-menu{ display:none;} .mainsubmenubg{ width:100%;height:0; position:absolute; left:0; top:80px; z-index:5; background:#fff; transition:all 0.5s; transform: translateY(100px); visibility:hidden; opacity: 0; overflow:hidden;} .mainsubmenu{ padding:0px 0 20px;} .mainmenutab{ border-bottom:#F5F5F5 1px solid;} .mainmenutablist, .mainmenu_tabcontent{ max-width:998px; margin:0 auto;} .mainmenutablist dl{ display:flex; gap:80px;} .mainmenutablist dl dd{} .mainmenutablist dl dd a{font-weight: normal; white-space:nowrap;tansition: all 0.2s ease; font-size: 14px; display:block; position:relative; padding:20px 0;font-family: 'UniversLT-47LtCn'; color: #000000;line-height: 18px; } .mainmenutablist dl dd a:hover{ color:var(--global-primary-color);} .mainmenutablist dl dd.active a{ font-weight:bold;} .mainmenutablist dl dd a:after{ content:""; display:none; width:100%; height:1px; background:var(--global-black-color); position:absolute; bottom:0;} .mainmenutablist dl dd.active a:after{display:block;} .mainmenu_tabcontent{} .mainmenu_tabcontent .mainmenu_tabcontentitem{ transition:all 0.5s; visibility:hidden; opacity: 0; height:0; overflow:hidden;} .mainmenu_tabcontent .mainmenu_tabcontentitem.show{ visibility:visible; opacity:1; height:auto;} .mainmenu_tabcontentlist{ padding-top:15px; display:flex; gap:30px;} .mainmenu_tabcontentlist dl{ width:125px; border-right:#F5F5F5 1px solid;} .mainmenu_tabcontentlist dl:last-child{ border-right:none;} .mainmenu_tabcontentlist dd{ margin-bottom:15px;} .mainmenu_tabcontentlist dd a{font-family: 'UniversLT-47LtCn'; font-size: 14px;color:var(--global-black-color);line-height: 18px;} .mainmenu_tabcontentlist dd a:hover{ color:var(--global-primary-color);} .miannavul > li.yishangqu .mainsubmenubg{ height:auto; min-height:335px; transform: translateY(0px); opacity:1; visibility:visible;} /*复杂二级导航结束*/ .header_right{ position:absolute; right:32px; top:28px;} .header_rightflex{ display:flex;} .header_phone{ margin-right:30px; font-size: 12px; color:var(--global-white-color);font-family: 'LTUnivers-Cond';} .header_phone span{font-size: 16px; text-transform: uppercase; margin-left:10px; font-family: 'UniversLT-47LtCn';} .header_lang{} .header_langbtn{display:flex; align-items:center; cursor:pointer;} .header_langbtn .header_changeicon{ margin-left:10px;} /*语言*/ .header_lang{} .header_lang .wpml-ls-legacy-dropdown{ width:auto;} .header_lang .wpml-ls-legacy-dropdown > ul{} .header_lang .wpml-ls-legacy-dropdown > ul > .wpml-ls-item{} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a{ border:none; font-weight:normal;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a.wpml-ls-item-toggle{ background:none; padding:0 30px 20px 0;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a.wpml-ls-item-toggle .wpml-ls-flag{ width:36px; height:24px;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a.wpml-ls-item-toggle .wpml-ls-native{ color:#fff;line-height: 1.5;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a.wpml-ls-item-toggle:after{ content:""; width:13px; height:7px; border:none; background:url(images/change.png) no-repeat; top: 10px;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ border:none; border-radius:10px; overflow:hidden; top:35px; background:#fff; width:100px; padding:0px; left:auto;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item{ min-width:85px;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a{ display:flex; padding:20px 10px; justify-content:center;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a .wpml-ls-flag{ width:24px; height:16px;} .header_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a .wpml-ls-display{white-space:nowrap;} .zh-hans .header_lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ width:auto;} .headfixd .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a.wpml-ls-item-toggle .wpml-ls-native{ color:#000;} /*手机端菜单按钮*/ .menubtn{ cursor:pointer; width:30px; height:30px; position:absolute; right:20px; top:30px; display:none;} .menubtn span{ width:30px; height:3px; background:#fff; position:relative; display:block; margin-bottom:7px; transition: all 0.3s;} .menubtn span:last-child{ margin-bottom:0;} .headfixd .menubtn span{ background:#333;} .menubtn.glactive{ padding-top:10px;} .menubtn.glactive span{ margin-bottom:0;} .menubtn.glactive span:nth-child(1){ transform: rotate(45deg); position: relative; top: 3px;} .menubtn.glactive span:nth-child(2){ display:none;} .menubtn.glactive span:nth-child(3){ transform: rotate(-45deg);} /*向下滚动后*/ .headerbg.headfixd{background:var(--global-white-color); border-bottom:rgba(229,229,229,0.5) 1px solid;} .headerbg.headfixd .miannavul > li > a, .headerbg.headfixd .header_phone{ color:var(--global-black-color);} .headerbg.headfixd .logo img.mrlogo{ display:none;} .headerbg.headfixd .logo img.fixedlogo{ display:block;} .headerbg.headfixd .header_langbtn .header_changeicon img{filter: brightness(0) invert(0); -webkit-filter: brightness(0) invert(0); -moz-filter: brightness(0) invert(0); -o-filter: brightness(0) invert(0); -ms-filter: brightness(0) invert(0);} .headerbg.headfixd .header_lang .wpml-ls-legacy-dropdown .wpml-ls-item a.wpml-ls-item-toggle:after{ background:url(images/change_hei.png) no-repeat;} /*首页开始*/ .publickbtn{ display:inline-block; font-size: 20px; line-height: 26px; padding:12px 50px; color:var(--global-white-color); background:var(--global-primary-color);border-radius: 3px;transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;} .publickbtn:hover{ color:var(--global-white-color); background:var(--global-main-color);} .islidebiglist > .swiper-wrapper > .swiper-slide, .islidesmalllist > .swiper-wrapper > .swiper-slide, .design-jcimglist > .swiper-wrapper > .swiper-slide, .certificationbig > .e-con-inner > .swiper-slide{ flex-shrink: 0 !important;} .islidebigtextflex{ height:100%;} .islidesmalllist .swiper-slide{ cursor:pointer; height:auto;} .islidesmalllist .swiper-slide .islidesmalllicon{ max-width:270px !important; height:100%;} .islidesmalllist .swiper-slide .islidesmalllicon .elementor-widget-container{ height:132px; display: flex; align-items: center;} .islidesmalllist .swiper-slide .islidesmalllicon .elementor-widget-container .elementor-image-box-wrapper{ text-align:left; width:100%; justify-content:space-between;} .islidesmalllist .swiper-slide .islidesmalllicon .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content{ width:auto;} .islidesmalllist .swiper-slide.swiper-slide-thumb-active .islidesmalllicon .elementor-widget-container{ background: #228FFF;} .islidesmalllist .swiper-slide.swiper-slide-thumb-active .islidesmalllicon .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-content h3{ color:var(--global-white-color);} .islidesmalllist .swiper-slide.swiper-slide-thumb-active .islidesmalllicon .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1);} .islidebiglist .islidebigtextflex .islidebigdesc, .islidebiglist .islidebigtextflex .islidebigbtn, .iproapplicationall{ display:none;} .islidebiglist .islidebigtextflex .islidebigtit .elementor-heading-title{ transform: translateY(-60px); opacity: 0; transition: 1s 0.2s;} .islidebiglist .swiper-slide-active .islidebigtextflex .islidebigtit .elementor-heading-title{transform: translateY(0); opacity: 1;} .isearchbg{ padding:70px 0; background: #F5F5F5;} .isearch{ max-width:640px; margin:0 auto;} .isearchcon{ display:flex;background: #FFFFFF;border-radius: 30px;border: 1px solid #E5E5E5;height: 60px; align-items:center; justify-content:space-between; padding:0px 0;} .isearchcon .isearch_select{ width:137px; border-right:#eee 1px solid; padding:0 15px 0 22px;} .isearchcon .isearch_select select{font-size: 16px;color: #000000;line-height: 32px;max-width: 100%; background:url(images/change.png) no-repeat right center; border:none; cursor:pointer; filter: brightness(0) invert(0); -webkit-filter: brightness(0) invert(0); -moz-filter: brightness(0) invert(0); -o-filter: brightness(0) invert(0); -ms-filter: brightness(0) invert(0); font-family: 'LTUnivers-Cond' !important; } .isearchcon .isearch_select .custom-option{ font-family: 'LTUnivers-Cond' !important; } /*模拟下拉框*/ .procat_select{ position:relative;font-size: 16px;color: #000000;line-height: 32px;max-width: 100%; background:url(images/selectbg.png) no-repeat right center; border:none; cursor:pointer;font-family: 'LTUnivers-Cond';} .procatname{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .procat_optionlist{ position:absolute; padding:10px 10px; left:0; top:32px; background:#fff; border:#ccc 1px solid; border-radius:10px; z-index:6; display:none;} .procat_optionlist .custom-option{ font-size:16px; line-height:32px; padding:0 10px; white-space:nowrap;} .procat_optionlist .custom-option:hover{ background:#e0e0e6;} .isearchcon .isearch_inputk{ width:calc(100% - 220px);} .newssearchbg .isearchcon .isearch_inputk{ width:calc(100% - 83px);} .isearchcon .isearch_inputk .isearch_input{ width:100%;font-family: 'LTUnivers-Cond'; line-height:32px; padding:0 24px; border:none; background:none; font-size: 16px;color: #000000;} .isearchcon .isearch_btn{ background: #228FFF; width:83px;height: 100%; border-top-right-radius:30px; border-bottom-right-radius:30px;} .isearchcon .isearch_btn button{ display:block; width:100%; height:100%; cursor:pointer; background:url(images/searchbtn.png) no-repeat center center;} .havenopost{ text-align:center;} .isection{ padding-top:150px;} .ihotproductsbg{} .ititle{font-size: 50px;color: #0B318F;line-height: 65px;text-transform: uppercase; text-align:center;} /*Home-quality product*/ .ihotproductslist{ margin-top:60px;} .ihotproductslist ul{ display:flex; gap:30px;} .ihotproductslist li{ width:calc(50% - 15px);} .ihotproductslist li a{ display:block; overflow:hidden; position:relative;} .ihotproductslist li a .ihotporimg{ overflow:hidden;} .ihotproductslist li a .ihotporimg img{transition:all 0.5s;} .ihotproductslist li a .ihotportextall{ position:absolute; width:80%; height:100%; left:0; top:0; z-index:2; display:flex; align-items:center;} .ihotproductslist li a .ihotportextall .ihotportext{ padding-left:50px;} .ihotproductslist li a .ihotportextall .ihotprotit{font-size: 36px;color: #000000;font-family: 'LTUnivers-CondHeavyItalic';line-height: 44px;text-transform: uppercase;} .ihotproductslist li a .ihotportextall .ihotportextdesc{font-size: 16px;color: #000000;font-family: 'UniversLT-47LtCn';line-height: 32px;} .ihotproductslist li a .ihotportextall .ihotportextbtn{ margin-top:50px;} .ihotproductslist li a:hover .ihotporimg img{transform: scale(1.05);} .ihotqupro .ihotquproitem .elementor-widget-image{ overflow:hidden;} .ihotqupro .ihotquproitem .elementor-widget-image img{transition:all 0.5s;} .ihotqupro .ihotquproitem:hover .elementor-widget-image img{transform: scale(1.05);} /*Home-Connector Type*/ .iswitchtab{ margin-top:20px;} .iswitchtab ul{ display:flex; justify-content:center; gap:50px; align-items:center;} .iswitchtab li{ position:relative;} .iswitchtab li:after{ content:""; display:block; width:12px; height:20px; background:url(images/iprotabg.png) no-repeat; position:absolute; right:-30px; top:-2px;} .iswitchtab li:last-child:after{ display:none;} .iswitchtab li a{font-size: 14px;color: #000000;line-height:20px;white-space: nowrap; text-transform: uppercase; font-family: 'UniversLT-47LtCn';} .iswitchtab li.active a{ color: #228FFF; font-family: 'UniversLT-67BdCn';} /*如果是构建的*/ .iswitchtab.elementor-widget-icon-list li:before{ content:""; display:block; width:12px; height:20px; background:url(images/iprotabg.png) no-repeat; position:absolute; left:-37px; top:-2px;} .iswitchtab.elementor-widget-icon-list li:first-child:before{ display:none;} .iconnectorproqh{ margin-top:60px;} .iconnectorproqh .iconnectorqhitem{ position:relative;transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; visibility:hidden; height:0; opacity:0;} .iconnectorproqh .iconnectorqhitem.show{ height:auto; visibility:visible; opacity:1;} .iconnectorlist{ overflow:hidden;} .iconnectorlist li{} .iconnectorlist li a{ display:block;} .iconnectorlist li a .iconnectorimg{ overflow:hidden; position:relative;} .iconnectorlist li a .iconnectorimg img{transition:all 0.5s; width:100%;} .iconnectorlist li a:hover .iconnectorimg img{transform: scale(1.05);} .iconnectortags{ position:absolute; left:26px; top:23px;} .iconnectortags span{ display:block;width: 50px;height: 25px;border-radius: 2px;font-size: 10px;color: #FFFFFF; margin-bottom:10px;line-height: 25px;text-transform: uppercase; text-align:center;} .iconnectortags span:nth-child(1){background: #F7C601;} .iconnectortags span:nth-child(2){background: #228FFF;} .iconnectorlist li a .iconnectortext{ border-radius: 2px; padding:20px;min-height: 195px;} .iconnectorlist li a .iconnectortext .iconnector-attribute{ color:#fff;transition: all 0.3s; visibility:hidden; height:0; overflow:hidden; opacity:0;} .iconnector-attributeflex{ display:flex; justify-content:space-between;} .iconnector_attributeitem{ text-align:center;} .iconnector_attributeitem .iconnector_attributeunit{} .iconnector_attributeitem .iconnector_attributeunit big{font-size: 20px;} .iconnector_attributeitem .iconnector_attributeunit small{font-size: 8px;line-height: 11px;font-family: 'UniversLT-47LtCn'; font-weight:normal; margin-left:2px;} .iconnector_attributeitem .iconnector_attributetit{font-size: 10px; line-height: 14px;font-family: 'UniversLT-47LtCn';} .iconnectorlist li a .iconnectortext .iconnector-title{} .iconnectorlist li a .iconnectortext .iconnector-title .iconnector_subtitle{font-size: 14px;color: #000000; font-weight:normal;font-family: 'UniversLT-47LtCn';line-height: 18px;text-transform: uppercase;} .iconnectorlist li a .iconnectortext .iconnector-title .iconnector_title{font-size: 18px;color: #000000; font-weight:normal;line-height: 28px;text-transform: uppercase;} .iconnectorlist li a:hover .iconnectortext{ padding:40px 20px 30px 20px;} .iconnectorlist li a:hover .iconnectortext .iconnector-attribute{ height:auto; visibility:visible; opacity:1; margin-bottom:40px;} .iconnectorlist li a:hover .iconnectortext{background: #228FFF;} .iconnectorlist li a:hover .iconnectortext .iconnector-title .iconnector_subtitle{ color:#fff;} .iconnectorlist li a:hover .iconnectortext .iconnector-title .iconnector_title{ color:#fff;} .iconnectorbtn{} .iconnectorbtn a{ display:block; width:18px; height:36px; background-repeat:no-repeat; background-position:center center;tansition: all 0.2s ease; position:absolute; top:152px;} .iconnectorbtn a.iconnectorprve{ background-image:url(images/ipro_arrowleft.png); left:-48px;} .iconnectorbtn a.iconnectorprve:hover{ background-image:url(images/ipro_arrowleft_hover.png);} .iconnectorbtn a.iconnectornext{ background-image:url(images/ipro_arrowright.png); right:-48px;} .iconnectorbtn a.iconnectornext:hover{ background-image:url(images/ipro_arrowright_hover.png);} .iconnectorbtn a.swiper-button-lock{ display:none;} /*Home-Industry Solutions*/ .isolutions_switch{ margin-top:60px; position:relative;} .isolutionslist{ overflow:hidden;} .isolutionslist li{} .isolutionslist li a{ display:flex; position:relative;} .isolutionslist li a .isolutionproimg{ max-width:300px; position:absolute; left:23%; bottom:80px; z-index:2;} .isolutionslist li a .isolutionimg{ width:68%;} .isolutionslist li a .isolutiontext{ width:32%; background:#f5f5f5; padding:56px 50px 40px 50px; display:flex; flex-direction:column; justify-content:space-between;} .isolutionslist li a .isolutiontext .isolutiontexttop{} .isolutionslist li a .isolutiontext .isolutions_title{font-weight: normal;font-size: 50px;color: #000000;line-height: 65px;text-transform: uppercase;} .isolutionslist li a .isolutiontext .isolutions_desc{font-weight: normal;font-size: 16px;color: #000000;font-family: 'UniversLT-47LtCn';line-height: 32px; padding-right:100px;} .isolutionslist li a .isolutiontext .isolutiontextbottom{} .isolutions_switch .iconnectorbtn a, .ireviews_switch .iconnectorbtn a{ top:50%; margin-top:-18px;} .inewsbg{background: #F8F8F8; margin-top:150px; padding-bottom:150px;} .inewsflex{ margin-top:60px; display:flex;} .inewsleft{ width:34%;} .inews_switch{ position:relative;} .inewsright{ width:66%; padding-left:60px;} .newsimglist{ overflow:hidden;} .newsimglist li{} .newsimglist li a{ display:block; border-radius:3px; overflow:hidden;} .newsimglist li a .inewsimg{ overflow:hidden; position:relative;} .newsimglist li a .inewsimg img{transition:all 0.5s;} .newsimglist li a:hover .inewsimg img{transform: scale(1.05);} .newsimglist li a .inewstag{ position:absolute; top:25px; left:25px;} .newsimglist li a .inewstag span{ padding:5px 13px;background: #228FFF;font-family: 'UniversLT-47LtCn';border-radius: 2px; display:inline-block; color:#fff;} .newsimglist li a .inewstext{ background: #0B318F; padding:36px 30px 33px;} .newsimglist li a .inewstext .inewstext_title{font-weight: normal;font-size: 20px;color: #fff;line-height: 24px;font-style: normal;} .newsimglist li a .inewstext .inestext_date{font-weight: normal;font-size: 13px;color: #FFFFFF;font-family: 'UniversLT-47LtCn'; margin-top:28px;line-height: 15px;} .inewsswiper-pagination{ position:absolute; left:28px; bottom:30px; z-index:3;font-weight: normal;font-size: 13px;color: #FFFFFF;font-family: 'UniversLT-47LtCn';line-height: 15px; width:auto; } .inewsbtn{ position:absolute; right:28px; bottom:30px; display:flex; gap:14px; z-index:3;} .inewsbtn a{ display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center center;tansition: all 0.2s ease;} .inewsbtn a.inewsprve{ background-image:url(images/inews_arrowleft.png); left:-48px;} .inewsbtn a.inewsprve:hover{ background-image:url(images/inews_arrowlefthover.png);} .inewsbtn a.inewsnext{ background-image:url(images/inews_arrowright.png); right:-48px;} .inewsbtn a.inewsnext:hover{ background-image:url(images/inews_arrowrighthover.png);} .inewslistflex{flex-direction:column; justify-content:space-between;display: flex; height: 100%;} .inewslist{} .inewslist li{ margin-bottom:20px;} .inewslist li a{ display:block; transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;} .inewslist li a .inewslistcat{font-weight: 400;font-size: 14px;color: #0B318F;font-family: 'UniversLT-47LtCn'; line-height: 18px;text-transform: uppercase;} .inewslist li a .inewlisttit{font-weight: normal;font-size: 20px; margin-top:8px;color: #333;line-height: 24px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .inewslist li a .inewslisstdesc{font-weight: normal;font-size: 16px;font-family: 'UniversLT-47LtCn'; color: #000000; margin-top:10px;line-height: 32px;transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;} .inewslist li a .inewslistdate{font-weight: normal;font-size: 14px; margin-top:10px;color: #B5B5B5;line-height: 20px; text-align:right;} .inewslist li a:hover .inewlisttit{color: #0B318F; text-decoration:underline; transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;} .ivideoall{ margin-top:60px;} .ivideoitembg{ background-size:cover; background-position:center center; background-repeat:no-repeat; padding-top:195px; padding-bottom:240px;} @keyframes av_pulsate { 0% {transform: scale(0.66); opacity: 0.0;} 50% {opacity: 0.7;} 100% {transform: scale(1); opacity: 0.0;} } .ivideobtn{ width:145px; height:145px; background: rgba(34,143,255,0.4); border-radius:100%; display:flex; align-items:center; justify-content:center; margin:0 auto; cursor:pointer;} .ivideobtn span{ display:block; width:100%; height:100%; position:relative;} .ivideobtn span:before{ content:""; display:block; width:100%; height:100%; border-radius:100%;background:url(images/ivideo_icon.png) no-repeat center center; position:relative; z-index:2;} .ivideobtn span:after{ content:""; display:block; width:100%; height:100%; animation: av_pulsate 2s linear infinite; background: rgba(34,143,255,0.4); border-radius:100%; position:absolute; left:0; top:0; transform: scale(0.66); z-index:1;} .ivideotext{ text-align:center; max-width:1100px; margin:40px auto 0; color:#fff;} .ivideotexttit{font-size: 50px;line-height: 65px;text-transform: uppercase;} .ivideotextdesc{font-weight: normal; margin-top:12px;font-size: 16px;line-height: 32px;font-family: 'UniversLT-47LtCn';} /*Home-Customer reviews*/ .icustomerlist{ margin-top:60px;} .icustomerlist ul{ display:flex; gap:54px;} .ireviews_switch{ position:relative; margin-top:60px;} .ireviewslist{ max-width:1292px; margin:0 auto; overflow:hidden;} .ireviewslist li{} .ireviewslist li .ireviewscon{ max-width:350px;} .ireviewslist li .ireview_star{ display:flex; gap:5px;} .ireviewslist li .ireview_star span{ display:block; width:13px; height:12px; background:url(images/star_icon.png) no-repeat;} .ireviewslist li .ireview_goodstar1 span:nth-child(-n+1), .ireviewslist li .ireview_goodstar2 span:nth-child(-n+2), .ireviewslist li .ireview_goodstar3 span:nth-child(-n+3), .ireviewslist li .ireview_goodstar4 span:nth-child(-n+4), .ireviewslist li .ireview_goodstar5 span{ background:url(images/star_iconhover.png) no-repeat;} .ireviewslist li .ireview_text{ margin-top:16px;} .ireviewslist li .ireview_text .ireview_texttit{font-weight: normal;font-size: 18px;color: #000000;line-height: 28px;text-transform: uppercase;} .ireviewslist li .ireview_text .ireview_textdesc{font-weight: normal;font-size: 16px;font-family: 'UniversLT-47LtCn';color: #000000; min-height:96px;line-height: 32px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .ireviewslist li .ireview_text .ireview_textauthor{ margin-top:10px;} .ireviewslist li .ireview_text .ireview_textauthor span{font-size: 10px;color: #000000;line-height: 14px; margin-right:48px; text-transform: uppercase;font-family: 'UniversLT-47LtCn';} /*Home-Product Application*/ .iproappbg{} .iproapplist{ margin-top:60px;} .iproapplist ul{ display:flex; gap:30px;} .iproapplist li .iproappimg, .iproapplist .elementor-element .elementor-widget-image{ overflow:hidden; border-radius:3px;} .iproapplist li .iproappimg img, .iproapplist .elementor-element .elementor-widget-image img{ width:100%; transition:all 0.5s;} .iproapplist li:hover .iproappimg img, .iproapplist .elementor-element:hover .elementor-widget-image img{transform: scale(1.05);} .iadvbg{ padding-bottom:150px;} .iadvconbg{background: #F2F2F2; padding:75px 0;} .iadvconlist{} .iadvconlist ul{ display:flex;} .iadvconlist li{ width:33.33%; display:flex; justify-content:center;} .iadvconlist li .iadvcon_nr{ display:flex; align-items:center; gap:20px;} .iadvconlist li .iadvcon_icon{} .iadvconlist li .iadvcon_text{} .iadvconlist li .iadvcon_text h3{font-size: 20px;color: #000000;font-weight: normal;line-height: 1.2;text-transform: uppercase;} .iadvconlist li .iadvcon_text p{font-weight: normal;font-size: 16px;color: #000000;font-family: 'UniversLT-47LtCn';line-height: 1;} /*底部*/ .footerbg{ padding:80px 0; background:url(images/footerbg.jpg) no-repeat; background-size:cover;} .footer{ color:#fff;} .footerflex{ display:flex; justify-content:space-between; align-items:flex-end; margin-top:24px; } .footerflex > div{flex: 1 1 auto;} .footershearlist{ padding-top:20px; border-top:rgba(255,255,255,0.33) 1px solid; max-width:193px;} .footershearlist ul{ display:flex; gap:30px;} .footer_contact{ margin-top:60px;} .footer_contacttit{font-size: 20px;color: #FFFFFF;text-transform: uppercase; font-weight: normal;} .footer_contactent{ margin-top:35px;} .footer_contactent p{ margin-bottom:22px;font-family: 'UniversLT-47LtCn';} .footermenu{} .footermenu > ul{ display:flex; justify-content:space-between;} .footermenu > ul > li{} .footermenu > ul > li > a{font-size: 20px;color: #FFFFFF;line-height: 26px;text-transform: uppercase;} .footermenu > ul > li > ul{ margin-top:30px;} .footermenu > ul > li > ul > li{margin-bottom:22px;} .footermenu > ul > li > ul > li > a{font-size: 13px;color: #FFFFFF;font-family: 'UniversLT-47LtCn';line-height: 15px;} .footermenu > ul > li > ul > li > a:hover{ text-decoration:underline;} .footerright{display: flex; justify-content: flex-end;} .footer_rzlist{} .footer_rzlist ul{} .footer_rzlist li{ display:flex; align-items:center; margin-bottom:22px; gap:10px;} .footer_rzlist li .frztext{font-size: 13px;font-family: 'UniversLT-47LtCn';line-height: 15px;} .footer_rzlist li .frzicon{ width:40px;} .copyrightbg{ padding:20px 0;font-family: 'UniversLT-47LtCn';} .copyright{ font-size:12px;} .copyright p{ margin-bottom:0;} .machining_numlist .elementor-element .elementor-counter-title{ text-align:center;} .design-jcimglist{} .design-jcpaging{ color:#fff; width:auto; font-family:UniversLT-47LtCn; line-height:24px;} .design-jcbtn{} .design-jcbtn .design-jcbtnleft, .design-jcbtn .design-jcbtnright{ cursor:pointer;} .design-jcbtn .design-jcbtnleft .elementor-icon svg, .design-jcbtn .design-jcbtnright svg{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1);} .design-jcbtn .design-jcbtnleft:hover .elementor-icon svg, .design-jcbtn .design-jcbtnright:hover svg{filter:none; -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none;} .design-jcbtn .design-jcbtnleft{} .design-jcbtn .design-jcbtnright{} /*行业应用-Application*/ .applicationlist{} .applicationlist .applicationlistitem{ cursor:pointer;} .applicationlist .applicationlistitem .elementor-widget-image-box .elementor-image-box-wrapper{ position:relative;} .applicationlist .applicationlistitem .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{ display:block;} .applicationlist .applicationlistitem .elementor-widget-image-box .elementor-image-box-content{ position:absolute; top:0; left:0; background:rgba(34, 143, 255, 0.85); width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:20px; visibility:hidden; opacity:0; transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s;} .applicationlist .applicationlistitem .elementor-widget-image-box:hover .elementor-image-box-content{ visibility:visible; opacity:1; } .apprelprodutclist{} .apprelprodutclist ul{ display:flex; gap:30px;} .apprelprodutclist li{} .apprelprodutclist li a{ display:block;} .apprelprodutclist li a .apprelproimg{ overflow:hidden;} .apprelprodutclist li a .apprelproimg img{ width:100%; transition: all 0.3s;} .apprelprodutclist li a .apprelprotext{ text-align:center; padding:40px 20px 37px;} .apprelprodutclist li a .apprelprotext .apperlprotit{font-weight: normal;font-size: 18px;color: #000000;line-height: 28px;text-transform: uppercase;} .apprelprodutclist li a:hover .apprelproimg img{ transform: scale(1.1);} .apprelprodutclist li a:hover .apprelprotext .apperlprotit{ color:#0B318F;} /*产品列表页*/ .erjibannerbg{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding:163px 0 56px 0;} .erjibannertext{} .products_listallbg, .single_productsbg{ padding:100px 0 150px 0;} .crumbs{font-size: 18px;line-height: 28px; text-transform:uppercase;font-family: 'UniversLT-47LtCn'; color: #000000;} .crumbs a{} .crumbs a:hover{ color:var(--global-primary-color); text-decoration:underline;} .products_catflex{ margin-top:100px; display:flex;} .products_catimg{ width:32%;} .products_catright{ width:68%; padding-left:60px; padding-top:10px;} .hasnoimg .products_catright{ width:100%; padding-left:0; } .pro_cattitlecon{ display:flex; align-items:flex-end;} .pro_cattitlecon .pro_cattitle{font-weight: normal; margin-right:40px; font-size: 50px;color: #0B318F;line-height: 50px;text-transform: uppercase;} .pro_cattitlecon .pro_cattitleline{ width:auto; height: 1px;background: #E5E5E5; flex-grow: 1; position:relative; bottom:10px;} .pro_catdesc{font-weight: normal;font-size: 16px;color: #000000;line-height: 32px; margin-top:50px; font-family: 'UniversLT-47LtCn';} .prolistqhstbtn{ margin-top:60px; display:flex; align-items:center;} .prolistqhstline{ width:100%; height: 1px;background: #E5E5E5; flex-grow: 1;} .prolistqhstbtnlist{ margin-left:30px;} .prolistqhstbtnlist ul{ display:flex; gap:30px;} .prolistqhstbtnlist li{ cursor:pointer; width:40px; height:40px; background-repeat:no-repeat; background-position:center center;} .prolistqhstbtnlist li.prolistbtn{ background-image:url(images/prolist_btn.png);} .prolistqhstbtnlist li.proimglistbtn{ background-image:url(images/proimglist_btn.png);} .prolistqhstbtnlist li.prolistbtn.active{ background-image:url(images/prolist_btnhover.png);} .prolistqhstbtnlist li.proimglistbtn.active{ background-image:url(images/proimglist_btnhover.png);} .productslist_switch{ margin-top:60px;} .prolist_switchitem{ visibility:hidden; opacity:0; height:0; overflow:hidden;transition: all 0.3s;} .prolist_switchitem.show{ visibility:visible; opacity:1; height:auto;} .prolist_tuglie{} .prolist_tuglie ul{ display:flex; gap:60px 2%; flex-wrap:wrap;} .prolist_tuglie li{ width:23.5%;} .prolist_tuglie li a{ position:relative; display:block; overflow:hidden; min-height:450px;} .prolist_tuglie li a .prolist_img{} .prolist_tuglie li a .prolist_img img{} .prolist_tuglie li a .prolist_title{ padding:38px 10px;} .prolist_tuglie li a .prolist_title .prolist_tit{ text-align:center; font-weight: normal;font-size: 18px;color: #000000;line-height: 28px;text-transform: uppercase;} .prolist_hover{ position:absolute; left:0; width:100%; height:100%; z-index:2; background: #228FFF; overflow:hidden; border-radius: 3px;top:100%;transition: all 0.5s;} .prolist_hover .prolist_hovercon{ padding:40px;} .prolist_hovercon .prolist_hovertit{font-size: 18px;color: #FFFFFF; text-align:center; line-height: 28px;text-transform: uppercase;} .prolist_hoverattribute{ margin-top:20px;} .prolist_hoverattribute dl{} .prolist_hoverattribute dd{ display:flex;font-weight: normal;font-size: 16px;color: #FFFFFF;line-height: 32px;} .prolist_hoverattribute dd .prol_hatt_label{font-weight: normal;} .prolist_hoverattribute dd .prol_hatt_value{font-family: 'UniversLT-47LtCn'; margin-left:5px;} .prolist_hovercon .prolist_hoverbtn{ margin-top:20px; background: #FFFFFF;border-radius: 2px; padding:12px 20px; text-align:center;font-weight: normal;font-size: 20px;color: #228FFF;line-height: 26px;} .prolist_tuglie li a:hover .prolist_hover{ top:0;} .parmas-box .paramstabtitlefixed .params:first-child .detail .detail-list{ padding: 15px 0;} .parmas-box .paramstabtitlefixed .params:first-child .title-fixed{ padding:0;} /*列表滚动*/ .product-parmas{margin:0 auto;overflow: hidden;max-width: 100%; padding-top:0px; } /* .parmas-box{overflow-x: auto;} */ .parmas-box .params{border-bottom: 1px solid #e5e5e5;} .parmas-box .params, .parmas-box .params a{width: 100%;display: flex;} .parmas-box .params .title, .parmas-box .params .detail .detail-list{white-space: pre-wrap; color:#000; font-weight:normal; text-transform: uppercase; font-size:16px; line-height:1.5; padding:0px 5px; display: flex;align-items: center; justify-content:center;} .parmas-box .params .title-fixed{ width:200px; /*position: sticky;top: 0;left: 0;*/ justify-content: flex-start; padding-left:13px;} .prolistimg{ width:140px; height:140px; display:flex; justify-content:center; align-items:center; overflow:hidden;} .prolistimg img{max-width:100%; max-height:100%; object-fit: cover; object-position: center;} .parmas-box .params .detail{width: calc(100% - 200px); display: flex; font-weight: normal;} .parmas-box .params .detail .detail-list{ width: 14.28%; word-wrap: break-word; text-align: center;} .parmas-box .params .detail .detail-list:not(:first-child){ font-weight:normal;font-family: 'UniversLT-47LtCn';} /*第一列*/ .parmas-box .params:first-child{background: #E5E5E5;border-radius: 3px; overflow:hidden;} .parmas-box .params:first-child .title{white-space: pre-wrap; display:block; } .parmas-box .params:first-child .detail .detail-list{ padding:26px 5px; font-weight:bold; word-wrap: break-word;font-family: 'UniversLT-47LtCn';} .parmas-box .params:first-child .title-fixed{} .parmas-box .params a:hover{ background: #228FFF;} .parmas-box .params a:hover .detail .detail-list{ color:#fff;} .scroll-fixed{max-width: 1470px;position: fixed;left: 50%;transform: translateX(-50%);z-index: 99;bottom: 0;overflow-x: auto; visibility:hidden; opacity: 0;} .scroll-fixed .empty{border: 1px solid transparent;} .scroll-fixed.show{ visibility:visible; opacity: 1;} /*20250403*/ .paramstabtitlefixed{position: fixed;left: 50%;transform: translateX(-50%);z-index: 99;top:80px;overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; width: 100%; background:#fff; border-top:#eee 1px solid; border-bottom:#eee 1px solid;} .parmas-box .paramstabtitlefixed .params{ background:#fff;} .paramstabtitlefixed::-webkit-scrollbar{ display: none; } /*分页样式开始*/ #pageabc{text-align:center;margin:60px 0 0 0;clear:both;height:auto;overflow:hidden;color:#228FFF;line-height:1.5;} #pageabc a.noallowed{cursor: not-allowed;} #pageabc span,#pageabc a{font-size:16px;color:#595757;padding:10px 20px; transition: none; text-transform:uppercase; border:1px solid #E5E5E5;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius:3px;} #pageabc a:hover,#pageabc a.current{color:#fff;background-color:#228FFF;border:1px solid #228FFF;} /*分页样式结束*/ /*产品详情页*/ .single_products{} .single_protitle{ margin-top:100px;} .single_protitle, .single_prosubtit{ display:flex; direction: ltr;align-items: center;} .single_protitle:before, .single_protitle:after, .single_prosubtit:before, .single_prosubtit:after{ content:""; display:block; height:1px; background:#E5E5E5; flex-grow: 1;} .single_protitle .ititle, .single_prosubtit .sprosubtitle, .single_prosubtit .elementor-widget-container{ margin:0 40px;} .single_proflex{ display:flex; margin-top:60px;} .single_proflexleft{ width:40%; padding-right:60px;} .single_proflexright{ width:60%;} .single_probigimglist{ overflow:hidden;} .single_probigimglist .swiper-slide{ width:100%; max-height:530px;} .single_probigimglist .swiper-slide img{ width:100%; height:100%; border-radius:3px;} .single_prosmallimglist{ overflow:hidden; margin-top:30px;} .single_prosmallimglist .swiper-slide{ width:90px; height:90px; cursor:pointer;} .single_prosmallimglist .swiper-slide img{ border-radius:3px; } .single_prosmallimglist .swiper-slide-thumb-active img{ border:var(--global-primary-color) 2px solid;} .sproattribute{ padding-bottom:40px; border-bottom:#E5E5E5 1px solid;} .sproattributelist{} .sproattributelist ul{ display:flex; flex-wrap:wrap;} .sproattributelist li{ font-size:16px; line-height:40px; width:35.6%; margin-right:60px; color:#000; display:flex;} .sproattributelist li:nth-child(2n){ margin-right:0;} .sproattributelist li .sproattr_label{ margin-right:10px; white-space:nowrap;} .sproattributelist li .sproattr_value{font-family: 'UniversLT-47LtCn';} .sprofileall{ display:flex; margin-top:40px; align-items:center;} .sprofileleft{ width:35.6%; margin-right:60px;} .sprofilelist{} .sprofilelist li{ cursor:pointer; margin-bottom:10px;} .sprofilelist li a{ display:flex;align-items: center;} .sprofilelist li .sprofilelisticon{ margin-right:10px; width:24px; height:24px; background-repeat:no-repeat; background-position:left center;} .sprofilelist li.sprofile_pdf .sprofilelisticon{ background-image:url(images/sproicon001.png);} .sprofilelist li.sprofile_data .sprofilelisticon{ background-image:url(images/sproicon002.png);} .sprofilelist li.sprofile_drawing .sprofilelisticon{ background-image:url(images/sproicon003.png);} .sprofilelist li.sprofile_pdf:hover .sprofilelisticon{ background-image:url(images/sproicon001hover.png);} .sprofilelist li.sprofile_data:hover .sprofilelisticon{ background-image:url(images/sproicon002hover.png);} .sprofilelist li.sprofile_drawing:hover .sprofilelisticon{ background-image:url(images/sproicon003hover.png);} .sprofilelist li .sprofilelisttext{font-family: 'UniversLT-47LtCn'; color:#0B318F; font-size:16px; line-height:32px;} .sprofilelist li a:hover .sprofilelisttext{ color:#228FFF; text-decoration:underline;} .sprofilebtn a{ text-transform:uppercase;} .single_prosubtit .sprosubtitle{ font-size:20px; line-height:26px; text-transform:uppercase; color:#000000; font-weight:normal;} .single_procontent{} .single_procontent .single_proconitem{ margin-top:150px;} .spro_charactlist{ margin-top:60px;} .spro_charactlist ul{ display:flex; justify-content:center; gap:0px 200px;} .spro_charactlist li{ text-align:center;} .spro_charactlist li .spro_characticon{display:flex; justify-content:center; } .spro_charactlist li .spro_characttext{ margin-top:20px;} .single_propartlist, .sprodrawingcontent{ max-width:1200px; margin:60px auto 0;} .single_propartlist table{} .single_propartlist tr{} .single_propartlist tr th{ width:16.6667%; font-size: 18px; background: #E5E5E5; height:60px; border-right:#fff 1px solid; line-height: 28px;color: #000000; font-weight: normal; text-transform: uppercase;} .single_propartlist tr td{font-size: 16px;color: #000000;font-family: 'UniversLT-47LtCn'; text-align:center; border-bottom:#E5E5E5 1px solid; padding:14px 5px;line-height: 32px;} .sprodrawingcontent p{ font-size:16px; line-height:32px;} .sprodrawingcontent p img{ margin:0 auto;} .sproapplist{ margin-top:60px;} .sproapplist ul{ display:flex; gap:0px 30px;} .sproapplist li{} .sproapplist li .sproappimg{ overflow:hidden; border-radius:3px;} .sproapplist li .sproappimg img{transition:all 0.5s;} .sproapplist li .sproapptext{font-weight: normal;font-size: 18px;color: #000000;line-height: 28px; text-align:center; padding:20px;text-transform: uppercase;} .sproapplist li:hover .sproappimg img{transform: scale(1.05);} .spromoreneeds{} .spromoreneeds p{font-size: 18px; line-height:28px; color: #000000;font-family: 'UniversLT-47LtCn'; text-align:center;} .spromoreneeds p strong{ font-weight:bold;} .sproreviewsbg{ padding-bottom:150px;} /*产品详情页end*/ /*新闻列表*/ .newstermlist{} .newstermlist ul{ display:flex; justify-content:center; gap:20px;} .newstermlist li{} .newstermlist li a{border-radius: 3px; white-space: nowrap; font-weight: normal;font-size: 18px;color: #0B318F;font-family: 'UniversLT-47LtCn';line-height: 1.4;text-transform: uppercase;border: 1px solid #B6B6B6; display:block; padding:10px 20px;} .newstermlist li a:hover, .newstermlist li.active a{background: #0B318F; color:#fff;} .newsflex{ margin-top:60px; display:flex; justify-content: center;} .newsleft{ width:80%;} .newsright{ width:20%; padding-left:60px;} .newslist{} .newslist li{ margin-bottom:60px;} .newslist li a{ display:flex; border-radius:3px; overflow:hidden; transition:all 0.5s;} .newslist li a .newsimg{ width:29.35%; overflow:hidden; min-height:345px;} .newslist li a .newsimg img{width:100%; height:100%; object-fit: cover; object-position: center; transition:all 0.5s;} .newslist li a .newstext{ width:70.65%; padding:20px 54px 26px 30px;} .newslist li a .newstext .newscat{font-weight: 400;font-size: 14px;color: #0B318F;font-family: 'UniversLT-47LtCn'; line-height: 18px;text-transform: uppercase;} .newslist li a .newstext .newslisttit{font-weight: normal;font-size: 20px;color: #0B318F;line-height: 24px; margin-top:7px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .newslist li a .newstext .newslistdesc{font-weight: normal;font-size: 16px; min-height:96px; font-family: 'UniversLT-47LtCn'; color: #000000; margin-top:20px;line-height: 32px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .newslist li a .newstext .newslistdate{font-size: 14px;color: #B5B5B5;font-family: 'UniversLT-47LtCn'; line-height: 20px; margin-top:20px;} .newslist li a .newstext .newslistbtn{ margin-top:20px; background: #0B318F;} .newslist li a:hover .newsimg img{transform: scale(1.05);} .newslist li a:hover .newstext{background: #228FFF;} .newslist li a:hover .newstext .newscat, .newslist li a:hover .newstext .newslisttit, .newslist li a:hover .newstext .newslistdesc, .newslist li a:hover .newstext .newslistdate{ color:#fff;} .newslist li a:hover .newstext .newslistbtn{ background: #FFFFFF; color: #228FFF;} .newstags{ display: none;} .newstagtit{font-weight: normal;font-size: 36px;color: #0B318F;line-height: 47px;text-transform: uppercase;} .newstaglist{ margin-top:25px;} .newstaglist li{ margin-bottom:20px;} .newstaglist li a{font-size: 18px;font-family: 'UniversLT-47LtCn';color: #000000; display:block;line-height: 1.6;text-transform: uppercase;} .newstaglist li a:hover, .newstaglist li.current a{ font-family:inherit;} .designlistall:after{ content:''; display:block; width:100%; height:60px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:1;} /*产品列表模板二*/ .pro_templatetwo{ margin-top:100px;} .pro_temptwolist{} .pro_temptwolist .pro_temptwoitem{ display:flex; margin-bottom:150px;} .pro_temptwoitem .pro_temptwoimg{ width:32%;} .pro_temptwoitem .pro_temptwoimg img{} .pro_temptwoitem .pro_temptwotext{ width:68%; padding-left:60px;} .pro_temptwoitem .pro_temptwo_title{display:flex; direction: ltr;align-items: flex-end;} .pro_temptwoitem .pro_temptwo_title h3{font-weight: normal;font-size: 50px; margin-right:24px;color: #0B318F;line-height: 60px;text-transform: uppercase;} .pro_temptwo_title:after{ content:""; display:block; height:1px; background:#E5E5E5; flex-grow: 1; position:relative; bottom:20px;} .pro_temptwoitem .pro_temptwo_desc{font-weight: normal;font-size: 16px;font-family: 'UniversLT-47LtCn'; margin-top:40px;color: #000000;line-height: 32px;} .pro_temptwoitem .pro_temptwo_tags{ margin-top:20px;} .pro_temptwoitem .pro_temptwo_tags span{ padding:7px 10px;font-weight: normal;font-size: 14px;font-family: 'UniversLT-47LtCn';color: #0B318F;line-height: 16px;text-transform: uppercase;background: #FFFFFF;border-radius: 3px;border: 1px solid #0B318F; margin-right:15px; display:inline-block; margin-bottom:10px;} .pro_temptwoitem .pro_temptwo_tags span:hover{ background:#0B318F; color:#fff;} .pro_temptwoitem .pro_temptwo_order{} .pro_temptwolist .pro_temptwoitem:nth-child(2n){flex-direction:row-reverse;} .pro_temptwolist .pro_temptwoitem:nth-child(2n) .pro_temptwotext{ padding-right:60px; padding-left:0;} .pro_temptwolist .pro_temptwoitem:last-child{ margin-bottom:0;} .havenopro{ text-align:center; padding-top:40px;} /*历程*/ .aboutallbg{ padding:150px 0;} .history_container{ max-width:1410px; margin:0 auto;} .historylist ul{ height:auto; overflow:hidden;} .historylist ul li{ position:relative; border-left:#0B318F 10px solid; height:auto; padding-left:60px; margin-left:calc(50% - 5px); padding-bottom:50px;} .historylist ul li:before{ content:""; display:block; background:url(images/timezhou.png) no-repeat center center; background-size:cover; width:50px; height:50px; position:absolute; top:0px; left:-30px; transition: all 0.3s; border-radius:100%; } .historylist ul li:hover:before{ background:url(images/timezhouhover.png) no-repeat center center; background-size:cover; transform:scale(1.6);} .historylist ul li .historybigtit{ font-weight: normal;font-size: 72px;color: #0B318F;line-height: 94px;} .historylist ul li .historyliflex{ display:flex; gap:30px; margin-top:10px;} .historylist ul li .historyliflex .historyliimg{ width:180px;} .historylist ul li .historyliflex .historylitext{ width:calc(100% - 210px);} .historylist ul li .historyliflex.havenoimg .historylitext{ width:100%;} .historylist ul li .historyliflex .historylitext .historysmalltit{font-weight: normal;font-size: 20px;color: #0B318F;line-height: 24px;} .historylist ul li .historyliflex .historylitext .historysmalldesc{font-size: 16px;color: #000000; margin-top:10px;font-family: 'UniversLT-47LtCn';line-height: 32px;} .historylist ul li:nth-child(2n){ text-align:right; margin-left:0; margin-right:calc(50% - 5px); padding-left:0; padding-right:60px; border-left:none; border-right:#0B318F 10px solid;} .historylist ul li:nth-child(2n):before{ left:auto; right:-30px;} .historylist ul li:nth-child(2n) .historyliflex{flex-direction:row-reverse;} .historylist ul li:first-child{ padding-top:80px;} .historylist ul li:first-child:before{ top:80px;} .historylist ul li:last-child{ padding-bottom:80px;} /*新闻详情页*/ .newsmetadata .elementor-post-info .elementor-inline-item a.elementor-post-info__terms-list-item{ color: #0B318F;} .newsmetadata .elementor-post-info .elementor-inline-item a.elementor-post-info__terms-list-item:after{ content:" News /";} .aboutvisiondatalist .elementor-widget-counter:nth-child(1) .elementor-widget-container .elementor-counter-number-wrapper{align-items: flex-end;} .aboutvisiondatalist .elementor-widget-counter:nth-child(1) .elementor-widget-container .elementor-counter-number-wrapper .elementor-counter-number-suffix{ font-size:16px; font-family: 'UniversLT-47LtCn'; line-height:18px; margin-bottom: 10px;} /*Quality Assurance*/ .policylist{} .policylist .policylistitem{} .policylist .policylistitem .elementor-widget-image-box{} .policylist .policylistitem .elementor-widget-image-box .elementor-widget-container{} .policylist .policylistitem .elementor-widget-image-box .elementor-widget-container .elementor-image-box-img{} .policylist .policylistitem:hover .elementor-widget-image-box .elementor-widget-container .elementor-image-box-img img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1);} .policylist .policylistitem .elementor-widget-image-box .elementor-widget-container .elementor-image-box-content{} .policylist .policylistitem:hover .elementor-widget-image-box .elementor-widget-container .elementor-image-box-content .elementor-image-box-title{ color:#fff;} .policylist .policylistitem .elementor-widget-image-box .elementor-widget-container .elementor-image-box-content .elementor-image-box-title:after{ content:""; display:block;width: 150px;height: 4px;background: #0B318F; margin:40px auto 0;} .policylist .policylistitem:hover .elementor-widget-image-box .elementor-widget-container .elementor-image-box-content .elementor-image-box-description{ color:#fff;} .policylist .policylistitem:hover .elementor-widget-image-box .elementor-widget-container .elementor-image-box-content .elementor-image-box-title:after{ background:#fff;} .qusmallimglist{} .qusmallimglist .qusmallimgitem{ cursor:pointer;} .quprojectlist{} .quprojectlist .quprojectlistitem{} .quprojectlist .quprojectlistitem:hover .projectitemleft{background: #228FFF; border-color:#228FFF;} .quprojectlist .quprojectlistitem .projectitemleft:after{ content:""; display:none; width:8px; height:21px; background:url(images/testprojecticon.png) no-repeat; position:absolute; right:-8px;} .quprojectlist .quprojectlistitem:hover .projectitemleft:after{ display:block;} .quprojectlist .quprojectlistitem:hover .projectitemright{background: rgba(34, 143, 255, 0.2);} .quprojectlist .quprojectlistitem:hover .projectitemleft .elementor-widget-heading .elementor-heading-title{ color:#fff;} .quprojectlist .quprojectlistitem:hover .projectitemright .elementor-widget-heading .elementor-heading-title, .quprojectlist .quprojectlistitem:hover .projectitemright .elementor-widget-text-editor p{ color:#0B318F;} .elementor-kit-38 .quprojectlist .quprojectlistitem p{ margin-bottom:0;} .testprojectswiperlist{} .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper{ width:100%;} .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper .elementor-swiper-button-prev{ left:-60px;} .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper .elementor-swiper-button-next{ right:-60px;} .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper .swiper-slide .swiper-slide-inner{ overflow:hidden;} .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper .swiper-slide .swiper-slide-inner .swiper-slide-image{transition: all 0.3s; } .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper .swiper-slide:hover .swiper-slide-inner .swiper-slide-image{transform:scale(1.05);} .elementor-element.elementor-arrows-position-outside.testprojectswiperlist .swiper .swiper-slide:hover .elementor-image-carousel-caption{ color: #0B318F;} /*联系我们*/ .contactaddresslist .calistitem:hover .elementor-widget-heading .elementor-widget-container .elementor-heading-title{ color:#fff;} .contactaddresslist .calistitem:hover .elementor-widget-divider .elementor-widget-container .elementor-divider .elementor-divider-separator{ border-color:#fff;} .contactaddresslist .calistitem:hover .elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text{ color:#fff;} .contactaddresslist .calistitem:hover .elementor-widget-icon-list .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1);} .contact_makingtext p img{ display:inline-block;} /*联系我们表单*/ .contactform{} .contactform > .elementor-widget-container{} .contactform > .elementor-widget-container .wpforms-form{ position:relative;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container{} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field{ position:relative;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label{ width:auto; position:absolute; top:35px;left: 40px; margin-bottom: 0; line-height: 40px; text-transform:uppercase;font-family: 'UniversLT-47LtCn'; font-weight: normal;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label.wpforms-label-hide{ display:none !important;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_name:after, .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_email:after, .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_title:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_name:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_email:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_title:after{ content:""; display:block; width:40px; height:40px; position:absolute; right:40px; top:35px; background-position:right center; background-repeat:no-repeat;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_name:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_name:after{ background-image:url(images/contact_formicon001.png);} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_email:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_email:after{ background-image:url(images/contact_formicon002.png);} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_title:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_title:after{ background-image:url(images/contact_formicon003.png);} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_name.active:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_name.active:after{ background-image:url(images/contact_formicon001hover.png);} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_email.active:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_email.active:after{ background-image:url(images/contact_formicon002hover.png);} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.cform_title.active:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_title.active:after{ background-image:url(images/contact_formicon003hover.png);} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label .wpforms-required-label{ display:none;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium{ max-width:100%; line-height:40px; height:80px; border-radius: 3px; background: #FFFFFF; padding: 0 130px;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium:focus{ border-color:#0B318F;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-textarea .wpforms-field-medium{ height:320px; resize: none;padding-top: 60px; padding-left: 40px; line-height: 1.5; padding-right: 40px;} /*数字验证码*/ .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-captcha{ display:flex;} .contactform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-captcha .wpforms-field-label{ position:static;} .contactform .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-captcha{ border:none; align-items: center;} .contactform .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-captcha .wpforms-captcha-math{ display:flex; align-items: center; margin-left:20px;} .contactform .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-captcha .wpforms-captcha-equation{font-size: 18px;color: #262626;line-height: 32px; white-space:nowrap; } .contactform .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-captcha .wpforms-field-medium{ border: 1px solid #999999; font-size:18px; width:80px; height:40px !important; margin-left:5px; padding:0 10px !important; text-align:center;} .contactform > .elementor-widget-container .wpforms-form .wpforms-submit-container{ position:absolute; right:0; bottom:10px;} .contactform > .elementor-widget-container .wpforms-form .wpforms-submit-container .wpforms-submit{background: #F7C601;border-radius: 3px;font-size: 20px;color: #FFFFFF;line-height: 26px;text-transform: uppercase; padding:12px 38px; height:auto; border:none;} .contactform > .elementor-widget-container .wpforms-form .wpforms-submit-container .wpforms-submit:hover{ background:#0B318F;} /*产品弹窗表单*/ .sproformbg{ opacity:0; visibility:hidden; height:0; overflow:hidden;transition: all 0.3s; min-height:inherit;} .sproformbg.show{ opacity:1; visibility:visible; height:auto; min-height:100vh;} .spropopformcon{ max-height:60vh; overflow-y:scroll;} .sproductform div.wpforms-container-full{ margin:0 auto;} .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-textarea .wpforms-field-medium{ height:130px; padding-top:20px;} .sproductform > .elementor-widget-container .wpforms-form .wpforms-submit-container .wpforms-submit{ background:#0B318F;} .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium{ height:60px; padding:0 40px;} .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label{ top:25px;} .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.active .wpforms-field-label{ display:none !important;} .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_name:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_email:after, .sproductform > .elementor-widget-container .wpforms-form .wpforms-field-container .wpforms-field.sproform_title:after{ top:25px; background-size:30px; background-position:right center;} .quality_content ul{} .quality_content ul li{ margin-bottom:15px; background:url(images/qualityicon.svg) no-repeat left 5px; padding-left: 40px; background-size: 30px;} .videopopbg{ display:none;} .videopopbg.show{ display:flex;} .videocolsebtn{ cursor:pointer;}