@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;font-display:swap;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype")}
@font-face {font-weight:200;font-style:normal;src:local('Jost-Light'),local('Jost-Light'),url(../font/Jost-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-weight:300;font-style:normal;src:local('Jost-Regular'),local('Jost-Regular'),url(../font/Jost-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-weight:400;font-style:normal;src:local('Jost-Medium'),local('Jost-Medium'),url(../font/Jost-Medium.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-weight:500;font-style:normal;src:local('Jost-SemiBold'),local('Jost-SemiBold'),url(../font/Jost-SemiBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-weight:600;font-style:normal;src:local('Jost-Bold'),local('Jost-Bold'),url(../font/Jost-Bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-weight:700;font-style:normal;src:local('Jost-Black'),local('Jost-Black'),url(../font/Jost-Black.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-weight:300;font-style:normal;src:local('BebasNeue-Regular'),local('BebasNeue-Regular'),url(../font/BebasNeue-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format('truetype');font-display:swap}
:root {--table-td-bg:#d9d9d9;--primary-color:#810e10;--secondary-color:#429138;--hover-color:#7a0b10}
/****basic****/ 
html{overflow:visible!important;}
.skip-loading{visibility:hidden!important;display:none!important;}
.gridContainer{visibility:visible!important;}
body {color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;background:#fff;font-weight:300;line-height:1.6rem;direction: rtl;text-align: right;}
*,li,ol,ul {margin:0;padding:0}
li,ol,ul {list-style:none}
img {max-width:100%;margin: 0 auto;display: inline-block;}
img {-ms-interpolation-mode:bicubic;border:0}
.clear {clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
a {color:#333;transition:.3s all ease-in-out}
a:hover {color:var(--primary-color)}
a:focus {outline:0;text-decoration:none}
a,a:hover {text-decoration:none}
a.link {color:var(--primary-color);text-decoration:underline;font-weight:400;font-style:oblique}
a.link:hover {color:var(--primary-color);text-decoration:underline}
b {color:var(--primary-color);font-size:1.2rem;line-height:1.4em;margin:15px 0 6px 0;display:block;font-weight:500}
strong {font-weight:600;font-size:1.1rem}
.etw_hometitle {display:block;font-size:2.4rem;line-height:2.6rem;padding:0;color:#333;margin:1rem 0;font-weight:600}
h2 {display:block;font-size:1.7rem;line-height:1.2;padding:0;color:#333;margin:1rem 0;font-weight:600}
h2 span{display: block;font-size: 1rem;color: #777;}
.h2_small {font-size:2rem;line-height:2.2rem}
h3 {font-size:1.1rem;line-height:1.6rem;font-weight:400;color:#999;margin:-.6rem 0 1rem}
h4 {display:block;color:#aaa;font-size:1.2rem;line-height:1.3rem;margin:0 0 -1rem;font-weight:500;font-style:oblique;} 
hr {border:none;background:linear-gradient(90deg,transparent,#ccc,transparent);margin:2rem 0 4rem;width:100%;height:1px}
.table-responsive {margin:0 0 2rem 0}
.table {margin-bottom:0!important}
.table,td {border:none}
.table tr td {vertical-align:middle!important;padding:8px 12px!important;font-size:.95rem;line-height:1.2rem;font-weight:300;border:none;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;border:1px solid #ddd;color:#111;background-color:#fff}
.table tr.top td {color:var(--primary-color);padding:10px 12px!important;font-weight:300;background:var(--table-td-bg);font-size:1rem;line-height:1.2rem;border:1px solid #eee}
.table tr td strong {color:#333;font-weight:600;font-size:.95rem}
.tables tr td:first-child {color:#fff;padding:12px 8px!important;font-weight:300;background:#384466;font-size:.9rem}
.table-striped tr:nth-of-type(odd) {background-color:#fff!important}
.table img {width:70%;margin:0 auto;display:block}
.inquiry {white-space:nowrap}
.indent {padding-right:2.8rem}
.clearfix::after {display:table;clear:both}
.first {font-size:1.1rem;line-height:1.6rem}
.first strong {font-size:1.1rem;font-weight:600}
.pro_icon {width:80px;height:80px;margin:1.5rem 0 .5rem}
.first1 {position:relative}
.first1::before {background:#fff;position:absolute;content:'';width:10px;height:10px;border-radius:50%;right:-29px;top:9px;border:2px solid var(--primary-color)}
.first2 {font-size:1.1rem;line-height:1.5;font-weight:400;padding:0 5rem .3rem 0;border-left:4px solid #eee}
.first3 {font-size:1rem;line-height:1.5rem;font-weight:300}
.first3 strong {font-size:1.3rem;line-height:1.5rem;font-weight:600}
.more_btn {color:#253041;padding:.6rem 1.5rem;font-size:.95rem;line-height:.95rem;font-weight:500;text-align:center;display:inline-block;min-width:120px;position:relative;overflow:hidden;border-radius:2rem;background:var(--primary-color)}
.more_btn:hover {background:#555;color:#fff;border-bottom:4px solid #212121}
.color1 {color:var(--primary-color);font-style:normal;font-size:.95rem;font-weight:500;cursor:pointer}
.theme-title {color:#333!important;font-size:1.2rem!important;border-bottom:1px solid #555!important;margin:1rem 0 .5rem!important;text-align:center!important}
.theme-title i {display:none!important}
@media (max-width:991.98px) {.etw_hometitle,h2 {font-size:2rem;line-height:2.2rem}
h2 small {line-height:1.4rem}
h3 {font-size:1.05rem;line-height:1.4rem}
}
@media (max-width:767.98px) {.first {margin:0 0 1rem 0;width:100%}
.first2 {font-size:1.1rem;font-weight:300;line-height:1.6rem;padding:0;border-left:none}
}
#header {width:100%;position:fixed;top:0;right:0;left:0;margin:0 auto;background:#fff;visibility:visible;transition:.5s all ease-in-out;z-index:1000;box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%)}
.nav-fixed {margin:0 auto;box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%);-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0)}
to {opacity:1;transform:none}
}
.headerin {position:relative;margin:0 auto;width:100%;max-width:1300px;z-index:100}
#etw_logo {float:right;width:200px;text-align:center;position:relative;padding:1.5rem 0 0;transition:.3s all ease-in-out;z-index:1}
#etw_logo a {display:block;position:relative}
.etw_language {width:68%;height:36px;float:left;text-align:left;visibility:visible}
.etw_language>ul {position:relative;margin:0}
.etw_language>ul>li {position:relative}
.etw_language>ul>li>span {display:block}
.etw_language ul li ol {position:relative;display:block}
#etw_language {width:auto;margin:0 0 0 .8rem}
#etw_language .dropdown-item {display:inline-block;width:auto;font-size:.85rem;line-height:.85rem;padding:.7rem 1rem;color:#333;background:0;min-width:auto!important;font-weight:300;position:relative}
#etw_language .dropdown-item::before {position:absolute;content:"";left:0;top:11px;width:1px;height:15px;background-color:#ccc}
#etw_language .dropdown-item:last-child::before {display:none}
#etw_language .dropdown-item img {padding:0 0 .15rem .3rem}
#etw_language .dropdown-item:hover {color:var(--primary-color);background:0}
.etw_language a:not([href]):not([tabindex]) {color:#fff;cursor:pointer}
.iconfont {cursor:pointer;font-family:iconfont!important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
@-webkit-keyframes scaleout {50% {opacity:.5}
100% {opacity:1}
}
@keyframes scaleout {50% {opacity:.5}
100% {opacity:1}
}
#etw_top {position:fixed;width:40px;height:40px;left:55px;bottom:120px;text-align:center;background:#999;z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#etw_top a {color:#fff;font-size:.9rem}
#etw_top:hover {background:#999;transform:translateY(-.5rem)}
#etw_top:after {position:absolute;z-index:-1;content:'';top:100%;right:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}
@media (max-width:1199.98px) {#etw_logo {margin-right:1rem}
}
@media (max-width:991.98px) {#header {position:inherit}
#header:before {display:none}
#etw_logo {padding:1rem 0;width:160px}
.nav-fixed {background:#fff!important;position:inherit;animation:none}
.etw_language {width:auto;height:auto;margin:0;float:left}
.etw_language>ul>li::before {position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-2%;left:1.4rem}
.etw_language>ul>li>span {margin:1.5rem 0 0 3rem;text-align:center;width:40px;z-index:100;display:block}
.etw_language ul li ol {position:absolute;width:100px;right:-1.8rem;top:2.2rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language {width:100%;background:#fff;margin:0}
#etw_language .dropdown-item {width:auto;color:#111;font-size:.85rem;line-height:.85rem;padding:.6rem;clear:inherit;display:block;background:0 0;text-align:center}
#etw_language .dropdown-item:hover {background:#fff}
#etw_language .dropdown-item img {display:none}
}
@media (max-width:575.98px) {#header {border-bottom:none}
}
.top-nav {z-index:999;width:auto;display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;float:left;position:relative}
.navbar {padding:0}
.navbar-collapse {justify-content:flex-end}
.navbar-light .navbar-nav li.nav-item {position:relative}
.navbar-light .navbar-nav a.nav-link {color:#111;font-size:.95rem;line-height:.95rem;position:relative;margin:0 2rem;font-weight:400;padding:1.2rem 0;text-transform:uppercase;text-align: right;}
.navbar-light .navbar-nav a.nav-link:before {content:"";position:absolute;bottom:0;right:0;height:4px;width:0;background:var(--primary-color);transition-delay:.1s;transition:.3s all linear}
.navbar-light .navbar-nav .active a.nav-link:before,.navbar-light .navbar-nav .show a.nav-link:before,.navbar-light .navbar-nav a.nav-link:hover:before {width:100%}
.dropdown-toggle:after {position:relative;content:"\f107";font-family:FontAwesome;color:#333;width:auto;margin-right:.1rem;height:auto;font-weight:300;vertical-align:top;font-size:18px;border:none;transition:.2s all ease-in-out}
.navbar-light .navbar-nav .active .dropdown-toggle:after,.navbar-light .navbar-nav .show .dropdown-toggle:after,.navbar-light .navbar-nav a.dropdown-toggle:hover:after {transform:rotate(-180deg);color:var(--primary-color);top:58%;left:0}
.navbar-nav .dropdown-menu {box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);border:none;padding:1rem 0;right:1rem;border-radius:0;top:50%;background-color:#fff;margin:0;visibility:hidden;pointer-events:none;opacity:0;display:block;transition:all .3s ease 0s;border-radius:0 0 1rem 1rem;min-width: 15rem;}
.navbar-nav .dropdown-menu:before {content:"";position:absolute;width:0;height:0;border-bottom:6px solid var(--primary-color);border-right:8px solid transparent;border-left:8px solid transparent;right:6%;top:-6px;display:none}
.navbar-nav .dropdown-menu.show {visibility:visible;pointer-events:all;opacity:1;top:99.5%;display:block}
.navbar-light .navbar-nav a.nav-link i {color:#999}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {background:0;color:var(--primary-color)}
.navbar-light .navbar-nav .show>.nav-link {color:var(--primary-color)}
.navbar-light .navbar-nav .dropdown-item {font-size:.95rem;padding:.5rem 1.5rem;font-weight:300;color:#333;position:relative;text-align: right;white-space: normal;}
.navbar-nav .dropdown-menu1 {min-width:22rem;right:1rem;padding:1rem 1.5rem}
.navbar-light .navbar-nav .dropdown-menu1 li {width:100%;position:relative;float:right;padding:0}
.navbar-light .navbar-nav .dropdown-menu1 li.nav_big_item {width:50%;position:relative;float:right;padding:0 .5rem}
.navbar-light .navbar-nav .dropdown-menu1 li .dropdown-item-title {font-size:1.2rem;line-height:1.3rem;border-bottom:1px solid #ddd;width:100%;display:block;padding:.8rem 0;margin:0 0 .5rem;font-weight:400;text-align: right;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {background:0;position:relative;padding:.8rem 0 0;text-align:right;margin:0}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item span {display:block;text-align:center;width:100%;font-size:1rem;color:#333;font-weight:400;white-space:normal;line-height:1.2rem;padding:.5rem 0;transition:.3s all ease-in-out}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {display:block}
.navbar-nav .dropdown-menu2 {min-width:86rem;right:-54rem;padding:1rem 1.5rem}
.navbar-light .navbar-nav .dropdown-menu2 li {width:20%;position:relative;float:right;padding:0 .5rem}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item {background:0;position:relative;padding:1rem 0 .6rem;text-align:right;margin:0 0 .3rem;text-align: right;}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item span {display:block;text-align:center;width:100%;font-size:1.1rem;color:#333;font-weight:500;white-space:normal;line-height:1.3rem;padding:.5rem;transition:.3s all ease-in-out}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item img {display:block}
.navbar-nav .dropdown-menu li ol {position:relative;display:block;padding:0 0 .6rem 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:.4rem .8rem .4rem 0;font-weight:300;font-size:.9rem;color:#333;line-height:1.1rem;text-align: right;}
.navbar-nav .dropdown-menu li ol li a:before {position:absolute;content:'';background:#555;width:4px;height:4px;top:13px;right:3px;border-radius:50%;transition:.3s all ease-in-out}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover {color:var(--primary-color)}
.navbar-nav .dropdown-menu li ol li a.active:before,.navbar-nav .dropdown-menu li ol li a:hover:before {background:var(--primary-color)}
.navbar-light .navbar-nav a.dropdown-item.active,.navbar-light .navbar-nav a.dropdown-item:active,.navbar-light .navbar-nav a.dropdown-item:hover {background:0;color:var(--primary-color)}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active span,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover span,.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item.active span,.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item:hover span {background:0;color:var(--primary-color)}
.navbar-nav .dropdown-menu li ol li a.active span,.navbar-nav .dropdown-menu li ol li a:hover span {color:var(--primary-color)}
.nav-item span.pro_icon {position:absolute;top:-15px;left:0;color:#999;padding:0;font-size:34px;width:30px;height:30px;line-height:30px;display:none;text-align:center;font-weight:200}
.header_icon a {color:#111}
@media (max-width:1299.98px) {.navbar-light .navbar-nav a.nav-link {margin:0 1.3rem;font-size:.85rem}
.navbar-nav .dropdown-menu1 {right:-7rem}
.navbar-nav .dropdown-menu2 {right:-42rem;min-width:65rem}
}
@media (max-width:991.98px) {.top-nav {width:100%;float:right;background:#fff;margin:0;display:block;padding:0}
.top-nav:after,.top-nav:before {display:none}
.navbar-nav .dropdown-menu {background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;right:0!important;top:0!important;margin-right:0!important;min-width:auto!important;display:none;border-top:none}
.navbar-nav .dropdown-menu:before {display:none}
.top-nav .navbar-nav .row {width:100%!important;box-shadow:none;margin:0}
.navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {background:#fff;padding:.4rem 1rem .4rem 2.4rem;border-bottom:none;font-size:.9rem;color:#333;white-space:normal;font-weight:300}
.navbar-light .navbar-nav .dropdown-menu>li {background:0 0}
.navbar-light .navbar-nav .dropdown-menu1 li.nav_big_item {width:100%}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {padding:.4rem 1rem .4rem 1rem}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item span {text-align:right;font-size:.9rem;font-weight:300;padding:0;line-height:1.6rem}
.navbar-light .navbar-nav .dropdown-menu1 li .dropdown-item-title {display:none}
.navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item {border-bottom:none}
.navbar-light .navbar-nav .dropdown-item:before {content:normal}
.navbar-nav .dropdown-menu1>li {width:100%;float:none;margin:0}
.navbar-nav .dropdown-menu li ol {display:none}
.navbar-light .navbar-nav .dropdown-menu1 li ol {display:block}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a {line-height:1.6rem;padding:.4rem 1.6rem .4rem 0}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a:before {display:none}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {display:none}
.navbar-light .navbar-nav .dropdown-menu2 li {width:100%}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item img {display:none}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item {padding:.4rem 1.8rem .4rem 1rem}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item span {font-size:.9rem;line-height:1.6rem;text-align:right;font-weight:300;padding:0}
.navbar-light .navbar-nav .show>.nav-link {color:#333}
.navbar-light .navbar-nav li.nav-item {margin:0}
.navbar-light .navbar-nav li.nav-item:before {content:normal}
.navbar-light .navbar-nav a.nav-link:before {content:normal}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover {color:var(--primary-color);background:0 0}
.navbar-light .navbar-nav .show>.nav-link {background:0 0}
.navbar-light .navbar-nav a.nav-link {font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#111;padding:1rem;margin:0 1rem}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link {border-bottom:none}
.navbar-light .navbar-nav .dropdown-menu1 li.menu_img {display:none}
.dropdown-menu {border:none}
.navbar-light .navbar-toggler {color:#333;font-size:2.4rem;margin:.5rem 0 0 1rem;border:none;outline:0;z-index:200;position:relative}
.nav-item span.pro_icon {display:block}
.nav-item span.caret {display:none}
.nav-item .dropdown-toggle::after {display:none}
.navbar-light .navbar-nav li.nav-item:nth-child(5) a.nav-link:after {display:none}
}
#etw_banner {width:100%;height:auto;position:relative;margin:0 auto;text-align:center;color:var()}
#etw_banner .swiper-slide1 img {width:100%;transition:3s linear;transform:scale(1.1)}
#etw_banner .swiper-slide1.swiper-slide-active img {transform:scale(1)}

.banner_txt,.banner_txt1,.banner_txt2,.banner_txt3,.banner_txt4,.banner_txt5{position:absolute;left:50%;top: 50%;width: 100%;max-width: 1200px;transform: translate(-50%,-50%);}
.banner_txt .banner_inner{width:100%;max-width:570px;position:relative;text-align:right;}
.banner_txt1 .banner_inner{width:100%;max-width:560px;position:relative;text-align:right;}
.banner_txt2 .banner_inner{width:100%;max-width:750px;margin:0 auto;text-align:center;position:relative;}
.banner_txt3 .banner_inner {width:100%;max-width:850px; margin:0 auto;position: relative; text-align:center;}
.banner_txt4 .banner_inner{width:100%;max-width:710px; margin:0 auto;text-align:center;position:relative;}

#etw_banner .banner_inner h1 {font-size:2.25rem;color:#fff;font-weight:bold;line-height:1.2;margin:0 0 1rem 0;;text-shadow:2px 2px 0 #333}
#etw_banner .banner_inner span {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 300;
  }
#etw_banner .banner_inner dl dd{font-size: 1.2rem;line-height: 1.5rem;color: #fff;position: relative;padding: 0 0 0 1rem;}
#etw_banner .banner_inner dl dd:before{position: absolute;content: '';background: #fff;width: 6px;height: 6px;border-radius: 50%;right: 1px;top: 9px;}
.banner_more {position:relative;width:170px;font-weight:300;margin:2rem 0;transition:.3s all ease-in-out;text-align:right}
.banner_more a {display:block;width:100%;color:#fff;position:relative;padding:1rem 2rem;text-align:right;font-size:1.1rem;line-height:1.1rem;font-weight:200;border-radius:2rem;background:var(--primary-color)}
.banner_more a:after {content:"\f104";position:absolute;left:28px;top:17px;font-family:FontAwesome;color:#fff;font-size:25px;transition:.3s all ease-in-out}
.banner_more a:hover {color:#fff;background:#111}
.banner_more a:hover:after {color:#fff}

.bannerin {width:100%;position:relative;overflow:hidden;min-height:320px; padding:1rem 0;}
.bannerin1 {background:url(../images/bannerin01.webp) no-repeat;background-size:cover;background-position:0 40%;}
.bannerin2 {background:url(../images/bannerin02.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin3 {background:url(../images/bannerin03.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin4 {background:url(../images/bannerin04.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin5 {background:url(../images/bannerin05.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin6 {background:url(../images/bannerin11.webp) no-repeat;background-size:cover;}
.bannerin6:before {content:'';position:absolute;width:100%;height:100%;right:0;top:0;background-color: rgba(0, 0, 0, 0.3);}
.bannerin7 {background:url(../images/bannerin06.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin8 {background:url(../images/bannerin07.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin9 {background:url(../images/bannerin08.webp) no-repeat;background-size:cover;background-position:0 30%;}
.bannerin10 {background:url(../images/bannerin09.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin11 {background:url(../images/bannerin10.webp) no-repeat;background-size:cover;background-position:0 30%;}
.bannerin_shadow:before {content:'';position:absolute;top:0;right:0;height:100%;width:80%;z-index:0;opacity:.8;background:linear-gradient(90deg,#0a2749 55%,transparent)}
.banner_box {position:absolute;max-width:1200px;margin:0 auto;width:94%;z-index:4;right:0;left:0;top:50%;transform:translateY(-50%)}
.banner_box .video_btn2 {left:25%;top:60%;transform:translateY(-50%)}
.bannerinpro1 .banner_box,.bannerinpro10 .banner_box,.bannerinpro2 .banner_box,.bannerinpro9 .banner_box {top:30%}
.banner_box #quicknav,.banner_box #quicknav a,.banner_box .etw_hometitle,.banner_box h1,.banner_box h2,.banner_box h4 {color:#fff;background:0}
.banner_box .etw_hometitle,.banner_box h1,.banner_box h2 {font-size:3rem;padding:1rem 0;font-weight:500;position:relative;line-height:3.2rem;border-bottom:none;margin:0;color:#fff;text-shadow:2px 2px 0 #333}
.banner_box h3 {color:#eee;font-size:1.6rem;line-height:1.8rem;font-weight:300}
.banner_box h3.small_h3{font-size: 1.3rem;line-height: 1.7rem;width: 60%;}
.banner_box .small_title {font-size:1.5rem;line-height:1.7rem;margin:1rem 0 -.5rem;color:#ddd}
h2.big_title {;font-size:3.6rem;line-height:3.8rem}
.banner_box h1.small_h2,.banner_box h2.small_h2 {font-size:2.4rem;line-height:2.6rem}
.banner_box p {color:#fff;font-weight:200;font-size:1.1rem;line-height:1.6rem;width:85%}
.banner_box #quicknav a:hover {color:var(--primary-color)}
.banner_box #quicknav ul {width:100%}
.banner_box #quicknav li+li::before {color:#ddd}
.banner_box #quicknav a i {color:#fff}
.banner_box1 {top:48%}
.banner_box1 #quicknav,.banner_box1 .etw_hometitle,.banner_box1 h1,.banner_box1 h2,.banner_box1 h3,.banner_box1 h4,.banner_box1 p {text-align:center}
#etw_banner .swiper-pagination {display:block;width:100%;bottom:40px}
#etw_banner .swiper-pagination-bullet {opacity:.4}
#etw_banner .swiper-pagination-bullet-active {opacity:.9}
#etw_banner .swiper-pagination span {background-color:#fff;cursor:pointer;margin:0 6px!important;width:12px;border-radius:50%;height:12px;position:relative}
#etw_banner .swiper-pagination span:before {position:absolute;content:'';width:100%;height:30px;top:-14px;right:0}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:50px;height:95px;background-image:none;background-color:rgba(255,255,255,0);left:0;z-index:1;transform:translateY(-50%);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#etw_banner .swiper-button-prev {right:0}
#etw_banner:hover .swiper-button-prev {right:1rem}
#etw_banner:hover .swiper-button-next {left:1rem}
@media (max-width:1499.98px) {
#etw_banner .banner_inner span {font-size:1.3rem;}
#etw_banner .banner_inner h1{font-size:2rem;}
#etw_banner .banner_inner{ padding:1rem 2rem;}
.banner_more {margin:1rem 0}
}
@media (max-width:1199.98px) {
.banner_more {display:none}
}
@media (max-width:991.98px) {
#etw_banner .banner_inner{ max-width:inherit;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{display:none}
#etw_banner .banner_inner span{ display:none;}
#etw_banner .banner_inner h1{ text-align:center;}

.banner_box #quicknav,.banner_box #quicknav a,.banner_box .etw_hometitle,.banner_box h2 {text-align:right}
.banner_box .etw_hometitle,.banner_box h1,.banner_box h2 {font-size:1.8rem;width:100%}
.banner_box h3 {font-size:1.1rem;line-height:1.3rem;text-align:right}
.banner_box h3.small_h3{ width:100%;font-size:1.1rem;line-height:1.3rem;}
.banner_box h4 {text-align:right;margin:1rem 0 -1rem}
.banner_box #quicknav {font-size:.9rem}
#etw_banner .swiper-pagination {bottom:20px}
}
@media (max-width:767.98px) {
.banner_txt,.banner_txt1,.banner_txt2,.banner_txt3,.banner_txt4 {display:none}
.bannerin {min-height:auto;padding:1.5rem 0}
.bannerin6 {clip-path:none}
.banner_box {position:relative;top:auto;transform:none}
.banner_box p {display:none}
}
@media (max-width:575.98px) {
#etw_banner .swiper-pagination {display:none}
.banner_box p {width:100%}
}

/*mainpro*/
.mainpro_bg {width:100%;position:relative;padding:1rem 0;z-index:1;background:#f1f1f1}
.mainpro {width:100%;margin:0 auto 3rem;position:relative}
.mainpro .webtitle {font-size:2.8rem;line-height:1.2;padding:1rem 0;color:#333}
.mainpro .mainpro_in{width:94%;margin:3rem auto 2rem;position:relative;max-width:1300px;}
.mainpro .mainpro_in p{ color:#666; width:100%; max-width:1000px; margin:0 auto; text-align:center;}
.mainpro ul {width:100%;display:flex;position:relative;margin:0 auto;flex-wrap:wrap; margin-top:2rem;}
.mainpro ul>li {width:23.5%; margin:0 0 1.5rem 2%;position:relative;display:flex;flex-wrap:wrap;}
.mainpro ul>li:nth-child(4n) {margin-left:0}
.mainpro ul>li a{ display:block; position:relative;}
.mainpro ul>li a:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0;background-image: linear-gradient(to bottom,rgba(38,38,38,0.92),rgba(38,38,38,0.1));z-index: 0;}
.mainpro ul li span {position:absolute;display:block;width:100%;z-index:1;top:10%;transform:translateY(-5%);z-index:2; color:#fff; padding:0 1rem 0.5rem 1rem; font-size:1.2rem; font-weight:500;}
.mainpro ul li span:after {content: "";width:53px;height:3px;background: #ed164b;position: absolute;bottom:0;right:1rem;}
.mainpro ul>li a:hover:before{background-image: linear-gradient(to bottom,rgba(38,38,38,0.6),rgba(38,38,38,0.2));}
@media (max-width:991.98px) {
  .mainpro ul>li {width:49%;}
  .mainpro ul>li:nth-child(4n) {margin-left:2%}
  .mainpro ul>li:nth-child(2n) {margin-left:0}
  .mainpro ul>li a:before {background-image:linear-gradient(to bottom,rgba(38,38,38,0.6),rgba(38,38,38,0.6));}
  .mainpro ul li span{top:50%;transform:translateY(-50%); text-align:center;}
  .mainpro ul li span:after {position: absolute;bottom:0;right:0; left:0; margin:0 auto;}
}
@media (max-width:460px) {
  .mainpro ul>li {width:100%; margin-left:0;}
  .mainpro ul>li:nth-child(4n) {margin-left:0}
}

.home_source_bg {position:relative;width:100%;padding:1rem 0;background:linear-gradient(180deg,#dfdfdf 50%,#fff 50%)}
.home_source {width:94%;margin:3rem auto 2rem;position:relative;max-width:1300px;}
.home_source .webtitle {font-size:2.8rem;line-height:3rem;padding:1rem 0 1.5rem;color:#333}
.home_source .webtitle span {color:var(--primary-color)}
.home_source_in{box-shadow: 0px 4px 20px 0px rgba(0,0,0,.2); margin-top:1rem;background: #f6f6f6;}
.home_source ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.home_source ul li {width:calc(calc(100% / 5) - 1%);position:relative;background: #fff;padding: 10px;transition: .3s all ease-in-out;}
.home_source ul li:hover{transform: translateY(-10px);box-shadow: 0 12px 18px 0 rgba(25,42,70,.13);}
.home_source ul li a{display: block;width: 100%;}
.home_source ul li img{ width:100%;}
.home_source ul li span{ line-height: 1.3rem; display: block;font-size: 1.1rem;color: #555;padding: 1rem 0;transition: .3s all ease-in-out;font-weight: 400;}
.home_source ul li a:hover span{ color:#d43a44;}

@media (max-width:991.98px) {
  .home_source ul {justify-content: inherit;}
  .home_source ul li {width:32%; margin-left:2%;}
  .home_source ul li:nth-child(3n) {margin-left:0}
}
@media (max-width:767.98px) {
  .home_source ul li {width:49%;}
  .home_source ul li:nth-child(3n) {margin-left:2%}
  .home_source ul li:nth-child(2n) {margin-left:0}
}

@media (max-width:575.98px) {
.home_source {margin:1rem auto}
.home_source ul li {width:100%;margin:0 0 1rem}
}

.homeabout_bg {width:100%;margin:0 auto;position:relative;padding:4rem 0 2rem}
.homeabout_bg:before {position:absolute;content:'';background:url(../images/about_bg.webp) no-repeat;background-size:cover;width:800px;height:600px;left:0;bottom:-5px;opacity:.1}
.homeabout {width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;position:relative;max-width:1500px;z-index:1}
.homeabout .big_title {width:100%;font-size:2.8rem;line-height:3rem;position:relative;margin:2rem auto 1rem;text-align:center;font-weight:300;;padding:0 15rem;max-width:1200px}
.homeabout p {width:80%;color:#666;font-size:1.1rem;line-height:1.6rem;margin:0 auto 2rem;text-align:center;font-weight:300;padding:0 6rem}
.homeabout .webtitle {
width: 100%;
    font-size: 2.4rem;
    line-height: 2.8rem;
    position: relative;
    margin: .5rem 0 1.2rem;
    text-align: right;
    font-weight: 300;
    
    
    padding: 0;
    border-bottom: 1px solid #999;
  }
.homeabout .webtitle span {color:var(--primary-color)}
.homeabout .webtitle a {color:#333}
.homeabout .webtitle a:hover {color:var(--primary-color)}
.homeabout .small_title {text-transform:uppercase;display:block;font-size:1rem;font-weight:400;line-height:1rem;color:var(--primary-color)}
.about_img {width:50%;position:relative;overflow:hidden}
.about_txt {width:50%;margin:0;position:relative;padding:3rem 4rem;background:#fff;box-shadow:10px 10px 0 #ddd}
.about_txt p {
    width: 100%;
    color: #666;
    font-size: 1.05rem;
    line-height: 1.6rem;
    margin: 0 0 1rem 0;
    text-align: right;
    font-weight: 300;
    padding: 0;
  }
.about_txt ul {display:flex;flex-wrap:wrap;margin:0 0 1rem}
.about_txt ul li {width:50%;padding:0 1.4rem .8rem .8rem;position:relative;font-size:1rem;line-height:1.2rem;color:#555}
.about_txt ul li:before {position:absolute;content:'';background:var(--primary-color);width:8px;height:8px;box-shadow:4px 4px 0 rgb(204,8,21,.3);right:3px;top:3px}
.about_txt ul li i {color:var(--primary-color);font-style:normal}
.about_txt .more {text-align:right;padding:.8rem 1.6rem;width:160px;display:block;margin: 0.5rem 0 0;color:#fff;z-index:0;position:relative;font-weight:300;font-size:1.05rem;line-height:1.05rem;background:var(--primary-color);border-radius:2rem}
.about_txt .more:before {position:absolute;content:'';background:url(../images/icon2_hover.png) no-repeat;background-size:auto;background-size:cover;width:16px;height:16px;left:26px;top:50%;transform: translateY(-50%); transition:.3s all ease-in-out}
.about_txt .more:hover:before {left:22px}

.home_manufactur {width:94%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;position:relative;max-width:1500px;z-index:1}
.home_manufactur ul.owl-carousel{direction: ltr;}
.home_manufactur ul {width:100%;display:flex;position:relative;margin:0 auto;flex-wrap:wrap; margin-top:2rem;}
.home_manufactur ul>li {width:32%; margin:0 0 1.5rem 2%;position:relative;display:flex;flex-wrap:wrap;box-shadow: 0 5px 15px rgba(0, 0, 0, .4); background:#fff;}
.home_manufactur ul>li:nth-child(3n) {margin-left:0}
.home_manufactur ul li ol li.product_img{overflow:hidden;position:relative; text-align: center;}
.home_manufactur ul li ol li.product_img a{ display:block; position:relative;}
.home_manufactur ul li ol li.product_img a::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.15);top:0;right:0;transition:all .5s ease;z-index:1}
.home_manufactur ul li ol li.product_img img{ width: 100%;transition:all .5s ease;}
.home_manufactur ul li ol li.product_con{ width:100%; padding:1.2rem 1.5rem;direction: rtl;}
.home_manufactur ul li ol li.product_con a{display:block;font-size: 1.1rem;line-height:1.3;font-weight: 600; color:var(--primary-color); position:relative;}
.home_manufactur ul li ol li.product_con span{ display:block; font-size:0.875rem; color:#666; padding:0.5rem 0; line-height:1.5;}
.home_manufactur ul li ol li.product_con a:hover{color: #ce0913;}
.home_manufactur ul li ol li.product_con a.more {font-size:0.875rem;line-height:1;font-weight:200;padding:.5rem 1rem;display:inline-block;color:#333;position:relative;border-radius:2rem;border: 1px #aaa solid; margin-top:0.5rem;}
.home_manufactur ul li ol li.product_con a.more:hover {color:var(--primary-color); border-color:var(--primary-color);}
.home_manufactur .owl-carousel .owl-stage-outer{padding: 0 0 20px 0;}
.home_manufactur .owl-carousel .owl-stage{display: flex;flex-wrap: wrap;}
.home_manufactur .owl-carousel .owl-item{box-shadow: 5px 10px 15px rgba(57,65,124,.1); background:#fff;border-radius: 10px 10px 0 0;overflow: hidden;display: flex;flex-wrap: wrap;}
.home_manufactur .owl-dots{display: block;}
.home_manufactur .owl-dots span{border-radius: 50%;opacity: .3;}
.home_manufactur .owl-dot.active span,.home_manufactur .owl-dot:hover span{opacity: .6;}
@media (max-width:1299.98px) {
.homeabout {width:94%;margin:1rem auto}
.homeabout .big_title {padding:0 2rem;font-size:2.4rem;line-height:2.6rem}
.homeabout p {width:100%;padding:0;margin:0 0 1rem}
}
@media (max-width:991.98px) {
.homeabout .webtitle {font-size:2rem;line-height:2.4rem;padding:0 0 1rem 0}
.homeabout .webtitle span {display:inline}
.about_txt {width:100%;padding:2rem 1rem 1rem}
.about_img {width:100%;margin:0 auto}
.about_img p {font-size:1rem;line-height:1.6rem}
.about_img .video_btn2 {width:80px;height:80px}
.application_bg {padding:2rem 0;margin:0}
.application {margin:2rem auto}
.application .webtitle {font-size:2rem;line-height:2.2rem;color:#333;padding:1rem 0}
.application ul li ol li.product_img span {width:100%;display:block;text-align:center}
.application .swiper-button-next {left:-1.4rem;width:45px;height:45px}
.application .swiper-button-prev {right:-1.4rem;width:45px;height:45px}
.application ul>li {width:33.33%}

.home_manufactur ul>li {width:49%; }
.home_manufactur ul>li:nth-child(3n) {margin-left:2%}
.home_manufactur ul>li:nth-child(2n) {margin-left:0}
}
@media (max-width:767.98px) {
.application>ul>li {width:49%;margin:0 0 1rem 2%}
.application>ul>li:nth-child(2n) {margin-left:0}
.application ul li ol li.product_img {width:100%}
.application ul li ol li.product_con a {font-size:1rem}
.application {margin:1rem auto 0;padding:0 15px}
.application_box .webtitle span,.mainpro1_box h5 span {display:inline}
}
@media (max-width:575.98px) {
.about_txt ul li {width:100%}

.home_manufactur ul>li {width:100%;margin-left:0 }
.home_manufactur ul>li:nth-child(3n) {margin-left:0}
}

#quicknav {position:relative;color:#111;line-height:1.2rem;font-size:.9rem;width:100%;padding:1rem 0;font-weight:300}
#quicknav a {color:#777}
#quicknav a i {color:#111;font-size:1.2rem;padding:0 0 0 .3rem}
#quicknav a svg {width:22px;height:22px;margin:0 0 .5rem .2rem}
#quicknav ul {width:94%;margin:0 auto;max-width:1200px}
#quicknav ul.max_1300 {max-width:1300px}
#quicknav ul.small_width {max-width:1100px}
#quicknav ul.content1 {max-width:1060px}
#quicknav li {display:inline-block;padding:0 .2rem}
#quicknav li+li::before {content:"\f104";font-family:FontAwesome;color:#555;font-size:18px;padding:0 0 0 .8rem}
#quicknav a:hover {color:#111}
#quicknav.quicknav {background:0 0;color:#eee}
#quicknav.quicknav a {color:#555}
#quicknav.quicknav li+li::before {color:#fff}
@media (max-width:575.98px) {
  #quicknav {display:none}
}
#container {margin:89px auto 0;width:100%;overflow:hidden;position:relative}
.etw_container {background:#f8f8f8}
.etw_container:before {position:absolute;content:'';background:#efefef;clip-path:polygon(100% 0,100% 100%,0 100%,0 75%,80% 0);width:100%;height:100%;right:0;top:0}
.etw_container1 {background:#f8f8f8}
.content_bg {width:100%;position:relative;overflow:hidden;background:#f0f0f0;padding:1rem 0}
.content_bg .protitle4:before {background:#ccc}
.content_bg .protitle4 span {background:#f0f0f0}
.content_bg1 {width:100%;position:relative;padding:1rem 0;margin:4rem 0 0}
.content_bg1:before {position:absolute;content:'';background:#f1f1f1;width:100%;height:100%;right:0;top:0}
.content_bg2 {width:100%;position:relative;padding:2rem 0;margin:2rem 0 0;background:#f1f1f1}
.content_bg2 .protitle4 span {background:#f1f1f1}
.content_bg3 {width:100%;position:relative;padding:2rem 0 0;overflow:hidden}
.content_bg3:before {position:absolute;content:'';background:url(../images/content_bg3.webp) no-repeat;background-size:auto;background-size:cover;max-width:560px;width:30%;height:2000px;right:0;top:0}
.content {width:94%;margin:2rem auto;max-width:1200px;position:relative}
.content1 {width:94%;margin:2rem auto;max-width:1060px;position:relative}
.content2 {width:94%;margin:2rem auto;max-width:1300px}
@media (max-width:1699.98px) {.content_bg3::before {width:25%}
}
@media (max-width:1299.98px) {.content_bg3::before {width:20%}
}
@media (max-width:991.98px) {#container {margin-top:0}
.content1 {margin:2rem auto 0}
.content_bg3 {padding:3rem 0 0}
.content_bg3::before {display:none}
.content_bg3 .content {margin:0 auto}
}
@media (max-width:767.98px) {.content_bg1:before {clip-path:none;background-color:#dee2e6}
.content_bg .content {margin:0 auto}
.content_bg1 {margin:0}
.content_bg1 .content {margin:0 auto}
}
.content_box1_bg {width:100%;position:relative;margin:3rem 0}
.content_box1_bg:before {position:absolute;content:'';background:#f1f1f1;width:810px;height:96px;top:42%;right:-30px;transform:skewX(-25deg);border-radius:0 1rem 1rem 0}
.content_box1_title {font-size:3rem;line-height:3.4rem;font-weight:400;text-align:right;position:relative;color:var(--primary-color);width:100%;padding:2rem 0 .5rem;display:block}
.content_box1_title:before {position:absolute;content:'';background:var(--primary-color);width:60px;height:4px;right:4rem;bottom:50px;display:none}
.content_box1_bg .small_title {font-size:1.6rem;line-height:1.8rem;text-align:right;color:#333;position:relative;}
.content_box1 {width:94%; max-width:1300px; margin:0 auto;position:relative}
.content_box1 ul {display:flex;flex-flow:wrap;position:relative}
.content_box1>ul>li {width:100%;position:relative}
.content_box1 ul li ol {display:flex;flex-wrap:wrap;width:100%;align-items:center}
.content_box1 ul li:nth-child(2n) ol {flex-direction:row-reverse}
.content_box1 ul li ol li.product_name {width:100%;color:#253041;font-size:1.3rem;line-height:1.6rem;display:block;padding:1rem 0;font-weight:600}
.content_box1 ul li ol li.product_name span {display:block;padding:1rem 0;font-size:1rem;line-height:1.4rem;color:#111;font-weight:300}
.content_box1 ul li ol li.product_img {width:50%;overflow:hidden;z-index:1;position:relative;background:#fff}
.content_box1 ul li ol li.product_img a {display:flex;flex-wrap:wrap;width:100%;position:relative;justify-content:center;align-items:center}
.content_box1 ul li ol li.product_img img {transition:.3s all ease-in-out}
.content_box1 ul li ol li.product_con {width:50%;position:relative;padding:0 2rem 0 0}
.content_box1 ul li:nth-child(2n) ol li.product_con {padding:0 0 0 2rem}
.content_box1 ul li ol li.product_con>a {color:#333;padding:1rem 0;text-align:right;font-size:2.2rem;line-height:2.4rem;display:flex;font-weight:400;position:relative;}
.content_box1 ul li ol li.product_con span {display:block;font-size:.95rem;font-weight:300;line-height:1.5;color:#666;margin:0 0 1rem 0}
.content_box1 ul li ol li.product_con p {font-size:.95rem;line-height:1.5rem;color:#555;margin:0;display:block;position:relative}
.content_box1 ul li ol li.product_con dl {margin:0;display:flex;flex-wrap:wrap}
.content_box1 ul li ol li.product_con dl dd {width:50%;position:relative;margin:0 0 .8rem}
.content_box1 ul li ol li.product_con dl dd a {width:100%;color:#333;font-weight:400;font-size:.9rem;line-height:1.1rem;display:flex;flex-flow:initial;align-items:center}
.content_box1 ul li ol li.product_con dl dd .contentbox_icon {width:40px;height:40px}
.content_box1 ul li ol li.product_con dl dd span {display:block;padding:0 1rem;margin:0;color:var(--primary-color);font-weight:400}
.content_box1 ul li ol li.product_con a:hover {color:var(--primary-color)}
.content_box1 ul li ol li.product_con .more {display:inline-block;border:1px solid var(--primary-color);color:var(--primary-color);font-size:1.2rem;line-height:1.2rem;text-align:center;position:relative;padding:1.2rem 4.2rem 1.2rem 3rem;font-weight:300;z-index:0;display:none}
.content_box1 ul li ol li.product_con .more:hover {color:#fff}
.content_box1 ul li ol li.product_con .more:after {content:'';position:absolute;right:40px;top:50%;transform:translateY(-50%);background:url(../images/icon3.png) no-repeat;background-size:cover;width:18px;height:18px;transition:.3s all ease-in-out}
.content_box1 ul li ol li.product_con .more:before {content:'';position:absolute;right:0;top:0;background:var(--primary-color);width:0;height:100%;transition:.3s all ease-in-out;z-index:-1}
.content_box1 ul li ol li.product_con .more:hover:before {width:100%;right:0}
.content_box1 ul li ol li.product_con .more:hover:after {background:url(../images/icon3_hover.png) no-repeat;background-size:cover}
.content_box1_sm ul li ol li.product_img {width:20%}
.content_box1_sm ul li ol li.product_con {width:80%}
.content_box2 {width:100%;margin:-9rem auto 0;position:relative}
.content_box2>ul {display:flex;flex-wrap:wrap}
.content_box2>ul>li {margin:0 0 2rem 2%;width:23.5%;background:#fff;transition:.5s all ease-in-out}
.content_box2>ul>li:hover {filter:drop-shadow(0 0 12px rgba(0 0 0 / 20%));-webkit-filter:drop-shadow(0 0 12px rgba(0 0 0 / 20%))}
.content_box2>ul>li:nth-child(4n) {margin-left:0}
.content_box2>ul>li:nth-child(odd) {clear:both}
.content_box2 ul li ol {position:relative;width:100%;height:100%}
.content_box2 ul li ol li.product_img {width:100%;position:relative}
.content_box2 ul li ol li.product_img a {display:block;overflow:hidden}
.content_box2 ul li ol li.product_img img {transition:.3s all ease-in-out}
.content_box2 ul li ol:hover li.product_img img {transform:scale(1.06)}
.content_box2 ul li ol li.product_con {width:100%;position:relative;padding:0 2rem}
.content_box2 ul li ol li.product_con a {color:#333;display:block;width:100%;font-weight:400;line-height:1.6rem;font-size:1.2rem;padding:2rem 0}
.content_box2 ul li ol li.product_con small {font-size:1rem;color:#999;padding-left: 6px;}
.content_box2 ul li ol li.product_con strong {font-size:1rem;line-height:1.6rem;padding:0 0 .5rem 0;display:block;font-weight:600}
.content_box2 ul li ol li.product_con span {font-size:.95rem;color:#666;margin:-1rem 0 1rem;line-height:1.4rem;display:block;min-height:90px}
.content_box2 ul li ol:hover li.product_con a {color:var(--primary-color)}
.content_box2 ul li ol li.product_con a.more {display:inline-block;width:auto;color:var(--primary-color);font-size:1.05rem;line-height:1.05rem;text-align:center;position:relative;padding:0 1.6rem 0 0;font-weight:500;z-index:0;margin:0 0 2rem}
.content_box2 ul li ol li.product_con a.more:after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/icon3.png) no-repeat;background-size:cover;width:18px;height:18px;transition:.3s all ease-in-out}

.content_box2_1>ul>li {margin:0 0 2rem 4%;width:48%;}
.content_box2_1>ul>li:nth-child(2n) {margin-left:0}
.content_box2_1 ul li ol li.product_con a{font-size: 1.4rem;font-weight: 600;}
@media (max-width:991.98px) {
.content_box1 ul li ol li.product_img {width:100%}
.content_box1 ul li ol li.product_con,.content_box1 ul li:nth-child(2n) ol li.product_con {width:100%;padding:1rem 1.5rem;margin:0}

.content_box2>ul>li {width:49%;}
.content_box2>ul>li:nth-child(4n) {margin-left:2%}
.content_box2>ul>li:nth-child(2n) {margin-left:0}
.content_box2_1>ul>li {width:48%;}
}
@media (max-width:767.98px) {.content_box>ul>li {width:49%}
.content_box>ul>li:nth-of-type(3n) {margin-left:2%}
.content_box>ul>li:nth-of-type(2n) {margin-left:0}
.content_box ul li ol li.product_con span {font-size:.95rem;line-height:1.4rem}
.content_box1>ul>li {width:100%;margin:0 0 1.5rem 0}
.content_box1 ul li ol li.product_con:before {display:none}
.content_box1 ul li ol li.product_img figure,.content_box1 ul li ol li.product_img img {width:100%}
.content_box2 {margin:2rem auto 0}
.content_box1_title {font-size:2.2rem;line-height:2.4rem}
.content_box1_bg .small_title {font-size:1.3rem;line-height:1.5rem}
}
@media (max-width:575.98px) {.content_box ul li {border-radius:0}
.content_box ul li ol li.product_con,.content_box ul li ol li.product_img {width:100%;padding:0}
.content_box ul li.big_hub ol li.product_con,.content_box ul li.big_hub ol li.product_img {width:100%;padding:0}
.content_box ul li ol li.product_con a {padding:.5rem}
.content_box1 ul li ol li.product_con dl dd {width:100%}
.content_box2>ul>li {width:100%;margin:0 0 1rem 0}
.content_box2 ul li ol li.product_con span {min-height:auto}
}
@media (max-width:450.98px) {.content_box>ul>li {width:100%;margin:0 0 1.5rem 0}
}
.prohub_box {position:relative}
.prohub_title {font-size:2.4rem;line-height:2.6rem;text-align:center;font-weight:600;width:80%;margin:3rem auto 3rem;position:relative}
.prohub_title:before {position:absolute;content:'';background:var(--primary-color);width:60px;height:4px;bottom:-24px;right:0;left:0;margin:0 auto}
.prohub_box p {font-size:1.1rem;line-height:1.6rem;text-align:center;margin:0 auto 3rem;width:92%}
.prohub_box_list {position:relative;margin:0 0 1rem;}
.prohub_box_list ul {display:flex;flex-wrap:wrap;justify-content:space-between}
.prohub_box_list ul li {width:calc(calc(100% / 4) - 2%);text-align:center;font-size:1rem;line-height:1.3;font-weight:300; padding:0 1rem;}
.prohub_box_list ul li .tophub_icon {width:80px;height:80px;margin:0 auto}
.prohub_box_list ul li strong {display:block;font-size:1.35rem;line-height:1;padding:1rem 0}
.prohub_box_list1 {margin:0;padding:2rem 0}
.prohub_box_list1 ul li {font-size:1rem;line-height:1.2rem;color:#666;padding:0 2rem}
.prohub_box_list1 ul li strong {font-size:1.6rem;line-height:1.6rem;padding:.3rem 0;color:#333;font-weight:700}
.prohub_box_list1 ul li .tophub_icon {width:60px;height:60px}
.prohub_box_list1 ul li .tophub_icon img {filter:grayscale(1);opacity:.7}

.prohub_app_box {position:relative;display:flex;flex-wrap:wrap;background:#f2f2f2;padding:3rem 0}
.prohub_app_in{ width:94%; max-width:1200px; margin:0 auto;}
.prohub_app_box .webtitle {;font-weight:300;font-size:2.4rem;line-height:3rem;padding:0 0 1rem;}
.app_item .app_pic {position:relative;width:100%;overflow:hidden}
.app_item .app_pic:before {content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(164deg,rgba(0,0,0,.6962370562) 0,rgba(0,0,0,.2012780112) 100%);z-index:1}
.app_item .app_pic img {display:block;transition:.3s all ease-in-out}
.app_item .app_pic:hover img {transform:scale(1.15)}
.app_item .app_name {position:absolute;top:0;right:0;width:100%;height:100%;z-index:2}
.app_item .app_name a {display:block;width:100%;height:100%;font-size:1.3rem;line-height:1.35;padding:3rem 2rem 0 2rem;font-weight:400;position:relative;color:#fff}
.app_item .app_name a small {font-size:0.875rem;line-height:1.2;font-weight:200}
.app_item .app_name a:before {position:absolute;content:'';background:url(../images/icon2.png) no-repeat;background-size:cover;width:20px;height:20px;left:1rem;bottom:1rem;transition:.3s all ease-in-out;display:none}
.app_item .app_name a:hover:before {transform:rotate(180deg)}
.app_item .app_more {position:absolute;right:2rem;bottom:2rem;display:inline-block;z-index:2}
.app_item .app_more a {display:block;width:100%;position:relative;padding:0.5rem 2rem 0.5rem 1rem;color:#fff;border:1px solid transparent;font-weight:300}
.app_item .app_more a:before {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/icon3_hover.png) no-repeat;background-size:auto;background-size:cover;width:20px;height:20px;transition:.3s all ease-in-out}
.app_item:hover .app_more a{padding:0.5rem 3rem 0.5rem 1rem;border-color: #fff;}
.app_item:hover .app_more a:before{right:1rem;}

.hub_base_box {width:100%;display:flex;flex-wrap:wrap;background:var(--primary-color);align-items:center}
.hub_base_box:before {position:absolute;content:'';background-image:linear-gradient(#414141,rgba(0,0,0,0),#414141),linear-gradient(to left bottom,#414141 45%,#555 45%);width:100%;height:100%;right:0;top:0}
.hub_base_left {width:50%;position:relative;padding:0 2rem 0 4rem}
.hub_base_title {font-size:1.6rem;line-height:2rem;color:#fff;font-weight:300;;padding:0 0 2rem;position:relative}
.hub_base_title:before {position:absolute;content:'';background:#fff;width:100px;height:1px;right:-4rem;bottom:16px}
.hub_base_left p {color:#fff;font-size:1.1rem;line-height:1.6rem}
.hub_base_left .more {display:inline-block}
.hub_base_left .more a {position:relative;display:block;width:100%;color:#fff;margin:1rem 0 0;font-weight:400;font-size:1rem;line-height:1rem}
.hub_base_left .more a:before {position:absolute;content:'';background:var(--primary-color);width:25px;height:25px;border-radius:50%;left:-32px;top:50%;transform:translateY(-50%);transition:.3s all ease-in-out}
.hub_base_left .more a:after {position:absolute;content:'';background:url(../images/icon2_hover.png);background-size:cover;width:15px;height:15px;left:-22px;top:50%;transform:translateY(-50%);transition:.3s all ease-in-out}
.hub_base_left .more a:hover:before {left:-36px}
.hub_base_left .more a:hover:after {left:-26px}
.hub_base_right {width:50%;position:relative}
.hub_base_content {width:94%;max-width:1300px;margin:0 auto 1rem;position:relative}
.hub_base_content .home_manufactur{width:100%;}
.hub_base_content .home_manufactur ul{ margin-top:1rem;}
.hub_base_content .home_manufactur ul>li{box-shadow: 0 1px 15px 3px rgba(0,0,0,.1);}
.hub_base_content .home_manufactur ul>li:before {position:absolute;content:'';box-shadow:-.5em .5em 0 0 rgb(0,0,0,.1);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
.hub_base_content .home_manufactur ul>li ol li.product_con a{ color:#000;}
.hub_base_content .home_manufactur ul>li ol li.product_con a:hover{color: var(--primary-color);}
.hub_base_content .home_manufactur ul>li ol li.product_img img{border-radius:0;}
.hub_base_content .home_manufactur ul>li ol li.product_con a.more{ border:none; padding:0.5rem 0 0.5rem 1rem;color: var(--primary-color); font-weight:300;}
.hub_base_content .home_manufactur ul>li ol li.product_con a.more:before{content:"\f104";font-family:fontawesome;position:absolute;left:0;top:0.5rem;font-size:1rem;font-weight:normal; }
.hub_base_content .home_manufactur ul>li ol li.product_con a.more:hover{ padding-left:1.5rem;}

.hub_base_txt {width:80%;margin:-1rem auto 1rem;text-align:center;font-size:1.1rem;line-height:1.6rem;color:#999}
.hub_base_txt i {font-size:1.3rem;color:var(--primary-color);font-style:normal;font-weight:600}
.hub_base_box1 {width:100%;position:relative}
.hub_base_title1 {font-size:1.8rem;line-height:2rem;color:#333;font-weight:300;;padding:1rem 0;position:relative;width:94%;text-align:center;margin:0 auto}
.hub_base_title1 span {display:inline-block;position:relative}
.hub_base_title1 span:before {position:absolute;content:'';background:var(--primary-color);width:100%;height:7px;right:0;bottom:6px;z-index:-1;opacity:.4}
.hub_base_info {display:flex;flex-wrap:wrap;position:relative;align-items:center;margin:0 0 2rem}
.hub_base_pic {display:flex;flex-wrap:wrap;flex:1;transition:.3s all ease-in-out;align-items:center;justify-content:center}
.hub_base_pic a {display:block;width:100%;position:relative;border:5px solid #fff}
.hub_base_pic a:before {position:absolute;content:'';background:rgb(0,0,0,.1);width:100%;height:100%;right:0;top:0}
.hub_base_pic.dq,.hub_base_pic:hover {flex:1.2}
.about_hub_box {position:relative;display:flex;flex-wrap:wrap;align-items:center; width:94%; max-width:1300px; margin:0 auto; margin-top:1rem; margin-bottom:1rem;box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04);background: #f6f6f6;}
.about_hub_left {width:40%;position:relative}
.about_hub_right {width:60%;position:relative;padding:1rem 2rem 1rem 0}
.about_hub_title {font-size:1.6rem;line-height:1.4; padding:0 0 1rem 0;font-weight:300;;}
.about_hub_right p {font-size:1rem;line-height:1.5;color:#666;}
.about_hub_right .more {position:relative;display:inline-block}
.about_hub_right .more a {display:block;width:100%;border:1px solid var(--primary-color);color:var(--primary-color);font-size:1rem;line-height:1;text-align:center;position:relative;padding:0.7rem 2.7rem 0.7rem 1.5rem;font-weight:300;z-index:0}
.about_hub_right .more a:hover {color:#fff}
.about_hub_right .more a:after {content:'';position:absolute;right:0.8rem;top:50%;transform:translateY(-50%);background:url(../images/icon3.png) no-repeat;background-size:cover;width:18px;height:18px;transition:.3s all ease-in-out}
.about_hub_right .more a:before {content:'';position:absolute;right:0;top:0;background:var(--primary-color);width:0;height:100%;transition:.3s all ease-in-out;z-index:-1}
.about_hub_right .more a:hover:before {width:100%;right:0}
.about_hub_right .more a:hover:after {background:url(../images/icon3_hover.png) no-repeat;background-size:cover}
.about_hub_right dl {margin:0;display:flex;flex-wrap:wrap}
.about_hub_right dl dd {width:50%;padding:0 0 1rem 1rem;font-size:1.15rem;line-height:1.5rem;color:#666}
.about_hub_right dl dd strong {display:block;font-size:0.95rem;line-height:1.4rem;font-weight:600;color:#333}
.about_hub_right dl dd .abouthub_icon {width:55px;height:55px;margin:0 0 .5rem}
.about_hub_info {position:relative;padding:0 0 2rem 0}
.about_hub_info .protitle3 {padding:0 0 2rem 2rem}
.about_info_left {padding:0 2rem;border-right:3px solid rgb(204,8,21,.3)}
.about_info_left p {font-size:1.1rem;line-height:1.6rem;margin:0 0 1.5rem}
.about_info_img {margin:0 0 1rem}
.about_info_img img {mix-blend-mode:multiply;padding:0 0 0 2rem}
.about_info_right {position:relative;background:#fff;padding:2rem;box-shadow:0 12px 18px 0 rgba(25,42,70,.13)}
.about_info_right .small_title {font-size:1.4rem;line-height:1.6rem;padding:1rem 0;position:relative;margin:0 0 1rem;font-weight:500}
.about_info_right .small_title:before {position:absolute;content:'';background:var(--primary-color);width:50px;height:3px;right:0;bottom:5px}
.about_info_right:before {position:absolute;content:'';box-shadow:-.6em .6em 0 0 rgb(0 0 0 / .15);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
.about_info_right ul {display:flex;flex-wrap:wrap}
.about_info_right ul li {font-size:1rem;line-height:1.4rem;padding:0 1rem 1rem 0;color:#666;position:relative}
.about_info_right ul li i {font-style:normal;color:var(--primary-color)}
.about_info_right ul li:before {position:absolute;content:'';background:#555;border-radius:50%;width:4px;height:4px;right:4px;top:9px}

.about_hub_content {width:94%;margin:0 auto;max-width:1200px}
.about_hub {position:relative;margin:2rem 0}
.about_hub ul {position:relative;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.about_hub ul li{width:15%;margin:0 0 1rem 2%;background-color: #fff; padding:1rem;border-radius: 5px;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.about_hub ul li:last-child {margin-left:0}
.about_hub ul li a{ color:#333; display:block; text-align:center;}
.about_hub ul li .aboutpage_img{display: block;width:65px;height:65px; margin:0 auto;}
.about_hub ul li .aboutpage_img img{ width:100%; padding:0.5rem;}
.about_hub ul li span{ display:block; padding-top:0.5rem; font-weight:300;}
.about_hub ul li a:hover span,.about_hub ul li a.dq span{color: var(--primary-color);}

.etw_base_list {position:relative;margin:1rem 0 3rem;border-radius:1rem;border:2px solid rgb(204,8,21,.5)}
.etw_base_list .more {display:inline-block;position:absolute;bottom:-12px;left:24px}
.etw_base_list .more a {display:block;width:100%;text-align:center;padding:0 1rem;font-weight:500;font-style:oblique;background:#f1f1f1}
.etw_list_title {font-size:1.6rem;line-height:1.8rem;font-weight:500;padding:0 1rem;background:#f1f1f1;display:inline-block;margin:0;position:absolute;right:20px;top:-18px}
.etw_base_list ul {display:flex;flex-wrap:wrap;padding:2rem 2rem 1rem}
.etw_base_list ul li {width:33.33%;position:relative;margin:0 0 1rem 0}
.etw_base_list ul li a {display:flex;flex-wrap:wrap;width:100%;position:relative;align-items:center;padding:0 0 0 1rem}
.etw_base_list ul li .etw_list_icon {width:25%;transition:.3s all ease-in-out}
.etw_base_list ul li .etw_list_icon img {width:80px;height:80px}
.etw_base_list ul li:hover .etw_list_icon {transform:translateX(-5px)}
.etw_base_list ul li span {display:block;font-size:1.2rem;line-height:1.4rem;font-weight:400;color:#333;padding:.5rem 0;width:75%;transition:.3s all ease-in-out}
.etw_base_list ul li a:hover span {color:var(--primary-color)}
.etw_base_list1 ul li {width:25%}
.etw_base_list1 ul li span {font-size:1.05rem;line-height:1.2rem;padding:.5rem 1rem}
.etw_base_list1 ul li .etw_list_icon {width:25%}
.etw_base_list1 ul li .etw_list_icon img {width:70px;height:70px}
@media (max-width:1299.98px) {
 .about_hub ul li{ width:23.5%}
 .about_hub ul li:nth-child(4n) {margin-left:0;}
}
@media (max-width:991.98px) {.prohub_title {margin:1rem auto 3rem;font-size:2rem;line-height:2.2rem}
.prohub_box p {font-size:1rem;line-height:1.5rem;width:100%;margin:0 auto 1.5rem}
.prohub_box_list {margin:0}
.prohub_box_list ul li .tophub_icon {width:60px;height:60px}
.prohub_box_list ul li {font-size:1rem;line-height:1.2rem}
.prohub_box_list ul li strong {font-size:1.6rem;line-height:1.8rem;padding:.3rem 0}
.about_hub_left {width:100%}
.about_hub_right {width:100%;padding: 1rem;}
.prohub_app_box {padding:2rem 0}
.about_hub_info {padding:0}
.etw_base_list ul li {width:50%}
.etw_base_list ul li span {width:82%;padding:.5rem;font-size:1rem;line-height:1.2rem}
.etw_base_list ul li .etw_list_icon {width:18%}
.etw_base_list ul li .etw_list_icon img {width:40px;height:40px}
}
@media (max-width:767.98px) {.hub_base_content1 {margin:1rem auto!important}
.hub_base_txt {width:100%}
.hub_base_title1 span::before {display:none}
.hub_base_pic {flex:none;width:100%}
.hub_base_pic.dq,.hub_base_pic:hover {flex:none}

 .about_hub ul li{ width:32%}
 .about_hub ul li:nth-child(4n) {margin-left:2%;}
 .about_hub ul li:nth-child(3n) {margin-left:0;}
}
@media (max-width:575.98px) {
.prohub_box_list ul li {width:calc(calc(100% / 2) - 1%);margin:0 0 1rem}

 .about_hub ul li{ width:49%}
 .about_hub ul li:nth-child(3n) {margin-left:2%;}
 .about_hub ul li:nth-child(2n) {margin-left:0;}
}
@media (max-width:479.98px) {
.etw_base_list ul li {width:100%}
 .about_hub ul li{ width:100%; margin-left:0;}
 .about_hub ul li:nth-child(3n) {margin-left:0;}
}
.details_bg {position:relative;overflow:hidden}
.details_bg:before {position:absolute;content:'';background:url(../images/details_bg1.webp) no-repeat;background-size:auto;background-size:cover;width:600px;height:600px;left:-5%;top:10%;opacity:.1}
.details_box {width:94%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;max-width:1300px;margin:0 auto}
.details_item {width:calc(calc(100% / 2) - .5%)}
.app_details_box {display:flex;flex-wrap:wrap;position:relative;margin:1rem 0 3rem}
.app_details_left {width:45%;position:relative}
.app_details_info {background:#fff;box-shadow:0 2px 5px #0003;padding:2rem;position:absolute;width:80%;right:10%;bottom:-5%}
.app_details_info p {margin:0}
.app_details_info p strong {font-size:1.4rem;color:var(--primary-color)}
.app_details_right {width:55%;position:relative;padding:0 3rem 0 0}

.pro_base_box {display:flex;flex-wrap:wrap;width:100%;margin:0 auto}
.pro_base_left {width:25%;position:relative}
.pro_base_video {width:50%;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.pro_base_right {width:25%;position:relative}
.probase_img {position:relative;width:100%;border:3px solid #fff}
.probase_img a {display:block;position:relative}
.probase_img a:before {position:absolute;content:'';background:linear-gradient(0deg,#000,transparent);width:100%;height:100%;right:0;top:0;opacity:.7}
.probase_img span {display:block;position:absolute;width:80%;padding:2rem;color:#fff;right:0;bottom:0;font-size:1.4rem;line-height:1.6rem;font-weight:400}
.pro_base_video .probase_img span {font-size:1.6rem;line-height:1.8rem;width:100%}
.probase_img span:before {position:absolute;content:'';background:var(--primary-color);width:35px;height:2px;right:2rem;top:15px}

/*details_app_bg*/
.details_app_bg {background:#e0ebf4;position:relative; padding:2rem 0;}
.details_app_box {width:94%;max-width:1300px;position:relative;margin:0 auto;}
.details_app_box .webtitle {font-size:2.8rem;line-height:1.2;padding:1rem 0;color:#333; text-align:center;}
.details_app_box p{color: #666;width: 100%;max-width: 1000px;margin: 0 auto;text-align: center;}
.details_app_box ul{width: 100%;display: flex;position: relative;flex-wrap: wrap;margin-top: 2rem;}
.details_app_box ul>li {width:23.5%; margin:0 0 2rem 2%;position:relative;display:flex;flex-wrap:wrap; background:#fff;box-shadow: 1px 12px 20px rgba(0,0,0,0.2);}
.details_app_box ul>li:before {position:absolute;content:''; width:100%; height:100%; box-shadow: 10px 10px 0 #bbcfe0;}
.details_app_box ul>li:nth-child(4n) {margin-left:0}
.details_app_box ul>li ol li.product_img{overflow:hidden;position:relative; text-align: center;}
.details_app_box ul>li ol li.product_img a{ display:block; position:relative;}
.details_app_box ul>li ol li.product_img a::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.15);top:0;right:0;transition:all .5s ease;z-index:1}
.details_app_box ul>li ol li.product_img img{ width: 100%;transition:all .5s ease}
.details_app_box ul>li ol li.product_con{ padding:0.8rem 1rem;}
.details_app_box ul>li ol li.product_con a{display:block;font-size: 1.1rem;line-height:1.3;font-weight: 600; color:var(--primary-color); position:relative;}
.details_app_box ul>li ol li.product_con a small{font-size: 1rem;line-height:1.2;color:#aaa;font-weight:400;}
.details_app_box ul>li ol li.product_con span{ display:block;color:#666; font-size:0.875rem; line-height:1.4; padding:1rem 0;position:relative;}
.details_app_box ul>li ol li.product_con .more{display:inline-block;padding-left:1.25rem;color:#aaa; font-weight:400; font-size:1rem; position:relative;}
.details_app_box ul>li ol li.product_con .more:before{content:"\f104";font-family:fontawesome;position:absolute;left:0;top:0;font-size:1rem;font-weight:normal; }
.details_app_box ul>li ol li.product_con .more:hover{ color:var(--primary-color);}
.details_app_box ul>li ol li.product_con a:hover{ color:#ce0913;}
.details_app_box ul>li:hover ol li.product_img a::before{background:none;}


.details_main_img {position:relative;background:linear-gradient(0deg,#efefef,#fff,#f1f1f1);margin:0 0 1.5rem; padding-top:2rem;}
.details_main_box {display:flex;flex-wrap:wrap;align-items:center}
.details_main_left {position:relative;width:50%}
.details_main_right {margin:0;position:relative;padding:0 3rem 2rem 0;width:50%}
.pro_details_txt {font-size:1.1rem;line-height:1.6rem;position:relative;padding:0 2.6rem 0 0;margin:0 0 1.5rem}
.pro_details_txt:before {position:absolute;content:'';background:url(../images/icon8.png) no-repeat;background-size:cover;width:35px;height:35px;right:0;top:-5px}
@media (max-width:991.98px) {
.details_app_bottom {display:none}
.details_main_left {width:40%}
.details_main_right {width:60%;padding:2rem}
.pro_base_left {width:100%;display:flex;flex-wrap:wrap}
.pro_base_left .probase_img {width:50%}
.pro_base_video {width:100%}
.pro_base_right {width:100%;display:flex;flex-wrap:wrap}
.pro_base_right .probase_img {width:50%}
.pro_base_video .probase_img span,.probase_img span {font-size:1.2rem;line-height:1.4rem;padding:1rem 2rem}
.probase_img span::before {display:none}
.app_details_info {position:relative;right:auto;bottom:auto;box-shadow:none;padding:0 0 1rem;width:100%}

.details_app_box ul>li {width:49%;}
.details_app_box ul>li:nth-child(4n) {margin-left:2%}
.details_app_box ul>li:nth-child(2n) {margin-left:0}
}
@media (max-width:767.98px) {
.details_main_left {width:100%}
.details_main_right {width:100%; padding:2rem 0;}
.details_main_img h2 {padding:0}
.details_main_img h4 {padding:0}
.app_details_box {margin:1rem 0}
.app_details_img img {width:100%;height:600px}
.app_details_left {width:100%}
.app_details_right {width:100%;padding:0}


}
@media (max-width:575.98px) {
.details_item {width:100%}
.pro_base_left .probase_img,.pro_base_right .probase_img {width:100%}
.app_details_img img {height:auto}

.details_app_box ul>li {width:100%; margin-left:0;}
.details_app_box ul>li:nth-child(4n) {margin-left:0%}
}

.item_box {background:#fff;position:relative;box-shadow:0 12px 18px 0 rgba(25,42,70,.13);width:100%;padding:2rem;margin:0 0 3rem}
.item_box:before {position:absolute;content:'';box-shadow:-.6em .6em 0 0 rgb(0 0 0 / .15);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
@media (max-width:767.98px) {.item_box2 {padding:2rem;margin:1rem 0 0 0}
.item_box {margin:0}
}
@media (max-width:575.98px) {.item_box {padding:1.5rem}
}
.tab_li {border:none;position:relative;margin:2rem 0}
.tab_li ul {width:100%;margin:0 auto;justify-content:center;display:flex;flex-wrap:wrap}
.tab_li li {font-size:1.1rem;line-height:1.1rem;position:relative;display:block;color:#333;font-weight:300;padding:.8rem 2rem;text-align:center;background:#fff;box-shadow:0 12px 18px 0 rgba(25,42,70,.13);cursor:pointer;margin:0 10px}
.tab_li li:before {position:absolute;content:'';box-shadow:-.3em .3em 0 0 rgb(0,0,0,.15);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
.tab_li li span {display:block;width:100%;border-left:2px solid #429138}
.tab_li li:last-child span {border-left:none}
.tab_li li img {display:inline-block;margin:0 0 0 .2rem;width:15px;height:15px}
.tab_li li.dq,.tab_li li:hover {color:var(--primary-color)}
.tabfixed {position:fixed;top:89px;right:0;margin:0;z-index:999;width:100%;left:0;box-shadow:0 3px 10px rgb(0,0,0,.2);background:linear-gradient(to left,#951143,#1e0003);}
.tabfixed ul {max-width:1200px;width:100%;margin:1rem auto}
@media (max-width:991.98px) {.tabfixed {position:relative;top:auto;right:auto;left:auto}
.tabfixed ul {background:#dde2e6}
.tabfixed ul li {color:#333}
.tabfixed li:before {background:#333}
.tab_li {display:none}
}
.accordion {position:relative}
.card {background:0;border:none}
.card-header {transition:.3s all ease-in-out;border-bottom:none;border-radius:0!important;background:#fff;padding:0;margin:0 0 1px}
.card-header:hover {background:rgba(0,0,0,.01)}
.card-header .btn {font-size:1.1rem;color:#333;position:relative;line-height:1.5rem;white-space:normal;padding:0.8rem 1rem 0.8rem 3rem;font-weight:300;border-radius:0;border-bottom:1px solid #ddd}
.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;left:15px;top:21px;background:url(../images/icon5.png) no-repeat;background-size:cover;width:16px;height:16px;transition:.3s all ease-in-out;opacity:.3}
.card-header .btn:hover {background:rgba(0,0,0,.1)}
.card-body {position:relative;margin:0 0 1rem 0;padding:1rem 1.5rem 1rem 2rem;font-size:1.05rem;line-height:1.5rem;color:#666}
.card-header .btn span {float:left;font-size:3rem;color:#777;font-weight:100;transition:.3s all ease-in-out}
.card-header .btn:hover span {transform:rotate(135deg);color:var(--primary-color)}
.btn-link.focus,.btn-link:focus,.btn:hover,.btn[aria-expanded=true] {text-decoration:none;color:#333}
.btn:hover:before,.btn[aria-expanded=true]:before {transform:rotate(180deg)}
.btn[aria-expanded=true] span {transform:rotate(135deg);color:#666}
.bottom_quote {position:relative;background:url(../images/quote_bg.webp) no-repeat;background-size:cover;background-attachment:fixed;padding:4rem 0}
.bottom_quote .content {margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;align-items:center}
.quote_text {position:relative;width:80%;text-align:center;margin:0 auto;padding:3rem 2rem}
.quote_text:before {position:absolute;content:'';background:rgba(255,255,255,.7);width:100%;height:100%;right:0;top:0;backdrop-filter:blur(3px)}
.quote_title {color:#333;font-size:2rem;line-height:2.4rem;font-weight:300;margin:0 0 1rem;position:relative;;}
.quote_title span {color:var(--primary-color);display:block}
.bottom_quote p {font-size:1.4rem;line-height:1.6rem;margin:0;color:#333;font-weight:400;position:relative}
.bottom_quote p span {color:#333;cursor:pointer;position:relative;z-index:0}
.bottom_quote p span:before {position:absolute;content:'';background:var(--primary-color);width:95%;height:14px;bottom:10px;right:4px;opacity:1;z-index:-1}
.bottom_inquiry {color:#fff;position:relative;padding:1rem 3rem;text-align:center;display:inline-flex;flex-wrap:wrap;font-size:1.1rem;line-height:1.1rem;align-items:center;margin:2rem auto 0;background:var(--primary-color);cursor:pointer;font-weight:300;transition:.5s all ease-in-out}
.bottom_inquiry:hover {background:#111;color:#fff}
.bottom_inquiry:hover:after {left:18px}
.quote_text dl {position:relative;margin:1rem 0 0}
.quote_text dl dd {margin:0}
.quote_text dl dd a {color:#333}
.quote_text dl dd a:hover {color:var(--primary-color)}
@media (max-width:991.98px) {.bottom_quote {padding:1.5rem 0}
.quote_text {width:100%;padding:2rem}
}
@media (max-width:767.98px) {.quote_title {font-size:1.8rem;line-height:2rem;margin:0}
.bottom_quote p {font-size:1.1rem;line-height:1.3rem}
.bottom_inquiry {margin:1rem auto 0}
}
.webtitle {color:#1d1d1d;font-size:2rem;font-weight:400;text-align:center;padding-bottom:1rem}
@media (max-width:767.98px) {
 .webtitle{ font-size:2rem!important; line-height:1.4!important;}
}
.protitle {width:100%;color:#333;display:flex;flex-wrap:wrap;align-items:center;font-size:1.5rem;line-height:1.6rem;position:relative;font-weight:600;padding:1rem 0}
.protitle:before {position:absolute;content:'';width:42px;height:42px;border-right:2px solid var(--primary-color);border-top:2px solid var(--primary-color);border-radius:50%;right:1px;transform:rotate(-45deg);top:6px;display:none}
.protitle small {display:inline-block;font-size:65%}
.protitle:hover .title_line {background:var(--primary-color)}
.protitle a {color:var(--primary-color);display:inline-block;position:relative}
.protitle:hover a {color:#429138}
.protitle1 {width:100%;color:#333;display:block;font-size:1.4rem;line-height:1.6rem;position:relative;font-weight:400;padding:.6rem 1.2rem .6rem 0;margin:1rem 0}
.protitle1:before {position:absolute;content:'';width:6px;height:25px;background:var(--primary-color);right:0;top:9px}
.protitle1 a {color:var(--primary-color)}
.protitle1 a:hover {color:#111}
.protitle2 {font-size:2.2rem;line-height:2.4rem;font-weight:300;text-align:center;margin:0 auto;position:relative;color:#333;width:100%;padding:2rem 0;}
.protitle2 span {display:inline-block;position:relative}
.protitle2 span:before {position:absolute;content:'';background:var(--primary-color);width:100%;height:4px;right:0;bottom:-3px}
.protitle2 a {color:#111;position:relative;display:block}
.protitle2 a:hover {color:var(--primary-color)}
.protitle3 {font-size:2rem;line-height:2.2rem;width:100%;display:flex;margin:0;font-weight:300;color:#333;padding:1.5rem 0;flex-wrap:wrap;position:relative;}
.protitle3 span {position:relative}
.protitle3 a {color:#333;display:flex;flex-wrap:wrap;align-items:center}
.protitle3 a:hover {color:var(--primary-color)}
.protitle4 {font-size:2.6rem;line-height:2.8rem;width:100%;display:flex;margin:0;font-weight:300;color:#333;padding:2rem 0;flex-wrap:wrap;position:relative;justify-content:center;}
.protitle4:before {position:absolute;content:'';background:#dbdbdb;width:100%;height:1px;right:0;top:50%;transform:translateY(-50%)}
.protitle4 span {position:relative;background:#fff;padding:0 2rem}
.protitle4_small {font-size:1.8rem;line-height:2rem;letter-spacing:0;font-weight:400}
.sendinquiry {display:inline-flex;flex-wrap:wrap;justify-content:start;text-align:center;position:relative;z-index:1}
.sendinquiry a,.sendinquiry span {display:block;width:100%;border:1px solid var(--primary-color);color:#fff;font-size:1.1rem;line-height:1.1rem;text-align:center;position:relative;padding:0.8rem 3rem 0.8rem 1rem;font-weight:300;background:var(--primary-color);cursor:pointer;overflow:hidden}
.sendinquiry a:after,.sendinquiry span:after {content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:url(../images/icon3_hover.png) no-repeat;background-size:auto;background-size:cover;width:18px;height:18px;transition:.3s all ease-in-out}
.sendinquiry a:hover:after,.sendinquiry span:hover:after {right:1.4rem}
.sendinquiry i {padding-left:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover {color:#fff}
.btn.focus,.btn:focus {outline:0;box-shadow:none}
.pdf {display:inline-flex;margin:0 1rem;flex-wrap:wrap;float:right}
.pdf a {color:#fff;padding:.6rem 1.5rem;font-size:.9rem;line-height:.9rem;text-align:center;display:inline-block;margin:1rem 0;min-width:100px;position:relative;overflow:hidden;background:linear-gradient(-45deg,#00b0ed,var(--primary-color));font-weight:200;border-radius:2.5rem;z-index:1;transition:.5s all ease-in-out}
.pdf a:before {color:#fff;transition:.3s all ease-in-out;content:"\f1c1";font-size:1rem;font-family:fontawesome;margin:0 0 0 .5rem}
.pdf a:hover {box-shadow:2px 5px 12px rgba(0 0 0 / 50%)}
.pdf a:hover:before {color:#fff}
.pdf_list {background:var(--primary-color);position:relative;margin:0 0 1rem 0;padding:1rem 2rem;color:#fff;border-left:15px double #fff}


a.pdffile{font-size: 1.1rem;line-height: 1.1rem;display:inline-block;padding:0.8rem 1.2rem; margin-right:1rem; background:#810e10; color:#fff;}
a.pdffile span{ position:relative; display:inline-block; padding-right:1.7rem;}
a.pdffile span:before{content:"\f1c1"; font-family:fontawesome; font-size:16px; position:absolute; right:0; top:0;}

a.pdffile1{ margin-right:0; position:relative; background:#fff; color:#810e10;box-shadow: 0 12px 18px 0 rgba(25,42,70,.13);}
a.pdffile1:before {position:absolute;content:'';box-shadow:-.3em .3em 0 0 rgb(0,0,0,.15);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
a.pdffile1:hover{ background:#810e10; color:#fff;}

@media (max-width:767.98px) {.protitle {font-size:1.4rem;line-height:1.6rem}
.protitle2 {font-size:1.8rem;line-height:2rem;padding:1rem 0}
.protitle3 {width:100%;margin:1rem 0;font-size:1.4rem;line-height:1.6rem;padding:0}
.protitle4 {font-size:2rem;line-height:2.2rem;padding:2rem 0 1rem}
.protitle4_small {font-size:1.6rem;line-height:1.8rem;padding:1rem 0}
.protitle4::before {display:none}
.sendinquiry {justify-content:start}
.protitle2 span::before {display:none}
}
@media (max-width:575.98px) {.pdf a {text-align:center}
}
figure {margin:0;width:100%;display:table;clear:both}
.left_pic {width:100%;height:auto;float:left;margin:0}
.left_pics {width:100%;overflow:hidden}
.left_pic img {max-width:100%;text-align:center;transition:.3s all ease-in-out}
.left_pic_mix img {mix-blend-mode:multiply}
.related_pic {width:100%;display:flex;flex-wrap:wrap;margin:.5rem 0 0 0}
.related_pic ul {display:flex;flex-flow:wrap}
.related_pic li {width:auto;float:right;overflow:hidden;margin:0;flex:1;padding:0 2px;display:flex;flex-wrap:wrap}
.related_pic li a {display:block;position:relative;border:1px solid #eee}
.related_pic li a.imgdq {border:1px solid var(--primary-color)}
.related_pics li {width:18.4%;margin:0 0 .5rem 2%;flex:none}
.related_pics li:nth-child(5n) {margin-left:0}
.related_pics li:nth-child(5n+1) {clear:both}
.related_pic img {transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out}
.related_pic span {font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.related_pic1 {width:100%;display:flex;flex-wrap:wrap;position:relative;margin:0 auto}
.related_pic1 li {width:100%;margin:0 0 .25rem 0}
.related_pic1 li:last-child {margin:0}
.item_mod {position:absolute;left:15%;top:3%;transition:.4s all ease-in-out;background:var(--primary-color);width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px var(--primary-color)}
.item_mod span {opacity:0;visibility:hidden;display:block;background:var(--primary-color);color:#fff;text-align:center;width:180px;font-size:.95rem;line-height:1.2rem;font-weight:400;transition:.3s all ease-in-out;padding:.5rem;border-radius:4rem;pointer-events:none}
.item_mod small {line-height:1rem;margin:.3rem 0 0}
.item_txt {display:none}
.left_pics:hover .item_mod {animation:none;left:35%;background:0 0;box-shadow:none}
.left_pics:hover .item_mod span {visibility:visible;opacity:1;pointer-events:all}
.left_pic2 {position:relative}
.left_pic2 .related_pic {display:flex;flex-wrap:wrap;justify-content:end;position:absolute;width:70%;left:3%;bottom:5%;z-index:1}
.left_pic2 img {mix-blend-mode:multiply}
@media (max-width:767.98px) {.left_pic {float:none;text-align:center}
.related_pic1 li {width:23.5%;margin:0 0 1rem 2%}
.related_pic1 li:nth-child(4n) {margin-left:0}
}
.etw_photo {margin:0;width:100%;height:auto}
.etw_photo ul {display:flex;width:auto;height:auto;flex-flow:wrap}
.etw_photo ul li {margin:0 0 .5rem 2%}
.etw_photo ul li:before {display:none!important}
.etw_photo ul li.bg_photo {background:linear-gradient(180deg,#ccc,#eee);text-align:center;padding:1.5rem 0 1rem 0}
.etw_photo ul li.bg_photo a {width:40%;margin:0 auto}
.etw_photo ul li img {display:block;width:100%;transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out}
.etw_photo ul li a {display:block;overflow:hidden}
.etw_photo ul li a:hover img {transform:scale(1.03);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}
.etw_photo ul li span {display:block;text-align:center;font-size:.95rem;line-height:1.2rem;font-weight:300;clear:both;margin:.6rem 0;color:#111}
.etw_gallery {position:relative}
.etw_gallery ul {display:flex;flex-wrap:wrap;position:relative}
.etw_gallery ul li {width:25%;margin:0 0 4px 0;padding:0 2px!important;position:relative}
.etw_gallery ul li:before {display:none!important}
.etw_gallerys ul li {padding:0;margin:0}
.etw_gallery1 ul li {width:100%}
.etw_gallery2 ul li {width:50%}
.etw_gallery3 ul li {width:33.33%}
.etw_gallery5 ul li {width:20%}
.etw_gallery6 ul li {width:16.66%}
.etw_gallery ul li a {width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center}
.etw_gallery ul li img{ width:100%;}
.etw_gallery ul li a:before {bottom:0;content:"";left:50%;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;left:51%;top:0;background:rgba(255,255,255,.1) none repeat scroll 0 0}
.etw_gallery ul li a:after {bottom:50%;content:"";right:0;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;left:0;top:50%;background:rgba(255,255,255,.1) none repeat scroll 0 0}
.etw_gallery ul li a:hover:after,.etw_gallery ul li a:hover:before {right:0;left:0;top:0;bottom:0;transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s}
.etw_gallery ul li span {display:block;padding:.5rem;text-align:center;font-size:.9rem;line-height:1.1rem;font-weight:400}
.etw_gallery_bg ul li .overlay_img{overflow: hidden;position: relative;}
.etw_gallery_bg ul li span {position: absolute;right: 0;bottom: 0;background: linear-gradient(0deg, #000, transparent);padding: 1.5rem 1rem;color: #fff; width: 100%;font-size: 1.05rem;line-height: 1.2rem;font-weight: 300;}
@media (max-width:767.98px) {
   .etw_gallery_bg ul li span{ font-size:0.875rem; line-height:1.3;padding: 1rem 0.5rem;}
}
.etw_shadowpic {width:100%;position:relative}
.etw_shadowpic ul {display:flex;flex-flow:wrap;position:relative}
.etw_shadowpic ul li {position:relative}
.etw_shadowpic ul li a {display:block;overflow:hidden;width:100%;border:4px solid #fff;box-shadow:1px 3px 8px rgba(0 0 0 / 10%)}
.etw_shadowpic ul li a:before {bottom:0;content:"";left:50%;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;left:51%;top:0;background:rgba(255,255,255,.1) none repeat scroll 0 0}
.etw_shadowpic ul li a:after {bottom:50%;content:"";right:0;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;left:0;top:50%;background:rgba(255,255,255,.1) none repeat scroll 0 0}
.etw_shadowpic ul li a:hover:after,.etw_shadowpic ul li a:hover:before {right:0;left:0;top:0;bottom:0;transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s}
.etw_shadowpic ul li span {display:block;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:300;clear:both;margin:.6rem 0;color:#333}
.etw_shadowpic ul li img {transition:.3s all ease-in-out}
.etw_shadowpic ul li a:hover img {transform:none}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul {margin:0}
.etw_pic2 ul li {width:49%}
.etw_pic3 ul li {width:32%}
.etw_pic4 ul li {width:23.5%}
.etw_pic5 ul li {width:18.4%}
.etw_pic6 ul li {width:15%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n) {margin-left:0}
.etw_pic2 ul li:nth-child(odd),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1) {clear:both}
@media (max-width:767.98px) {
.etw_pic5 ul li,.etw_pic6 ul li {width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n) {margin-left:2%}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1) {clear:none}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n) {margin-left:0}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1) {clear:both}
.img_right {margin:0 0 1rem 0;width:100%;float:none}
.img_left {width:100%;margin:0 0 1rem 0}
.etw_gallery ul li {width:50%}
.etw_gallery1 ul li,.etw_pic1 ul li {width:100%}
.etw_gallery3 ul li {width:33.33%}
.etw_gallery5 ul li {width:33.33%}
.etw_gallery6 ul li {width:33.33%}
.etw_customer ul li {justify-content:center;display:flex;flex-wrap:wrap}
.etw_gallery1s ul li {width:50%}
}
@media (max-width:575.98px) {.etw_pic4 ul li,.etw_pic5 ul li {width:49%}
.etw_pic4 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n) {margin-left:2%}
.etw_pic4 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1) {clear:none}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n) {margin-left:0}
.etw_pic4 ul li:nth-child(odd),.etw_pic5 ul li:nth-child(odd) {clear:both}
.etw_pic2 ul li {width:100%;margin:0 0 1rem 0}
.etw_gallery3 ul li {width:100%}
.etw_gallery5 ul li {width:50%}
.etw_gallery6 ul li {width:50%}
.etw_gallery_all ul li {width:100%}
}
@media (max-width:450.98px) {.etw_pic3 ul li,.etw_pic4 ul li {width:100%;margin:0 0 .6rem 0}
.etw_pic4 ul li:nth-child(3n) {margin-left:0}
.etw_gallery5 ul li {width:100%}
.etw_gallery6 ul li {width:100%}
}
ul.item {float:none;width:100%}
ul.item li {float:none;margin:0 14px .5rem 0;list-style:decimal;text-align:right}
ul.item li.last {margin-right:22px}
ul.item1 {float:none;width:100%}
ul.item1 li {float:none;padding:0 1.1rem .6rem 0;width:100%;position:relative;text-align:right}
ul.item1 li:before {position:absolute;content:'';width:4px;height:4px;background:var(--primary-color);border-radius:50%;right:4px;top:11px}
ul.item2 {float:none;width:100%}
ul.item2 li {padding:0 0 .5rem;width:100%;position:relative;text-align:right;font-weight:300;color:#666;font-size:1rem;line-height:1.3rem}
ul.item2 li strong {color:#444;font-size:1rem;font-weight:600;display:block}
ul.item2 li:before {position:absolute;content:'';width:10px;height:10px;background:var(--primary-color);right:2px;top:7px;border:1px solid #fff;box-shadow:3px 3px 0 #ccc;display:none}
ul.item2 li span {color:var(--primary-color);font-size:1.4rem;display:inline-block;padding:0 0 0 1rem;font-weight:600}
ul.discitem {float:none;padding:0 .5rem 0 0;overflow:hidden}
ul.discitem li {position:relative;padding-right:1.125rem;text-align:right;margin:0 0 .8rem 0;line-height:1.4rem}
ul.discitem li:before {position:absolute;top:8px;right:3px;width:6px;height:6px;background:var(--primary-color);content:"";transform:rotate(45deg)}
ul.discitem1 {width:100%;position:relative}
ul.discitem1 li {position:relative;text-align:right;color:#333;padding:.2rem 1.6rem .8rem 0}
ul.discitem1 li strong {display:inline-block;font-size:1rem;font-weight:600;color:#111}
ul.discitem1 li:before {position:absolute;content:'';background:url(../images/icon1.png) no-repeat;background-size:cover;width:20px;height:20px;right:0;top:6px}
.tab-content {position:relative;margin:0;padding:1rem 0}
.nav-tabs-list {border:none;position:relative;max-width:1300px;margin:1rem auto;justify-content:center}
.nav-tabs-list li {display:flex;flex-wrap:wrap;justify-content:center;padding:0 1rem}
.nav-tabs-list li a {font-size:1.1rem;line-height:1.1rem;position:relative;display:block;color:#333;font-weight:400;padding:.8rem 2rem;text-align:center;background:#fff;box-shadow:0 12px 18px 0 rgba(25,42,70,.13)}
.nav-tabs-list li a:before {position:absolute;content:'';box-shadow:-.3em .3em 0 0 rgb(0,0,0,.15);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
.nav-tabs-list li a:hover {color:var(--primary-color)}
.nav-tabs-list li a.active {color:var(--primary-color)}
@media (max-width:767.98px) {ul.discitem li {width:100%}
.nav-tabs {border-bottom:none}
.nav-tabs-list li {margin:0 0 1rem;padding:0 .3rem}
.nav-tabs-list li a {font-size:.9rem;line-height:1rem}
.tab-content {padding:0}
}
@media (max-width:575.98px) {.nav-tabs-list li a {font-size:1rem;padding:.8rem 1.3rem .5rem 1.8rem}
}
.etw_products {margin:0 0 1rem}
.etw_products>ul {width:100%;display:flex;flex-wrap:wrap}
.etw_products>ul>li {width:100%;transition:.3s all ease-in-out;position:relative;display:flex;margin:0 0 2rem;flex-wrap:wrap;align-items:center;background:#fff;padding:1.5rem;box-shadow:0 12px 18px 0 rgba(25,42,70,.13)}
.etw_products>ul>li:before {position:absolute;content:'';box-shadow:-.6em .6em 0 0 rgb(0 0 0 / .15);width:100%;height:100%;right:0;bottom:0;pointer-events:none}
.etw_products ul li ol,.etw_products ul li ol li {width:100%}
.etw_products ul li ol {display:flex;flex-wrap:wrap;align-items:center;width:100%}
.etw_products ul li ol li.product_img {width:45%;float:right;position:relative}
.etw_products ul li ol li.product_img a {width:100%;display:block;overflow:hidden;margin:0 auto;position:relative}
.etw_products ul li ol li.product_img img {width:100%;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.etw_products ul li ol li.product_con {width:55%;float:left;padding:0 3rem;text-align:right}
.etw_products ul li ol li.product_con a {font-size:1.6rem;font-weight:500;color:#333;padding:1rem 0;display:block;line-height:1.8rem}
.etw_products ul li ol li.product_con span {display:block;font-size:1rem;line-height:1.5rem;color:#666}
.etw_products ul li ol li.product_con dl {width:100%;display:flex;flex-wrap:wrap;position:relative;margin:1rem 0 0}
.etw_products ul li ol li.product_con dl dd {width:50%;margin:0 0 .5rem;font-size:.95rem;padding:0 0 0 2rem;line-height:1.2rem;color:#666}
.etw_products ul li ol li.product_con dl dd a {display:block;font-size:.9rem;line-height:1.1rem;text-align:right;padding:.2rem .8rem .2rem .5rem;position:relative;text-decoration:underline}
.etw_products ul li ol li.product_con dl dd a:before {position:absolute;content:'';width:5px;height:5px;border-radius:50%;right:1px;top:4px;right:0;top:10px;background:var(--primary-color)}
.etw_products ul li ol li.product_con dl dd strong {display:block;font-weight:600;font-size:1rem}
.etw_products ul li ol li.product_con a.more {padding:0;color:var(--primary-color);font-size:1rem;font-weight:400;display:inline-block;margin:1rem 0;line-height:1rem;position:relative}
.etw_products ul>li ol li.product_con a:hover {color:var(--primary-color)}
.etw_products ul li ol li.product_con a.more:after {width:15px;height:15px;margin:0 .3rem 0 0;content:'';background:url(../images/icon2.png) no-repeat;background-size:cover;position:absolute;left:-22px;top:2px;transition:.3s all ease-in-out}
.etw_products ul li ol li.product_con a.more:hover:after {left:-28px}
.etw_products1 {width:100%;height:auto;float:right}
.etw_products1>ul {width:100%;display:flex;flex-flow:wrap}
.etw_products1 ul>li {width:23.5%;position:relative;margin:0 0 2rem 2%;display:flex;flex-wrap:wrap;transition:.3s all ease-in-out;align-items:flex-start;box-shadow:0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04);border:1px solid #dde2e6}
.etw_products1 ul>li:nth-child(4n) {margin-left:0}
.etw_products1 ul>li:nth-child(4n+1) {clear:both}
.etw_products1 ul li ol {width:100%;display:flex;flex-wrap:wrap;position:relative}
.etw_products1 ul li ol li.product_img {display:block;width:100%;position:relative;overflow:hidden}
.etw_products1 ul li ol li.product_img a {display:block;width:100%;position:relative}
.etw_products1 ul li ol li.product_img img {position:relative;transition:.5s all ease-in-out}
.etw_products1 ul li ol:hover li.product_img img {transform:scale(1.05)}
.etw_products1 ul li ol li.product_con {width:100%;position:relative;padding:0 1rem}
.etw_products1 ul li ol li.product_con a {color:#333;display:flex;font-weight:500;text-align:right;line-height:1.4rem;font-size:1.3rem;padding:1rem 0 1rem 2rem;position:relative;border-bottom:1px solid var(--primary-color);min-height:77px;flex-wrap:wrap;align-items:center}
.etw_products1 ul li ol li.product_con a:before {position:absolute;content:'';background:url(../images/icon2.png) no-repeat;background-size:cover;width:20px;height:20px;left:2px;top:50%;transition:.3s all ease-in-out;opacity:.6;transform:translateY(-50%)}
.etw_products1 ul li ol li.product_con a:hover:before {left:-2px}
.etw_products1 ul li ol li.product_con span {color:#666;display:block;font-size:.95rem;line-height:1.4rem;text-align:right;font-weight:300;padding:1rem 0 2rem}
.etw_products1 ul li ol li.product_con dl {width:100%;display:flex;flex-wrap:wrap;position:relative;margin:1rem 0}
.etw_products1 ul li ol li.product_con dl dd {width:100%;margin:0 0 .5rem;font-size:.95rem;padding:0 0 0 1rem;line-height:1.2rem;color:#666}
.etw_products1 ul li ol li.product_con dl dd strong {font-size:.9rem;color:#555}
.etw_products1 ul li ol li.product_con a.more {padding:.5rem 1rem;color:#333;box-shadow:none;border-width:2px;border-style:solid;border-color:rgba(25,25,25,.1);border-radius:2rem;font-size:.8rem;font-weight:400;display:inline-block;margin:0 0 1rem 0;line-height:.8rem}
.etw_products1 ul li ol:hover li.product_con a {color:var(--primary-color)}
.etw_products1 ul li:hover ol li.product_con a.more {color:#333}
.etw_products1 ul li ol li.product_con a.more:hover {background-image:linear-gradient(135deg,#111,var(--primary-color));color:#fff;border-color:#f8f8f8;box-shadow:0 3px 6px 0 rgb(204 204 204)}
.etw_products1 ul li ol li.product_con ul.proitem {position:relative;margin:.5rem 0}
.etw_products1 ul li ol li.product_con ul.proitem li {width:100%;position:relative;padding:.3rem 1.8rem .3rem 1rem;margin:0 0 .3rem;border-bottom:1px solid #ccc;background:#111;font-weight:400;color:#fff;border-radius:2rem;font-size:.9rem;line-height:1.1rem}
.etw_products1 ul li ol li.product_con ul.proitem li::before {position:absolute;content:'';background:#fff;width:5px;height:5px;border-radius:50%;right:15px;top:11px}
.etw_products1_th ul>li {width:32%;margin:0 0 1.5rem 2%}
.etw_products1_th ul>li:nth-child(4n) {margin-left:2%}
.etw_products1_th ul>li:nth-child(4n+1) {clear:none}
.etw_products1_th ul>li:nth-child(3n) {margin-left:0}
.etw_products1_th ul>li:nth-child(3n+1) {clear:both}
.etw_products1 ul li ol li.product_con h5 {font-size:.9rem;line-height:1.1rem;padding:0 .5rem .5rem;color:var(--primary-color);margin:0}
.toplist {width:100%;padding:0 0 1rem 0}
.toplist ul {display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.toplist ul li a {font-size:.8rem;font-weight:600;margin:.5rem 1rem;color:#111;display:inline-block;position:relative}
.toplist ul li a:before {position:absolute;content:'';background:var(--primary-color);width:0;height:2px;right:0;bottom:0;transition:.3s all ease-in-out}
.toplist ul li a.dq,.toplist ul li a:hover {color:var(--primary-color)}
.toplist ul li a:hover:before {width:100%}
@media (max-width:767.98px) {.etw_products1_th ul>li:nth-child(3n) {margin-left:2%}
.etw_products1 ul>li {width:49%;margin:0 0 1.5rem 2%}
.etw_products1>ul>li:nth-child(2n) {margin-left:0}
.etw_products1>ul>li:nth-child(odd) {clear:both}
.etw_products {margin:0}
.etw_products ul li ol {width:100%}
.etw_products ul li ol li.product_con {width:100%;padding:0 15px 15px}
.etw_products>ul>li {width:100%;margin-left:0;display:block}
.etw_products>ul>li:nth-of-type(2n) {margin-left:0}
.etw_products ul li ol li.product_img {width:100%}
.etw_products ul li ol.more {display:none}
}
@media (max-width:575.98px) {.etw_products ul li ol li.product_img {width:100%}
.etw_products ul li ol li.product_con {width:100%;padding:0}
.etw_products ul li ol li.product_con a {font-size:1.3rem;line-height:1.5rem}
.etw_products ul li ol li.product_con dl {margin:0}
.etw_products ul li ol li.product_con dl dd {width:100%}
.etw_products>ul>li {width:100%;margin-left:0}
.etw_products>ul>li:before {display:none}
.etw_products1 ul>li {width:100%;margin:0 0 1.5rem 0}
.etw_products1 ul>li ol li.product_img img {width:100%}
.etw_products1_th ul>li:nth-child(3n) {margin-left:0}
}
.relatedpro {width:100%;height:auto;margin:1rem 0}
.relatedpro ul {width:100%;height:auto;display:flex;flex-wrap:wrap}
.relatedpro li {width:50%;margin:0 0 .5rem 0;position:relative}
.relatedpro li:nth-child(2n) {margin-left:0}
.relatedpro li:nth-child(odd) {clear:both}
.relatedpro li a {display:block;padding:.3rem 1.1rem .3rem .5rem;color:#111;font-size:.9rem;line-height:1rem;font-weight:300}
.relatedpro li a::before {content:"\f101";position:absolute;right:4px;top:4px;font-family:fontawesome;font-size:16px;color:#555;transition:.3s all ease-in-out}
.relatedpro li a.dq,.relatedpro li a.dq:before,.relatedpro li a:hover,.relatedpro li a:hover:before {color:var(--primary-color)}
.relatedpro li a:hover:before {right:8px}
.relatedpro1 {position:relative;width:100%;}
.relatedpro1 ul {display:flex;flex-wrap:wrap;position:relative;}
.relatedpro1 ul>li {width:24.25%;margin:0 0 1rem 1%;background:#fff}
.relatedpro1 ul>li:nth-child(4n) {margin-left:0}
.relatedpro1 ul li ol {display:flex;flex-wrap:wrap;position:relative}
.relatedpro1 ul li ol li.product_con {width:100%;position:absolute;right:0;bottom:0;z-index:2}
.relatedpro1 ul li ol li.product_con a {padding:0 1rem 1.5rem 1rem;display:inline-block;text-align:right;font-size:1rem;line-height:1.5;font-weight:300;color:#fff;position:relative}
.relatedpro1 ul li ol li.product_con a:before {position:absolute;content:'';background:var(--primary-color);width:60px;height:2px;bottom:1rem;right:1rem}
.relatedpro1 ul li ol:hover li.product_con a:after {left:0}
.relatedpro1 ul li ol li.product_img {position:relative}
.relatedpro1 ul li ol li.product_img a {display:block;position:relative;overflow:hidden}
.relatedpro1 ul li ol li.product_img a:before {position:absolute;content:'';background:linear-gradient(0deg,#000,transparent);width:100%;height:100%;bottom:0;right:0;z-index:1;pointer-events:none;opacity:.7}
.relatedpro1 ul li ol li.product_img img {transition:.3s all ease-in-out}
.relatedpro1 ul li a:hover img {transform:scale(1.1)}

.relatedpro1_3 ul>li {width:32.66%;margin:0 0 1rem 1%}
.relatedpro1_3 ul>li:nth-child(4n) {margin-left:1%}
.relatedpro1_3 ul>li:nth-child(3n) {margin-left:0}
.relatedpro2 {position:relative}

.relatedpro2 ul {display:flex;flex-wrap:wrap;position:relative}
.relatedpro2 ul>li {width:49%;margin:0 0 1rem 2%;background:#fff;box-shadow:5px 10px 10px 4px #6696ff12;border:2px solid #6797ff14;transition:.3s all ease-in-out}
.relatedpro2 ul>li:nth-child(2n) {margin-left:0}
.relatedpro2 ul>li:nth-child(odd) {clear:both}
.relatedpro2 ul>li:hover {border-bottom-color:var(--primary-color);box-shadow:0 12px 18px 0 rgba(25,42,70,.23)}
.relatedpro2 ul li ol {display:flex;flex-wrap:wrap;position:relative;align-items:center}
.relatedpro2 ul li ol li.product_con {width:70%;position:relative}
.relatedpro2 ul li ol li.product_con a {padding:1rem;display:block;text-align:right;font-size:1.2rem;line-height:1.4rem;font-weight:400}
.relatedpro2 ul li ol li.product_con a.dq,.relatedpro2 ul li ol:hover li.product_con a {color:var(--primary-color)}
.relatedpro2 ul li ol li.product_img {width:30%;position:relative;padding:0 1rem}
.relatedpro2 ul li ol li.product_img a {display:block;position:relative;overflow:hidden}
.relatedpro2 ul li ol li.product_img img {transition:.5s all ease-in-out}
.relatedpro2 ul li a:hover img {transform:scale(1.06)}
@media (max-width:991.98px) {
.relatedpro1 ul>li {width:49.5%}
.relatedpro1 ul>li:nth-of-type(3n) {margin-left:1%}
.relatedpro1 ul>li:nth-of-type(2n) {margin-left:0}
.relatedpro1 ul li ol li.product_con{height: 100%;display: flex;align-items: center;justify-content: center;}
.relatedpro1 ul li ol li.product_con a{ font-weight:500; text-align:center;}
.relatedpro1 ul li ol li.product_con a:before {right: 0;left: 0; margin:0 auto;}

.relatedpro1_3 {width:94%}
}
@media (max-width:767.98px) {
.relatedpro li {width:100%;margin-left:0}
.relatedpro2 ul>li {width:100%;margin:0 0 1rem 0}
}
@media (max-width:575.98px) {
.relatedpro1 ul>li {width:100%; margin-left:0;}
}
.otherpro_bg {position:relative;width:100%;background:linear-gradient(180deg,#bbbbbb 50%,#fff 50%);overflow:hidden;padding:1rem 0;}
.othertitle {display:block;width:100%;margin:1.2rem 0;padding:0 0 1rem 0;position:relative;line-height:1.7rem;font-size:1.5rem;color:#555;overflow:hidden;font-weight:500}
.othertitle:before {content:"";width:180px;height:5px;display:inline-block;transform-origin:bottom left;transform:skew(40deg,0);position:absolute;right:0;bottom:0;background:linear-gradient(-90deg,#429138,var(--primary-color))}
.othertitle:after {content:"";width:100%;margin-right:187px;height:10px;transform-origin:bottom left;transform:skew(40deg,0);position:absolute;right:0;bottom:0;background:linear-gradient(70deg,transparent,transparent);border-right:1px solid #aaa;border-bottom:1px solid #aaa}
.other_pro {width:100%;margin:0 auto;position:relative;z-index:1}
.other_pro ul {display:flex;flex-wrap:wrap}
.other_pro ul>li {width:49%;overflow:hidden;margin:0 0 1.5rem 2%;transition:.3s all ease-in-out;position:relative}
.other_pro ul>li:nth-child(2n) {margin-left:0}
.other_pro ul>li:nth-child(odd) {clear:both}
.other_pro ul li ol {width:100%;overflow:hidden;position:relative}
.other_pro ul li ol li.product_img {width:100%;position:relative}
.other_pro ul li ol li.product_img a {display:block;width:100%;position:relative;overflow:hidden}
.other_pro ul li ol li.product_img a:before {position:absolute;content:'';background:linear-gradient(90deg,#000,#999);width:100%;height:100%;right:0;top:0;opacity:.6}
.other_pro ul li ol li.product_img img {width:100%;transition:.3s all ease-in-out;mix-blend-mode:multiply}
.other_pro ul li ol:hover li.product_img img {transform:scale(1.03)}
.other_pro ul li ol li.product_con {width:100%;position:absolute;right:0;top:10px}
.other_pro ul li ol li.product_con a {color:#fff;display:block;padding:2rem 3rem;font-size:1.8rem;line-height:2rem;font-weight:600;text-align:right}
.other_pro ul li ol li.product_con i {display:block;font-size:.9rem;color:#888;line-height:1.1rem;padding:.5rem 0}
.other_pro ul li ol:hover li.product_con a {color:var(--primary-color)}
.other_pro ul li ol li.product_type {position:absolute;width:100%;right:0;bottom:1rem;padding:0 3rem}
.other_pro ul li ol li.product_type span {display:block;color:#fff;font-size:1.1rem;line-height:1.2rem;font-weight:400;margin:0 0 1rem}
.other_pro ul li ol li.product_type dl {margin:0;display:flex;flex-wrap:wrap}
.other_pro ul li ol li.product_type dl dd {width:20%;padding:0 0 0 2rem;position:relative;opacity:.7}
.other_pro ul li ol li.product_type dl dd:before {position:absolute;content:'';width:1px;height:100%;border-left:1px solid rgba(255,255,255,.5);left:1rem;top:0}
.other_pro ul li ol li.product_type dl dd:last-child:before {display:none}
.other_pro1 {width:100%;margin:0 auto;position:relative;z-index:1}
.other_more_box{display:flex;flex-wrap:wrap;justify-content: space-between;}
.other_more_box .pro_more a{font-size: 1.1rem;line-height:1;position:relative;display:inline-block;font-weight:300; padding:0.8rem 1.2rem 0.8rem 2.2rem;color: #810e10; margin:2rem 0 1rem 0;}
.other_more_box .pro_more a:before{content:"\f104";font-family:fontawesome;position:absolute;left:1rem;top:1rem;font-size:1rem;font-weight:normal; }
.other_more_box .pro_more a:hover{ background:#fff;}

.other_pro1 .protitle2 {background:#fff;width:auto;text-align:right;margin:0;padding:2rem 2rem 0;font-size:2.2rem;line-height:2.4rem}
.other_pro1 ul {display:flex;flex-wrap:wrap;background:#fff;padding:2rem 2rem 0}
.other_pro1 ul>li {width:23.5%;overflow:hidden;margin:0 0 0 2%;transition:.3s all ease-in-out;position:relative}
.other_pro1 ul>li:nth-child(4n) {margin-left:0}
.other_pro1 ul li ol {width:100%;overflow:hidden;position:relative}
.other_pro1 ul li ol li.product_img {width:100%;position:relative}
.other_pro1 ul li ol li.product_img a {display:block;width:100%;position:relative;overflow:hidden}
.other_pro1 ul li ol li.product_img img {width:100%;transition:.3s all ease-in-out;mix-blend-mode:multiply}
.other_pro1 ul li ol li.product_con {text-align:center;margin:0 auto;width:80%;position:absolute;right:10%;top:1rem}
.other_pro1 ul li ol li.product_con a {color:#333;display:block;padding:1rem;font-size:1.2rem;line-height:1.3rem;font-weight:400;text-align:center;background:rgba(255,255,255,.95);box-shadow:0 12px 18px 0 rgba(25,42,70,.05)}
.other_pro1 ul li ol li.product_con i {display:block;font-size:.9rem;color:#888;line-height:1.1rem;padding:.5rem 0}
.other_pro1 ul li ol:hover li.product_con a {color:var(--primary-color)}
.other_pro1 ul li ol:hover li.product_img img {transform:scale(1.03)}

@media (max-width:767.98px) {
.othertitle {font-size:1.6rem}
.other_pro ul>li {width:100%;margin:0 0 1.5rem 0}
.other_pro1 .protitle2 {font-size:1.6rem;line-height:1.8rem;width:70%}
.other_pro ul>li:nth-child(2n) {margin-left:0}
.other_pro1 ul>li {width:49%;margin:0 0 1rem 2%}
.other_pro1 ul>li:nth-child(2n) {margin-left:0}
.other_pro1 ul li ol li.product_img a{ max-height:300px;}
.other_more_box .pro_more{ display:none;}
}
@media (max-width:575.98px) {.other_pro ul li ol li.product_con a {font-size:1.4rem;line-height:1.6rem;padding:1rem 1.5rem}
.other_pro ul li ol li.product_type {padding:0 1.5rem}
.other_pro ul li ol li.product_type dl dd {width:25%}
.other_pro1 .protitle2 {width:85%}
.other_pro1 {margin:0 auto -2rem}
.other_pro1 ul>li {width:100%;margin:0 0 .5rem 0}
}
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_skype,.cot_tel,.cot_wechat,.cot_whatsapp {position:relative;padding-right:24px;display:block;margin-bottom:1rem;line-height:1.2rem;font-size:.95rem;font-weight:300;color:#333}
.cot_add,.cot_people {padding-top:.3rem}
.cot_add:before {content:'';position:absolute;right:0;top:4px;color:#333;background:url(../images/investoricon1.png) no-repeat;background-size:auto;background-size:cover;width:16px;height:18px}
.cot_tel:before {content:'';position:absolute;right:1px;top:0;color:#333;background:url(../images/investoricon3.png) no-repeat;background-size:auto;background-size:cover;width:18px;height:18px}
.cot_email:before {content:"\f0e0";position:absolute;right:1px;top:0;color:#333;font-family:fontawesome;font-size:16px}
.cot_people:before {content:'';position:absolute;right:1px;top:6px;color:#333;background:url(../images/investoricon2.png) no-repeat;background-size:auto;background-size:cover;width:15px;height:15px}
.cot_mobile:before {content:"\f10b";position:absolute;right:3px;top:0;color:#333;font-family:fontawesome;font-size:26px}
.cot_fax:before {content:"\f1ac";position:absolute;right:0;top:0;color:#333;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before {content:"\f232";position:absolute;right:1px;top:-1px;color:#333;font-family:fontawesome;font-size:20px}
.cot_wechat:before {content:"\f1d7";position:absolute;right:1px;top:0;color:#333;font-family:fontawesome;font-size:17px}
.cot_skype:before {content:"\f17e";position:absolute;right:0;top:0;color:#333;font-family:fontawesome;font-size:17px}
.cot_name {font-size:1.1rem;line-height:1.5rem;padding:1.5rem 0 .6rem 0;font-weight:500}
#etw_form {width:100%;display:flex;flex-flow:wrap;margin:3rem 0 2rem 0}
#etw_form_title {font-size:2rem;color:#333;position:relative;padding:0 .8rem 0 0;line-height:2rem;margin:2rem 0 1rem 0;font-weight:600}
#etw_set_feedback_form {width:100%}
#floatchatiframe2011 {margin:0 auto}
.inquiry_bg {background:#f1f1f1;width:100%;position:relative;padding:3rem 0}
.inquiry_box {display:flex;margin:2rem 0;flex-wrap:wrap;width:100%;padding:0 3rem}
.inquiry_bg .inquiry_box {padding:0;margin:0 auto;position:relative;width:94%;max-width:1200px;flex-direction:row-reverse}
.inquiry_left {width:40%;position:relative;padding:0 4rem 0 0}
.inquiry_title {font-size:2rem;line-height:2.2rem;font-weight:300;color:#333;padding:4rem 0 1rem;}
.inquiry_left p {text-align:right;width:100%;margin:0;font-size:1.15rem;line-height:1.7rem;color:#555}
.inquiry_left ul {display:flex;flex-wrap:wrap;margin:0 0 .5rem}
.inquiry_left ul li {
width: 100%;
    padding: 0 1.5rem 1rem 0;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: #555;
  }
.inquiry_left ul li:before {position:absolute;content:'';background:var(--primary-color);width:8px;height:8px;box-shadow:4px 4px 0 rgb(204,8,21,.3);right:3px;top:3px}
.inquiry_left ul li i {color:var(--primary-color);font-style:normal}
.inquiry_left dl {display:flex;flex-wrap:wrap;position:relative;width:100%;margin:0}
.inquiry_left dl dd {width:100%;margin:0 0 1rem}
.inquiry_left dl dd a {position:relative;color:#333;font-weight:300;font-size:1rem;line-height:1rem}
.inquiry_left dl dd a:hover {border-color:var(--primary-color);color:var(--primary-color)}
.inquiry_right {width:60%;position:relative;padding:1rem 2rem;background:#fff}
.inquiry_bg .inquiry_box #etw_form_title {padding:1rem 0 0;font-weight:300;font-size:2rem;line-height:2rem;color:#333;;text-align:center}
.inquiry_bg .inquiry_box #etw_form_title small {color:var(--primary-color);text-transform:uppercase;font-size:.8rem;line-height:.8rem;display:block;margin:0 0 1rem;font-weight:600}
.inquiry_bg .inquiry_box p {text-align:center;width:80%;line-height:1.3rem;margin:-.5rem auto .5rem}
.iframe {border:1px #eee solid!important;background:#f8f8f8!important}
.contact_info {overflow:hidden}
.contact_info .inquiry_box {margin:0;flex-direction:row-reverse}
.contact_info .contact_box .con_txt {padding:0 .4rem 0 0}
.contact_info #etw_form_title {padding:0 .8rem .5rem 0;color:#333}
.contact_info p {font-size:1rem;margin-bottom:.5rem}
.contact_info p strong {font-size:1rem;font-weight:600}
.contact_info .p_name strong {font-size:1.4rem;font-weight:600;color:#111}
.contact_info p a {color:var(--primary-color);text-decoration:underline}
.contact_info p a:hover {text-decoration:none;color:var(--primary-color)}
.contact_info #etw_set_feedback_form {padding:1rem 2rem;margin:0;background:#f5f5f5}
.contact_info #floatchatiframe2011 {margin:0;min-height:460px;padding:0;background:0;border:none;box-shadow:none}
@media (max-width:767.98px) {.contact_info .contact_box {display:block;width:100%}
.contact_info #etw_set_feedback_form {margin:2rem 0 0 0}
.inquiry_left {width:100%;padding:0 1rem 1rem}
.inquiry_title {padding:0 0 1rem}
.inquiry_right {width:100%}
.inquiry_bg .inquiry_box #etw_form_title {padding:0}
.inquiry_bg .inquiry_box p {width:100%}
}
@media (max-width:575.98px) {#etw_set_feedback_form,.etw_contactin {width:100%;margin-left:0}
.inquiry_box {padding:0}
}
#footer {width:100%;height:auto;margin:0 auto;font-size:1rem;color:#fff;overflow:hidden;position:relative;background:#f1f1f1}
#footer:before {position:absolute;content:'';background:url(../images/footer_bg.webp) no-repeat;background-size:auto;background-size:cover;width:600px;height:500px;top:-12px;opacity:.1;right:-127px;pointer-events:none}
#footer:after {position:absolute;content:'';background:url(../images/footer_bg1.webp) no-repeat;background-size:cover;width:1068px;height:569px;top:0;opacity:.1;left:0;pointer-events:none}
.footercop {width:100%;padding:1.5rem 0;text-align:center;font-size:1rem;margin:0 auto;position:relative;background:url(../images/bottom_footer.webp) no-repeat;background-size:cover;z-index:1}
.etw_footin {width:100%;margin:0 auto;position:relative;overflow:hidden}
#etw_coper {margin-top:2px;width:100%;line-height:22px}
#etw_coper a {display:inline-block;color:#fff;font-size:13px}
#otherlink {clear:both;width:100%;height:auto}
#otherlink a {color:#fff;display:inline-block;padding:0 8px;margin-left:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:12px}
#otherlink a span {opacity:.5;position:relative;top:0;font-size:14px}
#otherlink a:hover {color:var(--primary-color)}
#otherlink a:hover span {opacity:1;top:-2px;transition:all .3s ease-in-out}
#etw_bottom {width:94%;max-width:1300px;margin:0 auto;padding:0 0 3rem;position:relative}
#etw_bottom .webtitle {font-size:1.6rem;line-height:1.6rem;padding:1rem 0 .5rem;color:var(--primary-color);font-weight:300;text-align:right;position:relative;margin:0;}
#etw_bottom .home_contact .webtitle a,#etw_bottom .webtitle a {color:var(--primary-color)}
#etw_bottom .home_contact .webtitle a:hover,#etw_bottom .webtitle a:hover {color:#429138}
#etw_bottom a {color:#333}
#etw_bottom a:hover {color:var(--primary-color)}
#etw_bottom ul {width:100%;float:right;display:flex;flex-flow:wrap}
#etw_bottom ul li {width:100%;float:right}
#etw_bottom ul li a {display:block;color:#333;padding:.4rem 0;position:relative;font-size:.95rem;line-height:1.1rem;font-weight:300}
#etw_bottom ul li a:hover {color:var(--primary-color)}
#etw_bottom ul li a.more{font-weight: bold;}
#etw_bottom ul li a.more:before {position:absolute;content:'';background:var(--primary-color);width:30px;height:2px;right:0;bottom:8px;}
#etw_bottom ul li ol {margin:.5rem 0;display:flex;flex-wrap:wrap}
#etw_bottom ul li ol li a {font-size:.85rem;line-height:1.2rem;display:block;padding:.3rem 0;color:#333;font-weight:300;border-bottom:1px dotted #ccc}
.bottom_info {max-width:1300px;width:94%;margin:0 auto;padding:5rem 0 1.5rem;display:flex;flex-wrap:wrap;align-items:center}
.bottom_logo {position:relative;padding:1rem 0;max-width:200px;width:20%}
.bottom_txt {padding:0 3.5rem 0 0;font-size:1rem;width:75%;color:#333;border-right:1px solid #ccc;margin:0 5% 0 0;}
.bottom_txt h6 {font-size:1.4rem;line-height:1.6rem;font-weight: bold;}
.bottom_txt p {font-size:1rem;line-height:1.2rem;margin:0}
.home_contact {width:100%;position:relative}
.pro_contact {padding:0 0 0 1rem;position:relative;display:flex;flex-wrap:wrap}
#etw_bottom .home_contact .webtitle a {border:none}
#etw_bottom .home_contact a {color:#333}
#etw_bottom .home_contact a:hover {color:var(--primary-color);text-decoration:none}
#etw_bottom .bottom_icon {position:relative;margin:1rem 0 0}
#etw_bottom .bottom_icon a {font-size:1.1rem;line-height:1.1rem;background:#fff;margin:0 0 0 8px;height:30px;width:30px;color:var(--primary-color);border-radius:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
#etw_bottom .bottom_icon a:hover {background:var(--primary-color)}
@media (max-width:991.98px) {#footer::after {display:none}
}
@media (max-width:991.98px) {#etw_bottom {padding:2rem 0}
.pro_contact {padding:0}
.bottom_info,.bottom_logo,.bottom_txt {display:none}
#etw_bottom .webtitle {padding:1.5rem 0 .5rem}
}
@media (max-width:767.98px) {.pro_contact {padding:0}
#footer::before {display:none}
}
.video_show {display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_show a::after {display:none}
.video_btn {display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;margin:0 .2rem}
.video_btn span {color:#fff;padding:.6rem 2rem;font-size:.8rem;line-height:.8rem;text-align:center;display:inline-block;margin:1rem 0;min-width:100px;position:relative;overflow:hidden;background:#429138;font-weight:200;z-index:1;transition:.5s all ease-in-out;text-transform:uppercase;border-bottom:2px solid #fff;box-shadow:0 2px 0 rgb(0 0 0 / 20%);border-radius:3px}
.video_btn span:hover {background:#111;border-bottom:2px solid #111}
.video_btn2 {display:flex;flex-wrap:wrap;position:absolute;width:70px;height:70px;opacity:.95;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat;background-size:auto;background-size:cover;border-radius:50%}
.video_btn2s {width:50px;height:50px}
.plyr--video,.plyr__poster,.plyr__video-wrapper {background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster {opacity:0!important}
.plyr__video-wrapper {background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
.etwvideo_hub {position:relative}
.etwvideo_hub ul {display:flex;flex-wrap:wrap;position:relative}
.etwvideo_hub ul>li {width:32%;margin:0 0 1rem 2%;position:relative;transition:.3s all ease-in-out;background:#f1f1f1}
.etwvideo_hub ul>li:nth-child(3n) {margin-left:0}
.etwvideo_hub ul>li:hover {filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}
.etwvideo_hub ul li ol {position:relative;display:flex;flex-wrap:wrap;align-items:center}
.etwvideo_hub ul li ol li.product_img {width:100%;position:relative}
.etwvideo_hub ul li ol li.product_img a {width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.etwvideo_hub ul li ol li.product_img .video_btn2 {width:50px;height:50px}
.etwvideo_hub ul li ol li.product_con {width:100%;position:relative;padding:0 1.5rem 0 1rem}
.etwvideo_hub ul li ol li.product_con a {display:block;font-size:1.1rem;line-height:1.3rem;color:#111;padding:1rem;font-weight:300;text-align:center}
.etwvideo_hub ul li ol li.product_con a:hover {color:var(--primary-color)}
.etwvideo_hub1 {position:relative}
.etwvideo_hub1 ul {display:flex;flex-wrap:wrap;position:relative}
.etwvideo_hub1 ul>li {width:100%;margin:0;position:relative;transition:.3s all ease-in-out;overflow:hidden;box-shadow:inset 0 0 18px 0 rgba(25,42,70,.13)}
.etwvideo_hub1 ul li ol {position:relative;display:flex;flex-wrap:wrap;align-items:center;background:#f0f0f0}
.etwvideo_hub1 ul li ol li.product_img {width:50%;position:relative}
.etwvideo_hub1 ul li ol li.product_img a {width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.etwvideo_hub1 ul li ol li.product_img .video_btn2 {width:70px;height:70px}
.etwvideo_hub1 ul li ol li.product_con {width:50%;position:relative;padding:0 4rem}
.etwvideo_hub1 ul li ol li.product_con a {display:block;font-size:1.3rem;line-height:1.4rem;color:#111;padding:.5rem 1rem .5rem 0;font-weight:500}
.etwvideo_hub1 ul li ol li.product_con a:hover {color:var(--primary-color)}
.other_video ul>li {border-radius:1rem;width:16%}
.other_video ul li ol li.product_img a {width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.other_video ul li ol li.product_img .video_btn2 {width:60px;height:60px}
#video_right {width:69%;float:right;position:relative}
#video_right h2 {margin-top:0;font-size:2rem;line-height:2.2rem}
#video_right .inquiry_box {background:#f6f6f6;margin:3rem 0 0;padding:1rem 3rem}
#video_sidebar {width:28%;float:left;position:relative}
#etw_videolist {position:relative;margin:0 auto;background:#f6f6f6;padding:0 2rem 1rem 2rem}
#etw_videolist .webtitle {font-size:1.6rem;line-height:1.6rem;text-align:right;padding:1rem 2rem 1rem 0;font-weight:500;color:#fff;background:linear-gradient(90deg,#7a0b10,var(--primary-color));margin:1rem -2.5rem 1.5rem -2rem;position:relative}
#etw_videolist .webtitle:before {content:"";position:absolute;width:0;height:0;border-left:8px solid #7a0b10;border-top:0 solid transparent;border-bottom:8px solid transparent;right:0;bottom:-8px}
#etw_videolist>ul {position:relative;display:flex;flex-wrap:wrap}
#etw_videolist>ul>li {width:100%;position:relative;display:block;border-bottom:1px solid rgba(0,0,0,.15);padding:.5rem 0rem;}
#etw_videolist>ul>li>a {width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:.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:right;display:none;}
#etw_videolist>ul>li span {width:100%;float:left;padding:.3rem .8rem;color:#333;font-size:.85rem;line-height:1rem;font-weight:300;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:var(--primary-color)}
#etw_videolist>ul>li>a.dq:before,#etw_videolist>ul>li>a:hover:before {color:var(--primary-color)}
#etw_videolist .videohid {display:none}
.video_more {display:block;margin:1rem 0;width:120px;position:relative}
.video_more span {display:block;background:linear-gradient(90deg,var(--primary-color),var(--primary-color));color:#fff;text-align:right;padding:.8rem 0 .8rem 1.5rem;font-size:1rem;line-height:1rem;position:relative;cursor:pointer;transition:.3s all ease-in-out}
.video_more span::before {position:absolute;content:"\f104";position:absolute;left:22px;top:50%;transform:translateY(-50%);font-family:FontAwesome;color:#fff;font-size:22px;font-weight:300;transition:.3s all ease-in-out}
.video_more span:hover:before {left:18px}
#video_right video {width:100%!important}
.video_flash:before {content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;border-radius:50%;background-color:var(--primary-color);-webkit-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@-webkit-keyframes ripple {0%,35% {-webkit-transform:scale(0);transform:scale(0);opacity:.9}
50% {-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.5}
100% {opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes ripple {0%,35% {-webkit-transform:scale(0);transform:scale(0);opacity:.9}
50% {-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.5}
100% {opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@media (max-width:991.98px) {.etwvideo_hub ul>li {width:100%;margin:0 0 1rem 0}
.etwvideo_hub1 ul li ol li.product_img {width:100%}
.etwvideo_hub1 ul li ol li.product_con {width:100%;position:relative;padding:1rem 2rem 2rem}
#video_right {width:100%;float:none}
#video_sidebar {width:100%;float:none}
#etw_videolist>ul>li {width:49%;margin:0 0 1rem 2%}
#etw_videolist>ul>li:nth-child(2n) {margin-left:0}
#etw_videolist>ul>li:nth-child(odd) {clear:both}
.video_btn2 {width:60px;height:60px}
#video_right .inquiry_box {padding:1rem 2rem}
}
@media (max-width:575.98px) {.videoall ul li {width:100%;margin-left:0}
#etw_videolist>ul>li>a {border-radius:0}
#etw_videolist>ul>li img {width:100%;float:none}
#etw_videolist>ul>li span {width:100%;float:none;text-align:center;padding:.5rem 0}
.etwvideo_hub ul li ol li.product_img {width:40%}
.etwvideo_hub ul li ol li.product_con {width:60%;padding:0 1rem}
.etwvideo_hub ul li ol li.product_con a {font-size:.85rem;line-height:1rem;padding:1rem 0;text-align:right}
#etw_videolist {padding:1rem}
}
.theme-send-inquiry-box {background:#111!important;border:none!important}
.theme-box-name {background:var(--primary-color)!important;border-right:none!important;text-transform:uppercase!important;font-size:14px!important;font-weight:200!important}
.theme-box-i {padding:8px 10px 0 10px!important}
@media (max-width:767px) {.theme-box-name {font-size:12px!important;padding:0 8px!important}
.theme-box-i {width:32px!important;font-size:14px!important;padding:10px 9px 0 6px!important}
}
.overview_box .caption-name {font-size:2.6rem;width:100%;line-height:2.8rem;text-align:center;margin-bottom:2rem;}
.overview_box .items {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-top:40px}
.overview_box .items .item {width:49%;margin-left:2%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.overview_box .items .item:nth-child(2n) {margin-left:0}
.overview_box .items .item .simple-name-label {font-size:1.4rem;text-align:right;height:2rem;position:relative;height:50px;width:90%}
.overview_box .items .item .simple-name-label:before {content:"";width:180px;height:5px;display:inline-block;transform-origin:bottom left;transform:skew(40deg,0);position:absolute;right:0;bottom:0;background:var(--primary-color)}
.overview_box .items .item .simple-name-label:after {content:"";width:70%;margin-right:187px;height:10px;transform-origin:bottom left;transform:skew(40deg,0);position:absolute;right:0;bottom:0;background:linear-gradient(70deg,transparent,transparent);border-right:1px solid #aaa;border-bottom:1px solid #aaa}
.overview_box .items .item .simple-name-value {font-size:1.1rem;text-align:right;color:#555}
.overview_box .detail {display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;line-height:1.6rem;margin:0 0 .2rem}
.overview_box .detail .value {font-size:1rem;padding-right:6px}
.overview_more {width:140px;margin:0 auto}
.overview_more a {display:block;width:100%;background:var(--primary-color);color:#fff;text-align:center;padding:.8rem 1rem;font-size:1rem;line-height:1rem}
.overview_more a:hover {background:#414141}
@media (max-width:991.98px) {.overview_box .caption-name {font-size:1.6rem;line-height:1.8rem}
.overview_box .items .item .simple-name-label {font-size:1.2rem;line-height:1.4rem}
}
@media (max-width:575.98px) {.overview_box .items .item {width:100%;margin-left:0;margin-bottom:1.5rem}
.overview_box .items .item .simple-name-label {height:40px}
.overview_box .items .item .simple-name-value {margin-top:.6rem!important}
}
#feedback2017 .etw-inpposition input,#feedback2017 .etw-inquery-control {font-weight:300;border-radius:0;color:#666}
#feedback2017 .etwfrom-sendsubmit {color:#fff;border-radius:0;background:#cc0815;margin:1rem 0 0 0;padding:0 1.8rem;border:none;font-weight:300;font-size:1rem;line-height:1rem;cursor:pointer}
#feedback2017 .etw-inquery-label {font-weight:300}
@media (max-width:991.98px) {#feedback2017 .etw-inquery-container {padding:0}
}
.exhibition {width:310px;height:350px;overflow-x:hidden;overflow-y:auto;position:fixed;left:0;top:18%;z-index:9999;box-shadow:rgba(27,26,26,.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,.3) 0 1.875rem 3.75rem -1.875rem;background:#fff;border-radius:10px 0 0 10px;display: none;}
.exh_box {position:relative}
.exh_close {width:30px;height:30px;position:absolute;left:8px;top:12px;z-index:1}
.exh_close a {display:block;width:32px;height:32px;transition:.3s all ease-in-out;background:url(../images/icon9.png) no-repeat;background-size:cover;position:relative}
.exh_close a:hover {transform:rotate(180deg)}
.exh_text {margin:0 auto;width:100%;position:relative}
.exh_text img {width:100%;display:block}
.exh_des {position:relative;padding:.8rem 1.5rem 0 1rem}
.exh_des strong {font-size:1.4rem;line-height:1.6rem;display:block;padding:.5rem 0;font-weight:600;color:#333}
.exh_des p {margin:0;line-height:1.4rem;font-size:.9rem}
.exh_more {display:inline-block;font-size:1rem;font-weight:400;line-height:1rem;text-align:center;margin:0 1.5rem 0 0}
.exh_more a {display:block;width:100%;color:#cc0815;position:relative;padding:.8rem 0 1rem}
.exh_more a:before {position:absolute;content:'';background:url(../images/icon2.png) no-repeat;background-size:cover;width:15px;height:15px;left:-15px;top:50%;transform:translateY(-50%);opacity:0;transition:.3s all ease-in-out}
.exh_more a:hover:before {left:-25px;opacity:1}
@media (max-width:991.98px) {.exhibition {display:none}
}
@media (max-width:991.98px) {bannerin1 {background:url(../images/bannerin01_750.webp) no-repeat;background-size:cover;background-position:0 40%;}
.bannerin2 {background:url(../images/bannerin02_750.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin3 {background:url(../images/bannerin03_750.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin4 {background:url(../images/bannerin04_750.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin5 {background:url(../images/bannerin05_750.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin7 {background:url(../images/bannerin06_750.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin8 {background:url(../images/bannerin07_750.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin9 {background:url(../images/bannerin08_750.webp) no-repeat;background-size:cover;background-position:0 30%;}
.bannerin10 {background:url(../images/bannerin09_750.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin11 {background:url(../images/bannerin10_750.webp) no-repeat;background-size:cover;background-position:0 30%;}
.relatedpro1 ul li ol>li {width:100%;}
.relatedpro1 ul li ol>li>a>img {width:100%;}
}
@media (max-width:575.98px) {bannerin1 {background:url(../images/bannerin01_480.webp) no-repeat;background-size:cover;background-position:0 40%;}
.bannerin2 {background:url(../images/bannerin02_480.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin3 {background:url(../images/bannerin03_480.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin4 {background:url(../images/bannerin04_480.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin5 {background:url(../images/bannerin05_480.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin7 {background:url(../images/bannerin06_480.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin8 {background:url(../images/bannerin07_480.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin9 {background:url(../images/bannerin08_480.webp) no-repeat;background-size:cover;background-position:0 30%;}
.bannerin10 {background:url(../images/bannerin09_480.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin11 {background:url(../images/bannerin10_480.webp) no-repeat;background-size:cover;background-position:0 30%;}
.mainpro1_img>a>img,.probase_img>a>img {width:100%;}
}
@media (max-width:1499.98px) {bannerin1 {background:url(../images/bannerin01_1024.webp) no-repeat;background-size:cover;background-position:0 40%;}
.bannerin2 {background:url(../images/bannerin02_1024.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin3 {background:url(../images/bannerin03_1024.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin4 {background:url(../images/bannerin04_1024.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin5 {background:url(../images/bannerin05_1024.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin7 {background:url(../images/bannerin06_1024.webp) no-repeat;background-size:cover;background-position:0 62%;}
.bannerin8 {background:url(../images/bannerin07_1024.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin9 {background:url(../images/bannerin08_1024.webp) no-repeat;background-size:cover;background-position:0 30%;}
.bannerin10 {background:url(../images/bannerin09_1024.webp) no-repeat;background-size:cover;background-position:0 60%;}
.bannerin11 {background:url(../images/bannerin10_1024.webp) no-repeat;background-size:cover;background-position:0 30%;}
.exhibition {display:none;}
}
.etw-inquery-icon {display:none!important;}
#feedback2017 .etw-inquery-control {border:none;border-bottom:1px solid #ccc;}
#feedback2017 .etwfrom-sendsubmit {background-color:var(--table-td-bg);color:var(--primary-color);}


/*tags*/
.tags{width:100%;float:right;margin-bottom:1rem;margin-top:20px;}
#tags_title{display:block;color:#333;font-size:1rem;font-weight:500;line-height:28px;text-align:right;padding:0;}
.tags related a{margin:0 0 3px 10px;color:#777;display:inline-block;line-height:16px;font-size:13px;}