@charset "utf-8";
@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype");font-display: swap;}
@font-face {font-family:Oswald-Bold;src:url('../font/Oswald-Bold.ttf');font-display: swap;}
@font-face {font-family:Oswald-Medium;src:url('../font/Oswald-Medium.ttf');font-display: swap;}
@font-face {font-family:Oswald-Regular;src:url('../font/Oswald-Regular.ttf');font-display: swap;}
@font-face {font-family:Oswald-Light;src:url('../font/Oswald-Light.ttf');font-display: swap;}
@font-face {font-family:Roboto-Bold;src:url('../font/Roboto-Bold.ttf');font-display: swap;}
@font-face {font-family:Roboto-Regular;src:url('../font/Roboto-Regular.ttf');font-display: swap;}
@font-face {font-family:Roboto-Medium;src:url('../font/Roboto-Medium.ttf');font-display: swap;}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");font-display: swap;}
/* cyrillic-ext */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreSxf6TF0.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
/* cyrillic */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreQhf6TF0.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
/* greek-ext */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreShf6TF0.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
/* greek */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreRRf6TF0.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
/* vietnamese */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreSRf6TF0.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
/* latin-ext */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* latin */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.font.im/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* latin-ext */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(../font/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}
/* latin */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(../font/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}
/* latin-ext */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(../font/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}
/* latin */@font-face {font-family:'Fira Sans';font-style:normal;font-weight:600;src:url(../font/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}





.iconfont {font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}

body {color:#231300;font-family:'Fira Sans', Arial, Helvetica, sans-serif;font-size:1.2rem;line-height:1.55; background-color: #fff;  font-weight: 300;letter-spacing: .3px;}
.home_bg{background: #fff !important;}
* {box-sizing:border-box;padding:0;margin:0;}
li,ol,ul {list-style:none;margin-bottom:0;}
img {vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear {clear:both;}
.clearfix::after {display:table;}
hr {margin-bottom:1rem;border-top:1px solid #ddd;}
strong {display:inline-block;color:#1b1b1b; position: relative; padding-bottom: .5rem; margin-top: .5rem; font-weight: normal;font-size: 1.2rem;}
strong text{color:#1189fe;}
b{color: #333;}
.inquiry{color: #023b7d; text-decoration: none;}
.inquiry:hover{color: #0075c1;}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition: all .5s; }
a:hover {color:#174277;}
a:focus {outline:0;text-decoration:none;}
a,a:hover {text-decoration:none;}
a.link {color:#174277;display:inline-block;}
a.link:hover {color:#0075c1;text-decoration:none;}
.btn-secondary {padding:0rem 0.5rem;}
.layui-layer-dialog .layui-layer-content{display: none;}
.layui-layer-btn .layui-layer-btn0{ background: none !important;font-size: 1.4rem;border: none !important;}
.layui-layer-btn a{height:50px !important;line-height: 50px !important;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.review {color:#023b7d;font-size:18px;}
.brief {width:100%;margin:1rem auto; font-size:1rem;color:#666;}
.etw_pdf{position: relative; }
.etw_pdf a{color: #333; padding-left: 1.5rem;position: relative;font-size: .9rem;}
.etw_pdf a::before{position: absolute;content: "\f1c1";left: 0;top: -.2rem;font-family:fontawesome; color: #9a0000;}
.etw_pdf a:hover{color: #9a0000;}
.table td{padding: .65rem .8rem;line-height: 1.35; vertical-align: middle; font-size: 1rem; border: none; border-right: 1px solid #ccc;}
.table .top{font-family:Roboto-Bold; }
.table .top td{background-color: #0d73bb ; color: #fff; border-right: 1px solid #055994 !important;border-bottom: 1px solid #055994 !important;padding: .5rem .8rem;}
.table_img img{mix-blend-mode: multiply; height: 60px;}
.table_img h3{font-size: 1rem;}
.table tr:nth-child(2n) {background-color:#eee}
.table tr td:last-child{border: none;}
.table{border-bottom:  1px solid #ccc;border-top:  1px solid #ccc;}
.border-none{border:none !important }
.table-bordered td{border: 1px solid #ccc;}
.table-bordered tr td:last-child{ border: 1px solid #ccc; }
.table-bordered tr:nth-child(2n) {background-color:#fff}
.table-bordered tr.top td:last-child{border-bottom: 1px solid #055994 !important;}



.inquiry{color: #023b7d; text-decoration: underline;}
.inquiry:hover{color: #1189fe;}

.theme-send-inquiry-box {background:#1189fe !important;}
.theme-box-name {background:#023b7d !important;text-transform:uppercase;border-left:1px #1189fe solid !important;}

h3 {font-size: 1.1rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;font-size: 2.2rem; margin: 0; padding-bottom: 1rem;  line-height: 1.15; font-weight: 600;}
.etw_hometitle{ font-size: 2.2rem; position: relative;margin-bottom: 1rem; padding-bottom: .5rem; text-transform: uppercase; }
.small_hometitle{font-size: 2rem; color: #666; font-weight: 300; text-transform: uppercase;}
.etw_hometitle span{color: #023b7d;font-size: 2.5rem; font-weight: 600; display: block;}
.small_font{font-size: 1.6rem; color: #1189fe;}
.pro_name{color: #666; font-size: 1.1rem; position: relative;line-height: 1.35;margin-top: -.5rem; margin-bottom: .8rem; position: relative; border-bottom: 1px solid #eee; padding-bottom: 1rem; }
.color_font{color: #333; font-size: 1.4rem; margin-top: 1rem;border-bottom: 1px solid #333; padding-bottom: 1rem; margin-bottom: 1rem;}
h3.pro_model{color: #666; font-size: .9rem; margin-bottom: 1rem;color: #666;}

h2 strong{font-size: 2.2rem; display: block; color: #023b7d; font-weight: 600;}
h2 small{display: block; color: #666; font-size: 1.6rem;}
.page_title{font-size: 1.3rem; position: relative;  display: block; font-weight: 600; color: #333; margin-bottom: .5rem; margin-top: 1.2rem; padding-left: 2.5rem;}
.page_title::before{position: absolute; content: ""; width: 28px; height: 28px; background: url(../images/triangle.svg) no-repeat top left; left: 0; top:0}


.font_fold{font-size: 1.2rem; color: #000;}
.contact_des a{ color: #231300; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.contact_des a:hover{color: #023b7d;}
.indent-left{padding-left: 3.8rem;}
#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#023b7d;z-index:100;cursor:pointer;color:#333;font-weight:600;line-height:28px;border-radius:50%;}
#etw_top a {color:#fff;}
#etw_top:hover {transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#cc3333;}
/* #header */
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left; transition: all .5s; background-color:rgb(0, 45, 115,.79);  padding:0 1rem;    box-shadow: 0 0 25px rgb(0 0 0 / 10%); }
.header_in {width:100%;max-width:1200px;margin:0 auto; position: relative;}
.header_pro{background-color:rgb(0, 45, 115, 1) !important;}
#etw_logo {width:auto;text-align:center;float:left; margin-top: 1.5rem;  transition: all .8s; background-color: #fff; padding:.5rem; }
#etw_logo a{width: 100%; display: flex; align-items:end; }
#etw_logo strong{color: #002d73; font-size: .9rem;display: block; width: 100%; max-width: 180px; text-align: left;line-height: 1.35; margin: 0; padding: 0; text-transform: uppercase; padding-left: .5rem;}
#etw_logo strong span{font-weight: 600;font-size:1rem; display:block}



.left_share{position: relative;display: flex; margin-top: 2rem; }
.left_share a{width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-right: .5rem; transition: all .5s;color: #fff  !important; background-color: #0075c1; border-radius: 5px; font-size: 1rem;}
.left_share a:hover{background-color: #1189fe; }
.left_share a svg{width: 22px;height: 22px;}
.left_share a.icon_twitter svg{width: 20px; height: 20px;}
.left_share a.icon_telegram svg,.left_share a.icon_linkedin svg{width: 22px; height: 22px;}
.left_share a.icon_twitter {padding-left: 2px;}
/* .top-nav */
.top-nav {width:auto;float:right;padding-left:2rem; transition: all .8s;  margin-bottom: 1rem; }
.top-nav .navbar {padding:0;float:right;}
.nav-fixed {box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown; margin-top: 0 !important;background-color:rgb(0, 45, 115,1) !important;}

@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}

.dropdown-menu-one {background-color:#eee;}
.navbar-expand-lg .navbar-collapse {flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav {justify-content:center;}
.navbar-nav {width:100%;}
.navbar-light .navbar-nav .nav-link {transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem .8rem;color:#fff;position: relative; font-weight: 700; font-size: 1.1rem; }
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom: -.5rem;width:0px;height:2px;background-color:#1189fe;transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%;}

.navbar-expand-lg .navbar-nav .dropdown-menu {top:51px; transition: all .5s;box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);background-color: rgb(255 255 255 / 80%);backdrop-filter: blur(10px);border-radius: 0 0 1rem 1rem;padding:1rem .8rem; border: none; border-top: 1px solid #eee; }
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem; padding-left: 1rem; border-bottom:1px solid #eee; background: none; }
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#333;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a.active {color:#1189fe;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {position:absolute;content:"\f0da";left:1rem;top:0.2rem;font-family:fontawesome;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a {border-bottom:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link,.dropdown-menu-one li > a.active {color:#1189fe !important; }
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#1189fe;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#1189fe!important;}
.dropdown-item {font-size:0.9rem;}
.dropdown-item.active, .dropdown-item:active{background:none !important;}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}

.top-nav ul>li>ul.dropdown-menu>li {position:relative}

.navbar-nav .dropdown-menu1{min-width:72rem;left:-27.5rem;padding:2rem 2rem 1rem;}
.navbar-light .navbar-nav .dropdown-menu1 li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;position:relative;padding:0.4rem 0 0.4rem 0.3rem;font-size:1.2rem;color:#023b7d;white-space:normal;line-height:1.3rem;text-align:left;border-bottom:1px dotted #ccc;margin:0 0 0.2rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{width:24px;height:24px;position:absolute;left:0;top:1px;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active{color:#f4c90c;}
.navbar-nav .dropdown-menu li ol{position:relative;display:block;padding:0.3rem 0;width:100%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{width:100%;display:block;position:relative;padding:0.2rem 0 0.2rem 1.5rem;font-weight:400;font-size:.95rem;color:#111;line-height:1.35rem;position: relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;left: .5rem;top: .7rem;background-color: #666;}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover{color:#1189fe;}






@media (max-width:1260px) {


}
@media (max-width:1064px) {

}

/* .etw_language */
.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:32px;line-height:22px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;margin-top:.5rem; }
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.2rem .5rem;color:#fff;min-width:auto !important;font-size:.85rem;position:relative;}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc;}
#etw_language .dropdown-item:last-child::before {display:none;}
#etw_language .dropdown-item img {margin-right:5px; margin-top: 1px;}
#etw_language .dropdown-item:hover {color:#000;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}


/* banner */#etw_banner {width:100%;position:relative;margin:0 auto;text-align:center;color:#fff;overflow:hidden;}
#etw_banner .swiper-slide {height:100%;position:relative;width:100%;margin:0 auto;}
#etw_banner img {display:block;width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet {cursor:pointer;width:14px;height:14px;background:none;border-radius:50%;opacity:1;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;background-color:rgba(234,37,45,.5);}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#1189fe;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:50px;height:95px;background-image:none;background-color:rgba(255,255,255,0);right:0;z-index:1;transform:translateY(-50%);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
#etw_banner .swiper-button-prev {left:0;}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover {background-color:rgba(255,255,255,0.2);}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after {content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;opacity:.6;width:25px;height:62px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out;}
#etw_banner .swiper-button-prev::after {background:url(../images/arrow_prev.png) no-repeat;background-size:cover;}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after {opacity:1;}
#etw_banner video{display: block; width: 100%; height: 100%;}
/* banner_txt */
.banner_txt{position: absolute; top:125px; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 1200px;}
.banner_inner h1{width: 316px; font-size: 1.2rem; background-color:rgba(255,255,255,0.72); color: #333; padding: 1rem;  font-weight: 600; text-align: left; line-height: 1.45;}
/* application_box */
.application_box{margin-bottom: 3rem; padding: 3rem 0; padding-bottom: 6rem; position: relative; overflow: hidden; background:#f2f2f2; }
.banner_bottom{position: relative; z-index: 2; padding-bottom: 4rem; background-color: #f2f2f2;}
.pro_icon_img{margin: 0 auto; text-align: center; position: absolute; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; border-radius: 50%; left: 0; right: 0; margin: 0 auto; top: -3rem; }
.pro_icon_img img{width: 110px;}


.application_box .content{position: relative; z-index: 1;}
.application_box .swidth{width: 80%; margin: 0 auto; margin-bottom:2rem; text-align: center;}
.webtitle{font-size: 2rem; font-weight: 600;color: #231300; margin-bottom: 1rem; position: relative;}
.webtitle a{color: #231300; display: block; line-height: 1.35; }
.webtitle span{font-size: 2.6rem; display: block;background: -webkit-linear-gradient(135deg, #023b7d 50%, #1189fe 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-transform: uppercase; }
.application_box ul{display: flex; flex-wrap: wrap;}
.application_box ul li{width: 32.5%; margin-right:1%; background-color: #fff; margin-bottom: 1rem; transition: all .5s;}
.application_box ul li:nth-child(3n){margin-right: 0;}
.application_box ul li .pro_des{padding: 1rem; font-size: 1rem; color: #000;}
.application_box ul li a strong{color: #666; display: block; line-height: 1.35; font-size: 1.2rem; transition: all .5s; }
.application_box ul li a strong span{color: #023b7d;font-size: 1.3rem; display: block;font-weight: 600; text-transform: uppercase;}
.application_box ul li:hover{box-shadow: 0 5px 16px 0 rgba(0,0,0,.28);}
.application_box ul li:hover a strong{color: #023b7d;}
.application_box ul li a.more{font-weight: 600; color: #023b7d;}
.shape-divider{position: absolute; left: 0; width: 100%;height: 80px;z-index: 1;top: auto;bottom: 0;}
.shape-divider svg {position: absolute;top: 0;left: 50%;height: 100%;transform: translate3d(-50%, 0, 0);}
.continue_buton{width: 160px; margin: 0 auto; display: flex; align-items: center; justify-content: center; text-transform: uppercase; text-align: center; font-weight: 600; color: #1189fe; border: 2px solid #1189fe; padding: .4rem; margin-top: 1rem;}
.continue_buton:hover{background-color: #1189fe; color: #fff;}

@media (max-width:991.98px) {
  .application_box{ padding-top:1rem;}
  .application_box .webtitle{font-size: 1.8rem; padding-top:1rem;}
  .application_box .webtitle span{ font-size:2.2rem;}
  .pro_icon_img{ display:none;}
  .banner_bottom{ padding-bottom:0;}
}

@media (max-width:810px) {
  .application_box .swidth{width: 100%;}
  .application_box .webtitle{font-size: 1.5rem;}
  .application_box .webtitle span{ font-size:1.8rem;}
  .application_box ul li{width: 49%; margin-right:2%;}
  .application_box ul li:nth-child(3n){margin-right: 2%;}
  .application_box ul li:nth-child(2n){margin-right: 0;}
  .application_box ul li img{ width:100%;}
  .application_box ul li a strong{ font-size:1rem;}
  .application_box ul li a strong span{ font-size:1.2rem;}
}

@media (max-width:575.98px) {
  .application_box .webtitle{font-size: 1.25rem; }
  .application_box .webtitle span{ font-size:1.6rem;}
  .application_box ul li{width: 100%; margin-right:0;}
  .application_box ul li:nth-child(3n){ margin-right:0;}
}


/* home_main_pro_box */
.home_main_pro_box{position: relative; overflow: hidden;}
.home_main_pro_box .swidth{width: 98%; margin: 0 auto; text-align: center; margin-bottom: 2rem;}
.home_main_pro_box .content{position: relative;}

.home_main_pro_box .webtitle{background: -webkit-linear-gradient(135deg, #023b7d 50%, #1189fe 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-transform: uppercase; font-size: 2.6rem;}
/* mainpro_inner */
.mainpro_inner ul{display: flex; flex-wrap: wrap;}
.mainpro_inner ul li{width: 50%; background-color: #eee; padding: 2rem; position: relative; overflow: hidden;}
.mainpro_inner ul li:nth-child(2n){background-color: #e5e4e4; }
.mainpro_inner ul li img{mix-blend-mode: multiply;transition: all .5s;  }
.mainpro_inner ul li .pro_des a{font-weight: 600;font-size: 1.5rem; display: block; line-height: 1.35; margin-bottom: 1rem; text-align: center; color: #023b7d; }
.mainpro_inner ul li .pro_des a strong{font-size: 1.3rem; display: block;font-weight: 600; color: #000;  }
.mainpro_inner ul li::before{position: absolute;content: ""; width: 100%; height: 10px; background-color: #023b7d; left: 0; bottom: 0; transition: all .5s; right: 0; margin: 0 auto;}
.mainpro_inner ul li:nth-child(2n)::before{background-color: #1189fe;}
.mainpro_inner ul li:hover::before{width: 50%;}
.mainpro_inner ul li:hover img,.sealing_line_box .pro_img:hover img{transform: scale(1.05);}

@media (max-width:991.98px) {
  .home_main_pro_box .webtitle{font-size: 2rem; line-height:2.2rem;}

}

@media (max-width:810px) {
.home_main_pro_box .webtitle{font-size: 1.8rem;}
.mainpro_inner ul li .pro_des a{ font-size:1.25rem; line-height:1.35rem;}
.mainpro_inner ul li .pro_des a strong{ font-size:1.25rem;}
}

@media (max-width:575.98px) {
.mainpro_inner ul li{width: 100%; padding:1rem;}
}

/* sealing_line_box */
.sealing_line_box{ margin: 3rem auto; margin-bottom: 4rem; position: relative; background-image: linear-gradient(to right,#eee,#dedede);z-index: 1; overflow: hidden;}
.sealing_line_box .row,.sealing_line_box .col-lg-6{margin: 0; padding: 0; }
.sealing_line_box .pro_des{width: 100%; max-width: 580px; float: right; padding-right: 2rem; position: relative;}
.sealing_line_box .pro_img{position: relative; padding-left: 3rem; overflow: hidden; }
.sealing_line_box .pro_img img{width: 100%; mix-blend-mode: multiply; position: relative;transition: all .5s;}
.sealing_line_box .line_title a{font-size: 1.6rem; color: #000; position: relative; padding-bottom:1rem; margin-bottom: 1.5rem; display: block; font-weight: 600;}
.sealing_line_box .line_title a::before{position: absolute;content: ""; width: 100px; height: 3px; background-color: #023b7d; left: 0; bottom: 0;transition: all .5s;}
.sealing_line_box .line_title a:hover{color: #1189fe;}
.sealing_line_box .line_title a:hover::before{width: 40%; background-color: #1189fe;;}
.sealing_line_inner{background: #fff !important;}
.sealing_line_box .line_title a{font-size: 1.8rem; color: #666; font-weight: 400;}

@media (max-width:1200px) {
.sealing_line_box{ padding:0 15px;}
}
@media (max-width:991.98px) {
  .sealing_line_box{ padding:2rem 15px;}
  .sealing_line_inner{ margin-top:0; margin-bottom:0; padding-bottom:1rem;}
  .sealing_line_box .pro_des{ max-width:inherit; padding-right:0; padding-top:1rem;}
  .sealing_line_box .pro_img{ padding-left:0;}
  .sealing_line_box img{ width:100%;}
}
@media (max-width:575.98px) {
  .sealing_line_box .line_title a{ font-size:1.5rem; line-height:1.8rem;}
}
/* home_about_des_box */
.home_about_des_box{margin-bottom: 4rem; position: relative; padding-bottom: 4rem;}
.home_about_des_box .content{max-width: 1320px;}
.home_about_des_box .row{margin: 0 ;}
.home_small_title{font-size: 1.2rem; font-weight: 600; text-transform: uppercase; color: #023b7d;}
.home_about_des_box .about_des{padding-left: 1rem;  }
.home_about_des_box .about_img{box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45); position: relative; z-index: 1; margin-right: 4rem;}
.home_about_des_box .about_img img{ border-radius: 10px;}
.home_about_des_box .content::before{position: absolute;content: ""; width: 320px; height: 320px; border-radius: 50%; background-color: #023b7d; z-index:0; left:8%; top: 8%; opacity: .2;}
.home_about_des_box .content::after{position: absolute;content: ""; width: 300px; height: 300px; border-radius: 50%; background-color: #1189fe; z-index:0; left:0; top: 22%; opacity: .1;}
.home_about_des_box .about_img2{width: 240px; border-radius: 15px; overflow: hidden; position: absolute; bottom:  -15%; z-index: 2; right: 0;}
.about_img{position: relative;}
@media (max-width:991.98px) {
 .about_img2{ display:none;}
 .home_about_des_box .about_des{ padding:0;}
 .home_about_des_box .about_img{box-shadow:0 0 0; margin-right:0;max-height:450px; overflow:hidden;}
 .home_about_des_box .about_img img{ width:100%; }
 .home_small_title{ padding-top:1rem;}
 .home_about_des_box .col-lg-6{ padding:0;}
 .home_about_des_box{ margin-bottom:0;}
}

@media (max-width:767.98px) {
 .home_about_des_box .about_img{max-height:380px;}
}

/* video_play */
.play_btn {display:block;width:100px;height:100px;line-height:100px;text-align:center;background:rgb(2, 59, 125,.9);color:#fff;position:relative;z-index:2;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.2rem;cursor:pointer;}
.play_btn2{width: 60px;height:60px;line-height:60px;font-size:1.8rem;}
.play_btn i {padding-left:.3rem;}
.play_btn::after {position:absolute;content:"";width:100%;height:100%;background:#023b7d;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:0;left:0;z-index:-1;animation:playAnimi 2s infinite;-webkit-animation:playAnimi 2s infinite}
.play_btn::before {position:absolute;content:"";width:100%;height:100%;background:#023b7d;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:0;left:0;z-index:-1;animation:playAnimi 3s infinite;-webkit-animation:playAnimi 3s infinite}
@keyframes playAnimi {from {opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
to {opacity:0;transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2)}
}
@media (max-width:768.98px) {
  .play_btn{ width:70px; height:70px;line-height:70px;font-size:1.8rem;}
}

@media (max-width:575.98px) {
  .play_btn{ width:60px; height:60px;line-height:60px;font-size:1.5rem;}
}

.about_adv_box ul{display: flex; flex-wrap: wrap;}
.about_adv_box ul li{width: 23%; margin-right: 1%; text-align: center; padding: 1rem; background-image: linear-gradient(to bottom,#eee,#fff); }
.about_adv_box ul li:nth-child(4n){margin-right: 0;}
.about_adv_box ul li .adv_icon{text-align: center; margin: 0 auto; margin-bottom: .5rem;width: 80px; height: 80px; background-color: #fff; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center;}
.about_adv_box ul li img{width: 50px; height: 50px; }
.about_adv_box ul li .adv_title{font-size: .9rem; line-height: 1.35; color: #333;}
@media (max-width:575.98px) {
 .about_adv_box ul li{width: 49%; margin-right: 2%; margin-bottom:1.5rem;}
 .about_adv_box ul li:nth-child(4n){margin-right: 2%;}
 .about_adv_box ul li:nth-child(2n){margin-right: 0;}
}
/* .case_box */
.case_box{padding: 2rem 0; position: relative; margin-top: 6rem;}
.case_box .webtitle,.home_about_des_box .webtitle{font-size: 2.6rem; line-height: 1.25;background: -webkit-linear-gradient(135deg, #023b7d 50%, #1189fe 100%);
  background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;  text-transform: uppercase;}
.case_box ul{display: flex; flex-wrap: wrap; margin-top: 2rem;}
.case_box ul li{width: 15%; margin-right: 1%; margin-bottom: 1rem; border: 1px solid #eee;}
.case_box ul li:nth-child(6n){margin-right: 0;}

.case_box::before, .case_box::after {
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
  display: inline-block;
  height: 1px;
  content: "";
}
.case_box::before {
  background: #023b7d;
}
.case_box::after {
  top: -20px;
  background: rgb(2, 59, 125,.7);
}
@media (max-width:991.98px) {
  .case_box{ margin-top:2rem;}
}
@media (max-width:810px) {
.case_box .webtitle,.home_about_des_box .webtitle{ font-size:2rem;}
.case_box ul li{width: 32%; margin-right: 2%; }
.case_box ul li:nth-child(6n){margin-right: 2%;}
.case_box ul li:nth-child(3n){margin-right: 0;}
}
/* pro_banner_box */
.pro_banner_box{background: url(../images/pro_banner_img_01.jpg) no-repeat top center; min-height: 460px; background-size: cover;}
.pro_banner_box2{background: url(../images/pro_banner_img_02.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box3{min-height: 320px;background: url(../images/pro_banner_img_03.jpg) no-repeat top center;background-size: cover;}
.pro_banner_box4{min-height: 320px;background: url(../images/pro_banner_img_04.jpg) no-repeat top center;background-size: cover;}
.pro_banner_box5{background: url(../images/pro_banner_img_05.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box6{background: url(../images/pro_banner_img_06.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box7{background: url(../images/pro_banner_img_07.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box8{background: url(../images/pro_banner_img_08.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box9{background: url(../images/pro_banner_img_09.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box10{background: url(../images/pro_banner_img_10.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box11{background: url(../images/pro_banner_img_11.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box12{background: url(../images/pro_banner_img_12.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box13{background: url(../images/pro_banner_img_13.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box14{background: url(../images/pro_banner_img_14.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box15{background: url(../images/pro_banner_img_15.jpg) no-repeat top center; min-height: 460px;background-size: cover;}
.pro_banner_box16{background: url(../images/pro_banner_img_16.jpg) no-repeat top center; min-height: 460px;background-size: cover;}


.pro_banner_box .banner_txt{padding-top: 2.9rem;}
.probanner_txt{position: absolute;  bottom: 2rem; left: 0;  right: 0;  margin: 0 auto; color: #333; width: 100%; max-width: 1200px; }
.probanner_txt .content{width: 100%; max-width: 600px; background-color: rgba(255,255,255,0.72); padding: 2rem; float: left; text-align: left;}

@media (max-width:991.98px) {
  .pro_banner_box,.pro_banner_box2,.pro_banner_box3,.pro_banner_box4,.pro_banner_box5,.pro_banner_box6,.pro_banner_box7,.pro_banner_box8,.pro_banner_box9,.pro_banner_box10,.pro_banner_box11,.pro_banner_box12,.pro_banner_box13,.pro_banner_box14,.pro_banner_box15,.pro_banner_box16{ min-height:160px; padding:2rem 0;}
  
  .probanner_txt .content{ padding:1rem;}
  .probanner_txt .content h2{ padding-bottom:0; font-size:1.65rem;}
  
}

/* pro_top_des */
.pro_top_des{width: 90%; margin: 0 auto; text-align: center;}
.pro_top_des h3{font-size: 2rem;width: 68%; margin: 0 auto; margin-bottom: 1rem; color: #000; }
@media (max-width:991.98px) {
  .pro_top_des,.pro_top_des h3{width: 100%;}
}
@media (max-width:810px) {
  .pro_top_des h3{ font-size:1.75rem;}
}
/* bg_hubpro_box */
.bg_hubpro_box{background-color: #f2f2f2; padding: 3rem 0; margin-top: 3rem;}
.bg_protitle a{font-size:1.4rem; font-weight: 400; color: #666; text-align: center; display: block; max-width: 600px; margin: 0 auto; line-height: 1.35; margin-bottom: 2rem;}
.bg_protitle a span{display: block; }
.hubproducts_box ul{display: flex; flex-wrap: wrap; width: 80%; margin: 0 auto;}
.hubproducts_box ul li{width: 48%; margin-right: 3%; background-color: #fff; margin-bottom: 1rem; transition: all .5s;}
.hubproducts_box ul li:nth-child(2n){margin-right: 0;}
.hubproducts_box ul li .pro_des{padding: 1.5rem; padding-bottom: 2rem;}
.hubproducts_box ul li .pro_img img{mix-blend-mode: multiply; width: 90%; margin: 0 auto; }
.hubproducts_box ul li .pro_img{background-image: linear-gradient(to left,#cfcfcf,#cbcbcb); text-align: center;}
.hubproducts_box ul li .pro_des dl{margin-bottom:.3rem; position: relative; padding-left: 1rem; font-size: 1rem;  }
.hubproducts_box ul li .pro_des p{color: #666; font-size: 1rem; }
.hubproducts_box ul li .pro_des a{color: #666; margin-bottom: 1rem; display: block; transition: none; }
.hubproducts_box ul li .pro_des a strong{font-size: 1.4rem; font-weight: 600; margin-bottom: 0; padding-bottom: 0; color: #333; display: block; line-height: 1.35;  }
.hubproducts_box ul li .pro_des dl::before{position: absolute;content: ""; width: 5px; height: 5px; border-radius: 50%; left: 0;background-color: #1189fe; top:.5rem; }
.hubproducts_box ul li:hover .pro_des a,.hubproducts_box ul li:hover .pro_des a strong,.hubproducts_box ul li:hover .pro_des p{color: #fff;}
.hubproducts_box ul li:hover{background-color: #023b7d; color: #fff;}
.bg-white{padding: 3rem 0; padding-bottom: 0;}
.bg_color{background-color: #f2f2f2; padding: 3rem 0}
.hr_box{border-top: 1px solid #eee; padding-top: 3rem;}

@media (max-width:991.98px) {
.hubproducts_box ul{ width: 100%;}
}
@media (max-width:810px) {
  .bg_protitle a{ font-size:1.75rem;}
  .hr_box{ padding-top:1.5rem;}
}
@media (max-width:575.98px) {
 .hubproducts_box ul li{width: 100%; margin-right:0}
}

/* pro_inner_app_box */
.pro_inner_app_box{ padding: 3rem 0; position: relative; margin-top: 4rem; background: url(../images/dian_bg.png) no-repeat right top #f2f2f2; }
.pro_inner_app_box ul{display: flex; flex-wrap: wrap;}
.pro_inner_app_box ul li{width: 30%; margin-right: 3%; font-size: .9rem; border-bottom: 1px solid #ddd; padding-bottom: .5rem; margin-bottom: .5rem;}
.pro_inner_app_box ul li:nth-child(3n){margin-right: 0;}
.pro_inner_app_box ul li img{width: 30px; margin-right: 1rem;}
.pro_inner_app_box ul li a{display: flex; align-items: center; color: #666;}
.pro_inner_app_box ul li a:hover,.pro_inner_app_box ul li a.dq{color: #1189fe;}
.pro_inner_app_box .app_txt_item{padding-top:2rem;}
.pro_inner_app_box .app_img_01{position: absolute; top:7rem;  z-index: 1; background-color: #fff; padding: 1rem 2rem; text-align: center; box-shadow: 0 5px 16px 0 rgba(0,0,0,.28);}
.pro_inner_app_box .app_img_item{position: absolute; top:-3rem; right: -8rem; width: 100%; max-width: 600px;}


@media (max-width:991.98px) {
.pro_inner_app_box{ padding-top:0;}
.pro_inner_app_box .app_img_item{ position:inherit; top:0; right:0; padding-top:2rem; max-width:none;text-align: center;}
.pro_inner_app_box .app_img_01{ top:inherit; bottom:0;}
}
@media (max-width:810px) {
 .pro_inner_app_box .webtitle{ font-size:1.75rem;}
}
@media (max-width:575.98px) {
.pro_inner_app_box ul li{width: 49%; margin-right: 2%;font-size: .75rem;}
.pro_inner_app_box ul li:nth-child(3n){margin-right:2%;}
.pro_inner_app_box ul li:nth-child(2n){margin-right: 0;}
.pro_inner_app_box .app_img_01 img{ width:80px;}
}
@media (max-width:430px) {
  .pro_inner_app_box .app_img_01 img{ width:60px;}
}
/* clients_box */
.clients_box{margin-top: 3rem; margin-bottom: 3rem;}
.clients_box ul{display: flex; flex-wrap: wrap;}
.clients_box ul li{flex: 1;}
@media (max-width:810px) {
.clients_box ul li{width: 32%; margin-right: 2%;flex: inherit;}
.clients_box ul li:nth-child(3n){margin-right: 0;}
}
/* inquiry_bottom_box */
.inquiry_bottom_box{ background-image: linear-gradient(to left,#020202,#023b7d); color: #fff; overflow: hidden;}
.inquiry_bottom_box .inquiry_des{max-width: 630px; float: right; }
.inquiry_bottom_box .inquiry_img img{width: 100%; height: 100%; object-fit: cover;}
.inquiry_bottom_box .inquiry_des h3{font-size: 2rem; font-weight: 600; margin-bottom: 2rem;}
.inquiry_btn{background-color: #1189fe; display: inline-block; padding: 1rem 2rem; color: #fff; cursor: pointer; margin-top: 2rem; transition: all .5s;}
.inquiry_btn:hover{background-color: #002d73;}
.form_bg{background-color: #f3f3f3; padding: 2rem;}

@media (max-width:1200px) {
  .inquiry_bottom_box{ padding:1.5rem 15px;}
}
@media (max-width:768.98px) {
  .inquiry_bottom_box .inquiry_des{max-width: inherit; float: left; padding-bottom:1.5rem;}
  .inquiry_bottom_box .inquiry_des h3{ font-size:1.75rem;}
}
@media (max-width:575.98px) {
  .inquiry_bottom_box .inquiry_des h3{ margin-bottom:1rem;}
  .inquiry_btn{ font-size:1rem; padding:0.6rem 1rem; margin-top:1rem;}
}

/* smallproducts_box */
.smallproducts_box{margin: 3rem auto; margin-bottom: 4rem;}
.smallproducts_box ul li{display: flex; flex-wrap: wrap; margin-bottom: 2rem; background-color: #f2f2f2;}
.smallproducts_box ul li .pro_img{width:55%;box-shadow: 0 8px 10px -2px rgba(0, 0, 0, 0.15), 0 20px 60px -10px rgba(0, 0, 0, .15); background-color: #fff; font-size: 1rem; padding: 2rem; }
.smallproducts_box ul li .pro_des{width: 45%; padding: 2rem;}
.smallproducts_box ul li .pro_img a strong{font-size: 2rem; font-weight: 600; display: block;text-align: left; transition: all .5s; }
.smallproducts_box ul li .pro_img a h3{color: #333; font-size: 1.4rem; text-align: left; margin-bottom: 1rem;}
.smallproducts_box ul li .pro_img a img{width:90%; margin: 0 auto;}
.smallproducts_box ul li .pro_img a{display: block; text-align: center;}
.smallproducts_box ul li .pro_img a strong:hover{color: #1189fe;}
.smallproducts_box .spec_box{font-size: 1rem;}
.smallproducts_box .spec_box dl{margin-bottom: 0; border-bottom: 1px solid #ddd; padding-bottom: .5rem; margin-bottom: .5rem;}
.smallproducts_box ul li .pro_des strong{font-weight: 600; font-size: 1.3rem;}

.smallproducts_box2 a{ display: block; font-weight: 600; font-size:1.42rem; color: #333; margin-bottom: 1rem; }
.smallproducts_box2 ul li .pro_img{width:35%;}
.smallproducts_box2 ul li .pro_des{width:65%; font-size:1.1rem;}
.smallproducts_box2 ul li .pro_des a{display: block; position: relative; padding-bottom: 1rem;}
.smallproducts_box2 ul li .pro_des a::before{position: absolute;content: ""; width: 100%; height: 1px; background-image: linear-gradient(to right,#ccc,transparent); left: 0; bottom: 0;}
.smallproducts_box2 ul li .pro_des a:hover{color: #1189fe;}

@media (max-width:991.98px) {
  .smallproducts_box ul li .pro_img{padding:1rem;}
}
@media (max-width:810px) {
  .smallproducts_box ul li .pro_img{width:100%;box-shadow:0 0 0; padding:1rem;}
  .smallproducts_box ul li .pro_des{width: 100%;}
}
/* application_pro_bottom */
.application_pro_bottom{padding: 3rem 0; background: url(../images/pro_app_bg.jpg) no-repeat top center; background-size: cover;  background-attachment: fixed; margin-top: 4rem;}
.application_pro_bottom .webtitle{color: #fff; text-transform: uppercase;}
.application_pro_bottom ul{width: 80%; margin: 0 auto;}
.application_pro_bottom ul li{background-color: #fff; padding:2rem 1rem 0 1rem; font-size: 1rem; text-align: center; margin-bottom: 1rem;}
.application_pro_bottom ul li a{color: #333; display: block;min-height: 150px;line-height: 1.2rem;}
.application_pro_bottom ul li a img{width: 80px !important; margin: 0 auto;border-radius: 5px; margin-bottom: .5rem;}

@media (max-width:768.98px) {
  .application_pro_bottom .webtitle{ font-size:1.75rem; line-height:2rem;}
}
/* pro_solution_box */
.pro_solution_box{background: url(../images/dian_bg.png) no-repeat right top #f2f2f2; padding: 4rem 0;}
.pro_solution_box .solution_des{padding: 3rem; background-color: #fff; box-shadow: 0 0 42px 0 rgba(0,0,0,.09);}
.pro_solution_box .solution_img{margin: 0% -30% 0% 0%;}
.pro_solution_box .solution_des a h3{color:#002d73 ; font-size: 2rem; text-transform: uppercase; font-weight: 600; margin-bottom: 1.2rem;}
.pro_solution_box .solution_des a.more{color: #002d73; text-transform: uppercase; font-size: 1rem; font-weight: 600;} 
.pro_solution_box .solution_des a.more:hover{color: #1189fe;}
@media (max-width:768.98px) {
   .pro_solution_box .solution_img{ margin:0;} 
  .pro_solution_box .solution_des{ padding:2rem 1rem;}
  .pro_solution_box .solution_des a h3{ font-size:1.75rem; line-height:2rem;}
}

/* .inquiry_pro_bottom */
.inquiry_pro_bottom {background-image: linear-gradient(to bottom,#1189fe,#023b7d);color: #fff; overflow: hidden;
padding: 3rem 0; text-align: center;font-size: 1.1rem;}
.inquiry_pro_bottom .webtitle{color:#fff}
/* basic_box */
.basic_box ul{display: flex; flex-wrap: wrap; margin: 3rem auto; border: 2px solid #eee; padding: 2rem; border-radius: 5px;}
.basic_box ul li{width: 32%; margin-right: 2%; text-align: center;}
.basic_box ul li:nth-child(3n){margin-right: 0;}
.basic_box ul li strong{font-weight: 400; font-size: 1.4rem; position: relative; display: block; padding-bottom: 1rem; margin-bottom: 1rem;}
.basic_box ul li strong::before{position: absolute;content: ""; width: 50px; height: 4px; background-color: #cc3333; left: 0; right: 0; margin: 0 auto;  bottom: 0; }
@media (max-width:991.98px) {
  .basic_box ul{ padding:2rem 0.5rem;}
  .basic_box ul li strong{font-size: 1.2rem; line-height:1.35rem;}
}
@media (max-width:767.98px) {
 .basic_box ul li{width: 49%; margin-bottom:1rem;}
.basic_box ul li:nth-child(3n){margin-right: 2%;}
.basic_box ul li:nth-child(2n){margin-right: 0;}
.basic_box ul{ padding:1rem 0.5rem;}
}


/* .request_btn */
.request_btn{background-color: #cc3333; width: 200px;  text-align: center; height: 43px; display: flex; justify-content: center; align-items: center; margin: 1rem auto; color: #fff; transition: all .5s; cursor: pointer; border-radius: 22px; font-weight: 600;font-size: 1rem; }
.request_btn:hover{background-color: #002d73; color: #fff;}

/* configurations_box */
.configurations_box{margin: 2rem auto;}
.configurations_box .siger_item{padding: 2rem; height: 100%; background-image: linear-gradient(to bottom, #f3f3f3,#f1f1f1); }

/* details_box_bg */
.details_box_bg{ padding: 3rem 0; background-image: linear-gradient(to bottom,#eee,#fff); margin-top: 4rem;}
.details_box_bg img{mix-blend-mode: multiply;}

/* flow_box */
.flow_box{background-image: linear-gradient(to left,#f2f2f2,#f3f3f3); padding: 3rem 0;}
.nav-tabs-list-flow{border: none;}
.nav-tabs-list-flow li a{ color: #333; font-size: 1.2rem; display: block; width: 100%; font-weight: 600; border-bottom: 1px solid #ddd; padding: .8rem; position: relative; padding-left: 2rem;}
.nav-tabs-list-flow li a::before{position: absolute;content: ""; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #666; top:1.2rem; left: 0; transition: all .5s;}
.nav-tabs-list-flow li a i{position: absolute; right: 1rem; top:1.5rem; opacity: 0; transition: all .5s; color: #cc3333;transition: all .5s;transform: translateX(-10px);}
.nav-tabs-list-flow li a.active,.nav-tabs-list-flow li a:hover{color: #cc3333;}
.nav-tabs-list-flow li a.active i,.nav-tabs-list-flow li a:hover i{opacity: 1;transform: translateX(0);}
.nav-tabs-list-flow li a.active::before,.nav-tabs-list-flow li a:hover::before{background-color: #cc3333;border: 2px solid #cc3333;}
.nav-tabs-list-flow li{display: block; width: 100%;}

@media (max-width:768.98px) {
  .nav-tabs-list-flow li a{ font-size:1rem; padding:0.6rem 0.6rem 0.5rem 1.5rem;}
  .configurations_box .siger_item{padding: 1rem;}
  .nav-tabs-list-flow{ margin-bottom:1.5rem;}
  .nav-tabs-list-flow li a::before{ width:12px; height:12px; top:1rem;}
}
/* inquiry_box_bg */
.inquiry_box_bg{background-image: url(../images/inquiry_box_bg.jpg);background-size: contain !important;background-position: top left; background-color: #f3f3f3; padding: 3rem 0; margin-bottom: 8rem; position: relative;background-repeat: no-repeat}
.inquiry_box_bg .etw_set_feedback_form{background-color: #fff; padding: 2rem; border-radius: 10px; margin-bottom: -8rem;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;}
.inquiry_box_bg .feedback_des{font-weight: 600; color: #666; font-size: 1.6rem; }
.inquiry_box_bg .feedback_des .inquiry_title{font-size: 1.2rem;font-weight: 400; }
.inquiry_box_bg .webtitle{color: #333;}
/* otherproducts_box */
.otherproducts_box ul{display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
.otherproducts_box ul li{width: 32%; margin-right: 2%; text-align: center; background-image: linear-gradient(to bottom,#fff 50%,#f3f3f3); padding: 1rem; position: relative; }
.otherproducts_box ul li:nth-child(3n){margin-right: 0;}
.otherproducts_box ul li .pro_img{margin-bottom: 1rem;}
.otherproducts_box ul li img{mix-blend-mode: multiply;}
.otherproducts_box .webtitle{position: relative; color: #002d73; padding-bottom: 1rem;}
.otherproducts_box .webtitle::before{position: absolute;content: ""; width: 100px; height: 5px; background-color: #002d73; bottom: 0; left: 0; }
.otherproducts_box ul li .pro_des a strong{font-size: 1.4rem;}
.otherproducts_box ul li::before{background-color: rgb(0, 45, 115,.2);
  background: rgb(0, 45, 115,.2);
  background: -webkit-linear-gradient(135deg, rgb(0, 45, 115,.2) 30%, rgb(17, 137, 254,.2) 100%);
  background: linear-gradient(135deg, rgb(0, 45, 115,.2) 30%, rgba(17, 137, 254,.2) 100%);position: absolute; content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;transition: all 450ms ease;}
  .otherproducts_box ul li:hover::before{opacity: 1;}
  
  @media (max-width:991.98px) {
      .otherproducts_box .webtitle{ font-size:1.75rem;}
  }
  @media (max-width:810px) {
      .otherproducts_box ul li .pro_des a strong{ font-size:1rem;}
  }
  @media (max-width:767.98px) {
     .otherproducts_box ul li{width: 49%; margin-right: 2%;  }
     .otherproducts_box ul li:nth-child(3n){margin-right: 2%;}
	 .otherproducts_box ul li:nth-child(2n){margin-right: 0;}
  }
  @media (max-width:575.98px) {
     .otherproducts_box ul li{width: 100%; margin-right:0;  }
	 .otherproducts_box ul li:nth-child(3n){margin-right:0;}
  }
  /* about_des_bottom_box */
  .about_des_bottom_box{background-image: linear-gradient(to right,#02203f,#023b7d); color: #fff;}
  .about_des_bottom_box .row{margin: 0;}
  .about_des_bottom_box .col-md-6{padding: 0;}
  .about_des_bottom_box .about_des{max-width:740px; padding: 3rem;  font-size: 1.1rem; line-height: 1.55;}
  .about_des_bottom_box .about_des .webtitle a{color: #fff; text-transform: uppercase;}
  .about_des_bottom_box .about_des,.about_des_bottom_box .about_inner_img{height: 100%;}
  .about_des_bottom_box .about_inner_img{position: relative;}
  .about_des_bottom_box .about_inner_img img{object-fit: cover; width: 100%; height: 100%;}
  .about_des_bottom_box .about_des ul{display: flex; flex-wrap: wrap;}
  .about_des_bottom_box .about_des ul li{width: 18%; margin-right:1%; margin-bottom: 1rem; background-color: #fff; border-radius: 5px;}
  .about_des_bottom_box .about_des ul li img{border-radius: 5px;}
  .about_des_bottom_box .about_des ul li:nth-child(5n){margin-right: 0;}
  .about_des_bottom_box .about_des strong{color: #fff;}
  @media (max-width:768.98px) {
     .about_des_bottom_box .about_des{ padding:2rem 15px;}
	 .about_des_bottom_box .about_des .webtitle a{ font-size:1.75rem;}
  }
  @media (max-width:575.98px) {
    .about_des_bottom_box .about_des ul li{width: 32%; margin-right:2%;}
	.about_des_bottom_box .about_des ul li:nth-child(5n){margin-right: 2%;}
	.about_des_bottom_box .about_des ul li:nth-child(3n){margin-right: 0;}
  }
  /* related_products_box */
.related_products_box{background-color: #fafafa; padding: 3rem 0; margin: 3rem 0;}
.related_products_box ul{display: flex; flex-wrap: wrap;}
.related_products_box ul li{width: 48%; margin-right: 2%; background-color: #fff; padding: 1rem; margin-bottom: 1rem; display: flex; flex-wrap: wrap; border: 1px solid #eee; align-items: center; transition: all .5s; }
.related_products_box ul li:nth-child(2n){margin-right: 0;}
.related_products_box ul li .pro_img{width: 30%;}
.related_products_box ul li .pro_img img{mix-blend-mode: multiply;}
.related_products_box ul li .pro_des{width: 68%;}
.related_products_box ul li .pro_des a{color: #333; display: block; line-height: 1.35;}
.related_products_box ul li:hover,.related_products_box ul li.dq{background-color: #eee;}
.related_products_box ul li.dq a,.related_products_box ul li:hover a{ color: #cc3333;}

@media (max-width:768.98px) {
  .related_products_box ul li .pro_des a{ font-size:1rem;}
}
@media (max-width:575.98px) {
  .related_products_box ul li{width: 100%; margin-right:0;}
}
/* hub_application_box */
.hub_application_box .applicaton_des{ border-top: 4px solid #002d73; padding: 2rem; box-shadow: 0 4px 16px 0 rgba(0,0,0,.15); height: 100%; text-align: justify;}
.hub_application_box .application_video video{width: 100%; height: 100%; display: block; }
.hub_application_box .application_video{position: relative;}
@media (max-width:991.98px) {
  .hub_application_box .applicaton_des{ padding:1rem;}
}

/* application_hub */
.application_hub{display: flex; flex-wrap: wrap; margin-top: 3rem;}
.application_hub li{width: 32%; margin-right: 2%; border-radius: 10px; background-image: linear-gradient(to right,#d6d6d6,#f9f9f9); margin-bottom: 1rem; padding: 1rem;}
.application_hub li:nth-child(3n){margin-right: 0;}
.application_hub li img{border-radius: 10px; mix-blend-mode: multiply; transform: scale(1); transition: all .5s;}
.application_hub li a{display: flex; flex-wrap: wrap; color: #333; align-items: center;}
.application_hub li .app_img{width: 40%; order: 1;}
.application_hub li .app_title{width: 60%; order: 0; font-size: .9rem;}
.application_hub li .app_title span{font-weight: 600; font-size: 1.2rem; color: #002d73;}
.application_hub li a:hover img{transform: scale(1.05);}
@media (max-width:991.98px) {
  .application_hub li .app_title span{ font-size:1rem;}
}
@media (max-width:810px) {
   .application_hub li{width: 49%;}
   .application_hub li:nth-child(3n){margin-right: 2%;}
   .application_hub li:nth-child(2n){margin-right: 0;}
}
@media (max-width:575.98px) {
 .application_hub li{width: 100%; margin-right:0;}
}
/* mainproducts_inner_box */
.mainproducts_inner_box ul{display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
.mainproducts_inner_box ul li{background-color: #eee; width: 32%; margin-right: 2%; position: relative; padding-bottom: 1rem;}
.mainproducts_inner_box ul li:nth-child(3n){margin-right: 0;}
.mainproducts_inner_box ul li .pro_des{padding: 1rem; font-size: 1rem;}
.mainproducts_inner_box ul li .pro_des strong{font-weight: 600;transition: all .5s;}
.mainproducts_inner_box ul li .more{position: absolute; bottom: 1rem; left: 1rem; color: #666;}
.mainproducts_inner_box ul li .pro_img{overflow: hidden;}
.mainproducts_inner_box ul li .pro_img img{transform: scale(1);transition: all .5s;}
.mainproducts_inner_box li a:hover img{transform: scale(1.05);}
.mainproducts_inner_box ul li .pro_des a:hover strong,.mainproducts_inner_box ul li .more:hover{color: #1189fe;}
.mainproducts_inner_box .webtitle{position: relative; color: #002d73; padding-bottom: 1rem;}
.mainproducts_inner_box .webtitle::before{position: absolute;content: ""; width: 100px; height: 5px; background-color: #002d73; bottom: 0; left: 0; }
@media (max-width:991.98px) {
  .mainproducts_inner_box{ margin-top:2rem;}
}
@media (max-width:810px) {
  .mainproducts_inner_box ul li{width: 49%; margin-bottom:2rem;}
 .mainproducts_inner_box ul li:nth-child(3n){margin-right: 2%;}
 .mainproducts_inner_box ul li:nth-child(2n){margin-right: 0;}
}
@media (max-width:575.98px) {
  .mainproducts_inner_box ul li{width: 100%; margin-right:0;}
}
/* why_item */
.why_item{background-color: #f3f3f3; padding: 1rem; margin-bottom: 2rem; font-size: 1rem;}
.why_title{font-size: 1.6rem; color: #333;}
.case_item_list li a{ display: flex; margin-bottom: 1rem; align-items: center;}
.case_item_list li img{width:80px;flex: 1; margin-right: 1rem;}
.case_item_list li a p{ flex: 2; margin-bottom: 0; font-weight: 600; color: #666; transition: all .5s;}
.case_item_list li a:hover p{color: #1189fe;}
@media (max-width:991.98px) {
   .case_item_list{display: flex; flex-wrap: wrap; padding-top:1.5rem; max-width:800px; margin:0 auto; text-align:center; margin-bottom: 0;}
   .case_item_list li{width: 32%; margin-right: 2%;}
    .case_item_list li:nth-child(3n){margin-right: 0;}
    .case_item_list li a{ display: inherit;}
   .case_item_list li a p{ flex: inherit; padding:0.8rem 0;}
   .case_item_list li img{width:100%;flex:inherit; margin-right:0;}
}
@media (max-width:575.98px) {
  .case_item_list li{width: 100%; margin-right: 0; text-align:left;}
  .case_item_list li a{display: flex;}
  .case_item_list li img{width:80px;flex: 1; margin-right: 1rem;}
  .case_item_list li a p{ flex: 2;}
}
/* why_item_list */
.why_item_list li{margin-bottom: .5rem;}
.why_item_list li a{color: #333; padding-left: 1.2rem; display: block; position: relative;}
.why_item_list li a::before{position: absolute;content: "\f101";font-family:fontawesome; left: 0; top: 0;}
.why_item_list li a:hover,.case_item_list li a:hover{color: #1189fe;}
/* recommended_list */
.recommended_list .pro_des{color: #333; display: block; margin-top:1rem; font-weight: 600; }
.recommended_list .pro_des span{display: block; font-weight:normal;}
.recommended_list .pro_img{overflow: hidden;}
.recommended_list .pro_img img{transition: all .5s;}
.recommended_list a:hover .pro_img img{transform: scale(1.05);}
.recommended_list li{margin-bottom: 1rem;}
.recommended_list2{display: flex; flex-wrap: wrap;}
.recommended_list2 li{width: 49%; margin-right: 2%;}
.recommended_list2 li:nth-child(2n){margin-right: 0;}

@media (max-width:575.98px) {
   .recommended_list2 li{width: 100%; margin-right:0;}
}

/* nav-tabs-list-product */
.nav-tabs-list-product{background-color: #fafafa; padding: .3rem; justify-content: center; border: none; }
.nav-tabs-list-product li a{color: #002d73; background-color: #fff; padding:.5rem 1rem; font-size: 1rem; border-right: 1px solid #ccc; font-weight: 400;}
.nav-tabs-list-product li:last-child a{border: none;}
.nav-tabs-list-product li a:hover,.nav-tabs-list-product li a.active{color: #1189fe;}
/* bg_mian_pro */
.bg_mian_pro{background-color: #fafafa; padding:2rem 0;}
.bg_mian_pro .line_title a{font-size: 1.4rem; font-weight: 600;}
.about_hub_des p{text-align: justify;}
@media (max-width:991.98px) {
.about_hub_des p{text-align: left;}
}
/* about_hub_item_box */
.about_hub_item_box{background-color: #002d73; padding: 3rem 0; color: #fff; padding-top: 6rem;}
.about_hub_pic_list{position: relative; margin-bottom: -4rem; z-index: 1; margin-top: 2rem;}
.about_hub_pic_list img{border: none !important;}
.about_hub_item_box ul li{margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 2px solid #395676; position: relative;}
.about_hub_item_box ul li::before{position: absolute;content: "";width: 100px; height: 5px; background-color: #617891; left: 0; bottom: -3px;}
.about_hub_item_box ul li .about_hub_des{display: flex; flex-wrap: wrap; align-items: center;}
.about_hub_item_box ul li a{width: 35%; color: #fff; font-weight: 600; font-size: 1.8rem;}
.about_hub_item_box ul li p{width: 65%; text-align: justify;}
.about_hub_item_box ul li p strong{font-weight: 600;}
.about_hub_item_box strong{color: #fff;}
.about_hub_item_box ul li:last-child{border: none;}
.about_hub_item_box ul li:last-child::before{display: none;}
.read_more{width: 160px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; background-color: #002d73; background-image: linear-gradient(to left,#002d73,#1189fe); font-weight: 600; font-size: 1rem; }
.read_more:hover{background: #1189fe; color: #fff;}
.about_hub_item_box ul li a:hover{color: #1189fe;}
.about_hub_item_box .about_more{font-size: 1.1rem; font-size: 1rem; font-weight: normal; position: absolute; right: 0; bottom: 0; width: 100px; background-color: #fff; padding:.5rem 1rem; display: flex; align-items: center; justify-content: center; color: #002d73; border-radius: 10px 10px 0 0 ; }

@media (max-width:768.98px) {
   .about_hub_item_box ul li a,.about_hub_item_box ul li p{ width:100%;}
}



/* aboutinner_adv_box */
.aboutinner_adv_box{display: flex; flex-wrap: wrap;}
.aboutinner_adv_box li{background-color: #f3f3f3; padding: 1rem; margin-bottom: 1.5rem;  width: 49%; margin-right: 2%; font-size: 1rem; line-height: 1.45;   }
.aboutinner_adv_box li:nth-child(2n){margin-right: 0;}
.aboutinner_adv_box li .adv_des{margin-top: 1rem;}
.aboutinner_adv_box li .adv_des strong,.adv_service strong{font-size: 1.2rem; font-weight: 600;}
.adv_service{background-color: #f3f3f3; padding: 1rem; margin-bottom: 2rem;}



/* about_sidebar */
.about_sidebar{background:#f3f3f3; padding: 3rem;}
.about_sidebar .sidebar_title a{color: #000; font-weight: 600; font-size: 1.4rem; border-bottom: 2px solid #ddd; display: block; width: 100%; padding-bottom: .5rem; margin-bottom: 1rem;}
.about_sidebar ul li a{color: #333; padding:.3rem 0; display: block; width: 100%;}
.about_sidebar ul li a.active,.about_sidebar ul li a:hover{color: #cc3333;}
/* key_parts_list */ 
.key_parts_list ul{margin-top: 2rem; margin-bottom: 3rem;}
.key_parts_list ul li strong{ font-size: 1.2rem; font-weight: 600; color: #333;}
.key_parts_list ul li{border-top: 1px solid #eee; padding-top: 1rem; margin-bottom: 1rem;}

@media (max-width:768.98px) {
    .key_parts_list .pro_img{ text-align:center;}
}


/* about_page_bg */
.about_page_bg{background-color: #f3f3f3; margin-bottom: 3rem;}
.about_page_bg .about_img img{object-fit: cover; width: 100%; height: 100%;}
.about_page_bg .about_img{height: 100%;}
.about_page_bg .about_des{height: 100%; padding:2rem 1rem; }
/* partners_img_list */
.partners_img_list{margin-top: 1rem;margin-bottom: 3rem;}
.partners_img_list ul{display: flex; flex-wrap: wrap; }
.partners_img_list ul li{width: 15%; margin-right: 2%;border: 1px solid #eee; margin-bottom: 1.5rem;}
.partners_img_list ul li:nth-child(6n){margin-right: 0;}
.partners_img_list .webtitle{text-transform: uppercase; }
/* history */
.main-timeline{overflow:hidden;position:relative;padding-bottom:10rem;}
.main-timeline .timeline{position:relative;margin-top:-79px;min-height:364px;}
.main-timeline .timeline:first-child{margin-top:0;}
.main-timeline .timeline:before,.main-timeline .timeline:after{content:"";display:block;width:100%;clear:both;}
.main-timeline .timeline:before{content:"";width:100%;height:100%;position:absolute;top:0;right:0;z-index:2;}
.main-timeline .timeline-icon{width:310px;height:310px;border-radius:50%;border:25px solid transparent;border-top-color:#002d73;border-right-color:#002d73;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;transform:rotate(45deg);}
.main-timeline .year{display:block;width:210px;height:210px;line-height:210px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.4);margin:auto;font-size:2rem;font-weight:600;color:#002d73;text-align:center;position:absolute;top:0;left:0;bottom:0;right:0;transform:rotate(-45deg);}
.main-timeline .timeline-content{width:32%;float:right;background:#002d73;padding:30px 20px;z-index:1;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.main-timeline .timeline-content:before{content:"";width:20%;height:15px;background:#002d73;position:absolute;top:50%;left:-20%;z-index:-1;transform:translateY(-50%);}
.main-timeline .title{font-size:20px;font-weight:bold;color:#fff;margin:0 0 10px 0;}
.main-timeline .description{font-size:18px;color:#fff;line-height:24px;margin:0;}
.main-timeline .timeline:nth-of-type(2n) .timeline-content{right:auto;left:0;}
.main-timeline .timeline:nth-child(2n) .timeline-icon{transform:rotate(-135deg);}
.main-timeline .timeline:nth-child(2n) .year{transform:rotate(135deg);}
.main-timeline .timeline:nth-child(2n) .timeline-content{float:left;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:auto;right:-20%;}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-top-color:#0075c1;border-right-color:#0075c1;}
.main-timeline .timeline:nth-child(2n) .year{color:#0075c1;}
.main-timeline .timeline:nth-child(2n) .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content:before{background:#0075c1;}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-top-color:#016acf;border-right-color:#016acf;}
.main-timeline .timeline:nth-child(3n) .year{color:#016acf;}
.main-timeline .timeline:nth-child(3n) .timeline-content,.main-timeline .timeline:nth-child(3n) .timeline-content:before{background:#016acf;}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-top-color:#023b7d;border-right-color:#023b7d;}
.main-timeline .timeline:nth-child(4n) .year{color:#023b7d;}
.main-timeline .timeline:nth-child(4n) .timeline-content,.main-timeline .timeline:nth-child(4n) .timeline-content:before{background:#023b7d;}
.main-timeline .timeline:nth-child(5n) .timeline-icon{border-top-color:#0f599b;border-right-color:#0f599b;}
.main-timeline .timeline:nth-child(5n) .year{color:#0f599b;}
.main-timeline .timeline:nth-child(5n) .timeline-content,.main-timeline .timeline:nth-child(5n) .timeline-content:before{background:#0f599b;}
.main-timeline .timeline:nth-child(6n) .timeline-icon{border-top-color:#1189fe;border-right-color:#1189fe;}
.main-timeline .timeline:nth-child(6n) .year{color:#1189fe;}
.main-timeline .timeline:nth-child(6n) .timeline-content,.main-timeline .timeline:nth-child(6n) .timeline-content:before{background:#1189fe;}
.main-timeline .timeline:nth-child(7n) .timeline-icon{border-top-color:#174277;border-right-color:#174277;}
.main-timeline .timeline:nth-child(7n) .year{color:#174277;}
.main-timeline .timeline:nth-child(7n) .timeline-content,.main-timeline .timeline:nth-child(7n) .timeline-content:before{background:#174277;}
.main-timeline .timeline:nth-child(8n) .timeline-icon{border-top-color:#0075c1;border-right-color:#0075c1;}
.main-timeline .timeline:nth-child(8n) .year{color:#0075c1;}
.main-timeline .timeline:nth-child(8n) .timeline-content,.main-timeline .timeline:nth-child(8n) .timeline-content:before{background:#0075c1;}
@media only screen and (max-width:1199px){.main-timeline .timeline{margin-top:-103px;min-height:288px;}
.main-timeline .timeline-content:before{left:-18%;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-18%;}
#etw_language .dropdown-item {padding:0.2rem .3rem;font-size:.8rem;}
}
@media only screen and (max-width:990px){
.main-timeline .timeline-content:before{left:-2%;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-2%;}
.main-timeline .timeline{margin-top:0;overflow:hidden;}
.main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before{box-shadow:none;}
.main-timeline .timeline-icon,.main-timeline .timeline:nth-child(2n) .timeline-icon{margin-top:-30px;margin-bottom:20px;position:relative;transform:rotate(135deg);}
.main-timeline .year,.main-timeline .timeline:nth-child(2n) .year{transform:rotate(-135deg);}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{position:relative;transform:translate(0);width:100%;float:none;border-radius:0 0 20px 20px;text-align:center;padding:25px 20px;margin:0 auto;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{width:15px;height:25px;position:absolute;top:-22px;left:50%;z-index:-1;transform:translate(-50%,0);}

}
/* cer_list */
.cer_list ul{display: flex; flex-wrap: wrap;}
.cer_list ul li{width: 48%; margin-right: 2%; display: flex; flex-wrap: wrap; margin-bottom: 1rem; align-items: center; font-size: 1rem; background-color: #f1f1f1; padding: 1rem; }
.cer_list ul li:nth-child(2n){margin-right: 0;}
.cer_list ul li a{display: block; width: 32%;}
.cer_list ul li p{display: block; width: 66%; padding: .5rem;}
/* .accordion */.accordion {display:flex;flex-wrap:wrap;margin-top:1rem; margin-bottom: 3rem;}
.card {background:0;border:none;width:48%;margin-right:2%;background-color:#fff;margin-bottom:1rem;}
.card:nth-child(2n) {margin-right:0;}
.accordion2 .card {width:100%;margin-right:0;}
.big_card {width:100%;margin-right:0 !important;}
.card-header {transition:.3s all ease-in-out;border-bottom:none;border-radius:0rem !important;background:0;padding:0.3rem 0.5rem;background-color:#f2f2f2;}
.card-header:hover {background:#f8f8f8;}
.card-header .btn {font-size:1.2rem;color:#111;white-space:normal;display:flex;flex-wrap:wrap;padding:0.5rem 3rem 0.5rem 0;position:relative;padding-left:2rem;}
.card-header .btn::before {content:"\f059";font-family:fontawesome;position:absolute;left:0;top:.5rem;color:#555;font-size:1.4rem;}
.card-body {position:relative;margin:0 0 1rem 0;padding:0rem 1rem 0rem 1rem;font-size:1rem;color:#666;border-top:1px solid #eee;padding-top:1rem;}
.card-body1 {padding:2rem 3rem;}
.card-header .btn span {float:right;font-size:3rem;color:#777;font-weight:100;transition:.3s all ease-in-out;}
.card-header .btn:hover span {transform:rotate(135deg);color:#1189fe;}
.btn:hover,.btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus {text-decoration:none;color:#1189fe;}
.btn[aria-expanded="true"] span {transform:rotate(135deg);color:#1189fe;}
.accordion-item-icon {width:25px;height:25px;background:#1189fe;border-radius:50%;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;margin-right:0.5rem; margin-left: .5rem;   text-align:center;color:#ffffff;font-size:18px;position:absolute;padding:1px 0 0 1px;right:0;}
.accordion-item-icon-open,.accordion-item-icon-close {width:25px;height:25px;line-height:25px;display:flex;align-items:center;justify-content:center;}
.accordion-item-icon-close {display:none;}
.btn[aria-expanded="true"] .accordion-item-icon-close {display:block;}
.btn[aria-expanded="true"] .accordion-item-icon-open {display:none;}
/* case_page_inner */
.case_page_inner{margin-bottom: 2rem;}
.case_page_inner .case_des{background-color: #f3f3f3; padding: 2rem; height: 100%;}
.case_page_inner .case_des img{mix-blend-mode: multiply;}
.case_page_inner .case_des h3{display: flex; align-items: center; font-weight: 600; justify-content: center;font-size: 1.6rem;}
.case_solution ul li{background-color: #f3f3f3; padding: 1rem; margin-bottom: 1rem; }
.case_solution ul li .pro_des a strong{ font-weight: 600; font-size: 1rem;}
.case_solution ul li .pro_des a h3{font-size: 1rem; color: #666;}
.case_solution ul li .pro_des a{color: #333;}
/* more_partner_bg */
.more_partner_bg{margin-bottom: 3rem;}
.more_partner_bg h3{font-size: 1.2rem; font-weight: 600; margin-top: 1rem; border-bottom: 2px solid #eee; padding-bottom: 1rem;}
.more_partner_bg strong{color: #333; font-weight: 600;}
.more_partner_bg .about_img {background-color: #f3f3f3;}
.more_partner_bg .about_img img{ width: 100%; mix-blend-mode: multiply;}
.more_partner_bg .partners_item{background-color: #f8f8f8; height: 100%;}
.more_partner_bg .partners_item .partners_des{padding: 2rem; padding-top: 0;}
.more_partner_bg .partners_item .partners_des ul li a{color: #666; display: block; padding-left: 1.5rem; position: relative;}
.more_partner_bg .partners_item .partners_des ul li a::before{position: absolute;content: "\f0a9"; left: 0; top: 0;font-family:fontawesome;}
.more_partner_bg .partners_item .partners_des ul li a:hover{color: #1189fe;}

@media (max-width:768.98px) {
   .more_partner_bg .partners_item .partners_des{padding: 1rem;padding-top: 0;}
   .more_partner_bg h3{ font-size:1.2rem;}
   .more_partner_bg .partners_item .partners_des ul li a{ font-size:1rem;}
}

/* service_inner */
.service_inner{ margin-top: 2rem; margin-bottom: 3rem;}
.service_inner li{ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); margin-bottom: 1rem;display: flex; flex-wrap: wrap; align-items: center;padding:1rem;}
.service_inner li .service_img{width: 32%;}
.service_inner li .service_des{width: 66%; padding:1rem 2rem; padding-right: 0;}
.service_inner li strong{font-size: 1.6rem; font-weight: 600;}
.service_inner li:last-child{width: 100%; margin-right: 0;}

@media (max-width:810px) {
   .service_inner li{ padding:0.5rem;}
   .service_inner li .service_img{width: 100%;}
   .service_inner li .service_img img{ width:100%;}
   .service_inner li .service_des{width: 100%; padding:1rem 0;}
}

/* video_img */.video_img {position:relative;}
.small_video {top:50%;left:50%;transform:translate(-50%,-50%);right:inherit;}
.small_video .video-btn i {font-size:1.6rem;}
.small_video .video-btn {width:50px;height:50px;line-height:50px;}
.video_small_box .play_btn::after,.video_small_box .play_btn::before {display:none;}
.company_video_box .video-btn-item .video-btn::after,.company_video_box .video-btn-item .video-btn::before {display:none;}
/* video_small_box */.video_small_box ul {display:flex;flex-wrap:wrap;margin-top:1rem;margin-bottom:2rem;width:80%;margin:0 auto;}
.video_small_box ul li {width:49%;margin-right:2%;background-color:#eee;padding:5px;margin-bottom:2rem;text-align:center;border-radius:10px;}
.video_small_box ul li:nth-child(2n) {margin-right:0;}
.video_small_box ul li a:hover .video_name {color:#002d73;}
.video_small_box ul li .video_name {padding:.5rem;color:#333;line-height:1.35;padding:1rem;}
.video_small_box ul li .video_img img {border-top-right-radius:10px;border-top-left-radius:10px;}
.video_small_box ul li a {display:flex;flex-wrap:wrap;align-items:center;}
.video_small_box ul li a .video_img {width:50%;}
.video_small_box ul li a .video_name {width:50%;font-size:1rem;}
.big_video_title {text-align:center;font-size:1.6rem;margin-bottom:2rem;}
.company_video_box ul {width:80%;margin:0 auto;}
.company_video_box ul li {display:flex;flex-wrap:wrap;margin-bottom:2rem;align-items:center;padding-bottom:2rem;justify-content:space-between;}
.company_video_box ul li .video_pic {width:46%;}
.company_video_box ul li .video_pic img {border-radius:10px;}
.company_video_box ul li .video_name {width:50%;padding-left:2rem;line-height:1.55;color:#666; font-size: 1rem;}
.company_video_box ul li .video_name a {color:#002d73;font-family:Roboto-Medium;font-size:1.2rem;margin-bottom:1rem;display:block;}
.company_video_box ul li .video_name a:hover {color:#333;}
.video_toptitle {font-size:1.6rem;line-height:3rem;text-align:center;margin:0 auto;position:relative;color:#111;width:100%;padding:2rem 0;font-weight: 600;}
.video_toptitle:before {position:absolute;content:'';background:linear-gradient(90deg,transparent,#002d73,transparent);width:80%;height:1px;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);}
.video_toptitle span {display:inline-block;padding:0 1.5rem;background:#fff;position:relative;}
@media (max-width:991.98px) {
  .company_video_box ul,.video_small_box ul{width:100%;}
}
@media (max-width:810px) {
   .video_small_box ul li{ width:100%; margin-right:0;}
}
@media (max-width:575.98px) {
   .video_small_box ul li a .video_img,.video_small_box ul li a .video_name{ width:100%;}
}

/* etw_video_list */#etw_video_list {box-shadow:0 10px 30px 0 rgb(223 223 223 / 50%);padding-bottom:.5rem;margin-top:1rem;width:100%;float:right;}
#etw_video_list ul {padding:0 1rem;margin-bottom:1rem;}
#etw_video_list .videotitle {color:#fff;font-size:1.4rem;margin-bottom:1rem;background:linear-gradient(90deg,#002d73 0%,#0075c1 100%);padding:.5rem;font-weight: 600;}
#etw_video_list li a {display:flex;margin-bottom:.5rem;align-items:center;transition:all .5s;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:5px;line-height:1.35;}
#etw_video_list li:last-child a {border:none;}
#etw_video_list li a img {width:38%;float:left;overflow:hidden;border-radius:0.3rem;border:1px solid #eee;}
#etw_video_list li a span {width:68%;float:right;padding:0.3rem 0.8rem 0.3rem 1rem;color:#111;position:relative;display:block;transition:all .5s;font-size:.9rem;}
#etw_video_list li a:hover span,#etw_video_list li a.dq span {color:#1189fe;}
.etw_right video {width:100%;}
.etw_right .etw_hometitle{text-transform: none;}
.etw_right .etw_hometitle span{display: block; text-transform: uppercase;font-weight: normal; font-size: 2.5rem;}




/* #container */
#container {width:100%;margin:0 auto;margin-top:120px;}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; }

/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#666;font-size:.85rem;overflow:hidden;position:relative; border-bottom: 1px solid #eee; margin-bottom: 2rem; }
#quicknav ul{width: 100%; max-width: 1200px; margin: .5rem auto;}
#quicknav a {color:#666;}
#quicknav li {display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before {padding:0 5px;color:#666;content:"/\00a0";}
#quicknav a:hover {color:#1189fe;}
#quicknav li:last-child{color: #1189fe;}





/* .item */
.item{width: 100%; display: flex; flex-wrap: wrap;}
.item li{width:100%; margin-bottom: .5rem; position: relative; padding-left: 1.6rem; }
.item li::before{position: absolute;content: "";left: .5rem; top:.75rem; width: 6px; height: 6px; border-radius: 50%; background-color: #002d73;   }
.item li p{font-size: 1rem;}
.item h3{font-family:Roboto-Bold;}


.item2{display: flex; flex-wrap: wrap;}
.item2 li{width: 48%; margin-right: 2%;}
.item2 li:nth-child(2n){margin-right: 0;}
.proitem{ padding:8px 0; float:none; width:auto; overflow:hidden;}
.proitem>li{ width:100%; padding:0 0 0.7rem 1.5rem; position:relative; }
.proitem>li::before{ position:absolute; content:"\f046";  left:1px; top:.4rem;font-family: 'fontawesome'; color: #1189fe;font-size: .9rem;}
.sfont{font-size: 1.2rem;}

/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 2% .5rem 0;position:relative;}
.etw_gallery ul li img{mix-blend-mode: multiply; transition: all .5s; transform: scale(1); border: 1px solid #eee;}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery6 ul li{width:14.66%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative; margin-bottom: 0; }

.etw_gallery ul li a .inquiry{display: block; color: #1189fe; position: relative; font-size:.9rem;line-height:1.35; display: block;padding-top: .5rem; text-align: center;}
.etw_gallery ul li a .inquiry:hover{text-decoration: none;color: #023b7d;}

.etw_gallery ul li p{padding:.5rem 1rem;line-height:1.25;color: #666;  display: block; width: 100%; font-size:1rem; text-align: center; margin-bottom: 0;}
.etw_gallery ul li p strong{display: block;}
.etw_gallery ul li h5{font-size: 1rem; color: #333; margin-top: 1rem; margin-bottom: 0;}
.gallery_video_img{position: relative;}



/* .left_pics */
.pro_bg{background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(70%, #eee));
  background-image: linear-gradient(to right, #fff 0 30%, #eee 70% 100%);padding: 2rem; padding-left: 0; margin-bottom: 2rem;}
.left_pro_img{position:relative; display: flex; flex-wrap: wrap;}
.left_pro_img a {position:relative;display:block;}
.left_pics {height:auto;margin:0 auto;text-align:center;position:relative; margin-bottom: 1rem;order: 1;width: 76%;order: 0; height: 100%; }
.left_pics a {display:block;overflow:hidden}
.related_pic {width: 12%; position: relative;  display: flex; flex-wrap: wrap;justify-content: center; order: 1; height: 100%; }
.related_pic a {width:100%; margin-right:0;}
.related_pic a:nth-child(5n){margin-right: 0;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid; margin-bottom: 5px;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #023b7d solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
.left_pro_img .video_button{width: 60px; height: 60px; left: 50%;}
.left_pics img {text-align:center;mix-blend-mode: multiply }

@media (max-width:810px) {
   .left_pics{ width:100%;}
   .related_pic{ width:100%;}
   .related_pic a{ width:18.4%; margin-right:2%; margin-bottom:0.6rem;}
}


/* footer */
#footer {width:100%;text-align:center;margin:0 auto; font-size: .95rem; background: #002d73; overflow: hidden; position: relative;}

#footer::after, #footer::before {
  position: absolute;
  content: "";
  pointer-events: none;

}
#footer::before {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 265px 100vw;
  border-color: transparent transparent #023b7d;
}


#footer::after {
  left: 0;
  bottom: 33%;
  width: 117vw;
  height: 100vh;
  display: block;
  background: -o-linear-gradient(98deg,rgba(0,0,0,.1) 0,transparent 26%);
  background: linear-gradient(-8deg,rgba(0,0,0,.1),transparent 26%);
  -webkit-transform: rotate(11.5deg);
  -ms-transform: rotate(11.5deg);
  transform: rotate(11.5deg);
  z-index: 0;
}

.etw_bottom {padding:4rem 0;  width:100%;margin:0 auto;position:relative;text-align:left;  color:#fff; padding-bottom: 0;  }
.home_link {width:100%; overflow:hidden;margin:0 auto;padding:.5rem 0; }
#footer a:hover {color:#1189fe;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {position:relative;font-size:1.6rem;line-height:1.35;margin-bottom:.8rem;color: #fff;  text-transform: uppercase; font-weight: 600;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#fff!important;text-decoration:none;}

@media (max-width:768.98px) {
 .etw_bottom .justify-content-center{justify-content: left !important;}
 .etw_bottom .etw_foot_title, .etw_bottom .etw_foot_title a{ font-size:1.3rem; line-height:1.5rem;}
}
.etw_bottom h4{color: #fff;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#fff;}
.etw_bottom ul {width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li {width:100%;float:left;position:relative;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:#fff;position:relative;position:relative;padding:.3rem 0; font-size:1rem; padding-left: .8rem;}
.etw_bottom ul > li > a::before{position: absolute;content: "\f105";left: 0; top:.3rem;font-family:fontawesome;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp {position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;}
.cot_add:before {content:"\f041";position:absolute;left:0px;top:4px;color:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:3px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f007";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-3px;color:#fff;font-family:fontawesome;font-size:26px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f1d7";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:18px;}

#etw_coper {margin-top:2px;width:100%;line-height:22px;}
#etw_coper a {color:#fff;font-size:12px;}
#otherlink {clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem; position: relative;}
#otherlink a {color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;font-size:12px;}
#otherlink a span {opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover {color:#1189fe;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}

/*tags*/
#tags{ width:100%;display: flex; margin-top: 1rem; margin-bottom: 2rem;}
.tags_title{ float:left;margin-right:15px; color:rgb(255, 255, 255); font-size:1.25rem; text-align:center; padding:0 10px;background:rgb(68, 67, 73);border-radius:4px;} 
#tags ul{width: 100%; display: flex;}
#tags li{padding:7px 10px;border-radius:4px;margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:12px; background:#eee;}


/*sitemap*/#sitemap {width:100%;margin:20px auto;font-size:13px;}
#sitemap .name {width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a {color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname {margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover {text-decoration:underline !important;}
#sitemap a.sname:hover {color:#0f599b;text-decoration:none !important;}
#sitemap p {margin:0 0 10px;line-height:22px;}
#sitemap .list_m {width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a {width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1) {clear:both;}
#sitemap .list_m a:hover {color:#0f599b;}
@media (max-width:1580.98px) {
  
}
@media (max-width:1440.98px) {

}
@media (max-width:1300.98px) {

  #etw_content,.etw_bottom,.content{padding-left:15px;padding-right:15px;}


  
}
@media (max-width:1299.98px) {
.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem .31rem;font-size:.9rem;}
}
@media (max-width:1199.98px) {
.main-timeline .timeline-icon {width: 210px;height:210px;}
.main-timeline .year {display: block;width: 160px;height: 160px;line-height: 160px;}
}

@media (max-width:1025.98px){

  
}
@media (max-width:991.98px) {
#header {position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color: #fff !important;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav { border:none;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share {display:none;}
.etw_hometitle{ margin-top:1rem;}
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#333;font-size:2.5rem;border:none !important;padding:.5rem 0.75rem;position:relative;z-index:1; margin-top:0.5rem;}
.top-nav {width:100%;padding-left:0;margin-top:0;background-color:#eee; padding: 0;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {font-size:1rem;}
.navbar {padding:0;}
.dropdown-item {white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after {display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff !important;background-color:#1189fe;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#1189fe;}

.top-nav {width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important;}

.top-nav:after,.top-nav:before,.top-nav ul>li>ul.dropdown-menu>li>.second_list {display:none;}
.navbar-nav .dropdown-menu {background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.top-nav .navbar-nav .row,.nav-fixed .top-nav .navbar-nav .row {width:100%!important;box-shadow:none !important;top: auto !important;margin: 0 !important;left: auto !important;}
.top-nav .navbar-nav .navright{display: none;}
.top-nav .navleft{width: 100%;float: none;padding: 0.5rem 1rem;}
.top-nav .navbar-nav .row .navleft li{line-height: 1.5rem;}
.top-nav .navbar-nav .row .navleft li a{
  color: #111;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.4rem 0 0.4rem 0.5rem;
}
.top-nav .navbar-nav .row .navleft li a:hover,.top-nav .navbar-nav .row .navleft li a.lidq{color: #023b7d;}

/* .etw_language */
.etw_language {background:none;width:auto; padding-top: .5rem; }
.etw_language {display:block;float:right;height:auto; }
.etw_language > ul {position:relative;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li span {cursor: pointer;float:left;padding:.8rem 1rem; }
.etw_language ul ul {display:none;position:absolute;top:100%; left: -1rem; padding:0;background-color:#eee;min-width:100px; border-radius: 10px; }
.etw_language ul ul a {display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover {color:#8f99a5;}
.etw_language ul li:hover > ul {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.etw_language #etw_language {float:none;margin-top:0;height:auto;}
.etw_language #etw_language a {line-height:1.5rem;width:100%;}
.etw_language #etw_language a:hover {color:#023b7d !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img{display:none;}
#etw_logo{margin-top: 0.2rem;}

#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev,.swiper{display: none;}
.banner_txt{top:16%;}
.banner_inner h1{ width:90%;}
.swiper-pagination{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{padding: 1rem 1.5rem; background-color: #eee;}
  .pro_content{width: 100%;}
  .about_sidebar{ margin-bottom:1rem;}
  .case_solution ul{ text-align:center;}
  .case_solution ul li{ width:50%; float:left;}
  .company_video_box ul li{ padding:0; margin-bottom:0;}
  .company_video_box ul li .video_pic{ width:100%; text-align:center; margin-bottom:1rem;}
  .company_video_box ul li .video_name{ width:100%; padding:0;}
  .nav-tabs-list-product{ margin-bottom:6px;justify-content: left;}
  .nav-tabs-list-product li{ width:50%;}
  .nav-tabs-list-product li a{ display:block; margin-bottom:3px;}
  .nav-tabs-list-product li:nth-child(2) a{ border:0;}
}
@media (max-width:768.98px) {
.banner_inner h1{ font-size:1.125rem;}
.bannnone{ display:none;}
#etw_logo img{ width:100px;}
#etw_logo strong{ display:none;}
.etw_gallery4 ul li{width: 32%;}
.etw_gallery4 ul li:nth-child(4n){margin-right: 2%;}
.etw_gallery4 ul li:nth-child(3n){margin-right: 0;}
.etw_gallery5 ul li{width: 32%;}
.etw_gallery5 ul li:nth-child(3n){margin-right: 0;}
h2 strong{ font-size:2rem;}
.capabimg img{ width:100%;}
}
@media (max-width:650.98px) {
  html {font-size:14px; }
.etw_gallery3 ul li,.etw_gallery4 ul li{width: 48%;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n){margin-right: 2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}



}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.75rem;}
  .etw_gallery6 ul li{width:32%;}
  .etw_gallery6 ul li:nth-child(3n){margin-right: 0;}
.aboutinner_adv_box li,.etw_gallery2 ul li{width:100%; margin-right:0%;}
.partners_img_list ul li{width:32%; margin-right:1%;}
.key_parts_list .col-md-3,.key_parts_list .col-md-9{width:100%;flex: 0 0 100%;max-width:100%;}
  .case_solution ul li{ width:100%; float:none;}
  .case_des img{ display:block; margin:0 auto;}
  .case_page_inner .case_des h3{ text-align:center; display:block;}
  .nav-tabs-list-product li{ width:100%;}
  .nav-tabs-list-product li a{ display:block; margin-bottom:1px;border:0;}
   .cer_list ul li {width:100%;margin-right:0%;}
}
@media (max-width:480.98px) {
  #etw_video_list ul li,.related_pro ul li{width: 100%; margin-right: 0 !important;}
  .etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width: 100%; margin-right: 0;}
  .etw_gallery3 ul li:nth-child(3n), .etw_gallery4 ul li:nth-child(3n){ margin-right:0;}
}
/*news*/
.related_news{ margin-top:30px; border-top:1px #ccc dashed; padding-top:20px; background:#fafafa;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item{ background:#eee;}
.related_news .item .product_img{height: 150px;overflow: hidden;}
.related_news .item .product_con a{ font-size:12px; line-height:16px; display:block; padding:5px 10px;}
.related_news .item:hover .product_con a{ color:#da251d;}

#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px;   border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:14px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail ul{margin-bottom: 1rem;}
.news_detail strong{padding:0;}
.news_detail img{margin:0 auto;display:block}
#news_video{ max-height:600px; margin-bottom:10px;}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px; margin-bottom:30px;}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}

.etw_reviewpro{ padding:20px 0;}
.etw_reviewpro li{ width:100%;}
.etw_reviewpro li a{ display:block; color:#333; position:relative; padding-left:16px;}
.etw_reviewpro li a:hover{ color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}

@media (max-width:575.98px){
  .news_des{ display:none;}
  .news_list ul>li>ol>li.product_img{width:35%;height:120px;overflow:hidden}
  .news_list ul>li>ol>li.product_con{width:62%}
}