@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
@font-face {font-weight:100;font-style:normal;font-family:Montserrat;src:local('Montserrat-ExtraLight'),local('Montserrat-ExtraLight'),url(../font/Montserrat-ExtraLight.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:200;font-style:normal;font-family:Montserrat;src:local('Montserrat-Light'),local('Montserrat-Light'),url(../font/Montserrat-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;font-family:Montserrat;src:local('Montserrat-Regular'),local('Montserrat-Regular'),url(../font/Montserrat-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;font-family:Montserrat;src:local('Montserrat-Medium'),local('Montserrat-Medium'),url(../font/Montserrat-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;font-family:Montserrat;src:local('Montserrat-SemiBold'),local('Montserrat-SemiBold'),url(../font/Montserrat-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;font-family:Montserrat;src:local('Montserrat-Bold'),local('Montserrat-Bold'),url(../font/Montserrat-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;font-family:Montserrat;src:local('Montserrat-ExtraBold'),local('Montserrat-ExtraBold'),url(../font/Montserrat-ExtraBold.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;font-family:Swis721Lt;src:local('Swis721Lt-Regular'),local('Swis721Lt-Regular'),url(../font/Swis721Lt-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:300;font-style:oblique;font-family:Swis721Lt;src:local('Swis721Lt-RegularItalic'),local('Swis721Lt-ReRegularItalicgular'),url(../font/Swis721Lt-RegularItalic.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;font-family:AppleTea;src:local('AppleTea'),local('AppleTea'),url(../font/AppleTea.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')}
body {color:#333;font-family:Swis721Lt,Arial,Helvetica,sans-serif;font-size:1.125rem;background:#fff;font-weight:300;line-height:1.5rem}
*,li,ol,ul {margin:0;padding:0}
li,ol,ul {list-style:none}
img {max-width:100%}
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;blr:expression(this.onFocus=this.blur())}
a:hover {color:#004098}
a:focus {outline:0;text-decoration:none}
a,a:hover {text-decoration:none}
a.link {color:#124ca0;text-decoration:underline;font-weight:400;font-style:oblique}
a.link:hover {color:#289fe1;text-decoration:underline}
b {color:#454545;font-size:1rem;line-height:1.3rem;margin:15px 0 6px 0;display:block;font-weight:500}
strong {color:#111;font-size:1.2rem;font-weight:600}
.etw_hometitle {font-size:2.6rem;line-height:2.8rem;padding:0;color:#004098;margin:1.5rem 0;font-weight:600}
.etw_hometitle small {display:block;color:#555;font-size:70%;line-height:2rem;font-weight:500}
h2 {font-size:2.6rem;line-height:2.8rem;padding:0;color:#004098;margin:1.5rem 0;font-weight:600}
h2 span {color:#272727;font-weight:200}
.small_h2 {font-size:2rem;line-height:2.2rem;padding:0;margin:0 0 1.5rem;position:relative}
h3 {font-size:1.2rem;line-height:1.5rem;font-weight:600;color:#999;margin:-1rem 0 1.5rem}
h4 {display:block;color:#777;font-size:1.1rem;padding:1rem 0;line-height:1.3rem;margin:0;font-weight:300}
.row_h2 {font-size:2.4rem;line-height:2.8rem;padding:0;margin:0 0 1.5rem;position:relative}
.row_h2:before {position:absolute;content:'';background:#eb5c02;width:100px;height:3px;left:0;bottom:-10px}
.etw_protitle {display:block;font-size:2.8rem;line-height:3.2rem;padding:0 0 .5rem 0;color:#111;margin:0 0 1rem 0;font-weight:600;border-bottom:1px dotted #999}
.etw_protitle span {color:#004098;font-weight:700;display:block;font-size:2.4rem;line-height:2.6rem}
.etw_protitle1 {font-size:2.4rem;line-height:2.8rem}
small {display:block}
.proname {display:block;font-size:1.8rem;line-height:2.2rem;padding:0 0 1.5rem 0;color:#111;margin:0;font-weight:300}
hr {border:none;background:linear-gradient(90deg,transparent,#ccc,transparent);margin:1.5rem 0 3rem;width:100%;height:1px}
.hr1 {border-bottom:none;margin:2rem 0;background:repeating-linear-gradient(-45deg,#ccc,#999 1px,#fff 0,#fff 5px);width:100%;height:11px}
.etw_certitle {text-align:center;font-size:28px}
inquiry,u.inquiry {text-decoration:none;color:#c32e24;display:inline;margin:2px 0;font-weight:100;float:left}
u.inquiry:after {content:"INQUIRY";background:#004098;border-radius:2px;color:#fff;text-align:center;line-height:1;padding:4px 8px;font-size:12px;display:inline-block}
u.inquiry:hover:after {opacity:.6}
.nolr {padding-left:0;padding-right:0}
.no_bd {border:none!important}
.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:.8rem;line-height:1rem;font-weight:200;border:1px solid #fff;font-family:Montserrat}
.table tr.top td {color:#fff;padding:10px 12px!important;font-weight:200;background:#eb5c02;font-size:.9rem;line-height:1.1rem}
.table1 tr {border-bottom:1px solid #aaa}
.table1 tr td {border:none!important;padding:18px 12px!important;line-height:1.4rem}
.table1 tr td:first-child {font-weight:500;font-size:1.05rem;color:#555;padding:18px 6px!important}
.table tr td.top1 {background:#004098;color:#fff;font-weight:600}
.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:rgb(17 135 57 / 5%)!important}
.table-striped tr:nth-of-type(odd):hover {background-color:rgba(0,0,0,.075)!important}
.table2,.table2 tr:first-child td {border-top:none!important}
.table img {width:70%;margin:0 auto;display:block}
.indent {padding-left:2.3rem}
.line1 {width:90%;margin:2rem auto;background:linear-gradient(to right,#fff 0,#333 50%,#fff 100%);height:1px;border:none}
.clearfix::after {display:table;clear:both}
.brief {color:#555;margin:2rem 0;position:relative;font-size:1.1rem;line-height:1.6rem}
.first {font-size:1.1rem;line-height:1.8rem}
.first strong {font-size:1.2rem;font-weight:700}
.first1 {font-size:1.2rem;line-height:1.8rem;margin:0 0 .3rem -2.4rem;color:#111!important}
.first1 span {background:#004098;color:#fff;display:block;position:relative;float:left;text-align:center;font-size:1.4rem;font-weight:600;width:28px;height:28px;line-height:30px;border-radius:50%;margin:0 .6rem 0 0}
.first2 {font-size:.9rem;line-height:1.5rem}
.first2 strong {font-size:1.1rem;line-height:1.8rem}
.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-bottom:4px solid #ed9300;border-radius:2rem;background:#004098}
.more_btn:hover {background:#555;color:#fff;border-bottom:4px solid #212121}
.small_info p {margin:0;font-size:.9rem;line-height:1.4rem}
.proline_bg {overflow:hidden;width:94%;text-align:center;margin:1rem auto}
.pro_line {display:inline-block;position:relative}
.pro_line:before {position:absolute;top:50%;display:block;right:100%;margin-right:15px;width:2000px;height:0;border-top-style:solid;border-top-width:1px;border-color:#ddd;content:" "}
.pro_line:after {position:absolute;top:50%;display:block;left:100%;margin-left:15px;width:2000px;height:0;border-top-style:solid;border-top-width:1px;border-color:#ddd;content:" "}
.pro_line a {padding:.2rem}
.pro_line i {display:inline-block;font-size:2rem;width:40px;height:40px;margin:.5rem 0 0 0}
.pro_line i:before {content:'\f103';font-family:FontAwesome;color:#004098;font-size:3rem}
@media (max-width:991.98px) {.etw_hometitle,.proname,h2 {font-size:2rem;line-height:2.2rem;margin:0 0 1.5rem 0}
h2 small {line-height:1.4rem}
h3 {font-size:1.05rem;line-height:1.4rem}
.small_h2 {font-size:1.6rem;line-height:1.8rem}
}
@media (max-width:767.98px) {.etw_protitle {display:none}
hr {margin:1rem 0 2rem}
}
#header {width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;background:rgba(255 255 255 / 97%);visibility:visible;transition:.5s all ease-in-out;z-index:1000;box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%)}
.home_header {background:rgb(0 0 0 / 70%)!important}
.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}
}
.header_top {width:100%;position:relative;background:#004098;transition:.5s all ease-in-out}
.headertop_con {width:94%;max-width:1140px;margin:0 auto}
.headerin {position:relative;margin:0 auto;width:100%;max-width:1200px;z-index:100}
.top_contact {width:160px;visibility:visible;float:right;height:32px;padding:.4rem 0;font-weight:400;transition:.5s all ease-in-out}
.top_contact .cot_email:before {color:#253041}
.top_contact a:hover {color:#199eda}
#etw_logo {float:none;width:100%;text-align:center;position:relative;padding:0;z-index:1}
#etw_logo a {display:block;position:relative}
.top_video {float:right;margin:.2rem 1rem;position:relative;background:url(../images/video.png) no-repeat center;width:110px;height:42px}
.top_video a {width:100%;display:block;height:100%}
.small_nav {width:100%;position:relative;margin:-.8rem 0 0 1rem}
.small_nav ul {display:flex;flex-wrap:wrap;position:relative;justify-content:start}
.small_nav ul li {position:relative}
.small_nav ul li a {position:relative;font-family:Montserrat;font-weight:200;color:#fff;font-size:.9rem;line-height:.9rem;padding:0 1.5rem;margin:.2rem 0 1.1rem;display:block;border-right:1px solid #eee}
.small_nav ul li:last-child a {border-right:0}
.small_nav ul li a.dq,.small_nav ul li a:hover {color:#abb4c1}
.top_name {width:100%;position:relative;margin:0 auto 1rem;text-align:center;visibility:visible;transition:.3s all ease-in-out}
.top_name h1 {font-size:1.6rem;line-height:1.8rem;font-weight:200;color:#004098;margin:0;font-family:Montserrat}
.top_name:before {position:absolute;content:'';background:#eb5c02;width:110%;height:1px;left:-5%;bottom:-1rem}
.etw_language {width:60%;height:34px;float:right;text-align:right;visibility:visible}
.etw_language>ul {position:relative;margin:0}
.etw_language>ul>li {position:relative}
.etw_language>ul>li>a {display:block}
.etw_language ul li ol {position:relative;display:block}
#etw_language {width:auto;margin:0}
#etw_language .dropdown-item {display:inline-block;width:auto;font-size:.9rem;line-height:.9rem;padding:.6rem 1rem;color:#fff;background:0;min-width:auto!important;font-weight:300}
#etw_language .dropdown-item img {padding:0 .3rem .15rem 0}
#etw_language .dropdown-item:hover {color:#eb5c02;background:0}
.etw_language a:not([href]):not([tabindex]) {color:#fff;cursor:pointer}
.iconfont {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;right: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%;left: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%)}
.nav-fixed .top_name {visibility:hidden;opacity:0;height:0;margin:0}
.nav-fixed #etw_logo {float:left;width:80px;padding:.3rem 0}
@media (max-width:1199.98px) {.small_nav ul li a {font-size:.8rem;padding:0 1rem}
}
@media (max-width:991.98px) {#header {position:relative}
#header:before {display:none}
.header_top {width:auto;background:0;position:absolute;top:1.6rem;right:4rem;z-index:200}
.header_top:after {display:none}
.top_video {display:none}
#etw_logo {padding:.5rem 0;margin-left:1rem;width:70px}
.nav-fixed {background:#fff!important;position:inherit;animation:none}
.etw_language {width:auto;height:auto;margin:0;float:right}
.etw_language>ul>li::before {position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-2%;right:1.4rem}
.etw_language>ul>li>a {margin:0 3rem 0 0;text-align:center;width:40px;z-index:100;display:block}
.etw_language ul li ol {position:absolute;width:100px;left:-1.8rem;top:1.6rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language {width:100%;background:#fff;padding:.3rem 0}
#etw_language .dropdown-item {width:auto;color:#111;font-size:.85rem;line-height:.85rem;padding:.6rem .6rem .6rem 1rem;clear:inherit;display:block;background:0 0;text-align:left}
#etw_language .dropdown-item:hover {background:#fff}
.top_name {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:center;align-items:center;float:none;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:0.9rem;line-height:1.2rem;position:relative;margin:0 1rem;font-weight:300;padding:1.5rem 0}
.navbar-light .navbar-nav a.nav-link:before {content:"";position:absolute;bottom:14px;left:0;height:1px;width:0;background:#eb5c02;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:#111;width:auto;margin-left:.1rem;height:auto;font-weight:300;vertical-align:top;font-size:22px;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:#eb5c02;top:58%;right:0}
.navbar-nav .dropdown-menu {box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);border:none;padding:1.5rem .5rem;left:1rem;border-radius:0;top:150%;background:linear-gradient(125deg,#eb5c02,#004098);margin:0;visibility:hidden;pointer-events:none;opacity:0;display:block;transition:all .3s ease 0s}
.navbar-nav .dropdown-menu:before {content:"";position:absolute;width:0;height:0;border-bottom:6px solid #eb5c02;border-left:8px solid transparent;border-right:8px solid transparent;left:10%;top:-6px}
.navbar-nav .dropdown-menu1:before {left:34%}
.navbar-nav .dropdown-menu2:before {left:2rem}
.navbar-nav .dropdown-menu.show {visibility:visible;pointer-events:all;opacity:1;top:100%;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:#eb5c02}
.navbar-light .navbar-nav .show>.nav-link {color:#eb5c02}
.navbar-light .navbar-nav .dropdown-item {font-size:0.95rem;padding:.3rem 1.5rem;font-weight:300;color:#fff;position:relative}
.navbar-nav .dropdown-menu1 {min-width:73rem;left:-23rem;padding:1rem 2rem}
.navbar-light .navbar-nav .dropdown-menu1 li {width:100%;position:relative}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {background:0;position:relative;padding:1rem 0 .5rem .3rem;font-size:1.05rem;color:#fff;font-weight:300;white-space:normal;line-height:1.2rem;text-align:left;border-bottom:1px solid #ddd;margin:0 0 .3rem}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {width:24px;height:24px;position:absolute;left:0;top:1px}
.navbar-nav .dropdown-menu li ol {position:relative;display:block;padding:0 0 .3rem 0;width:100%}
.navbar-light .navbar-nav .dropdown-menu1 li ol li {width:100%;position:relative}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a {width:100%;display:block;position:relative;padding:.15rem 0 .15rem 1rem;font-weight:300;font-size:.8rem;color:#fff;line-height:.9rem}
.navbar-nav .dropdown-menu2 {min-width:55rem;padding:2rem 2rem}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item {font-size:0.95rem;line-height:1.2;white-space:normal;padding:.25rem 0}
.navbar-nav .dropdown-menu li ol li a:before {position:absolute;content:'';background:#fff;width:4px;height:4px;top:8px;left:6px;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:#ff8b42}
.navbar-nav .dropdown-menu li ol li a.active:before,.navbar-nav .dropdown-menu li ol li a:hover:before {background:#ff8b42}
.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:#ff8b42}
.navbar-nav .dropdown-menu li ol li a.active span,.navbar-nav .dropdown-menu li ol li a:hover span {color:#004098}
.nav-item span.pro_icon {position:absolute;top:6px;right:0;color:#999;padding:0;font-size:34px;width:30px;height:30px;line-height:30px;display:none;text-align:center;font-weight:200}
@media (max-width:1299.98px) {.navbar-nav .dropdown-menu1 {left:-26rem}
.navbar-light .navbar-nav a.nav-link {font-size:0.85rem;margin: 0 0.5rem;}
}
@media (max-width:991.98px) {.top-nav {width:100%;float:left;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;left:0!important;top:0!important;margin-left: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.8rem;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 .dropdown-item,.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item {padding:.4rem 1rem .4rem 1.8rem;font-size:.9rem}
.navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item {border-bottom:none}
.navbar-light .navbar-nav a.dropdown-item.active,.navbar-light .navbar-nav a.dropdown-item:active,.navbar-light .navbar-nav a.dropdown-item:hover {color:#eb5c02}
.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 .dropdown-item img {display:none}
.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:#004098;background:0 0}
.navbar-light .navbar-nav .show>.nav-link {background:0 0}
.navbar-light .navbar-nav a.nav-link {font-size:1.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:.8rem 1rem 0 0;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}
.carousel-caption {position:absolute;text-align:left;padding:0;left:12%;top:24%;bottom:auto;right:auto;width:590px}
.carousel-caption h1 {color:#fff;margin:0}
.carousel-caption h1 small {display:block}
.carousel-caption span {font-weight:300;font-size:1.4rem;line-height:1.6rem;display:block;margin:1.2rem 0;padding:0}
.carousel-caption a.more {background:#004098;color:#fff;padding:.5rem 1rem;font-size:1rem}
.carousel-caption a.more:hover {background:#002341}
.banner_txt {left:8%;margin:0 auto;top:15%;text-align:left;position:absolute;width:480px}
.banner_txt h1 {font-size:2.4rem;color:#272727;font-weight:300;line-height:2.8rem;margin:0 0 1rem 0;text-align:left;font-family:AppleTea}
.banner_txt h1 i {font-style:normal;color:#eb5c02}
.banner_txt span {color:#111;display:block;font-size:1rem;font-weight:200;text-align:left;line-height:1.5rem;width:85%}
.banner_txt p {color:#fff;font-size:1rem;line-height:1.5rem;padding:0;margin:0}
.banner_txt1 {width:425px;margin:0 auto;top:6%;text-align:left;position:absolute;left:9%}
.banner_txt1 h1 {font-size:1.8rem;color:#272727;font-weight:300;line-height:2.4rem;margin:0 0 .5rem 0;text-align:left;font-family:AppleTea}
.banner_txt1 h1 i {font-style:normal;color:#eb5c02}
.banner_txt1 span {color:#111;font-size:1.2rem;line-height:1.6rem;font-weight:200;text-align:left;width:100%;display:block;margin:0 auto}
.banner_txt2 {width:700px;left:18%;margin:0 auto;top:7%;text-align:left;position:absolute}
.banner_txt2:before {position:absolute;content:'';background:rgb(4 99 36 / 70%);width:110%;display:none;height:100%;transform:skewX(-15deg);left:-6%;top:0}
.banner_txt2 h1 {font-size:1.3rem;color:#272727;font-weight:bold;line-height:2.4rem;margin:0;text-align:left;font-family:AppleTea}
.banner_txt2 h1 i {font-style:normal;color:#eb5c02}
.banner_txt2 span {width:100%;text-align:left;margin:0;font-weight:200;font-size:1rem;line-height:1.4rem;color:#333;display:block}
.banner_txt2 ul {position:relative;display:flex;flex-wrap:wrap}
.banner_txt2 ul li {position:relative;width:100%;padding:0 0 .5rem 2rem;font-size:1rem;line-height:1.3rem;font-weight:300;color:#111}
.banner_txt2 ul li:before {position:absolute;content:'';background:#004098;width:6px;height:6px;border-radius:50%;left:14px;top:6px}
.banner_txt2 ul li strong {color:#004098;font-size:1.2rem;font-weight:600}
.banner_txt3 {width:588px;left:22%;top:8%;text-align:center;padding:1.5rem;background:rgba(0 0 0/ 50%)}
.banner_txt3 h1 {color:#fff;font-style:oblique;display:block;float:left;text-align:center;font-size:2.4rem;line-height:2.6rem;padding:0;font-family:Poppins;border-bottom:4px solid #babab9;text-transform:uppercase}
.banner_txt3 span {background:rgba(1 147 222 / 80%);color:#fff;width:700px;text-align:right;display:block;float:right;padding:2rem 3rem;clear:both;font-size:1.1rem;line-height:1.5rem;font-weight:200;margin:0}
.banner_more {position:relative;width:280px;font-weight:300;margin:2rem auto;transition:.3s all ease-in-out;text-align:center}
.banner_more a {display:block;width:100%;color:#111;position:relative;border:2px solid #111;padding:.8rem 0;text-align:center;font-size:1.1rem;line-height:1.1rem;font-weight:300;border-radius:2rem;background:rgba(255 255 255 / 50%)}
.banner_more a:after {content:"\f105";position:absolute;right:20px;top:13px;font-family:FontAwesome;color:#004098;font-size:25px;opacity:0;transition:.3s all ease-in-out}
.banner_more a:hover {color:#004098;background:rgba(0 0 0 / 2%);padding:.8rem 1rem .8rem 0}
.banner_more a:hover:after {opacity:1;right:14px}
.banner_txt1 .banner_more {margin:1.5rem 0}
.carousel-indicators {bottom:1rem;padding:1rem 0;margin:0}
.carousel-indicators li {width:14px;height:14px;margin:20px 8px 0 8px;border-radius:50%;background-color:#716e6e;transition:.3s all ease-in-out;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.carousel-indicators li.active {background:#004098}
.carousel-indicators li::after {position:absolute;bottom:0;left:-6px;display:inline-block;width:300%;height:100%;content:""}
.carousel-indicators li::before {position:absolute;top:0;left:0;display:inline-block;width:300%;height:100%;content:""}
.carousel-control-next,.carousel-control-prev {background:0;border:none;transition:.5s all ease-in-out;width:10%;left:-1.5rem;opacity:.3;-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}
.carousel-control-next {left:auto;right:-1.5rem}
.carousel-control-next-icon,.carousel-control-prev-icon {width:30px;height:69px;cursor:pointer}
.carousel-control-prev-icon {background:url(../images/carousel-control-left.png) no-repeat;background-size:cover}
.carousel-control-next-icon {background:url(../images/carousel-control-right.png) no-repeat;background-size:cover}
.carousel-control-next:hover {right:-1rem}
.carousel-control-prev:hover {left:-1rem}
.bannerin {width:100%;position:relative;overflow:hidden;background:url(../images/bannerin01.jpg) no-repeat;background-size:cover;min-height:280px;background-position:0 10%}
.bannerin1 {background:url(../images/bannerin02.jpg) no-repeat;background-position-x:0;background-position-y:0;background-size:auto;background-size:cover;min-height:250px;background-position:0 0}
.bannerin2 {background:url(../images/bannerin03.jpg) no-repeat;background-size:cover;background-position:0 36%;min-height:260px}
.bannerin3 {background:url(../images/bannerin04.jpg) no-repeat;background-size:cover;background-position:0 5%;min-height:260px}
.bannerin4 {background:url(../images/bannerin05.jpg) no-repeat;background-size:cover;background-position:0 60%;min-height:260px}
.bannerin5 {background:url(../images/bannerin06.jpg) no-repeat;background-size:cover;background-position:0 81%;min-height:260px}
.bannerin6 {background:url(../images/bannerin07.jpg) no-repeat;background-size:cover;background-position:0 15%;min-height:260px}
.bannerin7 {background:url(../images/bannerin08.jpg) no-repeat;background-size:cover;background-position:0 50%;min-height:260px}
.bannerin8 {background:url(../images/bannerin09.jpg) no-repeat;background-size:cover;background-position:0 50%;min-height:260px}
.bannerin9 {background:url(../images/bannerin10.jpg) no-repeat;background-size:cover;background-position:0 50%;min-height:260px}
.bannerin10 {background:url(../images/bannerin11.jpg) no-repeat;background-size:cover;background-position:0 50%;min-height:260px}
.bannerin11 {background:url(../images/bannerin12.jpg) no-repeat;background-size:cover;background-position:0 50%;min-height:260px}
.bannerin12 {background:url(../images/bannerin13.jpg) no-repeat;background-size:cover;background-position:0 100%;min-height:260px}
.bannerin13 {background:url(../images/bannerin14.jpg) no-repeat;background-size:cover;background-position:0 90%;min-height:260px}
.bannerin14 {background:url(../images/bannerin15.jpg) no-repeat;background-size:cover;background-position:0 100%;min-height:260px}
.bannerin15 {background:url(../images/bannerin16.jpg) no-repeat;background-size:cover;background-position:0 98%;min-height:260px}
.bannerin16 {background:url(../images/bannerin17.jpg) no-repeat;background-size:cover;background-position:0 50%;min-height:260px}
.bannerin17 {background:url(../images/bannerin18.jpg) no-repeat;background-size:cover;background-position:0 60%;min-height:260px}
.bannerin18 {background:url(../images/bannerin19.jpg) no-repeat;background-size:cover;background-position:0 70%;min-height:260px}
.bannerin19 {background:url(../images/bannerin20.jpg) no-repeat;background-size:cover;background-position:0 10%;min-height:260px}
.bannerin20 {background:url(../images/bannerin21.jpg) no-repeat;background-size:cover;background-position:0 70%;min-height:260px}
.bannerin21 {background:url(../images/bannerin22.jpg) no-repeat;background-size:cover;background-position:0 70%;min-height:260px}
.bannerin22 {background:url(../images/bannerin23.jpg) no-repeat;background-size:cover;background-position:0 70%;min-height:260px}
.bannerin23 {background:url(../images/bannerin24.jpg) no-repeat;background-size:cover;background-position:0 70%;min-height:260px}
.bannerin24 {background:url(../images/bannerin25.jpg) no-repeat;background-size:cover;background-position:0 0;min-height:200px}
.bannerin25 {background:url(../images/bannerin26.jpg) no-repeat;background-size:cover;background-position:0 10%;min-height:260px}
.bannerin26 {background:url(../images/bannerin27.jpg) no-repeat;background-size:cover;background-position:0 10%;min-height:300px}
.bannerin27 {background:url(../images/bannerin28.jpg) no-repeat;background-size:cover;background-position:0 10%;min-height:300px}
.bannerin28 {background:url(../images/bannerin29.jpg) no-repeat;background-size:cover;background-position:0 10%;min-height:260px}
.bannerin_shadow {border-bottom:5px solid #004098;box-shadow:0 5px 10px #c0bfc0;position:relative}
.bannerin_shadow:before {content:'';position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;opacity:.7;background:#004098}
.bannerin_shadow1 {position:relative}
.bannerin_shadow1:before {content:'';position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;opacity:.7;background:rgba(0 0 0 / 75%)}
.banner_video {margin:-5rem 0 2rem}
.drop_icon {position:relative;text-align:center;z-index:1;margin:0 auto}
.banner_box {position:absolute;max-width:1100px;margin:0 auto;width:94%;z-index:4;left:0;right:0;top:50%;transform:translateY(-50%)}
.banner_box #quicknav,.banner_box #quicknav a,.banner_box .etw_hometitle,.banner_box h2,.banner_box h4 {color:#fff;background:0}
.banner_box .etw_hometitle,.banner_box h2 {font-size:3rem;padding:1rem 0;font-weight:400;position:relative;line-height:3.4rem;border-bottom:none;margin:0;color:#fff}
.banner_box h2.small_h2 {font-size:2.4rem;line-height:2.6rem}
.banner_box p {color:#fff;font-weight:200;font-size:1.2rem;line-height:1.8rem;width:50%}
.banner_box1 #quicknav,.banner_box1 #quicknav a,.banner_box1 #quicknav a i,.banner_box1 .etw_hometitle,.banner_box1 h2 {color:#004098!important}
.banner_box1 .etw_hometitle,.banner_box1 h2 {font-size:2.6rem;line-height:3rem;width:80%}
.bannerin2 .banner_box p,.bannerin3 .banner_box p {width:50%}
.banner_box #quicknav a:hover {color:#ff8b42}
.banner_box #quicknav ul {width:100%}
.banner_box #quicknav li+li::before {color:#ddd}
.banner_box1 #quicknav li+li::before {color:#111}
#etw_banner .swiper-pagination {display:block;width:100%;bottom:8px}
#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:14px;height:14px;border:2px solid #004098}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:60px;height:105px;background-image:none;background-color:rgba(0 0 0 / 30%);right:0;z-index:1;transform:translateY(-50%);transition:.5s;opacity:0}
#etw_banner .swiper-button-prev {left:0}
#etw_banner:hover .swiper-button-prev {left:1rem;opacity:.8}
#etw_banner:hover .swiper-button-next {right:1rem;opacity:.8}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after {content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;opacity:.8;width:38px;height:91px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out}
#etw_banner .swiper-button-prev::after {background:url(../images/arrow_prev.png) no-repeat;background-size:cover}
.banner_content {position:absolute;top:18%;left:55%;display:flex;flex-wrap:wrap}
.bannerimg {position:relative;width:48%}
.bannerimg2 {right:21%;top:16%;width:10%}
.bannerimg3 {right:39%;top:41%;width:10%}
.swiper_cer {padding:0 0 4rem 0!important}
.swiper_cer .swiper-button-next,.swiper_cer .swiper-button-prev {width:50px;display:none;height:95px;background-image:none;background-color:rgba(255,255,255,0);right:-1rem;z-index:1;transform:translateY(-20%);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.swiper_cer .swiper-button-prev {left:-1rem}
.swiper_cer .swiper-button-next::before,.swiper_cer .swiper-button-prev::after {content:'';position:absolute;background:url(../images/carousel-control-right.png) no-repeat;background-size:cover;opacity:.7;width:20px;height:46px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out}
.swiper_cer .swiper-button-prev::after {background:url(../images/carousel-control-left.png) no-repeat;background-size:cover}
.swiper_cer .swiper-pagination-bullets {bottom:1rem!important}
.swiper_cer .swiper-pagination-bullet {background:#888;opacity:.3;width:10px;height:10px}
.swiper_cer .swiper-pagination-bullet-active {background:#004098;opacity:1}
.swiper_cer figure a {display:block;width:100%;position:relative;box-shadow:1px 3px 10px #999}
@media (max-width:1399.98px) {.banner_txt {left:4%;width:350px}
.banner_txt h1 {font-size:1.6rem;line-height:2rem}
.banner_txt span {font-size:1rem;line-height:1.5rem;width:100%}
.banner_txt1 {width:360px;top:8%;left:6%}
.banner_txt1 h1 {font-size:1.4rem;line-height:1.8rem}
.banner_txt1 span {width:100%;font-size:1rem;line-height:1.3rem}
.banner_txt2 {width:560px}
.banner_txt2 h1 {font-size:1.4rem;line-height:1.8rem}
.banner_txt2 span {font-size:1rem;line-height:1.3rem}
}
@media (max-width:1199.98px) {.banner_txt span,.banner_txt1 span,.banner_txt2 span {display:none}
.banner_txt2 {width:400px}
.banner_more {display:none}
.banner_box .etw_hometitle:before {display:none}
}
@media (max-width:991.98px) {.carousel-control-next,.carousel-control-prev {display:none}
.banner_txt {top:10%}
.banner_txt1 {width:260px}
.banner_txt1 h1 {font-size:1rem;line-height:1.4rem}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev,.banner_txt p,.banner_txt1 p {display:none}
.banner_txt1 span,.banner_txt2 span,.etw_banner img,.etw_banner:after,.etw_banner:before {display:none}
.banner_box #quicknav,.banner_box #quicknav a,.banner_box .etw_hometitle,.banner_box h2 {text-align:left}
#etw_banner .swiper-pagination {bottom:20px}
}
@media (max-width:767.98px) {.banner_txt,.banner_txt1,.banner_txt2,.banner_txt3 {display:none}
.carousel-indicators {display:none}
.bannerin {min-height:auto}
.banner_box {position:relative;top:auto;transform:none}
.banner_box .etw_hometitle,.banner_box h2 {font-size:2rem;line-height:2.4rem;width:100%}
.banner_box #quicknav {font-size:.9rem}
.banner_video {margin:1rem auto}
}
@media (max-width:575.98px) {.etw_banner {border-top:none;padding:1rem 0 0 0}
.banner_txt h1 {display:none}
#etw_banner .swiper-pagination {display:none}
.banner_box p {width:100%}
}
.homehub_bg {position:relative;overflow:hidden;margin:44px 0 0 0}
.homehub_bg::before {position:absolute;content:'';background:#f7f7f7;width:53%;height:180px;left:0;top:0}
.homehub {width:94%;margin:0 auto;max-width:1300px}
.homehub ul {display:flex;flex-wrap:wrap;margin:3rem auto 1rem auto}
.homehub ul li {width:100%;margin:0 0 1rem 0;position:relative}
.homehub>ul>li:last-child {margin-right:0}
.homehub ul li a {width:100%;display:block;position:relative}
.homehub ul li a span {color:#111;font-size:.85rem;line-height:1rem;text-align:center;display:block;padding:1rem 0;font-weight:600;transition:.3s all ease-in-out}
.homehub ul li img {width:50%!important;margin:0 auto}
.homehub ul li a:hover span {color:#004098}
.mainpro_bg {width:100%;position:relative;padding:1rem 0;overflow:hidden;background:#f5f5f5}
.mainpro {width:94%;margin:6rem auto 1rem auto;max-width:1100px;position:relative}
.mainpro .webtitle {position:relative;margin:0 auto;padding:1rem 0 1rem 5rem;font-size:2.4rem;line-height:2.6rem;text-align:left;color:#272727;font-weight:400;width:100%;font-family:AppleTea}
.mainpro .webtitle:before {position:absolute;content:'';background:#eb5c02;width:290px;height:12px;top:-20px;left:0}
.mainpro .webtitle span {display:block}
.mainpro .webtitle a:hover {color:#555}
.mainpro p {font-size:1.2rem;line-height:1.8rem;color:#fff;font-weight:300;width:100%;margin:0 0 2rem;text-align:left;background:#004098;padding:1.5rem 8rem 1.5rem 4rem}
.mainpro ul {width:100%;display:flex;position:relative;margin:0 auto;flex-wrap:wrap}
.mainpro ul>li {width:30.66%;position:relative;margin:0 4% 2rem 0;transition:.3s all ease-in-out;display:block;background:url(../images/pro_smallbg.png) no-repeat top;background-size:contain}
.mainpro ul>li:nth-child(3n) {margin-right:0}
.mainpro ul>li:nth-child(3n+1) {clear:both}
.mainpro ul>li>ol {width:100%;position:relative;display:flex;flex-wrap:wrap;flex-direction:row-reverse}
.mainpro ul>li>ol.mainpro_more {justify-content:center;align-items:flex-end;margin:1rem auto;width:auto}
.mainpro ul>li>ol.mainpro_more:before {position:absolute;content:'';background:#eb5c02;width:30px;height:30px;left:-10px;bottom:3px;transition:.3s all ease-in-out}
.mainpro ul>li>ol.mainpro_more a {display:inline-block;color:#fff;font-size:1rem;line-height:1rem;padding:.4rem .6rem;background:#004098;position:relative;z-index:100}
.mainpro ul>li>ol.mainpro_more a:hover {background:#eb5c02}
.mainpro ul>li>ol.mainpro_more:hover::before {background:#004098;width:100%}
.mainpro ul li ol li.product_img {width:100%;position:relative;overflow:hidden;z-index:1;margin:2rem 0 0}
.mainpro ul li ol li.product_img a {width:100%;display:block;position:relative;text-align:center}
.mainpro ul li ol li.product_img a:before {position:absolute;display:none;content:'';background:rgba(0 0 0 / 50%);width:100%;height:100%;margin:0 auto;left:0;right:0;visibility:hidden;transform:scaleX(0);opacity:0;transition:.3s all ease-in-out;z-index:1}
.mainpro ul li ol:hover li.product_img a:before {visibility:visible;transform:scaleX(1);opacity:1}
.mainpro ul li ol li.product_img img {width:100%;transition:.6s all ease-in-out}
.mainpro ul li ol:hover li.product_img img {transform:scale(1.03)}
.mainpro ul li ol li.product_con {position:relative;display:block;width:100%;transition:.5s all ease-in-out;z-index:1}
.mainpro ul li ol li.product_con a {color:#111;font-size:1.5rem;display:block;position:relative;line-height:1.7rem;padding:.5rem 1rem 1.5rem 1rem;font-weight:300;text-align:center}
.mainpro ul li ol li.product_con span {color:#333;font-size:1.15rem;line-height:1.4rem;display:block;padding:0 0 1rem 0;font-weight:300;text-align:left}
.mainpro ul li ol li.product_con span i {font-style:normal;color:#004098;font-size:.95rem;font-weight:600}
.mainpro ul li ol li.product_con a span {display:block;font-size:1.15rem;line-height:1.5rem;color:#111}
.mainpro ul li ol:hover li.product_con a {color:#004098}
.mainpro ul li ol li.product_con a:hover:before {width:140px}
.mainpro ul li ol li.product_con a.more {width:100%;padding:.5rem 0;font-size:.9rem;line-height:.9rem;text-align:center;background:0;display:block;margin:1rem 0;position:relative;font-family:Montserrat;text-transform:uppercase;color:#004098;border:1px solid #004098;overflow:hidden;border-radius:2rem;font-weight:300}
.mainpro ul li ol li.product_con a.more:before {position:absolute;content:'';background:#004098;width:0;height:100%;left:0;top:0;z-index:-1;transition:.3s all ease-in-out}
.mainpro ul li ol li.product_con a.more:hover {color:#fff}
.mainpro ul li ol li.product_con a.more:hover:before {width:100%}
.mainpro ul li ol li.product_more a {background:linear-gradient(40deg,#96a1b2,#004098);color:#fff;padding:.5rem 1rem;display:block;margin:0 1rem 1.5rem;font-size:.9rem;line-height:1.1rem}
.mainpro_bg1 {width:100%;position:relative;overflow:hidden;background:url(../images/mainpro_bg.jpg) no-repeat top;background-size:cover;background-attachment:fixed;padding:1rem 0}
.mainpro1 {width:94%;max-width:1100px;margin:-18rem auto 0 auto;padding:3rem 0}
.mainpro1 .webtitle {position:relative;margin:0 auto;padding:2rem 0;font-size:2.4rem;line-height:2.6rem;text-align:center;color:#004098;font-weight:600;width:100%}
.mainpro1 .webtitle a {color:#111}
.mainpro1 .webtitle span {color:#004098}
.mainpro1 ul {display:flex;flex-wrap:wrap;position:relative}
.mainpro1>ul>li {position:relative;background:rgba(255 255 255 / 90%);width:18.4%;margin:0 2% 1rem 0;transition:.3s all ease-in-out}
.mainpro1>ul>li:nth-child(5n) {margin-right:0}
.mainpro1>ul>li:nth-child(5n+1) {clear:both}
.mainpro1>ul>li:hover {transform:translateY(-.5rem);-webkit-transform:translateY(-.5rem);-moz-transform:translateY(-.5rem);-ms-transform:translateY(-.5rem);-o-transform:translateY(-.5rem);box-shadow:1px 3px 10px rgba(0 0 0 / 10%)}
.mainpro1 ul li ol {position:relative;display:flex;flex-wrap:wrap;flex-direction:row-reverse;transition:.3s all ease-in-out}
.mainpro1 ul li ol li.product_img {width:100%;position:relative}
.mainpro1 ul li ol li.product_img a {position:relative;display:block;width:100%}
.mainpro1 ul li ol li.product_img a:before {position:absolute;content:'';background:rgba(0 0 0 / 50%);width:100%;height:100%;margin:0 auto;left:0;right:0;top:0;visibility:hidden;transform:scaleX(0);opacity:0;z-index:1;transition:.3s all ease-in-out}
.mainpro1 ul li ol:hover li.product_img a:before {visibility:visible;opacity:1;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}
.mainpro1 ul li ol li.product_img img {display:block}
.mainpro1 ul li ol li.product_img span {position:absolute;width:100%;color:#fff;font-size:1.2rem;display:block;font-weight:600;line-height:1.4rem;background:#004098;text-align:center;padding:.5rem 0;bottom:0;z-index:1;transition:.3s all ease-in-out}
.mainpro1 ul li ol:hover li.product_img span {background:#111}
.mainpro1 ul li ol li.product_con {width:100%;position:relative}
.mainpro1 ul li ol li.product_con a {color:#fff;font-size:1rem;display:block;position:relative;font-weight:600;line-height:1.2rem;text-align:center;padding:.5rem 0}
.mainpro1 ul li ol li.product_con span {color:#111;font-size:1.05rem;padding:1rem 1.5rem 1rem 0;line-height:1.6rem;display:block}
.mainpro1 ul li ol li.product_con a.more {color:#004098;font-size:1rem;display:inline-block;margin:0 0 1rem 0;line-height:1rem;font-weight:600;width:auto;padding:0}
.mainpro1 ul li ol li.product_con a.more:after {font-family:FontAwesome;content:"\f101";color:#004098;font-size:1rem;margin:0 0 0 .3rem;transition:.3s all ease-in-out;font-weight:500}
.mainpro1 ul li ol li.product_con a.more:hover {color:#111}
.mainpro1 ul li ol li.product_con a.more:hover:after {margin:0 0 0 .6rem;color:#111}
.mainpro1 ul li ol li.product_more {position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:center;margin:0 0 1.5rem 0}
.mainpro1 ul li ol li.product_more a {padding:.5rem 1rem;display:block;color:#fff;font-size:1rem;line-height:1rem;text-align:center;background:#004098}
.mainpro1 ul li ol li.product_more a:hover {background:#162232}
.mainpro1 ul li:nth-child(2) ol li.product_more a {background:#004098}
.mainpro1 ul li:nth-child(2) ol li.product_more a:hover {background:#fd5d14}
.video_home_bg {background:#e1eef8;position:relative;padding:1rem 0}
.video_home {width:94%;margin:2rem auto;position:relative;max-width:1100px}
.video_left {width:40%;float:left;color:#111;font-size:2rem;line-height:2.2rem;padding:1rem 0 0;font-weight:400}
.video_right {width:40%;float:right;color:#111;font-size:2rem;line-height:2.2rem;font-weight:400;text-align:center}
@media (max-width:1299.98px) {.mainpro1 ul li ol li.product_img span {font-size:1rem}
}
@media (max-width:991.98px) {.mainpro {margin:2rem auto;box-shadow:none;padding:0}
.mainpro .webtitle {font-size:1.8rem;line-height:2rem;padding:1rem 0}
.mainpro p {font-size:1rem;line-height:1.6rem;width:100%;padding:2rem}
.mainpro>ul>li {width:49%;margin:0 2% 1.5rem 0}
.mainpro>ul>li:nth-child(3n) {margin-right:2%}
.mainpro>ul>li:nth-child(3n+1) {clear:none}
.mainpro>ul>li:nth-child(2n) {margin-right:0}
.mainpro>ul>li:nth-child(2n+1) {clear:both}
.mainpro1 .webtitle {font-size:2rem;line-height:2.4rem;padding:0 0 2rem}
.mainpro1>ul>li {width:100%;margin:0 0 2rem}
.mainpro1 ul li ol li.product_more {margin:1rem 0}
}
@media (max-width:767.98px) {.mainpro_title {width:100%;margin:0}
.mainpro_title span {text-align:left;font-size:2.4rem;line-height:2.8rem}
.mainpro_title p {text-align:left;font-size:.9rem}
}
@media (max-width:575.98px) {.mainpro>ul>li {width:100%;margin:0 0 2rem 0}
.mainpro>ul>li:nth-child(3n) {margin-right:0}
.mainpro ul li ol li.product_img img {width:100%}
.mainpro ul li ol li.product_con a {font-size:1.3rem;line-height:1.5rem;padding:.5rem 0 1rem}
.mainpro ul li ol li.product_con a span {display:inline-block}
.mainpro ul li ol li.product_con span {font-size:1rem}
.mainpro1 ul li ol li.product_img img {width:100%;margin:0}
}
.homeabout_bg {width:100%;background:url(../images/about_bg.jpg) no-repeat center #f2f9fb;background-size:cover;margin:0 auto;position:relative;z-index:1;padding:1rem 0}
.homeabout {width:94%;max-width:1100px;padding:4rem 0;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}
.homeabout .webtitle {width:100%;font-size:2.4rem;line-height:2.8rem;position:relative;margin:0;padding:1.5rem 0;text-align:center;font-weight:300;font-family:AppleTea}
.homeabout .webtitle span {color:#004098}
.homeabout .webtitle a {color:#272727}
.homeabout .webtitle a:hover {color:#004098}
.about_img {width:40%;position:relative;margin:0 auto}
.about_img p {font-size:.9rem;line-height:1.4rem}
.about_img a {position:relative;display:block}
.about_img .video_btn1 {width:60px;height:60px}
.about_img .more {position:relative;width:100%}
.about_img .more a {display:inline-block;font-size:1rem;line-height:1rem;color:#004098;padding:0;font-weight:400;margin:1rem 0;position:relative}
.about_img .more a:hover {color:#111}
.about_img .more a:after {font-family:FontAwesome;content:"\f101";color:#004098;font-size:1rem;margin:0 0 0 .3rem;transition:.3s all ease-in-out;font-weight:500}
.about_img .more a:hover:after {margin:0 0 0 .6rem;color:#111}
.about_img a.more:hover {background:#111;color:#fff}
.about_txt {width:60%;position:relative;padding:0 0 0 3rem}
.about_txt p {width:100%;color:#333;font-size:1.2rem;line-height:1.6rem;margin:0 0 1.5rem 0;text-align:left;font-weight:300}
.about_txt p i {color:#eb5c02;font-style:normal}
.about_txt ul {display:flex;flex-wrap:wrap;position:relative;margin:2rem auto 0}
.about_txt ul li {width:32%;margin:0 2% 1rem 0;color:#eb5c02;text-align:center;line-height:1.3rem;font-size:1.15rem}
.about_txt ul li:nth-child(3) {margin-right:0}
.about_txt ul li strong {color:#eb5c02;font-family:AppleTea;display:block;margin:0 auto;font-size:1.8rem;line-height:1.8rem;padding:0 0 .5rem 0}
.small_about {width:84%;background:#eb5c02;color:#fff;padding:2rem 5rem;margin:2rem 0 0 8%;font-weight:300;font-size:1rem;line-height:1.6rem;position:relative}
.small_about:before {content:"";position:absolute;width:0;height:0;border-left:20px solid #eb5c02;border-top:0 solid transparent;border-bottom:20px solid transparent;left:0;bottom:-20px}
.small_about .more {position:absolute;right:-90px;bottom:-20px;background:#004098;color:#fff;font-size:1.2rem;line-height:1.2rem;padding:.6rem 2.5rem;transition:.3s all ease-in-out}
.small_about .more:hover {right:-80px}
.small_about .more:after {position:absolute;content:"\f105";font-family:FontAwesome;color:#fff;font-size:22px;opacity:0;transition:.3s all ease-in-out;line-height:0;right:28px;top:19px}
.small_about .more:hover:after {opacity:1;right:22px}
.about_info {display:flex;flex-wrap:wrap;position:relative;width:100%;margin:0 0 1rem}
.about_info li {width:100%;margin:0 0 1.8rem;position:relative;padding:0 0 0 2.5rem}
.about_info li:before {position:absolute;content:'';background:url(../images/arrow.png) no-repeat center;background-size:cover;width:17px;height:13px;left:8px;top:6px}
.about_info li strong {font-size:1.4rem;line-height:1.6rem;font-weight:600;display:block}
.abouttxt_icon {position:relative;width:90%}
.abouttxt_icon ul {display:flex;flex-wrap:wrap}
.abouttxt_icon ul li {flex:1;padding:0 .3rem}
.application_bg {background:#f5f5f5;position:relative;padding:2rem 0;width:100%;z-index:1}
.application {width:94%;margin:1rem auto 0;position:relative;display:flex;flex-wrap:wrap;max-width:1100px}
.application .webtitle {color:#004098;position:relative;font-size:2.4rem;line-height:2.8rem;font-weight:300;text-align:left;padding:6rem 0 1rem 0;width:100%;font-family:AppleTea}
.application .webtitle:before {position:absolute;content:'';background:#eb5c02;width:180px;height:12px;left:14%;bottom:0;transition:.3s all ease-in-out}
.application .webtitle span {display:block}
.application .webtitle a {color:#004098;position:relative;display:block}
.application .webtitle a:hover {color:#eb5c02}
.application .webtitle:hover:before {width:150px}
.app_left {width:20%;float:left;position:relative;margin:0}
.app_right {width:80%;margin:0;float:right;position:relative;padding:0 0 0 2rem}
.app_right p {font-size:1.2rem;line-height:1.6rem;width:86%;margin:0 0 2.5rem 0;color:#111;text-align:left}
.app_right ul {position:relative;display:flex;flex-wrap:wrap}
.app_right ul>li {width:32%;margin:0 2% 1rem 0}
.app_right ul>li:nth-child(3n) {margin-right:0}
.app_right ul>li ol {display:flex;flex-wrap:wrap;position:relative}
.app_right ul>li ol li.product_img {position:relative;width:100%}
.app_right ul>li ol li.product_img a {display:block;background:#004098;width:68px;height:68px;text-align:center;position:relative}
.app_right ul>li ol:hover li.product_img a {margin:0 0 0 1.5rem}
.app_right ul>li ol li.product_img img {position:absolute;margin:0 auto;left:0;right:0;top:50%;transform:translateY(-50%)}
.app_right ul>li ol li.product_con {width:100%;position:relative;padding:0 1rem 0 0}
.app_right ul>li ol li.product_con a {display:block;color:#000;font-size:1.4rem;line-height:1.6rem;padding:1rem 0}
.app_right ul>li:nth-child(2) ol li.product_con a {padding:1rem 3rem 1rem 0}
.app_right ul>li ol li.product_con span {color:#555;font-size:1.05rem;line-height:1.4rem;display:block}
.app_right ul>li ol:hover li.product_con a {color:#004098}
.application_bg1 {background:#f3f8f0;position:relative;width:100%;padding:3rem 0}
.application1 {width:94%;max-width:1100px;margin:7rem auto 4rem;position:relative}
.application1 p {background:#004098;color:#fff;padding:2rem 3rem;margin:0 0 2rem;font-size:1.2rem}
.application1 .webtitle {color:#111;position:relative;font-size:2.4rem;line-height:2.6rem;font-weight:300;text-align:left;padding:0;width:100%;font-family:AppleTea}
.application1 .webtitle:before {position:absolute;content:'';background:#eb5c02;width:290px;height:12px;left:0;top:-24px}
.application1 .webtitle a {color:#272727;padding:1rem 0 1rem 5rem;display:block}
.application1 .webtitle a:hover {color:#004098;padding:1rem 0 1rem 4rem}
.application1 ul {display:flex;flex-wrap:wrap;position:relative;width:100%;margin:0 auto}
.application1 ul>li {margin:0 2% 1rem 0;width:32%;position:relative;transition:.3s all ease-in-out}
.application1 ul>li:nth-child(3n) {margin-right:0}
.application1 ul>li:nth-child(3n+1) {clear:both}
.application1 ul>li ol {display:flex;flex-wrap:wrap;position:relative;align-items:center;transition:.3s all ease-in-out}
.application1 ul>li ol:hover {background:#f3f3f3}
.application1 ul>li ol li.product_img {width:100%;position:relative}
.application1 ul>li ol li.product_img a {display:block;width:100%;position:relative}
.application1 ul>li ol li.product_img a:before {position:absolute;content:'';background:rgba(0 0 0 / 50%);width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out}
.application1 ul>li ol li.product_img img {min-height:114px;display:block;width:100%}
.application1 ul>li ol:hover li.product_img a:before {height:40%;top:60%;background:rgba(0 0 0 / 70%)}
.application1 ul>li ol li.product_con {width:100%;position:absolute;margin:0 auto;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;transition:.3s all ease-in-out}
.application1 ul>li ol:hover li.product_con {top:62%;transform:none}
.application1 ul>li ol li.product_con a {font-size:1.3rem;line-height:1.6rem;color:#fff;padding:1rem 1.5rem;display:block;font-weight:600}
.application1 ul>li ol:hover li.product_con a {color:#ff8b42}
.application2 {width:94%;margin:0 auto;position:relative;padding:1rem 0 3rem;max-width:1600px}
.application2 .webtitle {display:block;width:100%;font-size:2.4rem;line-height:2.8rem;font-weight:600;text-align:center;padding:1rem 0 3rem;margin:0;color:#004098}
.application2 .webtitle span {color:#111}
.application2 p {margin:0;color:#999;padding:0 3rem 0 0;font-size:1rem}
.application2 ul {display:flex;flex-wrap:wrap;position:relative}
.application2 ul li {margin:0;position:relative;text-align:center}
.application2 ul li a {display:block;position:relative;overflow:hidden}
.application2 ul li img {display:block;position:relative;opacity:.5;transition:.3s all ease-in-out}
.application2 ul li:nth-child(1) img,.application2 ul li:nth-child(3) img {padding:4px 0}
.application2 ul li a:before {background-color:rgba(255,255,255,.1);content:"";height:200%;left:-280px;position:absolute;top:-50%;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 3s cubic-bezier(.19,1,.22,1);-o-transition:all 3s cubic-bezier(.19,1,.22,1);transition:all 3s cubic-bezier(.19,1,.22,1);width:80px;z-index:1}
.application2 ul li a:hover:before {left:180%;-webkit-transition:all 3s cubic-bezier(.19,1,.22,1);-o-transition:all 3s cubic-bezier(.19,1,.22,1);transition:all 3s cubic-bezier(.19,1,.22,1)}
.application2 ul li a:after {background-color:rgba(255,255,255,.1);content:"";height:200%;left:180%;position:absolute;top:-50%;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 3s cubic-bezier(.19,1,.22,1);-o-transition:all 3s cubic-bezier(.19,1,.22,1);transition:all 3s cubic-bezier(.19,1,.22,1);width:80px;z-index:1}
.application2 ul li a:hover:after {left:-280px;-webkit-transition:all 3s cubic-bezier(.19,1,.22,1);-o-transition:all 3s cubic-bezier(.19,1,.22,1);transition:all 3s cubic-bezier(.19,1,.22,1)}
.application2 ul li span {width:100%;display:block;margin:1.5rem 0;color:#fff;font-size:1.2rem;line-height:1.4rem;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}
.application_bg2 {background:#111;position:relative}
.application3 {width:94%;max-width:1200px;margin:0 auto;position:relative;padding:3rem 0}
.application3 ul {display:flex;flex-wrap:wrap;position:relative}
.application3 ul li {width:23.5%;margin:0 2% 0 0;color:#fff;text-align:center;font-size:1.2rem;font-weight:500;border-right:1px solid #eee}
.application3 ul li a {display:block;color:#fff}
.application3 ul li img {display:block;margin:0 auto 1rem auto}
.application3 ul li:nth-child(4) {margin-right:0;border-right:none}
.application3 ul li a:hover {transform:translateY(-1rem)}
@media (max-width:1299.98px) {.application_bg:before {width:70%}
}
@media (max-width:991.98px) {.homeabout {padding:2rem 0}
.homeabout .webtitle {font-size:2rem;line-height:2.4rem;padding:1rem 0}
.homeabout .webtitle span {display:inline}
.about_txt {width:100%;float:none;margin:0;padding:0}
.small_about {margin:0}
.about_img {display:none}
.about_img .text-center {display:none}
.about_img p {font-size:1rem;line-height:1.6rem}
.about_title {display:none}
.application_bg {padding:2rem 0;margin:0}
.application_bg:before {display:none}
.application .webtitle {font-size:2rem;line-height:2.2rem;color:#333;padding:1rem 0;margin:0 0 1rem}
.application .webtitle::before {left:0}
.app_left p {padding:1rem 0;background:0 0}
.app_right {width:100%;float:none;padding:0}
.app_info {background:0;position:relative;width:100%;box-shadow:none;padding:0;bottom:auto;right:auto}
.app_right .more {margin:.5rem 0}
.app_left {width:100%;margin:0}
.application ul li ol li.product_img span {width:100%;display:block;text-align:center}
.application .swiper-button-next {right:-1.4rem;width:45px;height:45px}
.application .swiper-button-prev {left:-1.4rem;width:45px;height:45px}
.app_name a {font-size:1rem;line-height:1.2rem;font-weight:300}
.application1 {margin:4rem auto 2rem}
}
@media (max-width:767.98px) {.application>ul>li {width:100%;margin:0 0 2rem 0}
.application>ul>li:nth-child(3n) {margin-right:0}
.application ul>li:before {display:none}
.application ul li ol li.product_img {width:100%}
.application ul li ol li.product_con {width:100%;text-align:left}
.application1 .webtitle {font-size:1.8rem;line-height:2rem}
.application1 .webtitle a {padding:1rem 0}
.application1 .webtitle a:hover {padding:1rem 0}
.application1 p {width:100%;font-size:1rem;padding:2rem}
.application1 ul>li {width:49%}
.application1 ul>li:nth-child(3n) {margin-right:2%}
.application1 ul>li:nth-child(3n+1) {clear:none}
.application1 ul>li:nth-child(2n) {margin-right:0}
.application1 ul>li:nth-child(2n+1) {clear:both}
.application1 ul>li ol li.product_con a {font-size:1.1rem;line-height:1.3rem}
.app_left1 {width:100%;margin:0 0 1rem}
.appvideo_title {font-size:1.4rem;line-height:1.6rem}
.app_right1 {width:100%}
.app_right1 ul>li ol li.product_img img {min-height:137px}
.abouttxt_icon {width:70%}
}
@media (max-width:575.98px) {.small_about {padding:1.5rem 2rem}
.small_about .more {right:-50px}
.about_txt ul li {font-size:.9rem;line-height:1rem}
.about_txt ul li strong {font-size:1.4rem;line-height:1.4rem}
.app_right ul>li {width:100%;margin:0 0 1rem}
.application1>ul>li {width:100%;margin:0 0 1rem 0}
.application1>ul>li:nth-child(3n) {margin-right:0}
.application1>ul>li:nth-child(3n+1) {clear:both}
.application1>ul>li ol li.product_img img {width:100%}
.application1>ul>li:nth-child(2n) {margin-top:0}
.app_right1 ul>li ol li.product_img,.app_right1 ul>li ol li.product_img img {width:100%}
.app_right1 ul>li ol li.product_con {width:100%}
.app_right1 ul>li ol li.product_con a {font-size:.95rem;padding:.5rem 1rem;margin:0;font-weight:400;-webkit-line-clamp:inherit}
.news_time {padding:0 1rem 1rem 3.2rem}
.news_time:before {left:20px}
}
.counter-section {text-align:center;width:100%;max-width:1200px;margin:0 auto;margin-top:2rem;color:#fff}
.counter-section p {margin-bottom:2rem}
.year_box h4 {color:#fff;margin-bottom:0}
.counter_updates {font-size:2.6rem;line-height:3rem;position:relative;font-weight:600}
.counter_updates span {font-family:Montserrat}
.counter_updates h4 {font-size:1.1rem;margin-top:0;font-weight:300;padding:.5rem 0 0;color:#eee}
.counter_updates::before {position:absolute;content:"";width:1px;height:95%;background-color:#999;top:6px;left:-15px}
.counter_updates_first::before {display:none}
.about_img .counter-section {background:#111;width:80%;padding:1.5rem;max-width:inherit;margin:0;z-index:1;position:absolute;right:-2rem;bottom:-16%}
#quicknav {position:relative;color:#111;line-height:1.2rem;font-size:.95rem;width:100%;padding:1rem 0;font-weight:300}
#quicknav a {color:#777}
#quicknav a i {color:#111;font-size:1.2rem;padding:0 .3rem 0 0}
#quicknav a svg {width:22px;height:22px;margin:0 .2rem .5rem 0}
#quicknav ul {width:94%;margin:0 auto;max-width:1100px}
#quicknav ul.max_1000 {max-width:1000px}
#quicknav ul.max_1100 {max-width:1100px}
#quicknav ul.max_1200 {max-width:1200px}
#quicknav li {display:inline-block;padding:0 .2rem}
#quicknav li+li::before {padding:0 10px 0 5px;color:#555;content:"/\00a0"}
#quicknav a:hover {color:#004098}
#quicknav.quicknav {background:0 0;color:#eee}
#quicknav.quicknav a {color:#555}
#quicknav.quicknav li+li::before {color:#fff}
.banner_box #quicknav a i {color:#fff}
@media (max-width:575.98px) {#quicknav {display:none}
}
#container {margin:230px auto 0 auto;width:100%;overflow:hidden;position:relative}
.etw_container {background:url(../images/container_bg.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.etw_container1 {margin:0 auto!important}
.content_bg {width:100%;position:relative;overflow:hidden;background:#f2f3f4;padding:1rem 0}
.content_bg1 {width:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#dde2e6,transparent);padding:2rem 0}
.content_bg1 p {width:65%;margin:0 auto 2rem;text-align:center}
.content_bg2 {width:100%;position:relative;padding:1rem 0;box-shadow:0 10px 12px #c0bfc0}
.content_bg2:before {position:absolute;content:'';background:url(../images/home-app-bckgd.jpg);width:100%;height:102.5%;top:-38px;left:0;opacity:.7;z-index:-1}
.content_bg2:after {position:absolute;content:'';background:url(../images/drop-arrow1.png) no-repeat;background-size:cover;width:76px;height:38px;left:0;right:0;margin:0 auto;bottom:-38px}
.content {width:94%;margin:2rem auto;max-width:1200px;position:relative}
.content1 {width:94%;margin:2rem auto;max-width:1100px}
.content2 {width:94%;margin:2rem auto;max-width:1300px}
.content_bg3 {width:100%;position:relative;background:url(../images/service_bg.jpg) no-repeat;padding:2rem 0}
.content_bg3 .protitle2 {color:#fff}
.content_bg3 .protitle2::before {background:url(../images/text_section1.png) no-repeat;background-size:cover;width:165px;height:10px}
.content_bg3 span {display:block;width:70%;margin:0 auto;color:#fff;font-size:1.05rem;line-height:1.6rem;text-align:center}
.conbg_txt {margin:2rem auto .5rem auto;font-size:1.3rem;font-weight:300;background:#fff;text-align:center;width:40%;padding:.3rem 0;color:#111;border-radius:2rem}
.conbg_title {color:#fff;position:relative;margin:1rem 0 .5rem;font-size:1.2rem;font-weight:600}
.content_bg3 ul.item1 {margin:0 0 1.5rem}
.content_bg3 ul.item1 li {color:#fff}
.about_hub {position:relative;margin:3rem 0;text-align:center}
.about_hub ul {position:relative;display:flex;flex-wrap:wrap;width:90%;justify-content:center;margin:0 auto}
.about_hub ul li {width:32%;margin:0 0 1rem 0;text-align:center}
.about_hub ul li:last-child {margin-right:0;border-right:none}
.about_hub ul li a {width:100%;display:block;color:#eb5c02;font-weight:600;font-size:1.2rem;line-height:1.4rem}
.about_hub ul li a.dq,.about_hub ul li a:hover {color:#004098}
.about_hub ul li span {margin:0 .5rem;display:inline-block;font-weight:600;font-size:.8rem;line-height:1rem}
.about_hub ul li img {transition:.3s all ease-in-out;margin:1rem auto;display:block;background:#004098;padding:.5rem}
.about_hub ul li a:hover img {transform:translateY(-.3rem);-webkit-transform:translateY(-.3rem);-moz-transform:translateY(-.3rem);-ms-transform:translateY(-.3rem);-o-transform:translateY(-.3rem)}
.img_bg {position:absolute;width:46%;right:0}
.etw_container .img_bg {right:auto;left:0}
.pro_infobox {width:100%;position:relative}
.pro_infobox ul {position:relative;width:100%;display:flex;flex-wrap:wrap}
.pro_infobox ul li {width:33.33%;margin:0;color:#fff;font-size:1rem;line-height:1.5rem;text-transform:uppercase;border-right:1px solid #fff;padding:0 2rem;font-weight:400;text-align:center}
.pro_infobox ul li:nth-child(3) {border-right:none}
.pro_infobox ul li span {display:block;width:100%;font-weight:300;font-size:1.3rem;padding:.3rem 0 0 0;text-transform:none;line-height:1.6rem}
.etw_certificate {position:relative}
.etw_certificate ul {display:flex;flex-wrap:wrap;position:relative}
.etw_certificate ul li {width:30.66%;margin:0 4% 1rem 0;background:rgba(255 255 255 / 70%);padding:3rem 4rem;text-align:center}
.etw_certificate ul li:last-child {margin-right:0}
.etw_certificate ul li a {display:block;width:100%;position:relative}
.etw_certificate ul li img {transition:.6s all ease-in-out;-webkit-transition:.6s all ease-in-out;-moz-transition:.6s all ease-in-out;-ms-transition:.6s all ease-in-out;-o-transition:.6s all ease-in-out}
.etw_certificate ul li img:hover {transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}
.etw_certificate ul li span {display:block;width:100%;padding:.5rem;text-align:center}
.about_box {width:100%;margin:0 auto 2rem;position:relative}
.about_box ul {display:flex;flex-flow:wrap;margin:0 auto;position:relative}
.about_box>ul>li {width:49%;margin:0 2% 1rem 0;transition:.5s all ease-in-out}
.about_box>ul>li:nth-child(2n) {margin-right:0}
.about_box>ul>li:nth-child(2n+1) {clear:both}
.about_box ul li ol {position:relative;display:flex;flex-wrap:wrap;align-items:center}
.about_box ul li ol li.product_img {width:30%;position:relative;overflow:hidden}
.about_box ul li ol li.product_img a {display:block;width:100%;position:relative}
.about_box ul li ol li.product_img img {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}
.about_box ul li ol li.product_img:hover img {opacity:.6}
.about_box ul li ol li.product_con {position:relative;width:70%;display:block;padding:0 1.5rem}
.about_box ul li ol li.product_con a {color:#111;position:relative;padding:0 0 .5rem 0;font-weight:500;font-size:1.05rem;line-height:1.3rem;text-align:left;display:block}
.about_box ul li ol li.product_con a:before {display:none;position:absolute;content:'';background:linear-gradient(180deg,transparent,#004098);width:100px;height:5px;left:0;bottom:10px}
.about_box ul li ol li.product_con span {color:#666;position:relative;font-weight:300;font-size:.85rem;line-height:1.2rem;text-align:left;display:block}
.about_box ul li ol li.product_con p {color:#091d3e;position:relative;font-size:.9rem;line-height:1.3rem;text-align:left}
.about_box>ul>li.big_hub {width:100%;margin:0 0 1rem}
.about_box ul li.big_hub ol li.product_img {width:20%}
.about_box ul li.big_hub ol li.product_con {width:80%}
.about_box ul li.big_hub ol li.product_con a {font-size:1.5rem;line-height:1.8rem}
.about_box ul li.big_hub ol li.product_con span {font-size:.95rem;line-height:1.4rem}
.about_box ul li ol li.product_con a.dq,.about_box ul li ol:hover li.product_con a {color:#004098}
.about_box ul li ol li.product_con a.more {color:#fff;display:inline-block;padding:.3rem 1rem;font-size:.75rem;line-height:.75rem;width:auto;margin:.8rem 0 0 0;text-transform:uppercase;font-weight:300;background:#004098}
.about_box ul li ol li.product_con a.more:before {display:none}
.about_box ul li ol li.product_con a.more:hover {background:#384466}
.about_box1 {width:100%;position:relative;margin:1rem 0}
.about_box1 ul {display:flex;flex-flow:wrap;position:relative}
.about_box1>ul>li {width:100%;margin:0 0 4rem 0}
.about_box1 ul li ol {display:flex;flex-wrap:wrap;width:100%;align-items:center}
.about_box1 ul li:nth-child(2n) ol {flex-direction:row-reverse}
.about_box1 ul li ol li.product_name {width:100%;color:#253041;font-size:1.4rem;line-height:1.6rem;display:block;padding:1rem 0;font-weight:600}
.about_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}
.about_box1 ul li ol li.product_img {width:40%;overflow:hidden;z-index:1;position:relative;background:#fff}
.about_box1 ul li ol li.product_img a {display:flex;flex-wrap:wrap;width:100%;position:relative;justify-content:center;align-items:center;border:1px solid #eee}
.about_box1 ul li ol li.product_img img {transition:.3s all ease-in-out}
.about_box1 ul li ol li.product_con {width:60%;position:relative;padding:0 3rem;margin:3rem 0 0}
.about_box1 ul li ol li.product_con:before {content:"";position:absolute;left:-10%;top:-20%;background:#fafaf8;height:140%;width:110%;z-index:-2;border:3px solid #efefef}
.about_box1 ul li:nth-child(2n) ol li.product_con:before {right:-10%;left:auto}
.about_box1 ul li ol li.product_con>a {color:#004098;padding:1rem 0;text-align:left;font-size:1.5rem;line-height:1.8rem;display:flex;font-weight:600;position:relative}
.about_box1 ul li ol li.product_con span {display:block;font-size:1.1rem;font-weight:300;line-height:1.5rem;color:#666;margin:0 0 1rem 0}
.about_box1 ul li ol li.product_con p {font-size:.95rem;line-height:1.5rem;color:#555;margin:0;display:block;position:relative}
.about_box1 ul li ol li.product_con .more {font-size:1rem;line-height:1rem;display:inline-block;padding:.6rem 1.2rem;text-align:center;color:#fff;font-weight:300;background:#004098;margin:.5rem 0 .5rem .5rem}
.about_box1 ul li ol li.product_con .more::after {position:absolute;content:'';background:#eb5c02;width:30px;height:30px;left:-6px;bottom:10px;z-index:-1;transition:.3s all ease-in-out}
.about_box1 ul li ol li.product_con a:hover {color:#eb5c02}
.about_box1 ul li ol li.product_con .more:hover:after {width:100%;background:#004098}
.about_box1 ul li ol li.product_con .more:hover {color:#fff;background:#eb5c02}
.about_box1_sm ul li ol li.product_img {width:20%}
.about_box1_sm ul li ol li.product_con {width:80%}
.about_box2 {width:100%;margin:0 auto;position:relative}
.about_box2>ul {display:flex;flex-wrap:wrap}
.about_box2>ul>li {margin:0 2% 2rem 0;width:49%;background:#fff;padding:2rem 1rem;overflow:hidden;transition:.5s all ease-in-out;border:1px solid #004098;border-radius:1rem}
.about_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%))}
.about_box2>ul>li:nth-child(2n) {margin-right:0}
.about_box2>ul>li:nth-child(2n+1) {clear:both}
.about_box2 ul li ol {position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap}
.about_box2 ul li ol li.product_img {width:100%;position:absolute;overflow:hidden}
.about_box2 ul li ol li.product_img a {display:block}
.about_box2 ul li ol li.product_img img {transition:.3s all ease-in-out;width:40px;margin:0 0 0 1rem}
.about_box2 ul li ol li.product_con {width:100%;position:relative}
.about_box2 ul li ol li.product_con a {color:#111;display:block;width:100%;font-weight:600;line-height:1.4rem;font-size:1.1rem;padding:1rem 1rem 1rem 4.5rem}
.about_box2 ul li ol li.product_con strong {font-size:1rem;line-height:1.6rem;padding:0 0 .5rem 0;display:block;font-weight:400}
.about_box2 ul li ol li.product_con span {font-size:.9rem;color:#111;padding:0 1rem;line-height:1.4rem;display:block}
.about_box2 ul li ol:hover li.product_con a {color:#004098}
.about_box2 ul li ol li.product_con a.more {font-size:.8rem;line-height:1.2rem;background:#004098;color:#fff;font-size:.85rem;font-weight:300;text-align:center;display:inline-block;padding:.4rem 1rem .3rem 1rem;width:auto;margin:1rem 0 2rem .5rem}
.about_box2 ul li ol:hover li.product_con a.more {background:#333}
.about_box3 {width:100%;margin:0 auto;padding:1rem 0 2rem}
.about_box3 ul {display:flex;flex-wrap:wrap;position:relative}
.about_box3>ul>li {width:23.5%;margin:0 2% 2rem 0;position:relative}
.about_box3>ul>li:nth-child(4n) {margin-right:0}
.about_box3>ul>li:nth-child(4n+1) {clear:both}
.about_box3 ul li ol {position:relative;display:flex;flex-wrap:wrap;padding:0 0 5.5rem}
.about_box3 ul li ol li.product_img {width:100%;position:relative;overflow:hidden;border-radius:50%;z-index:1}
.about_box3 ul li ol li.product_img a {position:relative;display:block;width:100%}
.about_box3 ul li ol li.product_img a:before {position:absolute;content:'';background:rgba(0 0 0 / 30%);width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out}
.about_box3 ul li ol li.product_img .overlay {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;width:54px;height:54px;transition:.3s all ease-in-out;opacity:.8}
.about_box3 ul li ol li.product_img img {transition:.2s all ease-in-out}
.about_box3 ul li ol:hover li.product_img a:before {transform:scaleX(0);opacity:0}
.about_box3 ul li ol:hover li.product_img .overlay {opacity:0}
.about_box3 ul li ol li.product_con {width:100%;position:absolute;background:#fff;box-shadow:0 0 30px rgb(0 0 0 / 10%);bottom:0;transition:.3s all ease-in-out}
.about_box3 ul li ol:hover li.product_con {box-shadow:0 0 30px rgb(0 0 0 / 25%)}
.about_box3 ul li ol li.product_con img {margin:-3rem auto 0 auto;display:block;border-radius:50%;background:#fff;padding:.8rem}
.about_box3 ul li ol li.product_con a {color:#333;font-size:1rem;display:block;position:relative;width:100%;font-weight:400;line-height:1.2rem;padding:8rem .5rem 1.5rem;text-align:center}
.about_box3 ul li ol li.product_con span {color:#333;width:100%;font-size:.95rem;font-weight:300;padding:1rem 1.2rem 1.5rem;line-height:1.4rem;display:block;text-align:center}
.about_box3 ul li ol li.product_con p {font-size:.8rem;margin:0;line-height:1.1rem}
.about_box3 ul li ol li.product_con a.more {color:#004098;padding:0;font-size:.9rem;display:inline-block;margin:1rem 1.5rem 1.5rem 1.5rem;line-height:2rem;font-weight:600;width:auto}
.about_box3 ul li ol li.product_con a.more:before {position:absolute;content:'';background:#004098;width:0;height:2px;left:0;bottom:0;transition:.3s all ease-in-out}
.about_box3 ul li ol:hover li.product_con a {color:#004098}
.about_box3 ul li ol li.product_con a.more:hover:before {width:100%}
.about_box3_five>ul>li {width:18.4%;margin:0 2% 1.5rem 0;position:relative}
.about_box3_five>ul>li:nth-child(5n) {margin-right:0}
.about_box3_five>ul>li:nth-child(5n+1) {clear:both}
.about_more {margin:1rem auto;position:relative;text-align:center}
.about_more a {color:#004098;display:inline-block;position:relative;padding:.5rem 1rem;font-size:1.1rem;line-height:1.1rem;font-weight:600}
.about_more a:after {content:"\f178";font-family:FontAwesome;color:#004098;font-size:14px;margin:0 0 0 .3rem;transition:.3s all ease-in-out}
.about_more a:hover:after {margin:0 0 0 .6rem}
.about_box4 {width:100%;margin:2rem auto;position:relative}
.about_box4 ul {display:flex;flex-wrap:wrap;position:relative}
.about_box4 ul>li {width:32%;margin:0 2% 1.5rem 0;background:#004098;padding:3rem 2rem;text-align:center;transition:.3s all ease-in-out}
.about_box4 ul>li:nth-child(3n) {margin-right:0}
.about_box4 ul>li:hover {background:#eb5c02;box-shadow:1px 4px 10px rgba(0 0 0 / 30%)}
.about_box4 ul li ol {position:relative;display:flex;flex-wrap:wrap;width:100%}
.about_box4 ul li ol li.product_img {position:relative;width:100%;transition:.3s all ease-in-out;text-align:center}
.about_box4 ul li ol li.product_img a {position:relative;display:block;margin:0 0 1rem}
.about_box4 ul li ol li.product_img img {transition:.3s all ease-in-out}
.about_box4 ul li:hover ol li.product_img img {transform:translateY(-10px)}
.about_box4 ul li ol li.product_con {position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;bottom:0}
.about_box4 ul li ol li.product_con a {width:100%;display:block;text-align:center;color:#fff;font-size:1.4rem;line-height:1.6rem;padding:1rem 0 2rem;position:relative}
.about_box4 ul li ol li.product_con a:before {position:absolute;content:'';background:#ff8b42;width:100px;height:2px;left:0;right:0;margin:0 auto;bottom:14px}

.about_box4 ul li ol li.product_con span {font-size:1.05rem;display:block;width:100%;font-weight:300;line-height:1.4rem;color:#fff;text-align:center;padding:.5rem 0}
.about_box4 ul li ol li.product_con p {font-size:.9rem;line-height:1.4rem;color:#fff;width:100%}
.about_box4 ul li:hover ol li.product_con a {color:#fff}
.about_box5 {width:100%;position:relative}
.about_box5 ul {display:flex;flex-flow:wrap;position:relative}
.about_box5>ul>li {width:100%;margin:0 0 2rem 0;padding:1rem 2rem 2rem 2rem;background:#efefef}
.about_box5 ul li ol {display:flex;flex-wrap:wrap;width:100%}
.about_box5 ul li ol li.product_name a {width:100%;color:#253041;font-size:1.6rem;line-height:2rem;display:block;padding:1rem 0 0 0;font-weight:600}
.about_box5 ul li ol li.product_name span {display:block;padding:1rem 0;font-size:1rem;line-height:1.4rem;color:#111;font-weight:300}
.about_box5 ul li ol li.product_name a.more {font-size:.95rem;line-height:.95rem;font-weight:300;background:#253041;display:block;float:right;text-align:center;width:120px;color:#fff;padding:.5rem 1rem;border-radius:2rem}
.about_box5 ul li ol li.product_name a:hover {color:#004098}
.about_box5 ul li ol li.product_img {width:50%;overflow:hidden}
.about_box5 ul li ol li.product_img a {display:block;width:100%}
.about_box5 ul li ol li.product_img img {transition:.3s all ease-in-out}
.about_box5 ul li ol li.product_img img:hover {transform:scale(1.06)}
.about_box5 ul li ol li.product_con {width:50%;position:relative;padding:0 0 0 1.5rem}
.about_box5 ul li ol li.product_con>a {color:#fff;padding:2rem 1rem .5rem 2rem;text-align:left;font-size:1.3rem;display:flex;font-family:Poppins}
.about_box5 ul li ol li.product_con span {display:block;padding:0 0 1rem 0;font-size:.9rem;line-height:1.2rem;color:#111}
.about_box5 ul li ol li.product_con ol li {width:30.66%;margin:0 4% 0 0;border-radius:50%;position:relative}
.about_box5 ul li ol li.product_con ol li:nth-child(3n) {margin-right:0}
.about_box5 ul li ol li.product_con ol li img {position:relative}
.about_box5 ul li ol li.product_con .more {position:absolute;right:2rem;bottom:2rem}
.about_box5 ul li ol li.product_con .more a {color:#fff;font-size:.95rem;text-decoration:underline;font-style:oblique}
.about_box5 ul li ol li.product_con a:hover {color:#004098}
.app_hub {width:100%;position:relative;padding:0 2rem;margin:1rem 0}
.app_hub ul {display:flex;flex-wrap:wrap;position:relative}
.app_hub>ul>li {position:relative;margin:0;text-align:center}
.app_hub>ul.hub_item>li {width:49%;margin:0 2% 0 0}
.app_hub>ul.hub_item>li:last-child {margin-right:0}
.app_hub ul li ol {position:relative}
.app_hub ul li ol li.product_img {position:relative;display:block;margin:0 auto}
.app_hub ul li ol li.product_img img {position:relative;transition:.3s all ease-in-out}
.app_hub ul li ol li.product_con {position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0}
.app_hub ul li ol li.product_con a {display:block;width:100%;padding:1rem 0;text-align:center;color:#111;font-size:1rem;line-height:1.1rem;text-shadow:1px 1px 1px #fff;font-weight:500}
.app_hub ul li ol:hover li.product_con a {color:#004098}
.small_box {padding:1rem 5rem}
@media (max-width:991.98px) {#container {margin-top:0}
.content1 {width:100%;margin:0 auto;padding:1.5rem}
.about_box3 ul>li {width:32%;margin:0 2% 1.5rem 0}
.about_box3 ul>li:nth-child(4n) {margin-right:2%}
.about_box3 ul>li:nth-child(4n+1) {clear:none}
.about_box3 ul>li:nth-child(3n) {margin-right:0}
.about_box3 ul>li:nth-child(3n+1) {clear:both}
.about_box3 ul li ol li.product_con a {padding:10rem 0 1.5rem}
.app_hub>ul>li {width:49.75%}
.app_hub>ul>li:nth-child(3n) {margin-right:.5%}
.app_hub>ul>li:nth-child(3n+1) {clear:none}
.app_hub>ul>li:nth-child(2n) {margin-right:0}
.app_hub>ul>li:nth-child(2n+1) {clear:both}
.about_hub ul li {width:32%}
.about_hub ul li:nth-child(3n) {margin-right:0;border-right:none}
.about_hub ul li:nth-child(3n+1) {clear:both}
.about_hub ul li span {display:block}
}
@media (max-width:767.98px) {.about_box>ul>li {width:100%;margin:0 0 2rem 0}
.about_box ul li ol li.product_con span {font-size:.95rem;line-height:1.4rem}
.about_box1>ul>li {width:100%;margin:0 0 1.5rem 0}
.about_box1 ul li ol li.product_con:before {display:none}
.about_box1 ul li ol li.product_con,.about_box1 ul li ol li.product_img {width:100%;padding:0;margin:0}
.about_box1 ul li ol li.product_img figure,.about_box1 ul li ol li.product_img img {width:100%}
.about_box2>ul>li {width:49%}
.about_box2>ul>li:nth-child(3n) {margin-right:2%}
.about_box2>ul>li:nth-child(3n+1) {clear:none}
.about_box2>ul>li:nth-child(2n) {margin-right:0}
.about_box2>ul>li:nth-child(2n+1) {clear:both}
.about_box3 ul>li {width:49%;margin:0 2% 1.5rem 0}
.about_box3 ul>li:nth-child(3n) {margin-right:2%}
.about_box3 ul>li:nth-child(2n) {margin-right:0}
.about_box3 ul>li:nth-child(2n+1) {clear:both}
.about_box4 ul>li {width:49%}
.about_box4 ul>li:nth-child(2n) {margin-right:0}
.about_box4 ul>li:nth-child(2n+1) {clear:both}
.about_box5 ul li.pro_box {width:100%;margin:0 0 1.5rem 0}
}
@media (max-width:575.98px) {.about_box ul li {border-radius:0}
.about_box ul li ol li.product_con,.about_box ul li ol li.product_img {width:100%;padding:0}
.about_box ul li.big_hub ol li.product_con,.about_box ul li.big_hub ol li.product_img {width:100%;padding:0}
.about_box ul li ol li.product_con a {padding:.5rem 0}
.about_box2>ul>li {width:100%;margin:0 0 2rem 0}
.about_box3 ul>li {width:100%;margin:0 0 1.5rem 0}
.about_box3 ul>li:nth-child(3n) {margin-right:0}
.about_box4 ul>li {width:100%;margin:0 0 1.5rem 0}
.app_hub>ul>li {width:100%;margin:0 0 1rem 0}
.app_hub>ul>li:nth-child(3n) {margin-right:0}
.about_hub ul li {width:49%}
.about_hub ul li:nth-child(3n) {margin-right:2%;border-right:1px dotted #ccc}
.about_hub ul li:nth-child(2n) {margin-right:0;border-right:none}
.about_hub ul li:nth-child(2n+1) {clear:both}
}
@media (max-width:419.98px) {.about_box>ul>li {width:100%;margin:0 0 1.5rem 0}
}
.about_item {position:relative}
.about_item:before {position:absolute;content:'';border-left:2px solid #004098;border-top:2px solid #004098;left:-40px;top:-30px;width:100px;height:80px}
.about_item:after {position:absolute;content:'';border-right:2px solid #004098;border-bottom:2px solid #004098;right:-40px;bottom:-25px;width:100px;height:80px}
.right_box {width:50%;float:right;margin:0 0 4rem 2%}
.right_box a {position:relative;padding:0 3rem 0 0;display:block;width:100%}
.right_box a:before {position:absolute;content:'';background:#eaeaea;width:90%;height:90%;left:10%;top:22%}
.right_box a img {position:relative}
.right_box1 {width:50%;float:right;margin:0 0 1rem 3%}
.box_bg {width:100%;padding:2rem;background:#dde2e6;position:relative;display:flex;flex-wrap:wrap;align-items:center;border-radius:20rem 4rem 4rem 1rem;-webkit-border-radius:20rem 4rem 4rem 1rem;-moz-border-radius:20rem 4rem 4rem 1rem;-ms-border-radius:20rem 4rem 4rem 1rem;-o-border-radius:20rem 4rem 4rem 1rem}
.item_box_shadow {position:relative;transition:.5s all ease-in-out}
.item_box_shadow:hover {filter:drop-shadow(0 0 6px rgba(0 0 0 / 15%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 15%));transform:translateY(-.5rem)}
.item_box {padding:2rem;border-radius:2rem;background:#fff;position:relative;overflow:hidden;box-shadow:0 6px 10px rgb(0 0 0 / 20%)}
.item_box .etw_photo ul li {margin-bottom:0}
.item_box .etw_photo ul li a {border-radius:50%}
.item_boxs .etw_photo ul li a {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}
.item_box .etw_photo ul li span {font-size:.8rem;line-height:1rem}
.item_box1 {position:relative;padding:0 0 0 3rem;width:100%}
.item_box1:before {position:absolute;content:'';border-left:1px dotted #004098;width:1px;height:100%;left:23px;top:0}
.item_box1 p {color:#555}
.item_box2 {background:#f8f8f8;padding:3rem;margin:1rem 0 0 -5rem;box-shadow:3px 5px 6px rgba(0 0 0 / 10%)}
.item_box2 p {font-size:.85rem;line-height:1.3rem;color:#777}
.etw_hometitle1 {margin:4rem 0 2rem;padding:0 0 0 3rem}
.etw_hometitle1 span {display:block}
.aboutbox {border:10px solid rgba(221 221 221 / 30%);padding:2rem 3rem 1rem 3rem;transition:.3s all ease-in-out;background:#efefef}
.hub_bg {background:url(../images/hub_bg1.jpg) no-repeat;background-size:cover;position:relative;width:100%;overflow:hidden}
.hub_bg:before {position:absolute;content:'';background:rgba(0 0 0 / 70%);width:100%;height:100%;left:0;top:0}
.hub_bg1 {background:url(../images/hub_bg2.jpg) no-repeat;background-size:cover;background-position:0 50%}
.hub_bg2 {background:url(../images/hub_bg3.jpg) no-repeat;background-size:cover}
.hub_bg3 {background:url(../images/hub_bg4.jpg) no-repeat;background-size:cover;background-position:0 30%}
.hub_bg4 {background:url(../images/hub_bg5.jpg) no-repeat;background-size:cover}
.hub_bg5 {background:url(../images/hub_bg6.jpg) no-repeat;background-size:cover;background-position:0 50%}
.hub_bg6 {background:url(../images/hub_bg7.jpg) no-repeat;background-size:cover;background-position:0 70%}
.hub_bg7 {background:url(../images/hub_bg8.jpg) no-repeat;background-size:cover;background-position:0 30%}
.hub_bg8 {background:url(../images/hub_bg9.jpg) no-repeat;background-size:cover}
.hub_bg .content {background:0}
.hub_bg2 .hub_box,.hub_bg4 .hub_box,.hub_bg6 .hub_box,.hub_bg8 .hub_box,.hub_bgs .hub_box {float:right}
.hub_box {position:relative;display:flex;flex-wrap:wrap;align-items:start;width:100%;padding:1rem 0}
.hub_left {width:25%;position:relative}
.hub_right {width:72%;position:relative;margin:0 0 0 3%}
.hub_title {width:100%;position:relative}
.hub_title:before {position:absolute;content:'';width:90%;height:90%;border:1px solid #fff;left:5%;top:5%;z-index:1;transition:.3s all ease-in-out}
.hub_title:hover:before {width:100%;height:100%;left:0;top:0;background:rgba(0 0 0 / 30%)}
.hub_title a {display:block;position:relative;width:100%}
.hub_title span {font-size:1.5rem;display:block;line-height:1.8rem;position:absolute;top:22%;left:0;padding:0 0 0 1rem;color:#fff;font-weight:700;text-align:left;width:80%;right:0;margin:0 auto;z-index:2;transition:.3s all ease-in-out}
.hub_title a:hover span {color:#aaa}
.hub_more {position:absolute;left:10%;bottom:15%;margin:0 0 0 1rem;z-index:2}
.hub_more a {background:#004098;color:#fff;display:inline-block;text-align:center;padding:.5rem 1.5rem;font-size:1rem;line-height:1rem;border-radius:2rem;font-weight:300}
.hub_more a:hover {background:#111}
.hub_box p {color:#fff;font-size:1.1rem;line-height:1.5rem;margin:0 auto 1.5rem auto;width:88%}
.hub_box a.more {font-size:1rem;line-height:1rem;position:relative;padding:0;color:#fff}
.hub_box a.more:hover {color:#004098}
.hub_box a.more:after {content:"\f178";font-family:FontAwesome;color:#fff;font-size:.8rem;padding-left:.3rem;transition:.3s all ease-in-out}
.hub_box a.more:hover:after {padding-left:.5rem;color:#004098}
.proinfo_bg {background-color:#3d3d3d;position:relative;padding:1rem 2rem;box-shadow:0 0 10px 0 rgb(0 0 0 / 50%)}
.proimg_bg {position:relative;background:linear-gradient(180deg,#efefef 80%,#8c98ab);padding:3rem 0}
.proimg_bg img {text-align:center;display:block;box-shadow:1px 25px 23px -20px #666;max-width:1000px;margin:0 auto}
.info_bg {background:#efefef}
.info_bg p.first {font-size:1.2rem;padding:1rem}
.icon_img {margin:0 auto 1rem auto;text-align:center;width:60px;border:5px solid rgba(255 193 7 / 50%);border-radius:50%;background:#fff}
.protable_bg {display:flex;flex-wrap:wrap;align-items:center}
.app_list ul {display:flex;flex-wrap:wrap;position:relative}
.app_list ul li {display:flex;position:relative;margin:0 2% 0 0;width:15%;border-radius:50%;overflow:hidden;border-right:3px solid #004098;border-left:3px solid #004098;box-shadow:1px 3px 10px #999}
.app_list ul li:last-child {margin-right:0}
.app_list ul li .icon {display:block}
.app_list ul li .icon svg {height:4.6875rem;width:4.6875rem;stroke:#013a98;stroke-width:.1875rem;overflow:visible}
.app_pic {padding:2px}
.app_pic a {display:block;position:relative}
.app_pic a:before {position:absolute;content:'';width:100%;height:30%;background:linear-gradient(180deg,transparent,#004098);left:0;bottom:0;transition:.3s all ease-in-out}
.app_pic span {position:absolute;display:block;width:100%;color:#fff;text-align:center;padding:1rem 0;left:0;bottom:0;font-size:1rem;letter-spacing:.02rem;font-weight:600;text-transform:uppercase;transition:.3s all ease-in-out}
.app_pic a:hover:before {height:100%}
.app_pic a:hover span {color:#004098}
@media (max-width:991.98px) {.img_bg {position:relative;right:auto;left:auto;margin:0 0 1rem 0;width:100%}
}
@media (max-width:767.98px) {.item_box2 {padding:2rem;margin:1rem 0 0 0}
.app_list ul li {width:23.5%}
.app_list ul li:nth-child(4n) {margin-right:0}
}
@media (max-width:575.98px) {.right_box {width:100%;margin:0 0 1rem 0}
.right_box a {padding:0}
.right_box a:before {display:none}
.item_box {padding:1.5rem}
}
@media (max-width:410.98px) {.app_list ul li {width:49%;margin:0 2% 1.5rem 0}
.app_list ul li:nth-child(2n) {margin-right:0}
.app_list ul li .icon {margin:0 auto}
}
.faq_q {padding:.5rem 0 .5rem 3rem;font-size:1.4rem;line-height:1.6rem;font-weight:600;font-style:oblique;color:#eb5c02;margin:0;border-radius:0 0 0 4rem;position:relative;box-shadow:-2px 4px 6px -3px rgba(0 0 0 / 12%)}
.faq_q:before {position:absolute;content:'Q:';font-size:1rem;font-weight:400;left:22px;top:9px;font-family:Montserrat;color:#eb5c02;font-style:normal}
.faq_a {padding:2rem 3rem 2rem 2rem;width:97%;margin:0 0 2rem 2.5%;font-size:1.1rem;line-height:1.4rem;background:#efe;border-left:1px dotted #eb5c02}
.oem_box {width:100%;position:relative;padding:1rem 8% 2rem 12%;margin:3rem 0 3rem 0}
.oem_box:before {position:absolute;content:'';background:#ecf3f8;transform:skew(-15deg);width:100%;height:100%;left:0;top:0}
.oem_box:after {position:absolute;content:'';background:url(../images/quote.svg) no-repeat;background-size:auto;background-size:cover;width:70px;height:67px;left:4rem;top:-2.5rem}
.oemtitle {position:relative;font-size:2rem;line-height:2.2rem;font-weight:600;padding:2rem 0 1rem}
.oemtitle a {color:#004098}
.oemtitle a:hover {color:#eb5c02}
.oem_box p {position:relative;margin:0;font-size:.9rem;line-height:1.4rem;color:#666}
.oem_more {position:relative}
.oem_more a {color:#333;position:relative;display:inline-block;padding:.6rem 0 0}
.oem_more a:after {width:13px;height:9px;margin:0 0 0 .3rem;content:'';background:url(../images/jiantou.svg) no-repeat;background-size:auto;background-size:cover;position:absolute;right:-20px;top:20px;transition:.3s all ease-in-out}
.oem_more a:hover {color:#eb5c02}
.oem_more a:hover:after {right:-26px}
.about_link ul li a {display:block;color:#333;padding:.5rem 1rem;position:relative;border:1px solid #333;font-size:1rem;border-radius:.3rem}
.about_link ul li a:before {content:"\f178";position:absolute;right:20px;top:8px;font-family:FontAwesome;color:#333;font-size:16px;transition:.3s all ease-in-out}
.about_link ul li a:hover {color:#fff;background:#004098;border-color:#004098}
.about_link ul li a:hover:before {color:#fff}
.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:1rem;line-height:1.2rem;position:relative;display:inline-block;color:#111;font-weight:500;padding:0;cursor:pointer;margin:0;width:14%;text-transform:uppercase;text-align:center;font-family:Poppins}
.tab_li li span {display:block;width:100%;border-right:2px solid #f2bb41}
.tab_li li:last-child span {border-right:none}
.tab_li li:before {position:absolute;content:'';background:#333;width:0;height:1px;left:0;bottom:8px;transition:.3s all ease-in-out;display:none}
.tab_li li img {display:block;margin:.5rem auto;border-radius:50%}
.tab_li li.dq,.tab_li li:hover {color:#004098}
.tabfixed {position:fixed;top:108px;left:0;margin:0;z-index:999;width:100%;background:#fff;right:0;box-shadow:0 3px 10px rgb(0 0 0 / 20%)}
.tabfixed ul {max-width:1200px;width:100%;margin:0 auto .5rem}
.tabfixed ul li img {width:50px}
@media (max-width:991.98px) {.tabfixed {position:relative;top:auto;left:auto;right:auto}
.tabfixed ul {background:#dde2e6}
.tabfixed ul li {color:#333}
.tabfixed li:before {background:#333}
}
.accordion {margin:2rem 0}
.card {background:0;border:none}
.card-header {transition:.3s all ease-in-out;border-bottom:2px solid #eee;border-radius:5rem!important;background:#eff7fa}
.card-header:hover {background:rgba(0,0,0,.09)}
.card-header .btn {font-size:1.3rem;color:#004098;position:relative;line-height:1.4rem;white-space:normal;padding:.5rem;font-weight:600}
.card-header .btn a {color:#333}
.card-header .btn:hover a {color:#004098}
.card-body {position:relative;margin:0 0 1.5rem 0;padding:1.5rem 0}
.card-body1 {padding:2rem 3rem}
.card-header .btn span {float:right;font-size:3rem;color:#777;font-weight:100;font-family:Montserrat;transition:.3s all ease-in-out}
.card-header .btn:hover span {transform:rotate(135deg);color:#004098}
.btn-link.focus,.btn-link:focus,.btn:hover,.btn[aria-expanded=true] {text-decoration:none;color:#004098}
.btn[aria-expanded=true] span {transform:rotate(135deg);color:#004098}
#etw_right {float:left;width:73%;position:relative}
#etw_right:before {position:absolute;content:'';background:#ddd;width:1px;height:110%;right:0;top:-10%;display:none}
#etw_sidebar {float:right;width:24%;position:relative;margin:0 auto}
#etw_sidebar .webtitle {text-align:left;font-size:1.6rem;line-height:1.6rem;padding:1rem 0 .5rem;color:#333;font-weight:600;border-radius:2rem;position:relative;transition:.3s all ease-in-out;width:100%;margin:0;text-transform:uppercase}
#etw_sidebar .webtitle:hover {width:100%}
#etw_sidebar .webtitle span {display:block;padding:0 0 0 2rem;color:#111}
#etw_sidebar .webtitle a {color:#fff;display:block;width:100%;padding:1.2rem}
#etw_sidebar .webtitle a:hover {color:#818ea2}
#etw_productlist {position:relative;overflow:hidden;padding:1rem;border:1px solid #d6d6d6;background:#fff}
#etw_productlist>ul {position:relative}
#etw_productlist>ul>li {width:100%;position:relative;display:block;transition:.3s all ease-in-out;padding:0 0 .3rem}
#etw_productlist>ul>li>a {padding:1.5rem;color:#fff;font-size:1.2rem;line-height:1.4rem;font-weight:600;position:relative;display:block;background:linear-gradient(45deg,#111,#004098);width:100%;overflow:hidden}
#etw_productlist>ul>li>a:before {content:"\f101";font-family:FontAwesome;display:none;color:#111;position:absolute;left:6px;top:4px;transition:.3s all ease-in-out}
#etw_productlist>ul.aboutlist>li>a {font-size:1rem;line-height:1.2rem}
#etw_productlist>ul>li>a.dq,#etw_productlist>ul>li>a:hover {color:#b7e4e3}
#etw_productlist>ul>li>a.dq:before,#etw_productlist>ul>li>a:hover:before {color:#004098}
#etw_productlist ul li ol {margin:.5rem 0;position:relative}
#etw_productlist ul li>ol>li>a {position:relative;display:block;padding:1rem 1.5rem 1rem .3rem;color:#000;font-size:1.1rem;line-height:1.3rem;font-weight:300;border-bottom:1px dotted #aaa;font-style:oblique}
#etw_productlist ul li>ol>li>a.dq:before,#etw_productlist ul li>ol>li>a:hover:before {opacity:0}
#etw_productlist ul li>ol>li>a.dq:after,#etw_productlist ul li>ol>li>a:hover:after {opacity:1}
#etw_productlist ul li>ol>li {position:relative}
#etw_productlist ul li>ol>li>dl {padding:0;clear:both;float:none;display:none;margin:.5rem 0}
#etw_productlist ul li>ol>li>dl.show {display:block}
#etw_productlist ul li ol li dl a {display:block;color:#555;position:relative;font-size:.9rem;line-height:1rem;padding:.3rem 0 .3rem 1rem;font-weight:200}
#etw_productlist ul li ol li dl a:before {content:'';position:absolute;left:2px;top:5px;width:16px;height:16px;opacity:.7;background:url(../images/cat-close.png) no-repeat;background-size:cover;transition:.3s all ease-in-out}
#etw_productlist ul li ol li ol li a {position:relative;display:block;font-weight:300;padding:.5rem 1rem .5rem 2.2rem;color:#333;font-size:.8rem;line-height:.9rem;border-bottom:1px solid #ddd;border-top:1px solid #ffff}
#etw_productlist ul li ol li a.dq,#etw_productlist>ul>li ol li a:hover {color:#004098}
#etw_productlist ul li .more {position:absolute;opacity:.5;right:4px;top:16px;width:20px;height:20px;line-height:20px;color:#004098;cursor:pointer;text-align:center;transition:.3s all ease-in-out}
#etw_productlist ul li .more:before {content:"";width:12px;height:4px;background:#004098;right:0;top:11px;position:absolute;font-size:.875rem;transition:all .2s}
#etw_productlist ul li .more:after {content:"";width:4px;height:12px;background:#004098;right:4px;top:7px;position:absolute;font-size:.875rem;transition:all .2s}
#etw_productlist ul li .more.on:after {transform:rotate(-90deg)}
#etw_productlist ul li .more.on:before {transform:rotate(180deg)}
#etw_productlist ul li .more:hover {opacity:.8}
#etw_productlist ul li>ol>li>dl.show+.more:after {transform:rotate(-90deg)}
#etw_productlist ul li>ol>li>dl.show+.more:before {transform:rotate(180deg)}
#etw_sidebar1 {float:left;width:23%;position:relative;margin:0 auto;background:url(../images/imgSidebarStripe3.png) bottom right repeat-y;padding:0 0 500px 0}
#etw_right1 {width:74%;float:right;position:relative}
.about_info p {padding:1rem;line-height:1.3rem}
#etw_aboutlist {position:relative;width:100%;margin:2rem 0 0;padding:1rem;background:url(../images/industries_bg.jpg) no-repeat center;background-size:cover}
#etw_aboutlist ul li {position:relative;width:100%;display:block}
#etw_aboutlist ul li a {width:100%;display:block;position:relative}
#etw_aboutlist ul li a span {position:relative;display:block;color:#fff;font-size:1.4rem;line-height:1.4rem;font-weight:600;transition:.3s all ease-in-out;text-align:left;width:100%;padding:1rem .5rem}
#etw_aboutlist ul li a.dq:before,#etw_aboutlist ul li a:hover:before {right:1rem}
#etw_aboutlist ul li a.dq span,#etw_aboutlist ul li a:hover span {color:#004098}
#etw_aboutlist ul li p {font-size:.9rem;line-height:1.4rem;padding:0 1rem}
#etw_aboutlist ul li a.more {position:relative;font-size:.9rem;line-height:.9rem;font-weight:600;color:#004098;padding:0 1rem 1rem}
#etw_aboutlist ul li a.more:after {font-family:FontAwesome;content:"\f101";color:#004098;font-size:1rem;margin:0 0 0 .3rem;transition:.3s all ease-in-out;font-weight:500}
#etw_aboutlist ul li a.more:hover {color:#111}
#etw_aboutlist ul li a.more:hover:after {color:#111;margin:0 0 0 .6rem}
#etw_aboutlist ul li ol li a {font-size:1rem;line-height:1.2rem;display:block;color:#fff;font-weight:300;padding:.6rem .5rem;border-bottom:1px solid rgba(255 255 255 / 30%)}
#etw_aboutlist ul li ol li:last-child a {border-bottom:none}
#etw_aboutlist ul li ol li a:hover {color:#004098}
#left_contact {border-right:1px solid #004098;border-bottom:1px solid #004098;padding:1rem .5rem .5rem .5rem}
#left_contact p {font-size:.8rem;line-height:1.2rem;margin:0 0 .8rem 0}
#left_contact p strong {font-size:.8rem}
#left_contact p a {color:#0b3b6f}
#left_contact p a:hover {text-decoration:underline}
@media (max-width:991.98px) {#etw_right,#etw_right1,#etw_sidebar,#etw_sidebar1 {width:100%}
#etw_aboutlist,#etw_productlist,#etw_sidebar .webtitle,#etw_sidebar1,#left_contact {display:none}
}
.bottom_quote {position:relative;padding:2rem 0}
.bottom_quote .content {margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1100px;align-items:center}
.quote_text {position:relative;width:100%;text-align:center}
.quote_title {color:#004098;font-size:1.8rem;line-height:2.2rem;font-weight:300;margin:0 auto;padding:2rem 0 1rem;position:relative}
.quote_title span {color:#004098;display:block}
.bottom_quote p {font-size:2rem;line-height:2rem;margin:0;color:#111;font-weight:400}
.bottom_inquiry {color:#fff;position:relative;padding:1rem 2rem;text-align:center;display:flex;flex-wrap:wrap;font-size:1.1rem;line-height:1.1rem;align-items:center;margin:2rem auto 1rem auto;background:#eb5c02;cursor:pointer;font-weight:300;transition:.5s all ease-in-out}
.bottom_inquiry:hover {background:#111;color:#fff}
.bottom_inquiry:hover:after {right:18px}
@media (max-width:991.98px) {.bottom_quote {padding:1.5rem 0}
.quote_text {width:100%;padding:0 0 1rem 0}
}
@media (max-width:767.98px) {.bottom_inquiry {font-size:.85rem;margin:1rem auto}
.bottom_quote p,.quote_title {font-size:1.4rem;line-height:1.6rem}
}
.webtitle {color:#1d1d1d;font-size:2rem;font-weight:400;text-align:center;padding-bottom:1rem}
.webtitle1 {width:100%;text-align:left}
.webtitle1 a {font-size:1.2rem;padding:.5rem 0;display:block}
.protitle {width:100%;color:#004098;display:flex;flex-wrap:wrap;align-items:center;font-size:1.5rem;line-height:1.7rem;position:relative;font-weight:600;padding:0;margin:1rem 0 1.5rem}
.protitle:before {position:absolute;content:'';background:#eb5c02;width:80px;height:2px;left:0;bottom:-10px}
.title_line {margin:.5rem 0 0;background:#999;height:2px;display:flex;flex-wrap:wrap;transition:.3s all ease-in-out;flex:1}
.protitles {text-align:center;margin:0 0 2rem}
.protitles a {margin:0 auto}
.protitles:before {left:0;right:0;margin:0 auto}
.protitle:hover .title_line {background:#eb5c02}
.protitle a {color:#424242;display:inline-block;color:#004098;position:relative}
.protitle:hover a {color:#eb5c02}
.protitle1 {display:block}
.protitle1 {width:100%;color:#004098;display:block;font-size:1.6rem;line-height:1.8rem;position:relative;font-weight:400;border-bottom:1px dotted #004098;padding:.6rem 0;margin:1rem 0}
.protitle1 a {color:#004098}
.protitle1 a:hover {color:#111}
.protitle1 a.more {font-size:.9rem;line-height:.9rem;float:right;padding:1.2rem 0 0 0}
.small_title {display:inline-block;margin:0 0 .5rem 0;background:rgba(83 106 96 / 50%);padding:.4rem 1.2rem;text-align:center;font-size:1.2rem;line-height:1.2rem;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;font-weight:600}
.protitle2 {font-size:2.4rem;line-height:2.6rem;font-weight:300;text-align:center;margin:2rem 0;position:relative;color:#111;font-family:AppleTea}
.protitle2 span {color:#004098;display:block}
.protitle2 a {color:#111;position:relative;display:block}
.protitle2 a:hover {color:#004098}
.protitle2 a:before {position:absolute;content:'';display:none;width:0;height:1px;margin:0 auto;background:#fff;left:0;right:0;bottom:24px;transition:.3s all ease-in-out}
.protitle2 a:hover:before {width:920px}
.protitle3 {font-size:2rem;line-height:2.2rem;width:auto;display:flex;margin:1rem 0;font-weight:600;color:#004098;border-radius:2rem;padding:.5rem 0;flex-wrap:wrap;font-style:oblique}
.protitle3 span {position:relative;background:#004098;width:60px;height:60px;padding:.4rem;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 1rem 0 0;box-shadow:3px 3px 10px 0 rgb(0 0 0 / 30%);border-radius:50%}
.protitle3 a {color:#333;display:flex;flex-wrap:wrap;align-items:center}
.protitle3 a:hover {color:#004098}
.protitle3 img {margin:0 1rem 0 0;width:50px;float:left}
.protitle4 {font-size:1.6rem;text-align:left;line-height:1.8rem;font-weight:600;position:relative;padding:1rem 0 1rem 1rem;color:#111;background:linear-gradient(90deg,#004098,transparent);border-left:5px solid #004098;margin:0 0 1.5rem 0}
.protitle4 a {color:#111}
.protitle4 a:hover {color:#004098}
.protitle4:hover:after,.protitle4:hover:before {border-right-color:#90ceff}
.protitle5 {font-weight:600;position:relative;margin:0 auto;padding:2rem 0;font-size:2.4rem;line-height:2.4rem;width:100%;background:#111}
.protitle5 a,.protitle5 span {display:block;color:#fff;position:relative;max-width:1200px;text-align:left;margin:0 auto;font-style:oblique}
.protitle5 a:hover {color:#004098}
.hub_txt {text-align:center;margin:0 auto 1rem;width:76%;font-size:1.1rem;line-height:1.6rem;color:#777}
.inquirytitle {font-size:1.6rem;float:left;padding:.3rem 8% .3rem 0;line-height:1.8rem;color:#fff}
.sendtop {margin-top:1.2rem}
.sendinquiry {display:inline-flex;flex-wrap:wrap;justify-content:center;cursor:pointer;text-align:center;position:relative;z-index:1;overflow:hidden;margin:.5rem auto 1rem;border-radius:.8rem}
.sendinquiry:before {position:absolute;content:'';background:linear-gradient(180deg,#004098,#eb5c02);width:100%;height:100%;left:0;top:100%;transition:.3s all ease-in-out}
.sendinquiry a,.sendinquiry span {padding:.6rem 1.5rem .7rem;font-size:.9rem;line-height:.9rem;text-align:center;display:block;margin:0;min-width:100px;position:relative;border:1px solid #004098;color:#004098;overflow:hidden;font-weight:300;z-index:1;transition:.3s all ease-in-out}
.sendinquiry i {padding-right:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover {border:1px solid transparent;color:#fff}
.sendinquiry:hover:before {top:0}
.download_box {display:inline-flex;flex-wrap:wrap;justify-content:center;cursor:pointer;text-align:center;position:relative;z-index:1}
.download_box a {color:#fff;background:#004098;margin:1rem 0 2rem 1rem;padding:.5rem 1.5rem;font-size:1rem;line-height:1rem;font-weight:600;text-align:center;display:inline-block;transition:.3s all ease-in-out;min-width:100px;position:relative;border-radius:.4rem;border:3px solid #fff;min-width:180px;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);transition:.3s all ease-in-out}
.download_box a:hover {background:#228ce0}
.send_box {width:100%;box-shadow:1px 1px 15px #e4e4e4;padding:1rem;font-size:1.1rem}
.sendinquiry1 {font-size:.9rem;line-height:1rem;cursor:pointer;position:relative;display:inline-block;transition:.3s all ease-in-out;padding:.4rem 1rem .5rem;color:#fff;font-weight:400;font-style:oblique;background:#004098;margin:0 0 1.5rem;border-radius:2rem}
.sendinquiry1 a {color:#fff}
.sendinquiry1 a:hover {color:#ff8b42}
.sendinquiry1:hover {color:#ff8b42}
.sendinquiry2 {width:100%;white-space:nowrap}
.sendinquiry2 span {text-decoration:underline;cursor:pointer;color:#eb5c02;transition:.3s all ease-in-out;display:inline-block;white-space:nowrap;font-weight:200}
.top .sendinquiry2 span {color:#fff}
.sendinquiry2 i {margin:0 .3rem 0 0}
.sendinquiry2 span:hover {text-decoration:none}
.sendinquiry2s span {white-space:normal}
.sendinquiry3 {width:100%}
.sendinquiry3 span {font-size:1.5rem;line-height:1.7rem;text-decoration:underline;cursor:pointer;color:#eb5c02!important;transition:.3s all ease-in-out;display:inline-block;font-weight:600;margin:0 0 1rem}
.sendinquiry3 span:hover {text-decoration:none}
.model_selection p {font-size:.85rem;line-height:1.6rem}
.btn.focus,.btn:focus {outline:0;box-shadow:none}
.btn1 {font-size:1.2rem;line-height:1.4rem;font-weight:400;text-align:center;display:block;position:relative;overflow:hidden;border-radius:2rem;border:none;z-index:1;background:linear-gradient(125deg,#eb5c02,#004098);color:#fff;margin:1rem 0;padding:.7rem 0}
.btn1:before {content:"\f103";position:absolute;transition:all .3s;z-index:-1;top:0;margin:0 auto;left:0;right:0;font-family:FontAwesome}
.btn1:focus,.btn1:hover,.btn[aria-expanded=true] {color:#fff}
.btn1:hover:before,.btn1[aria-expanded=true]:before {content:"\f102"}
.pro_line .btn1:active i:before,.pro_line .btn1:focus i:before,.pro_line .btn1:hover i:before {color:#fff}
.btn2 {position:relative;overflow:hidden;border-radius:0;display:block;border:none;z-index:1;padding:0;font-size:1.2rem;line-height:1.2rem;font-weight:600}
.pdf {display:inline-flex;margin:0 1rem;flex-wrap:wrap;float:left}
.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,#004098);font-weight:200;border-radius:2.5rem;z-index:1;transition:.5s all ease-in-out;font-family:Montserrat}
.pdf a:before {color:#fff;transition:.3s all ease-in-out;content:"\f1c1";font-size:1rem;font-family:fontawesome;margin:0 .5rem 0 0}
.pdf a:hover {box-shadow:2px 5px 12px rgba(0 0 0 / 50%)}
.pdf a:hover:before {color:#fff}
.pdf_list {background:#004098;position:relative;margin:0 0 1rem 0;padding:1rem 2rem;color:#fff;border-right:15px double #fff}
.pdf1 {color:#fff;display:block;font-size:.9rem;line-height:1.2rem;position:relative;padding:0 0 0 1.5rem}
.pdf1 a i {padding-right:.3rem;font-size:1rem}
.pdf1:hover {color:#ccc}
.pdf1:before {color:#fff;content:"\f1c1";font-size:1rem;font-family:fontawesome;position:absolute;left:0}
.color1 {color:#004098;font-style:normal;font-size:.95rem;font-weight:500}
.pdf2 {display:inline-block;width:100%;padding:.5rem;text-align:center;position:relative;font-style:oblique;font-weight:600}
.pdf2:before {color:#d83d33;content:"\f1c1";font-size:1rem;font-family:fontawesome;font-weight:300;font-style:normal}
.pdf2 a {padding:0 0 0 .5rem;color:#004098}
.pdf2 a:hover {color:#eb5c02}
@media (max-width:1199.98px) {.inquirytitle {font-size:1.2rem}
}
@media (max-width:991.98px) {.protitle1 {font-size:1.6rem;line-height:1.8rem}
.protitle3 {width:100%;margin:1rem 0;font-size:1.4rem;line-height:1.6rem;padding:0}
}
@media (max-width:767.98px) {.info_box {margin:1rem 0 2rem 0}
.inquirytitle {width:100%;padding:0}
.protitle {font-size:1.4rem;line-height:1.6rem}
.protitle2 {font-size:1.8rem;line-height:2rem}
.sendinquiry {justify-content:start}
}
@media (max-width:575.98px) {.pdf a {text-align:center}
.title_line {display:none}
}
figure {margin:0;width:100%;display:table;clear:both}
.left_pic {width:100%;height:auto;float:right;margin:0 0 1.5rem 0}
.left_pics {width:100%;overflow:hidden}
.left_pic img {max-width:100%;text-align:center;transition:.3s all ease-in-out}
.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:left;overflow:hidden;margin:0;flex:1;padding:0 2px;display:flex;flex-wrap:wrap;border-radius:1rem}
.related_pic li a {display:block;position:relative;border:1px solid #eee}
.related_pic li a.imgdq {border:1px solid #eb5c02}
.related_pics {width:70%;margin:.5rem auto 0;justify-content:center}
.related_pics li {width:18.4%;margin:0 2% .5rem 0;flex:none}
.related_pics li:nth-child(5n) {margin-right: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;right:15%;top:3%;transition:.4s all ease-in-out;background:#004098;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px #004098;-webkit-animation:scaleout 1.5s infinite ease-in-out;animation:scaleout 1.5s infinite ease-in-out}
.item_mod span {opacity:0;visibility:hidden;display:block;background:rgba(17 166 163 / 95%);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;right:35%;background:0 0;box-shadow:none}
.left_pics:hover .item_mod span {visibility:visible;opacity:1;pointer-events:all}
.left_pic1 {width:100%;display:flex;flex-wrap:wrap;margin:0;position:relative;align-items:start;background:linear-gradient(90deg,#004098,transparent);padding:1rem 1rem 2rem 1rem}
.left_pic1 .left_pics {width:80%;overflow:hidden;position:relative}
.left_pic1 img {max-width:100%;text-align:center;transition:.3s all ease-in-out}
.left_pic1 .related_pic {width:19%;display:flex;flex-wrap:wrap;margin:0 0 0 1%;justify-content:center}
.left_pic1 .related_pic ul {display:flex;flex-flow:wrap}
.left_pic1 .related_pic li {width:100%;float:left;overflow:hidden;margin:0}
.left_pic1 .related_pic li a {display:block;position:relative;border:1px solid #f3f8f0;margin:0 0 .45rem 0}
.left_pic1 .related_pic li:last-child a {margin:0}
.left_pic1 .related_pic li a.imgdq {border:1px solid #004098}
.left_pic1 .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}
.left_pic1 .related_pic span {font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.left_pic1 .related_pic1 img {margin:0 0 12px 0}
.pro_sample {position:relative;margin:-9rem auto 2rem;width:86%}
.pro_sample ul {position:relative;display:flex;flex-wrap:wrap}
.pro_sample ul li {width:20%;padding:1rem;position:relative}
.pro_sample ul li a {display:block;border-radius:50%;overflow:hidden;position:relative}
.pro_sample ul li a:before {position:absolute;content:'';border-radius:50%;border:10px solid rgba(0 0 0 / 10%);width:100%;height:100%;left:0;top:0;opacity:1;transform:skewX(1);transition:.3s all ease-in-out}
.pro_sample ul li a:hover {box-shadow:2px 4px 10px rgba(0 0 0 / 20%)}
.pro_sample ul li a:hover:before {width:0;opacity:0;transform:skew(0)}
.pro_sample1 {margin:0 auto;width:100%}
.pro_sample1 ul li {width:16.66%}
@media (max-width:991.98px) {.first {margin:0 0 1rem 0}
.pro_sample {margin:0 auto 1.5rem auto;width:100%}
}
@media (max-width:767.98px) {.left_pic {float:none;text-align:center}
.related_pic1 li {width:23.5%;margin:0 2% 1rem 0}
.related_pic1 li:nth-child(4n) {margin-right:0}
.pro_sample ul li,.pro_sample1 ul li {width:50%}
.pro_sample ul li img {width:100%}
}
.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 2% .5rem 0}
.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:.9rem;line-height:1.2rem;font-weight:300;clear:both;margin:.6rem 0;color:#111}
.etw_proimg {width:100%;position:relative}
.etw_proimg ul {display:flex;flex-flow:wrap;position:relative}
.etw_proimg ul li {width:100%;overflow:hidden;position:relative}
.etw_proimg ul li a {width:100%;display:block;overflow:hidden;position:relative}
.etw_proimg ul li a span {position:absolute;bottom:0;left:0;display:block;font-size:.95rem;line-height:1.3rem;padding:1.5rem;width:100%;color:#fff;font-weight:200;background:rgba(0 155 219 / 80%);transition:.3s all ease-in-out}
.etw_proimg ul li img {overflow:hidden;transition:.3s all ease-in-out}
.etw_proimg ul li a:hover span {padding:1rem 1.5rem}
.etw_proimg ul li a:hover img {transform:scale(1.06)}
.center_pic {position:relative}
.center_pic img {border-radius:6rem;transition:.3s all ease-in-out}
.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 a:before {position:absolute;content:'';background:rgba(0 0 0 / 80%);left:0;right:0;margin:0 auto;width:0;height:0;transition:.3s all ease-in-out}
.etw_gallery ul li a:after {position:absolute;content:"\f00e";color:#fff;font-size:3rem;line-height:3rem;font-family:FontAwesome;opacity:0;transition:.6s all ease-in-out}
.etw_gallery ul li a:hover:before {width:100%;height:100%}
.etw_gallery ul li a:hover:after {opacity:1}
.etw_gallery ul li span {display:block;padding:.5rem;text-align:center;font-size:.9rem;line-height:1.1rem;font-weight:400}
.etw_gallery ul li span.bottom_box {position:absolute;background:rgba(0 0 0 / 70%);bottom:0;left:0;padding:1rem;color:#fff;width:100%;display:block}
.etw_gallery_bg ul li {background:#dde2e6;padding:5px;margin:0;border-right:1px solid #eee}
.etw_gallery_bg ul li:last-child {border-right:1px solid #dde2e6}
.etw_gallery_bg ul li span {position:absolute;left:5px;bottom:1.5rem;background:#eff7fa;padding:.5rem 1rem;border-radius:0 1rem 1rem 0;-webkit-border-radius:0 1rem 1rem 0;-moz-border-radius:0 1rem 1rem 0;-ms-border-radius:0 1rem 1rem 0;-o-border-radius:0 1rem 1rem 0}
.etw_customer ul li:nth-child(16) {width:33%}
.etw_customer ul li {opacity:.7}
.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 1px 15px rgba(0 0 0 / 20%);border-radius:.8rem}
.etw_shadowpic ul li a:before {bottom:0;content:"";left:50%;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;right:51%;top:0;background:rgba(255,255,255,.1) none repeat scroll 0 0}
.etw_shadowpic ul li a:after {bottom:50%;content:"";left:0;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;right: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 {left:0;right: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_style ul li span {width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:1;border:10px solid rgba(252 180 62 / 50%);box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%)}
.etw_ce {overflow:hidden;border-radius:50%}
.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-right:0}
.etw_pic2 ul li:nth-child(2n+1),.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}
.etw_circular ul li {position:relative}
.etw_circular ul li img {border-radius:50%;box-shadow:.1rem .1rem 1rem .2rem rgba(0,0,0,.15)}
.etw_circular ul li a {overflow:inherit}
.etw_circular ul li a:hover img {transform:none}
.etw_circular ul li a:before {position:absolute;content:'';border:10px solid rgba(255 255 255 / 50%);border-radius:50%;width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out}
.etw_circular ul li a:hover:before {border-width:15px}
.img_left,.img_right {float:left;margin:0 2% 14px 0;width:20%;text-align:center}
.img_right {margin:.2rem 0 1.5rem 3%;width:48%;float:right}
.img_left a,.img_right a {display:block;width:100%}
.img_left img,.img_right img,.img_right1 img {position:relative;z-index:2;transition:.3s all ease-in-out}
.img_center {width:100%;margin:.5rem 0;overflow:hidden;text-align:center}
.img_right1 {width:32%;float:right;margin:0 0 1rem 3%;position:relative}
@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-right: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-right: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}
.img_right1 {margin:0 0 1rem 0;width:100%;float:none}
.etw_gallery ul li {width:50%}
.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}
}
@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-right: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-right:0}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1) {clear:both}
.etw_gallery ul li span {font-size:.8rem;line-height:1rem}
.etw_ce {border-radius:0}
.etw_ce img {width:50%}
.etw_gallery5 ul li {width:50%}
}
@media (max-width:410.98px) {.etw_pic3 ul li {width:100%;margin:0 0 .6rem 0}
.etw_gallery3 ul li {width:100%}
}
ul.item {float:none;width:100%}
ul.item li {float:none;margin:0 0 .5rem 14px;list-style:decimal;text-align:left}
ul.item li.last {margin-left:22px}
ul.item1 {float:none;width:100%}
ul.item1 li {float:none;padding:0 0 .4rem 1.1rem;width:100%;position:relative;text-align:left}
ul.item1 li:before {position:absolute;content:'';width:6px;height:6px;background:#111;border-radius:50%;left:3px;top:9px}
ul.item2 {float:none;width:100%}
ul.item2 li {float:none;padding:0 0 .5rem 1.5rem;width:100%;position:relative;text-align:left;font-weight:300;color:#555}
ul.item2 li strong {color:#004098;font-size:1.2rem;font-weight:600;margin:0 0 .3rem 0;display:block}
ul.item2 li:before {position:absolute;content:'';width:10px;height:10px;background:#004098;left:2px;top:7px;border:1px solid #fff;box-shadow:3px 3px 0 #eb5c02}
ul.item2 li span {color:#eb5c02;font-size:1.4rem;display:inline-block;padding:0 1rem 0 0;font-weight:600}
ul.item3 {position:relative}
ul.item3 li {width:100%;margin:0 0 .2rem 0;position:relative;padding:.3rem 1rem .3rem 1.8rem;transition:.3s all ease-in-out}
ul.item3 li:before {position:absolute;content:'';background:url(../images/el-icon-check.png) no-repeat;background-size:auto;background-size:cover;width:16px;height:12px;left:0;top:10px}
ul.discitem {float:none;padding:0 0 0 .5rem;overflow:hidden}
ul.discitem li {position:relative;padding-left:1.125rem;text-align:left;margin:0 0 .8rem 0;line-height:1.4rem}
ul.discitem li:before {position:absolute;top:8px;left:3px;width:6px;height:6px;background:#004098;content:"";transform:rotate(45deg)}
ul.discitem1 {width:100%;position:relative}
ul.discitem1 li {position:relative;text-align:left;color:#333;font-size:.85rem;padding:.2rem 0 .2rem 1.5rem;font-weight:400;line-height:1.5rem}
ul.discitem1 li strong {display:block;margin:0 0 0 -.3rem}
ul.discitem1 li:before {position:absolute;content:'';background:url(../images/Intelligence_icon.svg) no-repeat;background-size:auto;background-size:cover;width:20px;height:20px;left:-11px;top:6px}
.proinfo_bg ul.discitem1 li {color:#fff}
ul.discitem2 {display:flex;flex-wrap:wrap;width:100%;position:relative;padding:1rem 0 0}
ul.discitem2 li {color:#555;font-size:.9rem;line-height:1.4rem;display:block;padding:0 2rem 2rem 0;width:50%;position:relative;font-weight:300}
ul.discitem2 li img {margin:-1.5rem .5rem 0 0}
ul.discitem2 li span {width:100px;height:100px;background:#004098;margin:0 auto 1rem;display:block;padding:1rem;border-radius:50%}
ul.discitem2 li strong {color:#111;font-size:1.05rem;line-height:1.3rem;display:inline-block;font-weight:500;margin:.5rem 0}
ul.discitem2 li:nth-child(2n) {border-right:0}
ul.discitem2s>li {padding:0 2rem 0 0;margin:0 0 1rem;border-right:none}
ul.discitem2s li span {width:80px;height:80px;background:#111;margin:0 0 1rem}
ul.discitem2s li strong {text-align:left;color:#111}
ul.discitem2s li ol {position:relative;display:flex;flex-wrap:wrap}
ul.discitem2s li ol li {float:none;padding:0 0 .4rem 1.1rem;border-right:none;width:100%;position:relative;text-align:left}
ul.discitem2s li ol li:before {position:absolute;content:'';width:5px;height:5px;background:#111;border-radius:50%;left:4px;top:10px}
ul.discitem3 {display:flex;margin:5rem 0 2rem 0;justify-content:center;flex-wrap:wrap;position:relative}
ul.discitem3 li {position:relative;width:49%;text-align:left;font-size:1.3rem;margin:0 2% 1.5rem 0;line-height:1.8rem;color:#000;padding:0 4rem 0 0;font-weight:200}
ul.discitem3 li:nth-child(2n) {margin:8rem 0 1.5rem 0}
ul.discitem3 li:before {position:absolute;content:'01';font-weight:200;font-size:10rem;right:20%;top:10%;transform:translateY(-50%);color:#eb5c02;opacity:.2}
ul.discitem3 li:nth-child(1):before {top:0}
ul.discitem3 li:nth-child(2):before {content:'02'}
ul.discitem3 li:nth-child(3):before {content:'03';top:0}
ul.discitem3 li:nth-child(4):before {content:'04'}
ul.discitem3 li:nth-child(5):before {content:'05';top:0}
ul.discitem3 li:nth-child(6):before {content:'06'}
ul.discitem3 li strong {display:inline-block;color:#004098;text-align:center;font-size:1.8rem;line-height:1.8rem;font-weight:400;font-style:italic}
ul.discitem3 li span {position:relative}
ul.discitem3 li img {width:70px;height:70px;margin:0 auto;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}
ul.discitem3 li:hover img {transform:scale(1.06);transform:rotate(0);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
ul.discitem4 {width:100%;margin:.5rem 0;overflow:hidden;display:flex;flex-wrap:wrap}
ul.discitem4 li {position:relative;margin:0 1% 1rem 0;text-align:center;color:#333;width:24.25%;font-size:.95rem;line-height:1.3rem;padding:1.5rem 1rem 2rem;border-right:1px solid #eee;font-weight:300;background:#fff}
ul.discitem4 li:last-child {margin-right:0;border-right:none}
ul.discitem4 li strong {display:block;font-size:1.3rem;color:#111;margin:0 0 1rem 0}
ul.discitem4 li img {width:106px;height:100px;display:block;margin:1rem auto}
ul.discitem4-2 li {width:49%}
ul.discitem4-3 li {width:32%}
ul.discitem5 {display:flex;flex-wrap:wrap;padding:0;width:100%}
ul.discitem5>li {position:relative;margin:0 2% 1.2rem 0;width:32%;background:#e1eef8;padding:6rem 2rem 2rem;color:#111;border-radius:6px 6px 6px 4rem}
ul.discitem5 li:nth-child(3n) {margin-right:0}
ul.discitem5 li:nth-child(3n+1) {clear:both}
ul.discitem5>li .item_icon {width:80px;height:80px;margin:0 auto 1rem auto}
ul.discitem5>li .item_icon svg {fill:#004098}
ul.discitem5>li img {margin:0 auto 1rem auto;display:block;width:58px;height:58px}
ul.discitem5>li strong {color:#fff;font-size:1.2rem;line-height:1.2rem;font-weight:300;position:absolute;background:#004098;font-family:Raleway;display:block;top:38px;left:-6px;padding:.5rem 2.4rem;border-radius:0 2rem 2rem 0}
ul.discitem5>li strong:before {content:'';display:block;width:0;height:0;border-bottom:8px solid transparent;border-right:6px solid #041f56;position:absolute;left:0;top:35px}
ul.protable {width:100%;position:relative;display:flex;flex-wrap:wrap}
ul.protable li {width:100%;float:left;color:#555;padding:0;font-size:.95rem;line-height:1.5rem;margin:0 0 .5rem 0}
ul.protable li:nth-child(2n) {margin-right:0}
ul.protable li:nth-child(2n+1) {clear:both}
ul.protable li strong {display:block;padding:.5rem 0;width:100%;font-weight:600;font-size:1.4rem;line-height:1.6rem;align-items:center;color:#111}
ul.protable li span {float:right;display:block;text-align:center;width:65%;color:#384466}
ul.protable1 {width:100%;position:relative;display:flex;flex-wrap:wrap}
ul.protable1 li {width:100%;float:left;color:#555;padding:0 1rem;font-size:.95rem;line-height:1.4rem;margin:0 0 .5rem 0}
ul.protable1 li strong {display:block;padding:.5rem 0;width:100%;font-weight:600;font-size:1rem;line-height:1.2rem;align-items:center;color:#333;border-bottom:1px dotted rgba(1 132 127 / 60%);margin:0 0 .3rem 0}
ul.protable1 li small {line-height:1.2rem}
.process {display:flex;width:100%;flex-flow:wrap;margin:2rem 0;position:relative}
.process:before {position:absolute;content:'';border-top:2px dotted #eb5c02;width:100%;height:2px;left:0;top:40%;transform:translateY(-50%)}
.process li {position:relative;width:12.57%;margin:0 2% 1rem 0;display:flex;flex-wrap:wrap;flex:1;padding:.5rem 0;font-size:.9rem;line-height:1.1rem;color:#fff;text-align:center;font-weight:400;background:#eb5c02;justify-content:center;align-items:center;border-radius:5px}
.process li:last-child {margin-right:0}
.process li:nth-child(2n) {background:#004098}
.process li strong {font-size:1.2rem}
.process1 {position:relative}
.process1 ul {position:relative;display:flex;flex-wrap:wrap}
.process1 ul li {width:49%;margin:0 2% 1rem 0;position:relative;box-shadow:0 6px 14px 0 rgb(0 0 0 / 25%)}
.process1 ul li:nth-child(2) {margin-right:0}
.process1 ul li:before {position:absolute;background:url(../images/mecalac-arrow.png) no-repeat;background-size:cover;width:50px;height:30px;top:40%;right:-40px;content:"";z-index:1;opacity:.4}
.process1 ul li:nth-child(2)::before {top:auto;bottom:-12px;right:3%;transform:rotate(90deg)}
.process1 ul.last li {margin:0 0 0 2%}
.process1 ul.last li:nth-child(1)::before {right:auto;left:-40px;top:auto;bottom:40%;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
.process1 ul.last li:nth-child(2) {margin-left:0}
.process1 ul.last li:nth-child(2)::before {display:none}
.process1 ul li:nth-child(1):before {animation:rightin 2s ease-out infinite;-webkit-animation:rightin 2s ease-out infinite}
@-webkit-keyframes rightin {50% {right:-24px;opacity:.8}
100% {right:-17px;opacity:.4}
}
@keyframes rightin {50% {right:-24px;opacity:.8}
100% {right:-17px;opacity:.4}
}
.process1 ul li:nth-child(2):before {animation:bottomin 2s ease-out infinite;-webkit-animation:bottomin 2s ease-out infinite}
@-webkit-keyframes bottomin {50% {bottom:-24px;opacity:.8}
100% {bottom:-12px;opacity:.4}
}
@keyframes bottomin {50% {bottom:-24px;opacity:.8}
100% {bottom:-12px;opacity:.4}
}
.process1 ul.last li:nth-child(1)::before {animation:leftin 2s ease-out infinite;-webkit-animation:leftin 2s ease-out infinite}
@-webkit-keyframes leftin {50% {left:-24px;opacity:.8}
100% {left:-17px;opacity:.4}
}
@keyframes leftin {50% {left:-24px;opacity:.8}
100% {left:-17px;opacity:.4}
}
.process1 ul li a {width:100%;display:block;position:relative;overflow:hidden;padding:10px;background:#fff}
.process1 ul li a img {transition:.3s all ease-in-out}
.process1 ul li a:hover img {opacity:1!important}
.nav-tabs-list {border:none;position:relative;margin:1rem 0 0}
.nav-tabs-list:before {position:absolute;content:'';background:#004098;width:100%;height:1px;left:0;bottom:1px}
.nav-tabs-list li a {font-size:1.2rem;line-height:1.2rem;position:relative;display:inline-block;color:#111;font-weight:600;padding:.5rem 2rem;border-bottom:3px solid transparent}
.nav-tabs-list li a.active {color:#004098;border-bottom:3px solid #004098}
.tab-content {position:relative;margin:0;padding:1rem 0}
@media (max-width:767.98px) {ul.discitem4 li {width:49.5%}
ul.discitem4 li:nth-child(2n) {border-right:none;margin-right:0}
}
@media (max-width:767.98px) {ul.discitem2 li {width:100%}
ul.discitem li {width:100%}
ul.discitem3 {margin:2rem 0}
ul.discitem3 li {width:100%;padding:1rem 0}
ul.discitem3 li:nth-child(2n) {margin:0 0 1.5rem 0}
ul.discitem3 li:before,ul.discitem3 li:nth-child(1):before,ul.discitem3 li:nth-child(3):before,ul.discitem3 li:nth-child(5):before {font-size:6rem;top:20%;right:10%}
.nav-tabs {border-bottom:none}
.process:before {display:none}
.process li,.process1 li {width:49%;margin:0 2% 1rem 0;padding:.5rem;flex:auto}
.process li:nth-child(2n) {margin-right:0}
.process1 {flex-direction:row}
.process li.process_down:before,.process li:before {display:none}
}
@media (max-width:575.98px) {.nav-tabs-list li a {font-size:1rem;padding:.8rem 1.8rem .5rem 1.3rem}
ul.discitem4 li {width:100%;margin:0 0 1rem 0}

}
.etw_products,.etw_products ul {width:100%}
.etw_products>ul {width:100%;display:flex;flex-wrap:wrap}
.etw_products>ul>li {width:100%;transition:.3s all ease-in-out;position:relative;margin:0 0 1px}
.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}
.etw_products ul li ol li.product_name {position:relative}
.etw_products ul li ol li.product_name a {color:#004098;font-size:1.5rem;line-height:1.7rem;padding:1rem 0;font-weight:500;display:block}
.etw_products ul li ol li.product_name a:hover {color:#f2bb41}
.etw_products ul li ol li.product_img {width:25%;float:left;position:relative}
.etw_products ul li ol li.product_img a {width:100%;display:block;overflow:hidden;margin:0 auto}
.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:75%;float:right;padding:0 0 0 4rem;text-align:left}
.etw_products ul li ol li.product_con a {font-size:1.4rem;font-weight:600;color:#111;padding:1rem 0;display:block;line-height:1.5rem}
.etw_products ul li ol li.product_con span {display:block;font-size:1rem;line-height:1.5rem;color:#555}
.etw_products ul li ol li.product_con a.more {padding:.5rem 1.5rem;color:#333;box-shadow:none;border-width:2px;border-style:solid;border-color:rgba(25,25,25,.1);font-size:.9rem;font-weight:400;display:inline-block;margin:1rem 0;line-height:.9rem}
.etw_products ul>li ol li.product_con a:hover {color:#004098}
.etw_products ul>li ol li.product_con a.more:hover {background-image:linear-gradient(135deg,#111,#004098);color:#fff;border-color:#f8f8f8}
.etw_products ul li ol li.product_con ul.item1 li {padding:0 0 .4rem 1.1rem;border-bottom:none}
.etw_products_small ul li ol li.product_img {width:24%}
.etw_products_small ul li ol li.product_con {width:76%}
.etw_products_small ul li ol li.product_con a {font-size:1.6rem;line-height:1.8rem;font-weight:700;padding:1rem 0}
.etw_products1 {width:100%;height:auto;float:left}
.etw_products1>ul {width:100%;display:flex;flex-flow:wrap}
.etw_products1 ul>li {width:23.5%;position:relative;margin:0 2% 1.5rem 0;display:block;transition:.3s all ease-in-out}
.etw_products1 ul>li:nth-child(4n) {margin-right: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.more {position:absolute;display:flex;flex-wrap:wrap;bottom:1rem;justify-content:center}
.etw_products1 ul li ol.more a {margin:1rem 0;color:#111;font-size:1rem;font-weight:300;display:inline-block;line-height:1rem;position:relative}
.etw_products1 ul li ol.more a:hover {color:#999}
.etw_products1 ul li ol.more a:after {width:14px;height:9px;margin:0 0 0 .3rem;content:'';background:url(../images/jiantou.svg) no-repeat;background-size:cover;position:absolute;right:-20px;top:4px;transition:.3s all ease-in-out}
.etw_products1 ul li ol.more a:hover:after {right:-25px}
.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;text-align:center}
.etw_products1 ul li ol li.product_con .proid {padding:.5rem 1.5rem;color:#fff;background:#004098;font-size:1rem;font-weight:300;display:inline-block;line-height:1rem;margin:0 auto 1rem;transition:.3s all ease-in-out}
.etw_products1 ul li ol:hover li.product_con .proid {opacity:.7}
.etw_products1 ul li ol li.product_con a {color:#fff;display:block;font-weight:500;text-align:center;line-height:1.3rem;font-size:1.1rem;padding:.8rem .5rem;position:relative;background:#004098}
.etw_products1 ul li ol li.product_con span {color:#666;display:block;font-size:.95rem;line-height:1.4rem;text-align:center;font-weight:300;padding:0 1rem}
.etw_products1 ul li ol li.product_con 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 li.product_con a:hover {color:#004098}
.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,#004098);color:#fff;border-color:#f8f8f8;box-shadow:0 3px 6px 0 rgb(204 204 204)}
.etw_products1 ul li ol li.product_con dl {background:#e1eef8;padding:1.5rem 1.5rem 1rem;margin:-.8rem 0 0;border-radius:0 0 2rem 2rem}
.etw_products1 ul li ol li.product_con dl li a {width:100%;display:block;font-size:.85rem;padding:.3rem .5rem;background:0;color:#333;border-bottom:1px dashed #ccc;font-weight:200;border-radius:0;font-family:Montserrat}
.etw_products1 ul li ol li.product_con dl li a:hover {color:#004098}
.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 1rem .3rem 1.8rem;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%;left:15px;top:11px}
.etw_products1_sec {position:relative}
.etw_products1_sec ul {position:relative;display:flex;flex-wrap:wrap}
.etw_products1_sec ul>li {width:49%;margin:0 2% 1.5rem 0;background:0}
.etw_products1_sec ul>li:nth-child(2n) {margin-right:0}
.etw_products1_sec ul>li:nth-child(2n+1) {clear:both}
.etw_products1_sec ul>li ol li.product_con a {line-height:1.4rem;font-weight:300;font-size:1.05rem;color:#111;padding:1rem .5rem}
.etw_products1_th ul>li {width:32%;margin:0 2% 1.5rem 0}
.etw_products1_th ul>li:nth-child(4n) {margin-right:2%}
.etw_products1_th ul>li:nth-child(4n+1) {clear:none}
.etw_products1_th ul>li:nth-child(3n) {margin-right:0}
.etw_products1_th ul>li:nth-child(3n+1) {clear:both}
.etw_products1_th ul li ol li.product_con a {line-height:1.4rem;font-weight:300;font-size:1.1rem;color:#fff;padding:.5rem 1rem;background:#004098;overflow:hidden}
.etw_products1_th ul li ol li.product_con>a:hover {background:#eb5c02;color:#fff}
.etw_products1 ul li ol li.product_con h5 {font-size:.9rem;line-height:1.1rem;padding:0 .5rem .5rem;color:#004098;margin:0}
.etw_products1_five ul>li {width:18.4%}
.etw_products1_five ul>li:nth-child(4n) {margin-right:2%}
.etw_products1_five ul>li:nth-child(4n+1) {clear:none}
.etw_products1_five ul>li:nth-child(5n) {margin-right:0}
.etw_products1_five ul>li:nth-child(5n+1) {clear:both}
.etw_products1_five ul li ol li.product_con a {line-height:1.2rem;font-weight:300;font-size:1.05rem;color:#111;padding:1rem .5rem .5rem}
.etw_products1_five ul li ol li.product_con h5 {font-size:.85rem;line-height:1.1rem;padding:0 .5rem .5rem;color:#004098;margin:0}
.etw_products1s ul>li {box-shadow:1px 3px 10px rgba(0 0 0 / 10%)}
.etw_products1s ul li ol li.product_con a {font-size:1.4rem;line-height:1.6rem;padding:1rem}
.etw_products1s ul li ol li.product_con span {padding:0 1rem}
.etw_products2 {position:relative;margin:0 0 2rem}
.etw_products2 ul {position:relative;display:flex;flex-wrap:wrap}
.etw_products2 ul>li {width:33.33%;margin:0;padding:.5rem;background:#fff}
.etw_products2 ul>li.hub_big {width:66%;margin:0 auto;padding:0}
.etw_products2 ul li ol li.product_img {position:relative;margin:0 .5rem 1rem}
.etw_products2 ul li ol li.product_con {width:100%;position:relative;display:block;padding:0 .5rem}
.etw_products2 ul li ol li.product_con:before {position:absolute;content:'';width:100%;height:6px;background:repeating-linear-gradient(-45deg,#004098,#004098 1px,#fff 0,#fff 5px);left:0;top:0}
.etw_products2 ul li ol li.product_con a {font-size:1.4rem;line-height:1.6rem;padding:1.5rem 0 1rem 0;color:#004098;display:block}
.etw_products2 ul li ol li.product_con span {font-size:.95rem;line-height:1.4rem;display:block;margin:0 0 1rem 0}
.etw_products2 ul li.hub_big ol li.product_con {padding:0}
.etw_products2 ul li.hub_big ol li.product_con:before {display:none}
.etw_products2 ul li.hub_big ol li.product_con a {font-size:1.6rem;line-height:1.8rem;padding:1rem 0;color:#004098}
.etw_products2 ul li.hub_big ol li.product_con span {font-size:1rem;line-height:1.6rem}
.etw_products2 ul li ol li.product_more {display:block;margin:2rem 0}
.etw_products2 ul li ol li.product_more a {width:160px;display:block;background:#004098;color:#fff;text-align:center;padding:.4rem 0;border-radius:2rem}
.etw_products3>ul>li {width:32%;margin:0 2% 1rem 0}
.etw_products3 ul>li:nth-child(4n) {margin-right:2%}
.etw_products3 ul>li:nth-child(4n+1) {clear:none}
.etw_products3 ul>li:nth-child(3n) {margin-right:0}
.etw_products3 ul>li:nth-child(3n+1) {clear:both}
.etw_products3 ul>li ol li.product_con a {font-size:1.2rem;line-height:1.4rem;font-weight:500;font-family:Montserrat}
.etw_products4>ul>li {width:23.5%;margin:0 2% 1.5rem 0}
.etw_products4>ul>li:nth-child(3n) {margin-right:2%}
.etw_products4>ul>li:nth-child(3n+1) {clear:none}
.etw_products4>ul>li:nth-child(4n) {margin-right:0}
.etw_products4>ul>li:nth-child(4n+1) {clear:both}
.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:#004098;width:0;height:2px;left:0;bottom:0;transition:.3s all ease-in-out}
.toplist ul li a.dq,.toplist ul li a:hover {color:#004098}
.toplist ul li a:hover:before {width:100%}
@media (max-width:767.98px) {.etw_products1_five ul>li:nth-child(5n),.etw_products1_th ul>li:nth-child(3n) {margin-right:2%}
.etw_products1 ul>li {width:49%;margin:0 2% 1.5rem 0}
.etw_products1>ul>li:nth-child(2n) {margin-right:0}
.etw_products1>ul>li:nth-child(2n+1) {clear:both}
}
@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: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_five ul>li:nth-child(5n),.etw_products1_th ul>li:nth-child(3n) {margin-right:0}
.etw_products2 ul>li {width:100%;margin:0 0 2rem 0}
}
.relatedpro {width:100%;height:auto;margin:1rem 0}
.relatednames {font-size:1.4rem;color:#313947;padding:.5rem 0;position:relative;font-family:Oswald}
.relatednames::before {content:"";color:#036439;position:absolute;left:0;bottom:0;border-bottom:1px dotted #333;width:150px}
.relatedpro ul {width:100%;height:auto;display:flex;flex-wrap:wrap}
.relatedpro li {width:32%;margin:0 2% .5rem 0;position:relative}
.relatedpro li:nth-child(3n) {margin-right:0}
.relatedpro li:nth-child(3n+1) {clear:both}
.relatedpro li a {display:block;padding:.4rem .5rem .4rem 2rem;color:#111;font-size:.8rem;line-height:1.1rem;font-weight:200;background:#dde2e6;border-radius:2rem;font-family:Montserrat}
.relatedpro li a::before {content:'';position:absolute;left:15px;top:12px;width:6px;height:6px;border-radius:50%;background:#004098;transition:.3s all ease-in-out}
.relatedpro li a.dq,.relatedpro li a:hover {color:#fff;background:#004098}
.relatedpro li a.dq:before,.relatedpro li a:hover:before {background:#fff}
.relatedpro1 {position:relative}
.relatedpro1 ul {display:flex;flex-wrap:wrap;position:relative}
.relatedpro1 ul>li {width:32%;margin:0 2% 1rem 0}
.relatedpro1 ul>li:nth-child(3n) {margin-right:0}
.relatedpro1 ul>li:nth-child(3n+1) {clear:both}
.relatedpro1 ul li ol {display:flex;flex-wrap:wrap;position:relative}
.relatedpro1 ul li ol li.product_con {width:100%;position:relative}
.relatedpro1 ul li ol li.product_con a {padding:.5rem;display:block;text-align:center;font-size:.9rem;line-height:1.1rem}
.relatedpro1 ul li ol:hover li.product_con a {color:#004098}
.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 img {transition:.5s all ease-in-out}
.relatedpro1 ul li a:hover img {transform:scale(1.06)}
@media (max-width:767.98px) {.relatedpro li {width:100%;margin-right:0}
}
.otherpro_bg {position:relative;width:120%;margin-left:-10%;margin-right:10%;background:#dae1e7;overflow:hidden;padding:2rem 0;border-radius:0 0 200vh 200vh/0 0 20vh 20vh;-moz-border-radius:0 0 200vh 200vh/0 0 20vh 20vh;-webkit-border-radius:0 0 200vh 200vh/0 0 20vh 20vh}
.otherpro_bg1 {border-radius:0}
.othertitle {display:block;width:100%;margin:1.5rem 0;padding:0 0 1rem 0;position:relative;line-height:2rem;font-size:1.8rem;color:#555;overflow:hidden;font-weight:700}
.othertitle:before {content:"";width:180px;height:5px;display:inline-block;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:#004098}
.othertitle:after {content:"";width:100%;margin-left:187px;height:10px;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:linear-gradient(70deg,transparent,transparent);border-left: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:23.5%;overflow:hidden;margin:0 2% 1.5rem 0;transition:.3s all ease-in-out;background:#f5f5f5;position:relative;padding:5px;border-bottom:5px solid #eb5c02;border-radius:0 0 .5rem .5rem}
.other_pro ul>li:hover {box-shadow:1px 1px 11px rgba(0,0,0,.3)}
.other_pro ul>li:hover:before {transform:scaleY(0)}
.other_pro ul>li:nth-child(4n) {margin-right:0}
.other_pro ul>li:nth-child(4n+1) {clear:both}
.other_pro ul li ol {width:100%;overflow:hidden;position:relative}
.other_pro ul li ol.more {position:absolute;bottom:1rem;right:1rem;width:auto;transition:.3s all ease-in-out}
.other_pro ul li ol.more a {background:url(../images/arrow2.png) no-repeat;background-size:auto;background-size:cover;width:18px;height:13px;display:block;opacity:.3}
.other_pro ul li:hover ol.more {right:.5rem}
.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 img {width:100%;transition:.3s all ease-in-out}
.other_pro ul li ol li.product_con {text-align:center;margin:auto;width:100%;position:relative}
.other_pro ul li ol li.product_con a {color:#004098;display:block;padding:1.5rem 1.5rem 1rem;font-size:1.3rem;line-height:1.5rem;font-weight:300;text-align:left}
.other_pro ul li ol li.product_con span {display:block;text-align:left;padding:0 2rem;color:#555}
.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:#004098}
.other_pro ul li ol:hover li.product_img img {transform:scale(1.03)}
.other_pro2 ul>li {width:48%;margin:0 4% 1rem 0;float:left}
.other_pro2 ul>li:nth-child(2n) {margin-right:0}
.other_pro2 ul>li:nth-child(2n+1) {clear:both}
.other_pro3 ul>li {width:32%;margin:0 2% 1.5rem 0}
.other_pro3 ul>li:nth-child(4n) {margin-right:2%}
.other_pro3 ul>li:nth-child(4n+1) {clear:none}
.other_pro3 ul>li:nth-child(3n) {margin-right:0}
.other_pro3 ul>li:nth-child(3n+1) {clear:both}
.other_pro4 ul>li {width:100%;margin:0}
@media (max-width:1199.98px) {.otherpro_bg {width:100%;margin:0 auto}
}
@media (max-width:767.98px) {.othertitle {font-size:1.6rem}
.other_pro ul>li {width:49%;margin:0 2% 1rem 0}
.other_pro ul>li:nth-child(2n) {margin-right:0}
.other_pro3 ul>li {width:32%;margin:0 2% 1rem 0}
.other_pro3 ul>li:nth-child(3n) {margin-right:0}
.other_pro3 ul>li:nth-child(2n) {margin-right:2%}
}
@media (max-width:575.98px) {.other_pro ul>li {width:100%;margin:0 0 1.5rem 0}
.other_pro3 ul>li {width:100%;margin:0 0 1.5rem 0}
.other_pro3 ul>li:nth-child(2n) {margin-right:0}
}
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_skype,.cot_tel,.cot_wechat,.cot_whatsapp {position:relative;padding-left:28px;display:block;margin-bottom:1rem;line-height:1.4rem;font-size:1.1rem;font-weight:300;color:#fff}
.cot_add {padding-top:.3rem}
.cot_area {font-size:1rem;margin-bottom:.7rem}
.cot_add:before {content:'';position:absolute;left:-1px;top:5px;color:#fff;background:url(../images/investoricon1.png) no-repeat;background-size:cover;width:18px;height:20px}
.cot_tel:before {content:'';position:absolute;left:2px;top:-1px;color:#fff;background:url(../images/investoricon3.png) no-repeat;background-size:cover;width:16px;height:22px}
.cot_email:before {content:"\f0e0";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:17px}
.cot_people:before {content:'';position:absolute;left:0;top:0;color:#fff;background:url(../images/investoricon2.png) no-repeat;background-size:cover;width:18px;height:18px}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-2px;color:#fff;font-family:fontawesome;font-size:30px}
.cot_fax:before {content:"\f1ac";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before {content:"\f232";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:25px}
.cot_wechat:before {content:"\f1d7";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:20px}
.cot_skype:before {content:"\f17e";position:absolute;left:1px;top:-1px;color:#fff;font-family:fontawesome;font-size:22px}
.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:#004098;position:relative;padding:2rem 0 1rem .8rem;line-height:2rem;margin:0;font-weight:300;font-family:AppleTea}
#etw_set_feedback_form {width:100%;padding:2rem 8rem}
.contact_info #etw_set_feedback_form {padding:3rem 2rem 1rem;margin:0;background:#e1eef8}
#floatchatiframe2011 {margin:0 auto}
.inquiry_bg {background:url(../images/inquiry_bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;width:100%;position:relative;padding:1rem 0}
.inquiry_box {display:flex;margin:4rem 0;flex-wrap:wrap;width:100%;background:#f2f3f4;box-shadow:0 -20px 30px -17px rgba(0 0 0 / 20%)}
.form_box {padding:0 0 0 3rem}
.form_box #etw_form_title {font-size:2rem;color:#004098;position:relative;padding:2rem 0 1.5rem;line-height:2rem;font-weight:300;font-family:AppleTea;border-top:1px solid #004098;margin:2rem 0 0 2rem}
.form_box p {margin:0 0 1rem 2rem;font-size:1.3rem;line-height:1.8rem}
.contact_box {position:relative;color:#111;float:left;padding:1rem 3rem;width:50%;display:flex;flex-wrap:wrap}
.contact_box .brief {color:#333;margin:0;font-size:1.1rem;line-height:2rem;position:relative}
.inquiry_bg .contact_box:before {position:absolute;content:'';background:url(../images/quote.svg) no-repeat;background-size:cover;width:60px;height:60px;left:35px;top:45px}
.contact_box .webtitle {font-size:1.6rem;color:#111;position:relative;padding:1.5rem 0;line-height:2rem;margin-bottom:.5rem;font-weight:600;font-family:Poppins;text-align:left}
.contact_box .webtitle a {color:#fff}
.contact_box .cot_add,.contact_box .cot_email,.contact_box .cot_fax,.contact_box .cot_mobile,.contact_box .cot_people,.contact_box .cot_tel {width:100%;padding:0 0 1rem 3rem;font-size:1.1rem;margin:0 0 2rem;border-bottom:1px solid #ddd}
.contact_box .cot_add:before,.contact_box .cot_email:before,.contact_box .cot_fax:before,.contact_box .cot_mobile:before,.contact_box .cot_people:before,.contact_box .cot_tel:before {color:#004098;top:-2px;left:2px;font-size:28px}
.contact_box .cot_add:before {font-size:36px;left:5px;top:1px}
.contact_box .cot_tel:before {font-size:32px;left:4px}
.contact_box .icon_box {margin-bottom:1.5rem}
.contact_box .con_txt {width:calc(100% - 50px);padding:0 0 0 .5rem;line-height:1.1rem}
.contact_box .con_txt a:hover {text-decoration:underline}
.container-fluid {margin:0!important;padding:0!important}
.iframe {border:1px #eee solid!important;background:#f8f8f8!important}
.contact_info {line-height:1.4rem;overflow:hidden}
.contact_info .inquiry_box {margin:0;flex-direction:row-reverse}
.contact_info .contact_box .con_txt {padding:0 0 0 .4rem}
.contact_info #etw_form_title {padding:0 0 .5rem .8rem;color:#333}
.contact_title {font-size:2.4rem;line-height:2.8rem;color:#004098;padding:1rem 0;font-weight:600;text-transform:uppercase}
.contact_info p {font-size:1.1rem;margin-bottom:1rem;line-height:1.5rem}
.contact_info .p_name strong {font-size:1.4rem;font-weight:700;color:#111}
.contact_info p a {color:#004098;text-decoration:underline}
.contact_info p a:hover {text-decoration:none;color:#004098}
.contact_info #floatchatiframe2011 {margin:0;min-height:460px;padding:0;background:0;border:none;box-shadow:none}
.contact_info .cot_email,.contact_info .cot_people,.contact_info .cot_skype,.contact_info .cot_tel,.contact_info .cot_wechat,.contact_info .cot_whatsapp {padding:0 0 .5rem 2rem;margin-bottom:1rem;border-bottom:1px dotted #999}
.contact_info .cot_people::before {color:#111;left:1px;font-size:24px}
.contact_info .cot_tel::before {color:#111;left:1px;font-size:26px}
.contact_info .cot_email::before {color:#111;left:1px;font-size:22px}
.contact_info .cot_wechat::before {color:#111;left:1px;font-size:20px}
.contact_info .cot_whatsapp::before {color:#111;left:1px;font-size:26px}
.contact_info .cot_skype::before {color:#111;left:1px;font-size:26px}
.txt_indet {padding-left:2rem}
.etw_contactin {width:46%;height:auto;padding:0;background:#f5f5f5;padding:1rem}
.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:767.98px) {.contact_box {display:none}
.form_box {width:100%}
.contact_info .contact_box {display:block;width:100%}
.contact_info #etw_set_feedback_form {margin:2rem 0 0 0}
.contact_title {font-size:2rem;line-height:2.4rem}
.cot_area {margin:1rem 0 .7rem 0}
.form_box #etw_set_feedback_form {padding:0}
}
@media (max-width:575.98px) {#etw_set_feedback_form,.etw_contactin {width:100%;margin-right:0;padding:2rem}
.inquiry_box {padding:0;margin:1rem 0}
}
#footer {width:100%;height:auto;margin:0 auto;font-size:1rem;color:#fff;overflow:hidden;position:relative;background:url(../images/bottom_bg.jpg) no-repeat center;background-size:cover}
#footer:before {position:absolute;content:'';background:rgba(0 0 0 / 85%);width:100%;height:100%;left:0;top:0}
.footercop {width:100%;padding:1rem 0;text-align:center;font-size:.9rem;margin:0 auto;position:relative}
.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}
#otherlink {clear:both;width:100%;height:auto}
#otherlink a {color:#fff;display:inline-block;padding:0 8px;margin-right:5px;line-height:22px;margin-bottom:5px}
#otherlink a span {opacity:.5;position:relative;top:0;font-size:14px}
#otherlink a:hover {color:#004098}
#otherlink a:hover span {opacity:1;top:-2px;transition:all .3s ease-in-out}
#etw_bottom {width:94%;max-width:1400px;margin:0 auto;padding:4rem 0 0;position:relative;border-bottom:1px solid #9a8b81}
#etw_bottom .webtitle {font-size:1.5rem;line-height:1.5rem;color:#fff;font-weight:300;text-align:left;position:relative;margin:0 0 1.5rem 0;padding:0}
#etw_bottom .webtitle a {background:#004098;padding:1.5rem 2.5rem;display:inline-block}
.bottom_left {float:left;width:50%;padding:0 1rem 0 0}
#etw_bottom .home_contact .webtitle a {color:#fff}
#etw_bottom .home_contact .webtitle a:hover,#etw_bottom .webtitle a:hover {color:#eb5c02}
#etw_bottom a {color:#fff}
#etw_bottom a:hover {color:#004098}
#etw_bottom ul {width:100%;float:left;display:flex;flex-flow:wrap}
#etw_bottom ul li {width:100%;float:left}
#etw_bottom ul li a {display:block;color:#fff;padding:.5rem 0 .5rem .1rem;position:relative;font-size:1.1rem;line-height:1.3rem;font-weight:200}
#etw_bottom ul li a:hover {color:#eb5c02}
#etw_bottom ul li a:before {content:'';display:none;position:absolute;width:6px;height:6px;left:4px;background:#555;top:12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:.3s all ease-in-out}
#etw_bottom ul li a:hover:before {background:#004098;transform:rotate(135deg)}
#etw_bottom ul li:last-child a:after {content:'';background:url(../images/arrow1.png) no-repeat;background-size:cover;width:13px;height:13px;display:inline-block;margin:0 0 0 .5rem;transition:.3s all ease-in-out}
#etw_bottom ul li:last-child a:hover:after {margin:0 0 0 .8rem}
#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_logo {position:relative;padding:0 0 1rem 0;width:240px}
.bottom_title {font-size:1.8rem;line-height:2rem;font-family:Poppins;font-weight:600;padding:1.3rem 0 0}
.bottom_txt {padding:.8rem 1rem 0 0;font-size:1rem}
.home_contact {width:100%;position:relative;padding:3rem 0 0 1.5rem}
#etw_bottom .home_contact .webtitle a {border:none}
#etw_bottom .home_contact a {color:#fff}
#etw_bottom .home_contact a:hover {color:#eb5c02;text-decoration:none}
.pro_contact {padding:0 0 2.5rem 4rem;position:relative;border-left:1px solid #9a8b81;border-right:1px solid #9a8b81}
#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 8px 0 0;height:30px;width:30px;color:#004098;border-radius:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
#etw_bottom .bottom_icon a:hover {background:#004098}
@media (max-width:991.98px) {#etw_bottom {padding:3rem 0 2rem 0}
#etw_bottom ul li a {font-size:1rem}
.bottom_logo,.bottom_txt {display:none}
.footercop:before {display:none}
.pro_contact {border-left:none;border-right:none}
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_skype,.cot_tel,.cot_wechat,.cot_whatsapp {font-size:1rem}
}
@media (max-width:767.98px) {.pro_contact {padding:0}
.pro_contact:before {display:none}
.bottom_left {width:100%;padding:0}
.home_contact {padding:0}
.etw_footin:after,.etw_footin:before {display:none}
#etw_bottom .webtitle {padding:2rem 0 1rem;border-bottom:1px solid #fff;margin:0 0 .5rem}
#etw_bottom .webtitle a {background:0;padding:0}
#etw_bottom .home_contact a,.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_skype,.cot_tel,.cot_wechat,.cot_whatsapp {color:#fff;font-weight:200}
}
#etw_map {width:100%;margin:0 auto}
#etw_map .name {width:100%;color:#eb5c02;margin:.5rem 0 1rem 0;display:block;padding:.5rem 0 .5rem .5rem;border-bottom:1px dashed #ddd;font-size:1.6rem;text-decoration:none;font-weight:600;position:relative;font-style:oblique}
#etw_map a {color:#111;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover {text-decoration:none}
#etw_map .name a {color:#111;margin:0;font-weight:700;text-decoration:none}
#etw_map .name:hover {color:#004098}
#etw_map .name1 {color:#004098;margin:.5rem 0 1rem 0;display:block;padding:.3rem 0 .3rem 1rem;border-bottom:1px dashed #ddd;font-size:1.2rem;text-decoration:none;font-weight:600;position:relative}
#etw_map .list_m {width:100%;height:auto;margin-bottom:5px;padding:0 0 0 1rem;overflow:hidden}
#etw_map .list_m ul li {width:50%;display:block;float:left;padding:.2rem .5rem}
#etw_map .list_m ul li:nth-child(2n+1) {clear:both}
#etw_map .list_m ul li a {color:#555;text-decoration:none;line-height:1.2rem;font-size:1rem;margin:0 0 1rem 0;font-weight:300}
#etw_map .list_m ul li a:hover {text-decoration:underline;color:#004098}
#etw_map a.subname {width:100%;display:block;text-decoration:underline;padding-left:0}
@media (max-width:767.98px) {.footlogo {width:100%}
#etw_map .list_m ul li {width:100%}
}
#tags {width:100%;padding:.5rem 0 1rem}
#tags li {margin:0 .5rem 0 0;color:#ccc;display:inline-block;line-height:.9rem;font-size:.8rem;padding:.3rem 0;position:relative}
#tags li#tags_title {display:inline-block;margin:0 .5rem 0 0;color:#ccc;font-size:.9rem;line-height:.9rem;text-align:left;position:relative;font-weight:400;padding:.3rem 0}
#tags a:last-child:before {content:normal}
@media (max-width:767.98px) {#tags {display:none}
}
.video_title {display:block;font-size:1.2rem;padding:.5rem 0;text-align:center}
.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:#f2bb41;font-weight:200;z-index:1;transition:.5s all ease-in-out;font-family:Montserrat;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}
@keyframes pulse-border {0% {transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:.4}
100% {transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}
.video_btn1 {display:flex;flex-wrap:wrap;position:absolute;width:100px;height:100px;cursor:pointer;background:url(../images/video_btn.png) no-repeat;background-size:cover;z-index:100;transition:.3s all ease-in-out;animation:scalein 5s ease-out infinite;-webkit-animation:scalein 5s ease-out infinite;-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}
@-webkit-keyframes scalein {50% {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
100% {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes scalein {50% {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
100% {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
.video_btn2 {display:flex;flex-wrap:wrap;position:absolute;width:80px;height:80px;opacity:.8;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat #eb5c02;background-size:cover;border-radius:50%}
.video_shows {border-radius:5rem;overflow:hidden}
.video_shows .video_btn2 {width:45px;height:45px}
.video_btn3 {display:block;position:relative;float:left;font-size:1rem;line-height:1rem;background:#111;color:#fff;font-family:Montserrat;padding:.6rem 1.5rem .6rem 3rem;border-radius:2rem;font-weight:200;margin:1rem 0;cursor:pointer;transition:.3s all ease-in-out}
.video_btn3:before {position:absolute;content:'';background:url(../images/video_btn.png) no-repeat;background-size:cover;width:20px;height:20px;left:20px;top:7px}
.video_btn3:hover {box-shadow:1px 3px 6px #ccc;transform:translateY(-.3rem);-webkit-transform:translateY(-.3rem);-moz-transform:translateY(-.3rem);-ms-transform:translateY(-.3rem);-o-transform:translateY(-.3rem)}
.video_btn4 {display:flex;flex-wrap:wrap;position:absolute;margin:0 auto;width:80px;height:80px;cursor:pointer;z-index:100;background:url(../images/video_btn2.png) no-repeat;background-size:cover}
.video_btn4 {-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}
}
.video_btn5 {width:100px;height:100px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(17 166 163 / 50%);border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-size:5rem;padding-left:.8rem;cursor:pointer;transition:all .5s;z-index:3}
.video_home .video_btn5 {-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
.video_btn5:hover {background:rgba(17 166 163 / 90%);color:#fff;box-shadow:0 0 15px rgba(0 0 0 / 25%)}
.home_video {width:76px;height:76px;position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background:url(../images/video.png);opacity:.7;transition:.3s all ease-in-out}
.home_video a {background:#004098;color:#fff;padding:.5rem 1.5rem;display:block;border-radius:4px}
.home_video i {padding-left:.3rem;color:#0b3b6f;font-size:1.2rem}
.home_video:hover {opacity:1}
.etw_videoshow {display:none;width:100%;margin-bottom:20px}
.videoflow {overflow:hidden;max-height:200px;position:relative;cursor:pointer;margin-bottom:15px}
.videoflow:before {position:absolute;top:50%;left:50%;right:0;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:64px;height:64px;color:#004098;background:#fff;font-size:2.4rem;padding:1.2rem 0 0 1.4rem;line-height:24px}
.videoflow:hover:before {background:#004098;color:#fff}
.videoflow img {width:100%}
.video_bg {position:relative;overflow:hidden;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}
.video_bg:before {position:absolute;content:'';background:#333;width:100%;height:15%;top:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none}
.video_bg:after {position:absolute;content:'';background:#333;width:100%;height:15%;bottom:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none}
.video_bg:hover:before {top:-15%}
.video_bg:hover:after {bottom:-15%}
.video_text {text-align:center;width:100%;padding:.8rem 0;background:#efe;font-size:1.3rem;font-weight:600}
.video_text a {font-size:1.05rem;color:#fff;line-height:1.2rem;font-weight:300;position:relative;padding:0 1.5rem;display:block}
.video_text a:before {content:"\f0a9";font-family:FontAwesome;margin:2px 8px 0 0;transition:.3s all ease-in-out}
.video_text a:hover {color:#004098}
.video_text a:hover:after {color:#004098;margin-left:12px}
.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))}
.video_h2 {font-size:2rem;line-height:2.2rem;padding:0 0 1rem 0}
.video_details a {color:#253041;padding:.6rem 1.5rem;font-size:.95rem;line-height:.95rem;font-weight:500;text-align:center;display:inline-block;margin:1rem 0;min-width:120px;position:relative;overflow:hidden;border-bottom:4px solid #ed9300;border-radius:2rem;background:#004098;z-index:1;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}
.video_details a:hover {background:#555;color:#fff;border-bottom:4px solid #212121}
.etwvideo_hub {position:relative}
.etwvideo_hub ul {display:flex;flex-wrap:wrap;position:relative}
.etwvideo_hub ul>li {width:49%;margin:0 2% 1rem 0;position:relative;transition:.3s all ease-in-out;overflow:hidden}
.etwvideo_hub ul>li:nth-child(2n) {margin-right:0}
.etwvideo_hub ul>li:nth-child(2n+1) {clear:both}
.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;background:#d8ffe5}
.etwvideo_hub ul li ol li.product_img {width:50%;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:40px;height:40px}
.etwvideo_hub ul li ol li.product_con {width:50%;position:relative;padding:0 1rem 0 1.5rem}
.etwvideo_hub ul li ol li.product_con a {display:block;font-size:1.2rem;line-height:1.4rem;color:#111;padding:.5rem 1rem .5rem 0;font-weight:300}
.etwvideo_hub ul li ol li.product_con a:hover {color:#004098}
.etwvideo_hub1 ul>li {width:49%}
.etwvideo_hub1 ul>li:nth-child(3n) {margin-right:2%}
.etwvideo_hub1 ul>li:nth-child(3n+1) {clear:none}
.etwvideo_hub1 ul>li:nth-child(2n) {margin-right:0}
.etwvideo_hub1 ul>li:nth-child(2n+1) {clear:both}
.other_video ul>li {border-radius:1rem;width:16%}
.other_video ul li ol li.product_img:before {position:absolute;content:'';width:100%;height:100%;background:url(../images/linen_dark_alpha.png) no-repeat;left:0;top:0;z-index:1}
.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:left;position:relative}
#video_sidebar {width:28%;float:right;position:relative}
#etw_videolist {position:relative;margin:0 auto;background:url(../images/videoside_bg.jpg) no-repeat;background-size:cover;padding:1rem}
#etw_videolist .webtitle {font-size:1.5rem;line-height:1.5rem;text-align:left;padding:1rem 0;font-weight:500;color:#004098}
#etw_videolist ul {position:relative;display:flex;flex-wrap:wrap}
#etw_videolist ul li {width:100%;position:relative;display:block}
#etw_videolist ul li a {width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:.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:27%;float:left}
#etw_videolist ul li span {width:73%;float:right;padding:.3rem .5rem;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:#004098}
#etw_videolist ul li a.dq:before,#etw_videolist ul li a:hover:before {color:#004098}
#video_right video {width:100%!important}
@media (max-width:991.98px) {.etwvideo_hub ul li {width:100%;margin:0 0 1rem 0}
#video_right {width:100%;float:none}
#video_sidebar {width:100%;float:none}
#etw_videolist ul li {width:49%;margin:0 2% 1rem 0}
#etw_videolist ul li:nth-child(2n) {margin-right:0}
#etw_videolist ul li:nth-child(2n+1) {clear:both}
}
@media (max-width:575.98px) {.videoall ul li {width:100%;margin-right: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:.8rem;line-height:1rem}
.video_btn2 {width:50px;height:50px}
}
.timeline {position:relative;margin:30px auto;padding:60px 0}
.timeline::before {content:"";position:absolute;top:0;left:10%;width:4px;height:100%;background-color:#8d94b1}
@media (min-width:800px) {.timeline::before {left:50%;margin-left:-2px}
}
.timeline__item {margin-bottom:30px;position:relative}
.timeline__item::after {content:"";clear:both;display:table}
.timeline__item:nth-child(2n) .timeline__item__content {float:right}
.timeline__item:nth-child(2n) .timeline__item__content::before {content:'';right:40%}
@media (min-width:800px) {.timeline__item:nth-child(2n) .timeline__item__content::before {left:inherit}
}
.timeline__item:nth-child(2n) .timeline__item__content__date {background-color:#111}
.timeline__item:nth-child(2n) .timeline__item__content__description {color:#111}
.timeline__item:last-child {margin-bottom:0}
.timeline__item-bg {-webkit-transition:all 1s ease-out;transition:all 1s ease-out;color:#fff}
.timeline__item-bg:nth-child(2n) .timeline__item__station {background-color:#111}
.timeline__item-bg:nth-child(2n) .timeline__item__content {background-color:#111}
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {background-color:#111}
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {color:#fff}
.timeline__item-bg .timeline__item__station {background-color:#004098}
.timeline__item-bg .timeline__item__content {background-color:#004098}
.timeline__item-bg .timeline__item__content::before {background-color:#004098}
.timeline__item-bg .timeline__item__content__description {color:#fff}
.timeline__item__station {background-color:#9aa0b9;width:40px;height:40px;position:absolute;border-radius:50%;padding:10px;top:0;left:10%;margin-left:-33px;border:4px solid #8d94b1;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
@media (min-width:800px) {.timeline__item__station {left:50%;margin-left:-30px;width:60px;height:60px;padding:15px;border-width:6px}
}
.timeline__item__content {width:80%;background:#fff;padding:20px 30px;border-radius:6px;float:right;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
@media (min-width:800px) {.timeline__item__content {width:40%;float:inherit;padding:30px 40px}
}
.timeline__item__content::before {content:'';position:absolute;left:10%;background:#8d94b1;top:20px;width:10%;height:4px;z-index:-1;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
@media (min-width:800px) {.timeline__item__content::before {left:40%;top:30px;height:4px;margin-top:-2px}
}
.timeline__item__content__date {margin:0;padding:2px 20px;font-size:1.6rem;line-height:2rem;margin-bottom:10px;background-color:#004098;color:#fff;display:inline-block;border-radius:4px;border:2px solid #fff}
.timeline__item__content__description {margin:0;padding:0;font-size:16px;line-height:24px;font-weight:300;color:#004098}
@media (min-width:800px) {.timeline__item__content__description {font-size:1.05rem;line-height:28px}
}
.his_item {display:flex;flex-wrap:wrap;position:relative}
.his_item li {width:32%;margin:0 2% 1.5rem 0;position:relative;color:#fff;background:#004098;padding:2rem 3rem;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;transition:.3s all ease-in-out}
.his_item li:nth-child(2n) {background:#111}
.his_item li:nth-child(3n) {margin-right:0}
.his_item li:nth-child(3n+1) {clear:both}
.his_item li:hover {box-shadow:1px 3px 15px rgba(0 0 0 / 30%);transform:translateY(-.8rem);-webkit-transform:translateY(-.8rem);-moz-transform:translateY(-.8rem);-ms-transform:translateY(-.8rem);-o-transform:translateY(-.8rem)}
.his_item li span {margin:0;padding:2px 20px;font-size:1.6rem;line-height:2rem;margin-bottom:10px;background-color:#004098;color:#fff;display:block;border-radius:4px;border:2px solid #fff;font-family:Montserrat;font-weight:700;max-width:105px;text-align:center;transition:.3s all ease-in-out}
.his_item li:nth-child(2n) span {background:#111}
#app_home_new,#app_new_pro {display:none}
.news_list {width:100%}
.news_list>ul>li {background:#f1f1f2;width:100%;overflow:hidden;padding:1.5rem;margin-bottom:2rem}
.news_list>ul>li ol {display:flex;flex-wrap:wrap;position:relative;align-items:center}
.news_list ul li ol li.product_con {width:68%;float:right}
.news_list ul li ol li.product_con a {display:block;font-weight:400;font-size:1.1rem;color:#333;padding:0 0 .5rem 0;border-bottom:1px solid #aaa;margin-bottom:.5rem}
.news_list ul li ol li.product_con p {color:#555;font-size:.85rem;line-height:1.3rem;margin:0 0 .6rem}
.news_list ul li ol li.product_con a:hover {color:#999}
.news_list ul li ol li.product_con span {background:#004098;color:#fff;display:block;padding:.3rem .5rem;float:left;font-size:.8rem;line-height:1rem}
.news_list ul li ol li.product_img {width:30%;float:left;margin-right:2%}
.news_list ul li ol li.product_img img {transition:.3s all ease-in-out;border:1px solid transparent;min-height:166px;display:block}
.news_list ul li ol li.product_img img:hover {border:1px solid #004098}
.news_name {text-align:center;margin-bottom:1.5rem}
#news_sidebarlist {float:right;width:25%;position:relative;margin:0 auto;background:#f1f1f2;padding:1.5rem 2rem}
#news_sidebarlist .webtitle {text-align:left;font-size:1.6rem;line-height:1.6rem;padding:1rem 0 .8rem;color:#333;font-weight:600;position:relative;transition:.3s all ease-in-out;width:100%;margin:0 0 .8rem;text-transform:uppercase;border-bottom:1px dotted #aaa}
#news_sidebarlist ul {position:relative}
#news_sidebarlist ul li a {display:block;color:#777;position:relative;font-size:.85rem;line-height:1rem;padding:.5rem 0 .5rem 1.5rem;font-weight:300}
#news_sidebarlist ul li a:before {content:'';position:absolute;left:2px;top:8px;width:16px;height:16px;opacity:.7;background:url(../images/cat-close.png) no-repeat;background-size:cover;transition:.3s all ease-in-out}
#news_sidebarlist ul li a.dq,#news_sidebarlist ul li a:hover {color:#004098}
@media (max-width:991.98px) {#news_sidebarlist {display:none}
}
@media (max-width:575.98px) {.news_list ul li ol li.product_con,.news_list ul li ol li.product_img {width:100%;margin-right:0}
.news_list ul li ol li.product_img {margin:1rem 0}
}
.theme-send-inquiry-box {background:#111!important;border:none!important}
.theme-box-name {background:#004098!important;border-left:none!important;font-family:Montserrat!important;text-transform:uppercase!important;font-size:14px!important;font-weight:200!important}
.theme-box-i {padding:8px 10px 0 10px!important}
@media screen and (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 6px 0 9px!important}
}
.review {font-size:16px;font-weight:700;color:red;margin:0 0 1rem}
.layui-layer-btn .layui-layer-btn0 {float:none;font-size:1.5rem;color:#fff!important;margin-bottom:28px}
.layui-layer-btn {text-align:center!important}
.layui-layer-btn a {padding:5px 15px!important;height:auto!important}
.custom_box {padding:3rem 3rem 2rem 3rem;box-shadow:0 0 35px #eee}
.custom_title {color:#004098;font-size:1.2rem;line-height:1.2rem;text-align:center;font-weight:500;padding:.3rem 0}
.custom_box p {font-size:1rem;color:#444;text-align:center}
.custom_box span {color:red}
label {margin-bottom:0;padding-left:.2rem}
.form-control {font-size:.8rem!important;font-weight:300;background:#f1f8ff;font-family:Arial}
.btn-primary {background:#111;border-color:#111}
.btn-primary:hover {background:#004098;border-color:#004098}
@media (max-width:575.98px) {ul.discitem li {width:100%;margin:0 0 1rem 0}
.nav-tabs li a {display:block}
.nav-tabs li a:after {bottom:.1rem}
.custom_box {padding:2rem 1rem}
}
.flow_chart_nav {display:flex;flex-wrap:wrap;background-color:#f2f2f2}
.flow_chart_nav li {width:calc(100% / 3);padding:1rem;font-size:1.2rem;line-height:1.5rem;position:relative;cursor:pointer}
.flow_chart_nav li::after {content:'';width:0;height:2px;background-color:#eb5c02;position:absolute;left:1rem;bottom:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.flow_chart_nav li.active,.flow_chart_nav li:hover {color:#eb5c02}
.flow_chart_nav li.active::after,.flow_chart_nav li:hover::after {width:calc(100% - 2rem)}
.flow_chart_content>div {display:none}
.flow_chart_content>div:first-child {display:block}
.flow_chart_content ul {display:flex;flex-wrap:wrap}
.flow_chart_content ul li {width:25%;padding:0 .5rem 0 1.7rem;margin-bottom:1rem;position:relative;font-size:1rem;line-height:1.2rem}
.flow_chart_content ul li span {width:1.2rem;height:1.2rem;font-size:.85rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #000;position:absolute;left:0;top:0}
@media (max-width:997.98px) {.flow_chart_nav li {width:100%;padding:.5rem;font-size:1rem;line-height:1.4rem}
.flow_chart_nav li::after {left:.5rem}
.flow_chart_nav li.active::after,.flow_chart_nav li:hover::after {width:calc(100% - 1rem)}
.flow_chart_content ul li {width:calc(100% / 3)}
}

.download_in {display:flex;flex-wrap:wrap;position:relative;}
.download_li {width:32%;margin:0 2% 2rem 0;display:flex;flex-wrap:wrap;}
.download_li:nth-child(3n) {margin-right:0;}
.download_li a {display:flex;flex-wrap:wrap;border:1px solid #dee2e6;align-items:center;box-shadow:8px 8px 0 #eee;background:#fff;flex-direction:row-reverse;width:100%;}
.download_title {font-size:0.95rem;line-height:1.2rem;font-weight:400;font-family:Montserrat;padding:1.5rem;width:85%;color:#333;transition:.3s all ease-in-out;}
.download_img {width:15%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.download_img img {width:30px;height:30px;opacity:.5;}
.download_li a:hover .download_title {color:#eb5c02;}
@media (max-width:997.98px) {
.download_li {width:49%;}
.download_li:nth-child(3n) {margin-right:2%;}
.download_li:nth-child(2n) {margin-right:0;}
}
@media (max-width:575.98px) {
.download_li {width:100%;margin-right:0;}
.download_li:nth-child(3n) {margin-right:0;}
}


/*整个css #118739  替换成 #eb5c02*/
/*整个css #83ffad  替换成 #ff8b42*/
.navbar-nav .dropdown-menu{background: linear-gradient(125deg,#1d3e6a,#004098);}