@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: 1rem;}
.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;} 
.etw_color01 img{background: #efefef;padding:10px;}

.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 td{padding: 1rem .8rem;line-height: 1.35; vertical-align: middle; font-size: .9rem; border: none; border-right: 1px solid #ccc;}
.table .top{font-weight: 600;}
.table .top td{background-color: #0d73bb ; color: #fff; border-right: 1px solid #055994 !important;border-bottom: 1px solid #055994 !important;padding: .5rem .8rem;}
.table_img img{mix-blend-mode: multiply; height: 60px;}
.table_img h3{font-size: 1rem;}
.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 }
.table-bordered td{border: 1px solid #ccc;}
.table-bordered tr td:last-child{ border: 1px solid #ccc; }
.table-bordered tr:nth-child(2n) {background-color:#fff}
.table-bordered tr.top td:last-child{border-bottom: 1px solid #055994 !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: #f7521d; 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;}
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:27%;text-align:center;transition: all .8s; float: left; padding-top: .3rem;}
#etw_logo a{width: 100%; display: flex; align-items: center;flex-wrap: wrap;justify-content: right;}
#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; transition: all .8s;  margin: .8rem auto;width: 73%;display: flex;flex-wrap: wrap;justify-content: center;}

.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: 140px; 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: 2rem; 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,.recommend_products .pro_item .pro_des small{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.25rem; 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 */
.exhibition{width:320px;height:310px;overflow-x:hidden;overflow-y:auto;position:fixed;top:32%;z-index:9999;box-shadow:rgba(27,26,26,0.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,0.3) 0 1.875rem 3.75rem -1.875rem;right:0;padding:1.5rem 1.5rem 0; background: url(../images/exhibition_bg.jpg) no-repeat top center; border-radius: 10px; font-size: 1rem; }
.exh_content img{mix-blend-mode: multiply;}
.exh_content{position:relative;text-align:left;}
.exh_content .exh_img{width:90%;}
.exh_content h6{color:#3F8DF0;font-weight:600;font-size:1rem;line-height:1.2rem;padding:0.5rem 0 0.5rem 3.8rem;position:relative;}
.exh_box{margin:0 0 0.5rem;}

.exh_close a{color:#111;font-weight:400;text-align:left;display:block;font-size:1.2rem;transition:.3s all ease-in-out;}
.exh_close a:hover{text-decoration:none;color:#3F8DF0;}
.exh_close{width:20px;height:auto;position:absolute;right:8px;top:8px;}
.exh-btn-more{background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:5px;font-size:14px;font-style:italic;font-weight:600;}
@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.5rem;}
}
@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 .5rem;}
  .header_in{width: 100%;}
  .navbar-nav .dropdown-menu1 {min-width: 61rem;}
  .pro_banner_top h2{font-size: 2rem;}


}
@media (max-width:991.98px) {
  #etw_logo a{justify-content: left;}
  #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) {



}
.etw_contact{box-shadow: 0 0 5px #ccc;border-radius: 15px;padding: 0;margin-left: 0;margin-right: 0;} 
.etw_contact2{background: #f7521d;padding: 1rem;}
.etw_contact .row{margin-left: 0;margin-right: 0;}
.etw_color01{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%}
.etw_color02{display: none;}

@media (max-width:575.98px) {
  .etw_color01{display: none;}
  .etw_color02{display: block;}
}