@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype");font-display:swap;}
@font-face {font-display:swap;font-style:normal;font-family:"Din";font-weight:400;src:url(../font/D-DIN.woff) format("woff")}
@font-face {font-display:swap;font-style:normal;font-family:"Din";font-weight:700;src:url(../font/D-DIN-Bold.woff) format("woff")}
@font-face {font-display:swap;font-style:italic;font-family:"Din";font-weight:400;src:url(../font/D-DIN-Italic.woff) format("woff")}
@font-face {font-display:swap;font-style:normal;font-family:"Din condensed";font-weight:400;src:url(../font/D-DINCondensed.woff) format("woff")}
@font-face {font-display:swap;font-style:normal;font-family:"Din condensed";font-weight:700;src:url(../font/D-DINCondensed-Bold.woff) format("woff")}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");font-display:swap;}
.iconfont {font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
body {color:#333;font-family:"Din",Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.75;background-color:#fff;font-weight:400;}
.home_bg {background:#fff !important;}
* {box-sizing:border-box;padding:0;margin:0;}
li,ol,ul {list-style:none;margin-bottom:0;}
img {vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear {clear:both;}
.clearfix::after {display:table;}
hr {margin-bottom:1rem;border-top:1px solid #eee;}
b {color:#333;font-family:"Din";font-weight:700;font-size:1.2rem;}
.inquiry {color:#023b7d;text-decoration:none;}
.inquiry:hover {color:#0075c1;}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition:all .5s;}
a:hover {color:#174277;}
a:focus {outline:0;text-decoration:none;}
a,a:hover {text-decoration:none;}
.PDF_link {color:#06cdd6;font-size:1.4rem;text-decoration:underline;}
.layui-layer-dialog .layui-layer-content {display:none;}
.layui-layer-btn .layui-layer-btn0 {background:none !important;font-size:1.4rem;border:none !important;}
.layui-layer-btn a {height:50px !important;line-height:50px !important;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}

.table{ width:120%;}
.table td {padding:1rem .8rem;line-height:1.35;vertical-align:middle;font-size:.9rem;border:none;border:1px solid #ccc;}
.table .top {font-weight:600; text-align:center;}
.table .top td {background-color:#0d73bb;color:#fff;border-right:1px solid #055994 !important;border-bottom:1px solid #055994 !important;padding:.5rem .8rem;}
.table tr:nth-child(2n) {background-color:#f9f9f9}
.table tr td:last-child {border:none;}
.table {border-bottom:1px solid #ccc;}
.border-none {border:none !important}


.inquiry {color:#004680;text-decoration:underline;}
.inquiry:hover {color:#06cdd6;}
.theme-send-inquiry-box {background:#06cdd6 !important;}
.theme-box-name {background:#023b7d !important;text-transform:uppercase;border-left:1px #023b7d solid !important;}
h3 {font-size:1.2rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle {display:block;font-size:3rem;margin:0;padding-bottom:1rem;line-height:1.15;font-family:"Din condensed";font-weight:700;}
.etw_hometitle {font-size:3rem;position:relative;margin-bottom:1rem;padding-bottom:.5rem;}
.small_font {font-size:1.6rem;color:#06cdd6;}
.pro_name {color:#666;font-size:1.1rem;position:relative;line-height:1.35;margin-top:-.5rem;margin-bottom:.8rem;position:relative;padding-bottom:1rem;}
.color_font {color:#333;font-size:1.4rem;margin-top:1rem;border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:1rem;}
h3.pro_model {color:#666;font-size:.9rem;margin-bottom:1rem;color:#666;}
h2 small {display:block;color:#666;font-size:1.6rem;}
.page_title {font-size:1.6rem;position:relative;display:block;padding-left:1.5rem;font-weight:500;font-family:"Din condensed";margin-bottom:.5rem;margin-top:2rem;line-height:1.35;}
.page_title::before {position:absolute;content:"";width:9px;height:4px;background-color:#06cdd6;left:0;top:1.2rem;}
.font_fold {font-size:1.2rem;color:#000;}
.contact_des a {color:#06cdd6;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.contact_des a:hover {color:#023b7d;}
.indent-left {padding-left:3.8rem;}
.contact_des h3.title01 {font-size:1.5rem;font-weight:700;margin-bottom:1rem;}
.contact_logo {background-color:#fff;border-radius:20px;position:relative;width:70%;margin:0 auto;margin-top:-3rem;padding:1rem 2rem;box-shadow:0 25px 98px 0 rgba(0,0,0,0.05);margin-bottom:2rem;padding-bottom:3px;}
#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#f2f2f2;z-index:100;cursor:pointer;color:#333;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a {color:#06cdd6;}
#etw_top:hover {transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#000;}
/* #header */#header {width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;transition:all .5s;padding:0 1rem;box-shadow:0 0 25px rgb(0 0 0 / 10%);padding-top:40px;background-color:rgb(255,255,255,9)}
.header_in {margin:0 auto;position:relative;width:96%;max-width:1320px;}
.logo_02 {position:absolute;width:150px;top:.4rem;right:0;text-align:center;}
#etw_logo {width:auto;text-align:center;transition:all .8s;float:left;padding-top:.3rem;}
#etw_logo a {width:100%;display:flex;align-items:center;}
#etw_logo h1 {color:#666;font-size:.9rem;display:block;display:block;width:100%;max-width:170px;text-align:center;padding-left:.8rem;line-height:1.35;}
/* .top-nav */.top-nav {width:auto;float:left;padding-left:4rem;transition:all .8s;margin:.8rem auto;}
.top-nav .navbar {padding:0;float:right;}
.nav-fixed {box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;margin-top:0 !important;background-color:rgba(255,255,255,1)  !important;}
@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}
.dropdown-menu-one {background-color:#eee;}
.navbar-expand-lg .navbar-collapse {flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav {justify-content:center;}
.navbar-nav {width:100%;}
.navbar-light .navbar-nav .nav-link {transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem 1.5rem;color:#333;text-transform:uppercase;position:relative;}
.navbar-light .navbar-nav a.nav-link::before {content:"";position:absolute;left:50%;bottom:-.5rem;width:0px;height:2px;background-color:#06cdd6;transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before {width:100%;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top:51px;transition:all .5s;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 100%);border-radius:0;padding:1rem .8rem;border:none;border-top:1px solid #eee;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;background:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#333;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a.active {color:#06cdd6;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {position:absolute;content:"\f0da";left:1rem;top:0.2rem;font-family:fontawesome;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a {border-bottom:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link,.dropdown-menu-one li > a.active {color:#06cdd6 !important;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#06cdd6;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#06cdd6!important;}
.dropdown-item {font-size:0.9rem;}
.dropdown-item.active,.dropdown-item:active {background:none !important;}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}
.top-nav ul>li>ul.dropdown-menu>li {position:relative}
.navbar-nav .dropdown-menu1 {min-width:76rem;left:-26.5rem;padding:2rem 2rem 1rem;}
.navbar-light .navbar-nav .dropdown-menu1 li {width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {background:0;position:relative;padding:0.4rem 0 0.4rem 0.3rem;font-size:1.2rem;color:#004680;white-space:normal;line-height:1.3rem;text-align:left;border-bottom:1px dotted #ccc;margin:0 0 0.2rem;font-weight:500;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {width:24px;height:24px;position:absolute;left:0;top:1px;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active {color:#f4c90c;}
.navbar-nav .dropdown-menu li ol {position:relative;display:block;padding:0.3rem 0;width:100%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li {width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a {width:100%;display:block;position:relative;padding:0.3rem 0 0.3rem 1.5rem;font-weight:400;font-size:.95rem;color:#111;line-height:1.35rem;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before {position:absolute;content:"";width:5px;height:5px;border-radius:50%;left:.5rem;top:.8rem;background-color:#666;}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover {color:#06cdd6;}
@media (max-width:1260px) {}
@media (max-width:1064px) {}
/* .etw_language */.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:62%;height:32px;line-height:22px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;margin-top:-2rem;}
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#333;min-width:auto !important;position:relative;}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc;}
#etw_language .dropdown-item:last-child::before {display:none;}
#etw_language .dropdown-item img {margin-right:5px;margin-top:1px;}
#etw_language .dropdown-item:hover {color:#ff5f13;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}
/* banner */#etw_banner {width:100%;position:relative;margin:0 auto;text-align:center;color:#fff;overflow:hidden;}
#etw_banner .swiper-slide {height:100%;position:relative;width:100%;margin:0 auto;}
#etw_banner img {display:block;width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet {cursor:pointer;width:14px;height:14px;background:none;border-radius:50%;opacity:1;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;background-color:rgba(255,255,255,.95);}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#06cdd6;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
#etw_banner .nav_content {position:relative;max-width:1320px;margin:0 auto;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:35px;height:35px;background-image:none;background-color:rgba(255,255,255,0);right:0;z-index:1;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;border:2px solid #fff;margin-top:-6rem;opacity:1;}
#etw_banner .swiper-button-prev {right:45px;left:inherit;}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover {background-color:#06cdd6;}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after {content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;opacity:.6;width:25px;height:25px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out;}
#etw_banner .swiper-button-prev::after {background:url(../images/arrow_prev.png) no-repeat;background-size:cover;}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after {opacity:1;}
#etw_banner .swiper-slide::before {position:absolute;content:'';width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,0.1),rgba(0,0,0,0.05));left:0;top:0;}
#etw_banner .swiper-slide-nobefore::before {display:none;}
#etw_banner video {display:block;width:100% !important;}
.banner_txt {position:absolute;top:26%;left:0;right:0;margin:0 auto;text-align:left;width:100%;max-width:1420px;color:#fff;}
.banner_inner1 {width:100%;max-width:720px;font-size:1.1rem;}
.banner_txt h2 {font-size:3rem;position:relative;color:#fff;text-shadow:1px 3px 1px #000;line-height:1.15;font-weight:500;}
.banner_txt h2 span {font-style:italic;display:block;font-weight:600;}
.banner_txt ul {display:flex;margin-top:2rem;}
.banner_txt ul li a {color:#fff;padding:.8rem 2rem;display:inline-block;background-color:#06cdd6;margin-right:5px;position:relative;overflow:hidden;transition:color 0.4s linear;z-index:1;text-transform:uppercase;font-size:1rem;letter-spacing:1px;font-weight:700;}
.banner_txt ul li:last-child a {background-color:#023b7d;}
.banner_txt ul li a::before {content:"";position:absolute;left:0;top:0;width:101%;height:101%;background:#ff5f13;z-index:1;transition:transform 0.5s;transition-timing-function:ease;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);transform:scaleX(0);border-radius:0px;}
.banner_txt ul li a:hover::before {transform:scaleX(1);color:#fff !important;z-index:-1}
.webtitle {font-size:2.5rem;font-family:"Din condensed";font-weight:600;margin-bottom:1rem;color:#0b1c39;line-height:1.15;}
.webtitle a {color:#0b1c39;}
.webtitle a:hover {color:#06cdd6;}
/* home_about_content */.home_about_content {position:relative;padding:5rem 0;}
.home_about_content .home_bg_img {position:absolute;bottom:-6rem;left:0rem;}
.home_about_content .home_bg_img img {mix-blend-mode:multiply;opacity:.05;}
.home_about_content::after {content:"";width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:#f5faff;background-size:cover;z-index:-2;background:linear-gradient(to top,#fff,#f5faff);}
.home_about_content .row {margin:0;}
.home_about_content .row .col-md-6 {padding:0;}
.home_about_content .home_about_txt {display:flex;flex-flow:column;padding:1rem 3rem;height:100%;justify-content:center;max-width:860px;float:right;}
.home_about_content .home_about_txt strong {color:#0b1c39;font-weight:700;}
.home_small_title {font-weight:600;font-size:1.2rem;color:#0b1c39;line-height:1.2;margin-bottom:1.5rem;}
.home_about_content .home_about_img {height:100%;position:relative;}
.home_about_content .home_about_img img {object-fit:cover;height:100%;width:100%;position:relative;}
.home_about_content .home_about_img::before {position:absolute;content:"";width:100%;height:100%;left:-3rem;top:-3rem;background:url(../images/img-bg.webp) no-repeat;}
.video-play-button {width:85px;height:85px;line-height:85px;color:#fff;background:transparent linear-gradient(180deg,#023b7d,#023b7d 4%,#06cdd6 100%,#023b7d 0) 0 0 no-repeat;display:flex;align-content:center;justify-content:center;border-radius:50%;padding-left:0.4rem;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s linear;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;transition:all .5s;}
.video-play-button:before {content:"\f04b";font-size:2rem;}
.video-play-button:hover {opacity:.9;}
.video-play-button1 {width:50px;height:50px;line-height:50px;}
.video-play-button1:before {content:"\f04b";font-size:1.3rem;}
.video_img_box span {display:block;margin-top:1rem;}
.learn_more {color:#fff;padding:.5rem 2rem;display:block;background-color:#06cdd6;margin-right:5px;position:relative;overflow:hidden;z-index:1;transition:color 0.4s linear;text-transform:uppercase;font-size:1rem;letter-spacing:1px;font-weight:600;width:180px;text-align:center;margin-top:1rem;}
.learn_more::before {content:"";position:absolute;left:0;top:0;width:101%;height:101%;background:#023b7d;z-index:1;transition:transform 0.5s;transition-timing-function:ease;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);transform:scaleX(0);border-radius:0px;}
.learn_more:hover::before {transform:scaleX(1);color:#fff !important;z-index:-1}
.learn_more:hover {color:#fff;}
/* our_services */.our_services {position:relative;overflow:hidden;margin-bottom:5rem;background-color:#f5faff;padding:4rem 0;}
.service_content {margin-top:1rem;}
.our_services .service_item img {border-radius:10px;transition:all .5s;}
.our_services .service_item {position:relative;border-radius:10px;overflow:hidden;}
.our_services .service_item a {display:block;position:relative;}
.our_services .service_item a strong {display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;padding:1rem;color:#fff;font-weight:600;font-size:1.6rem;font-family:"Din condensed";font-weight:700;background:linear-gradient(transparent,rgba(30,30,30,0.8)) !important;}
.our_services .service_item:hover img {transform:scale(1.1);}
/* home_solution_content */.home_solution_content {overflow:hidden;}
.home_solution_content .webtitle a {color:#023b7d;}
.home_solution_content .webtitle a:hover {color:#06cdd6;}
.home_solution_content .row {margin:0;}
.home_solution_content .solution_txt {padding:2rem 3rem;background-color:#fff;box-shadow:0 15px 60px -10px rgb(109 117 143 / 33%);position:relative;margin-left:-3rem;z-index:2;width:100%;border-radius:20px;max-width:750px}
.home_solution_content .owl-carousel .owl-nav button.owl-next {right:6rem !important;}
.home_solution_content .row .col-md-6 {padding:0;}
.home_solution_content .solution_img {height:100%;}
.home_solution_content ul.item li {padding-left:2.5rem;margin-bottom:1rem;}
.home_solution_content ul.item li::before {background-color:#666;width:8px;height:8px;top:.5rem;}
.home_solution_content .solution_txt strong {font-size:1.4rem;margin-bottom:2rem;line-height:1.35;display:block;margin-bottom:1rem;}
/* solutions_box */.solutions_box {margin-top:3rem;}
.solutions_box .content {background-color:#fff;padding-bottom:3rem;margin-top:2rem;}
.solutions_box .soluton_item {text-align:center;height:100%;padding-top:8px;}
.solutions_box .soluton_item .solution_title a {color:#023b7d;font-size:1.2rem;font-family:"Din condensed";display:block;line-height:1.15;height:32px;display:flex;align-items:center;justify-content:center;font-weight:500;}
.solutions_box .soluton_item:hover a {color:#06cdd6;}
.solutions_box .solution_img {overflow:hidden;background:linear-gradient(to top,#f8fafc,#f1f8ff);border-radius:8px;margin-left:1rem;margin-right:1rem;position:relative;margin-bottom:-2rem;z-index:1;}
.solutions_box .solution_img img {transform:scale(1);transition:all .5s;mix-blend-mode:multiply;}
.solutions_box .soluton_item:hover img {transform:scale(1.1);}
.solutions_box .soluton_item .solution_title {padding:1rem;background-color:#fff;position:relative;box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;overflow:hidden;padding-top:3rem;}
figure {margin-bottom:5px;}
.solutions_box .soluton_item .solution_title a::before {content:"";height:68px;width:68px;background-color:#023b7d;position:absolute;bottom:-34px;right:-34px;transform:rotate(45deg);opacity:0;transition:opacity .2s ease-out;}
.solutions_box .soluton_item .solution_title a::after {content:"";background-repeat:no-repeat;background-position:100% 100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.528 22.528'%3E%3Cpath fill='%23FFF' d='M17.405 15.03V7.166L15.03 4.79l.004 8.566L5.96 4.281 4.28 5.959l9.07 9.071H4.79l2.376 2.375h7.864l2.375.005z'/%3E%3C/svg%3E");background-size:22px 22px;height:40px;width:40px;position:absolute;bottom:0;right:0;color:#fff;opacity:0;transform:translate(-10px,-10px);transition:opacity .2s ease-out,transform .2s ease-out;}
.solutions_box .soluton_item:hover .solution_title a::before {opacity:1}
.solutions_box .soluton_item:hover .solution_title a::after {opacity:1;transform:translate(-2px,-2px)}
/* home_markets_box */.home_markets_box {color:#666;margin-bottom:3rem;margin-top:4rem;}
.home_markets_box .content {margin:0 auto;padding:0 3rem;}
.home_markets_box .markets_item {position:relative;height:100%;overflow:hidden;}
.home_markets_box .markets_item .markets_title {position:absolute;bottom:0;left:0;width:100%;}
.home_markets_box .markets_item .markets_title a {display:block;padding:1.2rem;color:#fff;background:linear-gradient(transparent,rgba(30,30,30,0.92)) !important;line-height:1.25;font-weight:600;font-size:1.6rem;font-family:"Din condensed";}
.home_markets_box .markets_item .markets_img img {width:100%;transition:all .5s;}
.home_markets_box .markets_item .markets_img {height:100%;}
.home_markets_box .markets_item .markets_title a span {display:block;font-size:1rem;font-weight:400;font-family:"Din";}
.home_markets_box .markets_item:hover .markets_img img {transform:scale(1.05);}
.home_markets_box2 {background-color:#f5faff;padding:4rem 0;margin-bottom:0;margin-top:2rem;}
/* home_cer_box */.home_cer_box {background:#f5faff;background-size:cover;padding:3rem 0;margin-top:5rem;}
.home_cer_box .webtitle {text-align:center;}
.home_cer_img_list ul {display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;}
.home_cer_img_list ul li {width:13%;margin-right:2%;margin-bottom:2rem;text-align:center;border:3px solid #fff;border-radius:10px;overflow:hidden;}
.home_cer_img_list ul li img {mix-blend-mode:multiply;}
/* pro_banner_top */.pro_banner_top {min-height:220px;background:#05dce7;background:transparent linear-gradient(180deg,#023b7d,#023b7d 4%,#06cdd6 100%,#023b7d 0) 0 0 no-repeat;margin-bottom:4rem;color:#fff;}
.pro_banner_top h2 {color:#fff;font-size:3rem;}
/* pro_top_des */.pro_top_des {margin-bottom:2rem;}
.pro_top_img {position:relative;margin-bottom:-2rem;}
/* pro_hub_box */.pro_hub_box {background:#f4f4f4;padding:4rem 0;padding-bottom:2rem;position:relative;margin-top:6rem;}
.small_webtitle {margin-bottom:1rem;font-size:2.4rem;position:relative;font-weight:600;}
.small_webtitle span {display:block;}
.small_webtitle1 {font-size:1.8rem;margin-bottom:1rem;}
.small_web_img {background-color:#06cdd6;width:270px;height:270px;margin:0 auto;padding:1.5rem;position:absolute;left:0;right:0;top:-6rem;z-index:-1;border-radius:50% 50% 0 0;}
.pro_hub_box .pro_item {height:100%;display:flex;flex-flow:column;}
.pro_hub_box .pro_item .pro_des {order:0;text-align:center;}
.pro_hub_box .pro_item .pro_img {order:1;overflow:hidden;}
.pro_hub_box .pro_item .pro_img img {transition:all .9s;width:100%;}
.pro_hub_box .pro_item:hover img {transform:scale(1.05);}
.pro_hub_box .pro_item .pro_des a {font-size:1.3rem;color:#333;line-height:1.2;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;font-weight:600;height:55px;}
.pro_hub_box .pro_item:hover .pro_des a {color:#ff5f13;}
.pro_hub_box .pro_item .pro_des p {font-size:1rem;color:#666;line-height:1.45;}
/* pro_application */.pro_application {position:relative;background-color:#fff;overflow:hidden;padding-top:8rem;margin-bottom:2rem;}
.pro_application  .small_web_img {border-radius:0  0 50% 50%;top:-11rem;z-index:0;display:flex;align-items:flex-end;}
.pro_application  .markets_item {height:100%;background-color:#f2f2f2;transition:all .6s;position:relative;top:0;}
.pro_application  .markets_item .markets_title a {color:#8f99a5;display:block;text-align:center;padding:.8rem 1rem;line-height:1.35;font-size:1rem;}
.pro_application  .markets_item .markets_title a span {font-family:"Din condensed";display:block;font-size:1.4rem;font-weight:500;color:#023b7d;}
.pro_application  .markets_item:hover {top:-1rem;box-shadow:0 5px 12px 0 rgba(0,0,0,0.08);}
.pro_application  .markets_item img {width:100%;}
/* markets_page_box */.markets_page_box {padding:3rem 0;background-color:#f5faff;margin-top:2rem;}
.markets_page_box .markets_item {background-color:#fff;}
/* main_products_content */.main_products_content .pro_item {background-color:#f5faff;text-align:center;height:100%;}
.main_products_content .pro_item .pro_des a {color:#023b7d;font-weight:600;display:block;padding:.8rem;border-top:5px solid #06cdd6;font-size:1.2rem;line-height:1.3;display:block;}
.main_products_content .pro_item .pro_des a span {display:block;font-size:1rem;font-weight:500;}
.main_products_content .pro_item .pro_img {overflow:hidden;}
.main_products_content .pro_item .pro_img img {transition:all .5s;object-fit:cover;width:100%;height:280px;}
.main_products_content .pro_item:hover .pro_img img {transform:scale(1.05);}
.main_products_content2 {background:#f6f9fb;padding:4rem 0;padding-bottom:2rem;}
.main_products_content2 .pro_item {background-color:#f5faff;}
/* our_service_content */.our_service_content {background-color:#f5faff;padding:3rem 0;}
.our_service_content .service_title {font-weight:700;font-size:2rem;font-family:"Din condensed";margin-bottom:2rem;color:#0b1c39;position:relative;padding-left:40px;}
.our_service_content .service_title::before {position:absolute;content:"";width:30px;height:88px;left:0;top:-1.2rem;background:url(../images/shape_imgs.png) no-repeat;}
.our_service_content a {display:block;height:100%;text-align:center;padding:1rem;transition:all .5s;border-radius:10px;}
.our_service_content a span {display:block;color:#023b7d;margin-top:1rem;font-size:1rem;line-height:1.35;}
.our_service_content a:hover {background-color:#fff;}
.our_service_content2 {background-color:#fff;padding:0;margin-bottom:3rem;}
.our_service_content2 a:hover,.our_service_content2 a.dq {background-color:#f5faff;}
/* markets_inner_page */.markets_inner_page {margin:2rem auto;position:relative;padding:1rem 0;}
.markets_inner_page .etw_hometitle {font-size:3rem;color:#06cdd6;margin-bottom:0;font-style:italic;text-transform:uppercase;}
.markets_inner_page .pro_name {font-size:1.4rem;margin-bottom:0;}
.markets_inner_page .markets_top_img {overflow:hidden;border-radius:10px;}
.markets_inner_page::before {position:absolute;content:"";width:40%;height:100%;background-color:#d3eaff;border-radius:0 10px 10px 0;top:-.5rem;}
/* recommend_products */.recommend_products {background-color:#f5faff;padding:3rem 0;margin-top:3rem;padding-bottom:1rem;}
.recommend_products .webtitle {position:relative;}
.recommend_products .webtitle::before {position:absolute;content:"";width:100%;height:1px;background-color:#0b1c39;top:1.5rem;}
.recommend_products .webtitle span {position:relative;background-color:#f5faff;display:inline;padding-right:2rem;}
.recommend_products .pro_item {background-color:#fff;height:100%;overflow:hidden;position:relative;}
.recommend_products .pro_item .pro_des {padding:2rem;padding-bottom:.5rem;font-size:1rem;line-height:1.3;overflow:hidden;}
.recommend_products .pro_item .pro_des a {display:block;color:#06cdd6;font-weight:700;font-size:1.2rem;margin-bottom:1rem;}
.recommend_products .pro_item .pro_des a span {display:block;}
.recommend_products .pro_item .pro_img img {object-fit:cover;width:100%;height:220px;transition:all .5s;}
.recommend_products .pro_item:hover .pro_img img {transform:scale(1.05);}
.recommend_products .pro_item .pro_des a::before {content:"";height:68px;width:68px;background-color:#023b7d;position:absolute;bottom:-34px;right:-34px;transform:rotate(45deg);opacity:0;transition:opacity .2s ease-out;}
.recommend_products .pro_item .pro_des a::after {content:"";background-repeat:no-repeat;background-position:100% 100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.528 22.528'%3E%3Cpath fill='%23FFF' d='M17.405 15.03V7.166L15.03 4.79l.004 8.566L5.96 4.281 4.28 5.959l9.07 9.071H4.79l2.376 2.375h7.864l2.375.005z'/%3E%3C/svg%3E");background-size:22px 22px;height:40px;width:40px;position:absolute;bottom:0;right:0;color:#fff;opacity:0;transform:translate(-10px,-10px);transition:opacity .2s ease-out,transform .2s ease-out;}
.recommend_products .pro_item:hover .pro_des a::before {opacity:1}
.recommend_products .pro_item:hover .pro_des a::after {opacity:1;transform:translate(-2px,-2px)}
.recommend_products2 .pro_item .pro_des a::after {right:0;}
/* service_box_list */.service_box_list {background:url(../images/service_img_bg.jpg) no-repeat top center;background-size:cover;padding:3rem 0;}
.service_box_list .service_content {background-color:rgb(2,59,125,1);padding:2rem;color:#fff;font-size:1rem;}
.service_box_list .small_webtitle a {color:#fff;}
.service_box_list .service_content ul li a {color:#fff;font-size:1rem;padding-left:2rem;position:relative;display:block;margin-bottom:.5rem;}
.service_box_list .service_content ul li a::before {position:absolute;content:"";width:12px;height:12px;left:0;top:0.4rem;background-image:url(../images/arrow-right.png);background-position:50%;background-repeat:no-repeat;background-size:cover;}
.service_box_list .service_content ul li a:hover {color:#06cdd6;}
/* inquiry_bottom_box */.inquiry_bottom_box {padding:3rem 0;background:url(../images/inquiry_bg_img_01.jpg) no-repeat top center;background-size:cover;color:#fff;}
.inquiry_bottom_box .txt_p {font-size:1.6rem;font-family:"Din condensed";font-weight:600;margin-bottom:0;line-height:1.2;color:#fff;}
.inquiry_bottom_box  .bottom_inquiry {background-color:#fff;color:#023b7d;border-radius:22px;}
.inquiry_bottom_box  .bottom_inquiry::before {background-color:#06cdd6;}
.inquiry_bottom_box p {margin-top:1rem;}
/* customized_bearings_content */.customized_bearings_content {margin:4rem auto;}
.customized_bearings_content .custom_item {height:100%;background-color:#f5f5f5;color:#333;display:flex;flex-flow:column;}
.customized_bearings_content .custom_item2 .cus_img {order:1;}
.customized_bearings_content .cus_des {padding:2rem;position:relative;font-size:1rem;line-height:1.35;height:100%;}
.customized_bearings_content .cus_des a {font-weight:600;font-family:"Din condensed";font-size:1.4rem;color:#023b7d;display:block;margin-bottom:1rem;}
.customized_bearings_content .cus_des::before {position:absolute;content:"";bottom:100%;left:50%;pointer-events:none;border:15px solid transparent;border-bottom-color:transparent;border-bottom-color:#51585d;z-index:1;}
.customized_bearings_content .custom_item2 .cus_des::before {position:absolute;top:100%;left:50%;border:15px solid transparent;bottom:inherit;border-top-color:#51585d;}
.customized_bearings_content .cus_img {overflow:hidden;height:100%;}
.customized_bearings_content .cus_img img {transition:all .5s;height:100%;width:100%;}
.customized_bearings_content .custom_item:hover .cus_img img {transform:scale(1.05);}
.customized_bearings_content .custom_item:hover a {color:#05dce7;}
/* pro_top_bg */.pro_top_bg {background-color:#f2f2f2;padding:4rem 0;background:linear-gradient(to top,#efefef,#fff,#dfdfdf);position:relative;}
.pro_top_bg h2 {font-size:2.6rem;}
.pro_top_bg .pro_top_img {position:absolute;width:50%;top:10%;right:0;opacity:.1;}
/* small_hub_products */.small_hub_products {margin-top:3rem;}
.small_hub_products .pro_des a {font-size:1.4rem;display:block;line-height:1.2;color:#023b7d;font-weight:500;margin-bottom:1rem;font-family:"Din condensed";}
.small_hub_products .pro_img {background:linear-gradient(to left,#f8f9fb,#e2e5ec);}
.small_hub_products .pro_img img {mix-blend-mode:multiply;object-fit:cover;width:100%;height:300px;}
.small_hub_products .pro_item {background-color:#fff;transition:all .5s;overflow:hidden;height:100%;position:relative;}
.small_hub_products .pro_item:hover {box-shadow:0 0 20px rgba(0,0,0,.1);}
.small_hub_products .pro_item .pro_des {overflow:hidden;padding:1rem;display:flex;flex-flow:column;line-height:1.45;}
.small_hub_products .pro_item:hover .pro_des a {color:#06cdd6;}
.small_hub_products .pro_item .pro_des a::before {content:"";height:68px;width:68px;background-color:#023b7d;position:absolute;bottom:-34px;right:-34px;transform:rotate(45deg);opacity:0;transition:opacity .2s ease-out;}
.small_hub_products .pro_item .pro_des a::after {content:"";background-repeat:no-repeat;background-position:100% 100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.528 22.528'%3E%3Cpath fill='%23FFF' d='M17.405 15.03V7.166L15.03 4.79l.004 8.566L5.96 4.281 4.28 5.959l9.07 9.071H4.79l2.376 2.375h7.864l2.375.005z'/%3E%3C/svg%3E");background-size:22px 22px;height:40px;width:40px;position:absolute;bottom:0;right:0;color:#fff;opacity:0;transform:translate(-10px,-10px);transition:opacity .2s ease-out,transform .2s ease-out;}
.small_hub_products .pro_item:hover .pro_des a::before {opacity:1}
.small_hub_products .pro_item:hover .pro_des a::after {opacity:1;transform:translate(-2px,-2px)}
/* related_products_box */.related_products_box {background-color:#f5faff;padding:3rem 0;margin:3rem auto;position:relative;margin-top:8rem;}
.related_products_box .pro_item {height:100%;position:relative;overflow:hidden;}
.related_products_box .pro_item .pro_img img {width:100%;object-fit:cover;height:300px;}
.related_products_box .pro_item .pro_des {position:absolute;top:0;left:0;padding:2rem;display:flex;flex-flow:column;width:100%;align-items:center;justify-content:space-between;height:100%;text-align:center;z-index:2;}
.related_products_box .pro_item .pro_img a {display:block;}
.related_products_box .pro_item .pro_img a::before {position:absolute;content:"";background-color:rgba(0,0,0,0.45);top:0;left:0;width:100%;height:100%;z-index:1;}
.related_products_box .pro_item .pro_des a {color:#fff;font-size:1.4rem;font-weight:500;font-family:"Din condensed";display:block;line-height:1.35;}
.related_products_box .pro_item .pro_des strong {display:block;margin-top:2rem;}
.related_products_box .pro_item .pro_des a.read_more_btn {font-weight:400;display:table;border:2px solid #fff;font-size:1rem;padding:.5rem 2rem;}
.related_products_box .pro_item:hover .pro_des a.read_more_btn {background-color:#06cdd6;}
.related_products_box .pro_item:hover .pro_des strong a {color:#06cdd6;}
.related_products_box .pro_item .pro_img img {transition:all .5s;}
.related_products_box .pro_item:hover .pro_img img {transform:scale(1.05);}
/* slewing_bearings_page_box */.slewing_bearings_page_box {background:transparent linear-gradient(180deg,#023b7d,#023b7d 4%,#06cdd6 100%,#023b7d 0) 0 0 no-repeat;padding:3rem 0;margin-bottom:1rem;position:relative;overflow:hidden;}
.slewing_bearings_page_box h2 {color:#fff;font-size:2.4rem;}
.slewing_bearings_page_box .pro_name {color:#fff;font-size:1.4rem;}
.slewing_bearings_page_box .pro_img_bg {position:absolute;top:-100%;right:-10%;opacity:.15;}
.slewing_bearings_page_box .pro_img_bg img {mix-blend-mode:multiply;}
.bg_color {background-color:#f6f9fb;padding:3rem 0;margin:3rem auto;}
/* img_title_list */.img_title_list {display:flex;flex-wrap:wrap;padding:.5rem;}
.img_title_list li {width:auto;margin-right:1rem}
/* style_box */.style_box {margin-top:3rem;}
.style_box .style_item {background-color:#f5faff;padding:1rem;margin-bottom:1rem;height:100%;}
.style_box .owl-carousel .owl-nav button.owl-next,.style_box .owl-carousel .owl-nav button.owl-prev {display:none;}
.style_box .owl-theme .owl-dots .owl-dot span {background-color:#666;}
.style_box .style_item strong {display:block;margin-bottom:.5rem;}
/* application_pic_content */.application_pic_content {position:relative;color:#fff;padding-top:3rem;margin-top:3rem;}
.application_pic_content::before {position:absolute;content:"";width:100%;height:70%;background:url(../images/app_img_bg.jpg) no-repeat top center;top:0;left:0;background-size:cover;}
.application_pic_content .app_item {height:100%;position:relative;overflow:hidden;border-radius:10px;}
.application_pic_content .app_item img {object-fit:cover;width:100%;height:280px;border-radius:10px;}
.application_pic_content .app_item span {position:absolute;bottom:0;left:0;width:80%;background-color:rgba(255,255,255,.85);padding:1rem;color:#023b7d;display:flex;height:56px;align-items:center;line-height:1.2;}
.application_pic_content .application_des {color:#fff;padding-left:4rem;margin-bottom:2rem;}
.application_pic_content .application_des::before {position:absolute;content:"";background:url(../images/shape_left.png) no-repeat top center;width:50px;height:140px;left:0;top:0rem;}
.application_pic_content .application_des .webtitle a {color:#fff;}
/* related_products_inner_page */.related_products_inner_page {margin-top:4rem;background-color:#f5faff;}
.related_products_inner_page .relatedbg_top_bg {background-color:#1f466f;color:#fff;padding:3rem 0;margin-bottom:3rem;}
.related_products_inner_page .relatedbg_top_bg .webtitle {color:#fff;}
.related_products_inner_page .pro_des a {color:#333;font-size:1.1rem;display:block;margin-bottom:1rem;font-weight:600;line-height:1.35;}
.related_products_inner_page .pro_des {font-size:1rem;line-height:1.3;padding:.5rem;}
.related_products_inner_page .pro_des a span {display:block;}
.related_products_inner_page .pro_item:hover a {color:#05dce7;}
.related_products_inner_page .pro_item img {transition:all .5s;}
.related_products_inner_page .pro_item:hover img {transform:scale(1.05);}
.related_products_inner_page .pro_item img {transition:all .5s;}
.related_products_inner_page .pro_item {overflow:hidden;}
.related_products_inner_page .pro_item:hover {box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;background-color:#fff;}
.related_products_inner_page .pro_item .pro_img {background-color:#fff;height:100%;}
.related_products_inner_page .pro_des a::before {content:"";height:68px;width:68px;background-color:#023b7d;position:absolute;bottom:-34px;right:-34px;transform:rotate(45deg);opacity:0;transition:opacity .2s ease-out;}
.related_products_inner_page .pro_des a::after {content:"";background-repeat:no-repeat;background-position:100% 100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.528 22.528'%3E%3Cpath fill='%23FFF' d='M17.405 15.03V7.166L15.03 4.79l.004 8.566L5.96 4.281 4.28 5.959l9.07 9.071H4.79l2.376 2.375h7.864l2.375.005z'/%3E%3C/svg%3E");background-size:45px 22px;height:40px;width:40px;position:absolute;bottom:0;right:0;color:#fff;opacity:0;transform:translate(-10px,-10px);transition:opacity .2s ease-out,transform .2s ease-out;}
.related_products_inner_page .pro_item:hover .pro_des a::before {opacity:1}
.related_products_inner_page .pro_item:hover .pro_des a::after {opacity:1;transform:translate(-2px,-2px)}
/* pro_inquiry_box */.pro_inquiry_box {background:#fff;padding:3rem 0;}
.pro_inquiry_box .company_logo {text-align:center;margin-bottom:1rem;display:none;}
.pro_inquiry_box .company_logo img {margin:0 auto;}
.contact_list .cot_email::before,.contact_list .cot_tel::before,.contact_list a {color:#004680;}
.contact_list {padding-left:1rem;margin-bottom:1rem;font-size:1.2rem;}
/* markets_banner_top */.markets_banner_top {background:url(../images/market_banner_01.jpg) no-repeat top center;background-size:cover;min-height:380px;display:flex;align-items:center;color:#fff;position:relative;margin-bottom:3rem;}
.markets_banner_top::before {position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.25);}
.markets_banner_top .etw_hometitle {font-size:3rem;}
.why_banner_top {background:url(../images/why_banner_01.jpg) no-repeat top center;background-size:cover;}
.why_banner_top1 {background:url(../images/why_banner_02.jpg) no-repeat top center;background-size:cover;}
.service_banner {background:url(../images/service_banner_01.jpg) no-repeat top center;background-size:cover;}
.service_banner2 {background:url(../images/service_banner_02.jpg) no-repeat top center;background-size:cover;}
.history_banner01 {background:url(../images/history_banner01.jpg) no-repeat top center;background-size:cover;min-height:480px;}
.why_banner {background:url(../images/why_banner_01.jpg) no-repeat top center;background-size:cover;min-height:320px;}
.quality_control_bannerner {background:url(../images/quality_control_banner_01.jpg) no-repeat top center;background-size:cover;min-height:320px;}
/* why_hub_page */.why_hub_page .why_item {margin:3rem auto;color:#45556d;}
.why_hub_page .why_des strong a {display:block;font-weight:500;font-size:2rem;font-family:"Din condensed";color:#143243;margin-bottom:1rem;line-height:1.35;}
.why_hub_page .why_des p {margin-bottom:2rem;}
.why_hub_page .why_img {overflow:hidden;border-radius:10px;}
/* why_inner_page */.why_inner_page {margin:1rem auto;margin-bottom:3rem;}
.why_inner_page video {display:block;width:100%;}
.why_inner_page .video_img {border:10px solid #f1f1f1;border-radius:10px;}
/* new_products_item */.new_products_item {background-color:#fff;height:100%;}
.new_products_item p {padding:1rem 2rem;}
/* sub_link_why */.sub_link_why {margin-bottom:3rem;}
.sub_link_why .sub_item {background-color:#f6f9fb;position:relative;border-radius:0 10px 10px 0;}
.sub_link_why .sub_item .why_des,.sub_link_why .sub_item .why_img {height:100%;}
.sub_link_why .sub_item .why_des {padding:1rem 0;padding-top:0;display:flex;align-items:center;}
.sub_link_why .sub_item .why_des a {color:#0b1c39;font-size:1.2rem;display:block;line-height:1.35;}
.sub_link_why .sub_item .why_des a::before {position:absolute;width:30px;height:30px;border-radius:50%;background-color:#06cdd6;right:1rem;bottom:-1rem;content:"\f105";font-family:fontawesome;display:flex;align-items:center;justify-content:center;color:#fff;}
.sub_link_why .sub_item:hover .why_des a,.sub_link_why .sub_item .dq a {color:#06cdd6;}
/* installation_title */.installation_title {text-align:center;font-size:1.8rem;position:relative;display:inline-block;text-align:center;margin-bottom:1rem;}
.installation_title::before,.installation_title::after {content:'';position:absolute;opacity:.42;top:50%;width:130px;height:1px;background:#06cdd6;}
.installation_title::before {left:-150px;}
.installation_title::after {right:-150px;}
/* process_img */.process_img .img_box {position:relative;}
.process_img .img_box span {position:absolute;bottom:0;left:0;right:0;margin:0 auto;background-color:rgba(0,0,0,0.5);color:#fff;width:100%;height:65px;display:flex;align-items:center;justify-content:center;line-height:1.2;padding:.5rem 1rem;}
/* pro_banner_02 */.pro_banner_02 {min-height:400px;background:url(../products/3-wind-turbine-bearings_02.jpg) no-repeat top;background-size:cover;}
.markets_banner_top h2 {color:#fff;font-size:3rem;position:relative;}
.pro_banner_03 {min-height:360px;background:url(../images/4-tunnel-boring-machine-bearings_banner.jpg) no-repeat top;background-size:cover;}
.pro_banner_04 {min-height:360px;background:url(../images/5-slewing-bearings-for-large-marine-equipment_banner.jpg) no-repeat top;background-size:cover;}
.about_banner01 {min-height:360px;background:url(../images/about_banner01.jpg) no-repeat top;background-size:cover;}
.about_banner {min-height:480px;background:url(../images/about_banner01.jpg) no-repeat top;background-size:cover;}
.pro_banner_02::before {position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.5);background:linear-gradient(to right,rgba(0,0,0,0.35) 35%,transparent 60%);}
.rd-banner_01 {min-height:360px;background:url(../images/rd-banner_01.jpg) no-repeat top;background-size:cover;}
.manufacturing_banner01 {min-height:360px;background:url(../images/manufacturing_banner01.jpg) no-repeat top;background-size:cover;}
/* capability_list */.capability_list {display:flex;flex-wrap:wrap;justify-content:center;}
.capability_list li {width:32%;margin-right:2%;margin-bottom:2rem;padding:2rem;box-shadow:0 25px 98px 0 rgba(0,0,0,0.05);background-color:#fff;text-align:center;}
.capability_list li b {display:block;font-size:1.4rem;font-family:"Din condensed";font-weight:500;color:#06cdd6;}
.capability_list li:nth-child(3n) {margin-right:0;}
/* about_page */.about_page {margin-top:-8rem;position:relative;}
.about_page::before {position:absolute;content:"";width:60%;height:100%;background-color:#fff;}
.about_page .content {background-color:#fff;padding:3rem;padding-left:0;}
/* history_hub */.history_hub .content {padding:3rem;background-color:#f2f2f2;position:relative;}
.history_hub {position:relative;}
.history_hub::before {position:absolute;content:"";width:60%;height:100%;top:0;right:0;background-color:#f2f2f2;}
.video_img {position:relative;}
/* cer_hub */.cer_hub {margin-top:4rem;margin-bottom:3rem;position:relative;}
.cer_hub_list ul {display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;}
.cer_hub_list ul li {border:1px solid #eee;width:15%;border-radius:5px;overflow:hidden;margin-right:2%;margin-bottom:1rem;}
.cer_hub_list ul li:nth-child(6n) {margin-right:0;}
.cer_hub .history_top_img {position:absolute;top:-20%;left:0;z-index:1;width:40%;opacity:.042;}
/****link list****/.tab_li {border:none;position:relative;margin:0 0 3rem 0;}
.tab_li ul {width:100%;margin:0 auto;display:flex;flex-wrap:wrap;border-bottom:1px solid #ccc;padding:0 2rem;}
.tab_li li {font-size:1.2rem;line-height:1.2rem;position:relative;display:inline-block;color:#111;font-weight:700;padding:0.3rem 0;cursor:pointer;margin:0 3%;width:auto;text-align:center;transition:.3s all ease-in-out;}
.tab_li li:before {position:absolute;content:'';background:#06cdd6;width:0;height:3px;right:0;bottom:-2px;transition:.3s all ease-in-out;}
.tab_li li img {display:block;margin:0.5rem auto;border-radius:50%;}
.tab_li li:hover,.tab_li li.dq {color:#06cdd6;}
.tab_li li:hover:before,.tab_li li.dq:before {width:100%;left:0;}
.tab_li1 {margin:1rem 0;}
.tab_li1 ul {border:0;}
.tab_li1 li {border:2px solid #06cdd6;padding:0.5rem 1.5rem;margin:0 6px;z-index:0;}
.tab_li1 li:before {position:absolute;content:'';background:#06cdd6;width:0;height:100%;right:0;top:0;transition:.3s all ease-in-out;z-index:-1;}
.tab_li1 li:hover,.tab_li1 li.dq {color:#fff;}
.tabfixed {position:fixed;top:101px;left:0;margin:0;z-index:2;width:100%;background:#fff;right:0;box-shadow:0 3px 10px rgb(0 0 0 / 20%);padding:1rem 0 0;}
.tabfixed ul {max-width:1200px;width:100%;margin:0 auto;}
.tabfixed ul li img {width:50px;}
.tabfixed.tab_li1 {padding:1rem 0;}
@media (max-width:991.98px) {.tabfixed {position:relative;top:auto;left:auto;right:auto;}
.tabfixed ul {background:#dde2e6;}
.tabfixed ul li {color:#333;}
.tabfixed li:before {background:#333;}
.tab_li {display:none;}
}
/* siger_products */.siger_products {margin-top:3rem;border-bottom:1px solid #eee;padding-bottom:3rem;}
.siger_products .siger_title {font-size:2rem;margin-bottom:1rem;}
.siger_products .pro_name {font-size:1.5rem;border-bottom:1px solid #eee;margin-bottom:2rem;}
.siger_products .siger_title span {font-weight:700;font-size:2.3rem;color:#06cdd6;}
/* study_case_box */.study_case_box {display:flex;flex-flow:row;}
.study_case_box .case_item {margin-bottom:2rem;width:32%;margin-right:2%;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.2);border-radius:10px;overflow:hidden;}
.study_case_box .case_item:nth-child(3n) {margin-right:0;}
.study_case_box .case_item .case_des strong {display:block;font-size:1.4rem;font-weight:700;margin-bottom:1rem;font-family:"Din condensed";position:relative;padding-bottom:1rem;}
.study_case_box .case_item .case_des {padding:1rem;}
.study_case_box .case_item .case_des strong::before {position:absolute;content:"";width:30px;height:5px;background-color:#06cdd6;left:0;bottom:0;}
.study_case_box2 .case_item {width:49%;}
.study_case_box2 .case_item:nth-child(3n) {margin-right:2%;}
.study_case_box2 .case_item:nth-child(2n) {margin-right:0;}
/* why_us_box */.why_us_box {background:#f5faff;padding:4rem 0;margin-top:4rem;}
.why_us_box .why_item {background-color:#fff;padding:2rem;height:100%;box-shadow:0px 0px 60px 0px rgba(0,0,0,0.07);border-radius:30px;position:relative;padding-left:180px;}
.why_us_box .webtitle {position:relative;margin-bottom:2rem;font-size:2.5rem;}
.why_us_box .why_icon {position:absolute;top:2rem;left:2rem;}
.why_us_box .why_item .why_des strong {font-size:1.6rem;font-weight:700;font-family:"Din condensed";display:block;margin-bottom:1rem;}
.recommend_products2 .pro_item .pro_des a::after {background-size:52px 22px}
.recommend_products2 .pro_item .pro_des a::before {right:-21px;}
/* flowchart_top */.flowchart_top {margin-bottom:6rem;position:relative;padding-right:2rem;}
.arr_line_top {width:100%;height:2px;position:relative;height:3px;background:#023b7d;margin-bottom:3rem;}
.arr_line_top::after {position:absolute;content:"\f0da";right:0;font-family:fontawesome;top:-2.5rem;font-size:3rem;margin:0 auto;color:#023b7d;width:10px;height:10px;}
.arr_line_top2::after {position:absolute;content:"\f0d9";right:inherit;left:-1rem;}
.flowchart_top::before {width:3px;height:160%;position:relative;background:#023b7d;margin-bottom:3rem;position:absolute;content:"";top:0;right:0;}
.flowchart_top::after {position:absolute;content:"\f0d7";right:.36rem;font-family:fontawesome;bottom:-2rem;font-size:3rem;margin:0 auto;color:#023b7d;width:10px;height:10px;}
.flowchart_top ul strong {font-weight:600;font-size:1.2rem;}
.flowchart_top ul {display:flex;flex-wrap:wrap;}
.flowchart_top ul li {width:32.5%;margin-right:5px;background-color:#05dce7;background:transparent linear-gradient(180deg,#023b7d,#023b7d 4%,#06cdd6 100%,#023b7d 0) 0 0 no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;flex-flow:column;text-align:center;line-height:1.2;height:100px;position:relative;}
.flowchart_top ul li:nth-child(3n) {margin-right:0;}
.flowchart_top ul li p {position:absolute;color:#06cdd6;font-weight:400;bottom:-5rem;width:280%;left:-68%;}
.flowchart_top ul li:nth-child(3n) {margin-right:0;}
.flowchart_top ul li p.top1 {bottom:-4rem;}
.flowchart_top ul li.arr_icon {position:relative;}
.flowchart_top ul li.arr_icon::before {position:absolute;content:"\f0d7";width:10px;height:10px;left:0;right:0;margin:0 auto;font-family:fontawesome;bottom:.85rem;color:#06cdd6;font-size:3rem;margin:0 auto;}
/* flowchart_bottom */.flowchart_bottom {margin-top:3rem;padding-bottom:4rem;padding-right:2rem;}
.flowchart_bottom ul {display:flex;flex-flow:row-reverse;}
.flowchart_bottom ul li {width:11%;margin-left:5px;background-color:#05dce7;background:transparent linear-gradient(180deg,#023b7d,#023b7d 4%,#06cdd6 100%,#023b7d 0) 0 0 no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;flex-flow:column;text-align:center;line-height:1.2;height:100px;position:relative;}
.flowchart_bottom ul li:last-child {margin-left:0;}
.flowchart_bottom ul li {position:relative;}
.flowchart_bottom ul li.arr_icon {position:relative;}
.flowchart_bottom ul li.arr_icon::before {position:absolute;content:"\f0d7";width:10px;height:10px;left:0;right:0;margin:0 auto;font-family:fontawesome;bottom:.85rem;color:#06cdd6;font-size:3rem;margin:0 auto;}
.flowchart_bottom ul li p {position:absolute;color:#06cdd6;font-weight:400;bottom:-5rem;width:280%;left:-68%;}
/*history*/.history_box {width:100%;position:relative;margin:2rem auto;padding:5rem 0 1rem;}
.history_box:before {position:absolute;content:'';border-left:3px solid #c6c6c6;width:3px;height:100%;top:0;left:0;right:0;margin:0 auto;}
.history_box:after {position:absolute;content:'';background:#c6c6c6;width:12px;height:12px;top:-6px;border-radius:50%;left:0;right:0;margin:0 auto;}
.history_row {display:flex;flex-wrap:wrap;position:relative;align-items:center;margin:0 0 5rem;}
.history_left {width:50%;position:relative;display:flex;flex-wrap:wrap;justify-content:end;padding:0 4rem;}
.history_left:before {position:absolute;content:'';background:#06cdd6;width:24px;height:24px;right:-12px;top:50%;transform:translateY(-50%);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #c4c4c4;}
.history_left .history_icon {width:30px;height:30px;display:block;position:absolute;right:-16px;top:50%;transform:translateY(-50%);}
.history_left h5 {font-size:2rem;line-height:1.6rem;font-weight:500;font-family:"Din condensed";letter-spacing:0.03rem;color:#023b7d;}
.history_right {width:50%;position:relative;padding:0 4rem;}
.history_right p {font-size:1.1rem;line-height:1.6rem;margin:0;}
.history_row_other {flex-direction:row-reverse;}
.history_row_other .history_left {justify-content:start;}
.history_row_other .history_left:before {left:-12px;right:auto;background:#c4c4c4;}
.history_row_other .history_left:after {left:-6px;right:auto;}
.history_row_other .history_left .history_icon {right:auto;left:-15px;}
.history_row_other .history_right {text-align:right;}
@media (max-width:767.98px) {.history_row {margin:0 0 3rem;}
.history_box::before {left:10px;right:auto;}
.history_box::after {left:5px;right:auto;}
.history_left {width:100%;margin:0 0 0.5rem;padding:0 1rem 0 3rem;justify-content:start;}
.history_row_other .history_left::before,.history_left::before {left:-1px;}
.history_left h5 {font-size:1.2rem;line-height:1.4rem;margin:0;}
.history_right {width:100%;text-align:left !important;padding:0 0 0 3rem;}
}
/* company_video_box */.company_video_box {background-color:#f2f2f2;}
.company_video_txt {font-size:1.1rem;height:100%;padding:2rem;}
.company_video_txt strong a {font-size:1.4rem;font-weight:700;color:#023b7d;display:block;margin-bottom:1rem;}
.company_video_img a img {width:100%;height:100%;object-fit:cover;}
.company_video_img {height:100%;}
/* big_video_title */.big_video_title {font-size:1.6rem;font-weight:700;color:#333;margin-top:2rem;text-transform:uppercase;margin-bottom:1rem;}
/* video_hub */.video_hub ul {display:flex;flex-wrap:wrap;}
.video_hub ul li {width:49%;margin-right:2%;background-color:#f2f2f2;margin-bottom:1rem;text-align:center;border-radius:10px;overflow:hidden;}
.video_hub ul li:nth-child(2n) {margin-right:0;}
.video_hub ul li a {color:#333;font-weight:500;display:flex;align-items:center;}
.video_hub ul li a .video_img {width:50%;}
.video_hub ul li a span {width:50%;display:block;padding:5px;line-height:1.35;}
.video_hub ul li a .video_img .video-play-button1 {width:45px;height:45px;line-height:45px;}
/* #etw_videolist */  #etw_videolist {position:relative;margin:0 auto;background:#f5faff;padding:1rem;width:96%;float:right;}
#etw_videolist .webtitle {font-size:2rem;line-height:1.6rem;text-align:left;font-weight:700;color:#06cdd6;margin-bottom:1rem;}
#etw_videolist>ul {position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li {width:100%;position:relative;display:block;}
#etw_videolist>ul>li>a {width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
#etw_videolist>ul>li a:hover {box-shadow:1px 3px 6px rgba(0 0 0 / 30%);}
#etw_videolist>ul>li img {width:30%;float:left;}
#etw_videolist>ul>li span {width:70%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:1rem;line-height:1.3rem;position:relative;display:block;transition:.3s all ease-in-out;}
#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span {color:#06cdd6;}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before {color:#06cdd6;}
#video_right video {width:100% !important;}
.etw_right video {display:block;width:100%;}
.etw_right .plyr__control--overlaid {border:2px solid #fff;color:#fff;background-color:rgb(6,205,214,.85);}
.etw_right .plyr__control--overlaid:hover {color:#fff !important;background-color:rgb(6,205,214,1) !important;}
.etw_right .viewmore_btn {background-color:#06cdd6;color:#fff;}
.etw_right h2 {font-size:2rem;padding-bottom:0;}
/*news*/.related_news {margin-top:30px;border-top:1px #ccc dashed;padding-top:20px;background:#fafafa;box-shadow:1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item {background:#eee;}
.related_news .item .product_img {height:150px;overflow:hidden;}
.related_news .item .product_con a {font-size:12px;line-height:16px;display:block;padding:5px 10px;}
.related_news .item:hover .product_con a {color:#da251d;}
#app_class_menu,#app_new_pro {display:none;}
.newslist {margin-top:0!important}
.newslist ul>li>a {font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list {width:100%;margin:20px auto}
.news_list ul {width:100%;margin-bottom:30px;padding:15px;background:#eee;border:1px #ccc solid;overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol {width:100%}
.news_list ul>li>ol>li.product_img {width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con {float:right;width:72%}
.news_list ul>li>ol>li.product_con a {font-size:1.2rem;font-weight:600;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des {font-size:14px;line-height:20px;margin:0 0 5px;padding-bottom:8px;}
.newstime {color:#333;padding:0 5px;margin-bottom:10px;display:inline-block;}
.news_list ul>li>ol>li.product_con a:hover {color:#0e3d8f}
.etw_page {margin:0 auto;width:100%;overflow:hidden;}
.etw_page ul {float:right;}
.etw_page li {float:left}
.etw_page li a {color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover {color:#291d5a;background:#eee}
.etw_page li a.dq {background:#eee}
.news_detail {width:100%}
.news_detail ul {margin-bottom:1rem;}
.news_detail strong {padding:0;}
.news_detail img {margin:0 auto;display:block}
#news_video {max-height:600px;margin-bottom:10px;}
.news_name {border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:30px;}
.news_name h3 {text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span {color:#777}
.news_prevnext {width:100%}
.new_next,.new_prev {width:45%;padding-top:30px;margin-bottom:3rem;}
.new_prev {float:left}
.new_next {float:right}
.new_next a,.new_prev a {color:#333;font-size:1rem;line-height:16px;display:block;position:relative;background:#f1f1f1;padding:.5rem 1rem;padding-left:2rem;}
.new_next a:before {content:"\f105";font-family:fontawesome;font-size:20px;position:absolute;left:5px;top:20%;color:#0e3d8f;}
.new_prev a {padding-left:20px;}
.new_prev a:before {content:"\f104";font-family:fontawesome;font-size:20px;position:absolute;left:8px;top:20%;color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover {color:#0e3d8f}
.news_related_li {width:24%;padding-right:1%;float:left}
/* .exhibition */.exh_content img {object-fit:cover;border-radius:10px;}
.exh_content {position:relative;text-align:center;}
#layui-layer1 {background:url(../images/exhibition_bg.jpg) no-repeat top center;border-radius:10px;}
#layui-layer1 p:first-child {text-align:center;background-color:#211616;border-radius:10px;}
#layui-layer1 p {font-size:1rem !important;line-height:1.55 !important;text-align:left;}
@media (max-width:1199.98px) {.exhibition {display:none;}
}
/* #container */#container {width:100%;margin:0 auto;margin-top:110px;}
.home_box {margin-top:0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto;}
.content1 {max-width:1420px;margin:0 auto;}
/* #quicknav */#quicknav {width:100%;margin:0 auto;height:auto;color:#666;font-size:.85rem;overflow:hidden;position:relative;}
#quicknav ul {width:100%;max-width:1200px;margin:.5rem auto;}
#quicknav a {color:#666;}
#quicknav li {display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before {padding:0 5px;color:#666;content:"/\00a0";}
#quicknav a:hover {color:#06cdd6;}
#quicknav li:last-child {color:#06cdd6;}
.quicknav_01 {border:none !important;}
.quicknav_01 a {color:#fff !important;}
.quicknav_01 li + li::before,.quicknav_01 li:last-child {color:#fff !important;}
/* .item */.item {width:100%;display:flex;flex-wrap:wrap;}
.item li {width:100%;margin-bottom:.5rem;position:relative;padding-left:1.6rem;}
.item li::before {position:absolute;content:"";left:.5rem;top:.65rem;width:4px;height:4px;border-radius:50%;background-color:#333;}
.item li p {font-size:1rem;}
.item2 {display:flex;flex-wrap:wrap;}
.item2 li {width:48%;margin-right:2%;}
.item2 li:nth-child(2n) {margin-right:0;}
.proitem {padding:8px 0;float:none;width:auto;overflow:hidden;}
.proitem>li {width:100%;padding:0 0 0.7rem 1.5rem;position:relative;}
.proitem>li::before {position:absolute;content:"\f046";left:1px;top:.3rem;font-family:'fontawesome';color:#06cdd6;font-size:.9rem;}
/* .left_pics */.left_pro_img {position:relative;}
.left_pro_img a {position:relative;display:block;}
.left_pics {height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;order:1;width:100%;}
.left_pics img {text-align:center;mix-blend-mode:multiply}
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px;}
.related_pic a {width:18%;margin-right:1%;}
.related_pic a:nth-child(5n) {margin-right:0;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid;margin-bottom:5px;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #004680 solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
.left_pro_img .video_button {width:60px;height:60px;left:50%;}
/* footer */#footer {width:100%;text-align:center;margin:0 auto;background:#1f466f;overflow:hidden;position:relative;}
.foot_about_des {border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:1rem;margin-bottom:2rem;}
.foot_about_des .foot_logo img {width:110px;}
.foot_about_des a {font-size:1.1rem;}
#footer .foot_img {position:absolute;top:0;right:0;}
#footer .foot_img img {mix-blend-mode:multiply;opacity:.3;}
.foot_about_compamy_title {font-size:1.2rem;font-weight:700;}
#footer .content {max-width:1320px;}
.etw_bottom {padding:3rem 0;padding-bottom:0;width:100%;margin:0 auto;position:relative;text-align:left;color:#fff;}
.home_link {width:100%;overflow:hidden;margin:0 auto;padding:.5rem 0;}
#footer a:hover {color:#ff5f13;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {position:relative;font-size:1.4rem;line-height:1.35;margin-bottom:.8rem;color:#fff;font-weight:700;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#fff!important;text-decoration:none;}
.bottom_inquiry {color:#fff;padding:.5rem 2rem;display:block;background-color:#06cdd6;margin-right:5px;position:relative;overflow:hidden;z-index:1;transition:color 0.4s linear;text-transform:uppercase;font-size:1rem;letter-spacing:1px;font-weight:700;width:180px;text-align:center;margin-top:1rem;cursor:pointer;float:right;}
.bottom_inquiry::before {content:"";position:absolute;left:0;top:0;width:101%;height:101%;background:#023b7d;z-index:1;transition:transform 0.5s;transition-timing-function:ease;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);transform:scaleX(0);border-radius:0px;}
.bottom_inquiry:hover::before {transform:scaleX(1);color:#fff !important;z-index:-1}
.bottom_inquiry:hover {color:#fff;}
.inquiry_btn {float:left;width:240px;}
.inquiry_btn2 {float:none;margin:0 auto;margin-bottom:2rem;}
.inquiry_btn3 {background-color:#fff;color:#06cdd6;border:1px solid #06cdd6;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#06cdd6;}
.etw_bottom ul {width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li {width:100%;float:left;position:relative;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:#fff;position:relative;position:relative;padding:.2rem 0;font-size:.9rem;padding-left:.8rem;margin-bottom:.2rem;}
.etw_bottom ul > li > a::before {position:absolute;content:"\f105";left:0;top:.2rem;font-family:fontawesome;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp {position:relative;padding-left:32px;display:block;padding-top:0.2rem;}
.cot_add:before {content:"\f041";position:absolute;left:0px;top:4px;color:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:5px;top:6px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:6px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f007";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-3px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f1d7";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:18px;}
#etw_coper {margin-top:2px;width:100%;line-height:22px;}
#etw_coper a {color:#fff;font-size:12px;}
#otherlink {clear:both;width:100%;height:auto;font-size:12px;}
#otherlink a {color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;font-size:.9rem;}
#otherlink a span {opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover {color:#ff5f13;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
@media (max-width:1580.98px) {.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem 1.1rem;}
}
@media (max-width:1440.98px) {.content1,.banner_txt {max-width:1320px;}
}
@media (max-width:1300.98px) {#etw_content,.etw_bottom,.content {padding-left:15px;padding-right:15px;}
.content1,.banner_txt {max-width:1220px;}
}
@media (max-width:1299.98px) {.top-nav {padding-left:0;}
.content1,.banner_txt {max-width:1200px;padding-left:2rem;}
.about_page .content,.history_hub .content {padding:1.5rem;}
}
@media (max-width:1199.98px) {.logo_02 {width:auto;top:0.5rem;}
.banner_txt p {display:none;}
.navbar-nav .dropdown-menu1 {min-width:65rem;left:-22.5rem;}
.small_webtitle {font-size:1.8rem;}
}
@media (max-width:1085.98px) {.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem .8rem;}
.header_in {width:100%;}
.navbar-nav .dropdown-menu1 {min-width:61rem;}
.pro_banner_top h2 {font-size:2rem;}
}
@media (max-width:991.98px) {#header {position:relative;min-height:inherit;display:block;padding-bottom:0;padding-top:0;background-color:#fff;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,#quicknav {display:none;}
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#333;font-size:2.5rem;border:none !important;position:relative;z-index:1;margin-top:2px;}
.top-nav {width:100%;padding-left:0;margin-top:0;background-color:#eee;padding:0;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {font-size:1rem;}
.navbar {padding:0;}
.dropdown-item {white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after {display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff !important;background-color:#06cdd6;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#06cdd6;}
.top-nav {width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important;}
.top-nav:after,.top-nav:before,.top-nav ul>li>ul.dropdown-menu>li>.second_list {display:none;}
.navbar-nav .dropdown-menu {background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.top-nav .navbar-nav .row,.nav-fixed .top-nav .navbar-nav .row {width:100%!important;box-shadow:none !important;top:auto !important;margin:0 !important;left:auto !important;}
.top-nav .navbar-nav .navright {display:none;}
.top-nav .navleft {width:100%;float:none;padding:0.5rem 1rem;}
.top-nav .navbar-nav .row .navleft li {line-height:1.5rem;}
.top-nav .navbar-nav .row .navleft li a {color:#111;display:block;width:100%;font-size:1rem;line-height:1.5rem;padding:0.4rem 0 0.4rem 0.5rem;}
/* .etw_language */.etw_language {background:none;width:auto;display:block;float:right;height:auto;margin-left:0;margin-top:1rem;}
.etw_language > ul {position:relative;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li span {cursor:pointer;float:left;}
.etw_language ul ul {display:none;position:absolute;top:100%;left:-1rem;padding:0;background-color:#eee;min-width:100px;border-radius:10px;}
.etw_language ul ul a {display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover {color:#8f99a5;}
.etw_language ul li:hover > ul {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.etw_language #etw_language {float:none;margin-top:0;height:auto;}
.etw_language #etw_language a {line-height:1.5rem;width:100%;}
.etw_language #etw_language a:hover {color:#004680 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img {display:none;}
.logo_02 {display:none;}
.banner_txt h2 {font-size:2.6rem;}
.banner_txt ul {display:none;}
.home_about_content .home_about_txt {float:none;max-width:inherit;padding:1rem;}
.home_about_content .home_bg_img img {display:none;}
.home_about_content {padding:2rem 0;}
.our_services {margin-bottom:0;padding:2rem 0;}
.home_solution_content .solution_txt {max-width:inherit;margin-left:inherit;}
.home_solution_content {padding-bottom:3rem;}
.home_cer_box {margin-top:0;}
.home_markets_box {margin:0 auto;}
.home_cer_box {padding:2rem 0;}
.about_banner,.about_banner01,.history_banner01,.why_banner,.markets_banner_top {min-height:auto;padding:5rem 0;overflow:hidden;margin-bottom:1.5rem;}
.about_page {margin-top:0;}
.bottom_inquiry {float:none;margin:1rem auto;}
.page_title {margin-top:1rem;}
.bg_color {padding:2rem 0;margin-top:1rem auto;}
.why_hub_page .why_img img {width:100%;}
.why_hub_page .why_item {margin:2rem auto;}
.sub_link_why .sub_item .why_des a {font-size:1rem;}
.capability_list li {width:49%;}
.capability_list li:nth-child(3n) {margin-right:2%;}
.capability_list li:nth-child(2n) {margin-right:0;}
.why_inner_page {margin-bottom:2rem;}
.customized_bearings_content .cus_des {padding:1rem;}
.customized_bearings_content {margin:2rem auto;}
.pro_top_bg {padding:2rem 0;}
.related_products_box {margin-top:2rem;}
.why_us_box .why_icon {position:relative;top:0;left:0;}
.why_us_box .why_item {padding-left:0;text-align:center;}
.why_us_box .why_item .why_des {padding:1rem;}
.why_us_box .why_item .why_des strong {font-weight:500;display:block;line-height:1.35;}
.markets_inner_page::before {display:none;}
.markets_top_img img {width:100%;margin-bottom:1rem;}
.etw_right h2 {font-weight:500;}
#etw_videolist {width:100%}
#etw_videolist > ul > li {width:49%;margin-right:2%;}
#etw_videolist > ul > li:nth-child(2n) {margin-right:0;}
.company_video_txt {padding:1rem;}
.contact_logo {display:none;}
.small_web_img {opacity:.35;}
}
@media (max-width:768.98px) {.home_cer_img_list ul li,.cer_hub_list ul li {width:23.5%;}
.home_cer_img_list ul li:nth-child(4n),.cer_hub_list ul li:nth-child(4n) {margin-right:0;}
.capability_list li {width:100%;margin-right:0 !important;}
.customized_bearings_content .custom_item2 .cus_img {order:0;}
.customized_bearings_content .custom_item2 .cus_des::before {display:none;}
.home_markets_box .markets_item .markets_img img {height:320px;width:100%;object-fit:cover;}
#etw_videolist {width:100%}
}
@media (max-width:650.98px) {html {font-size:14px;}
.small_webtitle {font-size:1.8rem;}
.installation_title::before,.installation_title::after {width:60px;}
.installation_title::before {left:-70px;}
.installation_title::after {right:-70px;}
.customized_bearings_content .cus_des {height:auto;}
.pro_top_bg h2 {font-size:2rem;}
.study_case_box {flex-direction:column;}
.study_case_box .case_item {width:100%;margin-right:0 !important;}
.study_case_box .case_item img {width:100%;}
}
@media (max-width:575.98px) {h2,.etw_hometitle {font-size:1.6rem;}
#etw_banner img {object-fit:cover;height:220px;}
.banner_txt h2 span {font-size:2rem;}
.markets_inner_page .etw_hometitle,.markets_banner_top .etw_hometitle {font-size:2.2rem;}
.home_cer_img_list ul li,.cer_hub_list ul li {width:32%;}
.home_cer_img_list ul li:nth-child(4n),.cer_hub_list ul li:nth-child(4n) {margin-right:2%;}
.home_cer_img_list ul li:nth-child(3n),.cer_hub_list ul li:nth-child(3n) {margin-right:0;}
.about_page img {width:100%;}
.sub_link_why .sub_item .why_des {padding:1rem;text-transform:uppercase;font-size:1.2rem;padding-top:0;}
.main_products_content .pro_item .pro_img img {height:auto;}
.video_hub ul li {width:100%;margin-right:0 !important;}
}
@media (max-width:480.98px) {.related_pro ul li {width:100%;margin-right:0 !important;}
.video_hub ul li,#etw_videolist > ul > li {width:100%;margin-right:0 !important;}
}
@media (max-width:380.98px) {}
@media (max-width:320.98px) {}


/* 2024-11-19 */
.video_show {
    position: relative;
} 

.video_btn2 {
    position: absolute;
    width: 70px;
    height: 70px; 
    cursor: pointer; 
    background: transparent linear-gradient(180deg,#023b7d,#023b7d 4%,#06cdd6 100%,#023b7d 0) 0 0 no-repeat;
    background-size: auto;
    background-size: cover;
    border-radius: 50%;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;
}
.video_btn2:before{content: "\f04b";font-size: 2rem;font-family: fontawesome;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;cursor: pointer;padding-left: 6px;padding-top: 2px;}
.video_btn2:hover{background: #06cdd6;}


/*2025-4-25*/
.nav-tabs-list{border:none;position:relative;margin:3rem 0 1.5rem;}
.nav-tabs-list:before{position:absolute;content:'';background:#06cdd6;width:100%;height:1px;left:0;bottom:1px;display:none;}
.nav-tabs-list li{display:flex;flex-wrap:wrap;justify-content:center;margin: 0 1.5rem 0 0;}
.nav-tabs-list li a{font-size: 1.35rem;line-height: 1.35rem;position: relative;display: block;color: #555;font-weight:500;padding:0.8rem 0;font-family: "Din condensed";}
.nav-tabs-list li a:before{position: absolute;content: '';background: #efefef;width: 100%;height: 3px;left: 0;bottom: 0;}
.nav-tabs-list li a.active{color:#06cdd6;}
.nav-tabs-list li a.active:before{background:#06cdd6;}
.tab-content{position:relative;margin:0;}

.inquiry_1{display: flex;}
.inquiry_1>span{ display: flex; flex-direction: row-reverse; align-items: center; position: relative;transition: all .4s; font-size: 1rem; line-height:35px; font-family:"Din";font-weight:600;padding:0 1rem; cursor:pointer; color:}
.inquiry_1>span::before{content: "\f178";margin-left: .5rem; display:inline-block;font-family:fontawesome; margin-top:5px;}
.inquiry_1>span::after{content: ''; width: 40px; height: 40px; background-color: #dcdcdc; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 20px; transition: all .4s ease-in-out;}
.inquiry_1>span:hover{color: #fff;}
.inquiry_1>span:hover::after{width: 100%; background-color:#06cdd6; }

.tab-pane figure img{ border:1px #f5faff solid;}

/****card****/
.accordion{position:relative;}
.card{background:0;border:none;}
.card-header{transition:.3s all ease-in-out;border-bottom:1px solid #eee;border-radius:0 !important;background:#fff;padding:0;}
.card-header:hover{background:rgba(0,0,0,.01);}
.card-header .btn{font-size:1.15rem;color:#333;position:relative;line-height:1.2rem;white-space:normal;padding:1.5rem 3rem 1.5rem 1rem;font-weight:700;}
.card-header .btn a{color:#333;}
.card-header .btn:hover a{color:#666;}
.card-header .btn{position:relative;}
.card-header .btn:before{content:'';position:absolute;right:15px;top:22px;background:url(../images/icon4.png) no-repeat;background-size:cover;width:15px;height:15px;transition:.3s all ease-in-out;opacity:.3;}
.card-body{position:relative;margin:0 0 1rem 0;padding:1rem 2rem 1rem 1rem;font-size:0.95rem;line-height:1.5rem;color:#666;}
.card-body strong{color:#333;font-size:0.95rem;}
.card .btn:hover,.card .btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;color:#333;}
.card .btn:hover:before,.card .btn[aria-expanded="true"]:before{transform:rotate(180deg);}
.card .btn[aria-expanded="true"] span{transform:rotate(135deg);color:#333;}