@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype");}
@font-face {font-family:Roboto-Bold;src:url('../font/Roboto-Bold.ttf');}
@font-face {font-family:Roboto-Light;src:url('../font/Roboto-Light.ttf');}
@font-face {font-family:Roboto-Medium;src:url('../font/Roboto-Medium.ttf');}
@font-face {font-family:Roboto-Regular;src:url('../font/Roboto-Regular.ttf');}
@font-face {font-family:SourceSansPro-Bold;src:url('../font/SourceSansPro-Bold.ttf');}
@font-face {font-family:Ubuntu-Regular;src:url('../font/Ubuntu-Regular.ttf');}
@font-face {font-family:HelveticaNeueLTStd-Hv;src:url('../font/HelveticaNeueLTStd-Hv.ttf');}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");}
@font-face {font-family:"iconfont";src:url("../font/iconfont2.ttf?t=1679472751446") format("truetype");}
.iconfont {font-family:"iconfont" !important;font-size:1.5rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
.iconfont2 {font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body {color:#333;font-family:Roboto-Regular, Arial, Helvetica, sans-serif;font-size:.9375rem;line-height:1.625rem; background-color: #fff; font-size:100%}
.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:#202020; position: relative; padding-bottom: .5rem; margin-top: .5rem; font-weight: normal;font-size: 1.25rem;font-family:SourceSansPro-Bold;}
strong text{color:#e30613;}
b{display:inline-block;color:#202020; position: relative; padding-bottom: .5rem; margin-top: .5rem; font-weight: normal;font-size: 1.125rem;font-family:SourceSansPro-Bold;}
.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;text-decoration:underline;font-size: 1.2rem;}
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:#006cb7;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: 0.55rem;line-height: 1.35; vertical-align: middle; border: 1px solid #ddd; font-size: .9rem;}
.table .top{font-family:Roboto-Medium; }
.table .top td{background-color: #e30613; color: #fff; font-size:1rem;}
.table .top1 td{font-family:SourceSansPro-Bold; background-color: #f8fcff; color: #222; font-size:1.1rem;}
.table_img img{mix-blend-mode: multiply; height: 60px;}
.table_img h3{font-size: 1rem;}
.table img{ display:block; width:100%}

.inquiry{color: #fff; text-decoration: underline;}
.inquiry:hover{text-decoration: none; color:#fff;}

.top2 .inquiry{color: #333; text-decoration: underline;}
.top2 .inquiry:hover{text-decoration: none; color:#333;}

.theme-send-inquiry-box {background:#e30613 !important;}
.theme-box-name {background:#006cb7 !important;text-transform:uppercase;border-left:1px #3498db solid !important;}

h3 {font-size: 1.2rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;font-size: 2rem;font-family:SourceSansPro-Bold;  margin: 0; padding-bottom: 1rem;  margin-top: 0;color: #333; }
.etw_hometitle{text-transform:capitalize; font-size: 2rem; position: relative;margin-bottom: 1rem; padding-bottom: .5rem;}

.pro_name{color: #666; font-size: 1.4rem; position: relative;line-height: 1.35;margin-top: -.5rem; margin-bottom: 2rem; position: relative; font-weight: bold; }
.color_font{color: #006cb7; font-size: 1.6rem; margin-top: 2rem;font-family:Roboto-Medium; border-bottom: 1px solid #006cb7; padding-bottom: 1rem;}



.contact_des a{ color: #e30613; 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:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;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:#000;}
/* #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:rgba(255, 255, 255, 1);  padding:0 1rem; border-bottom:5px solid #e9e9e9;    box-shadow: 0 0 25px rgb(0 0 0 / 10%); }
.header_in {width:100%;max-width:1200px;margin:0 auto; position: relative;}
#header::before{position: absolute;content: "";width: 100%;height: 1px; background-color: #ddd; left: 0; top: 32px;}
#header::after{position: absolute;content: "";width: 100%; max-width: 1200px; height: 5px; background-color: #e30613; left: 0; right: 0; margin: 0 auto; bottom: -5px;}



#etw_logo {width:auto;text-align:center;float:left; margin-top: 2.8rem;  transition: all .8s;}
#etw_logo a{width: 100%; display: flex; align-items: center;}
#etw_logo span{color: #333; font-size: .9rem;  width: 100%;  text-align: left; line-height: 1.35; position: absolute; top: .5rem; text-transform: uppercase;}

.left_share{position: relative;display: flex; }
.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: #006cb7; border-radius: 50%; font-size: 1rem;}

.left_share a:hover{background-color: #e30613; }

/* .top-nav */
.top-nav {width:auto;float:right;padding-left:2rem; transition: all .8s; }
.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; background: #fff !important; margin-top: 0 !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:.8rem 1rem;font-size:1rem;color:#505059; text-transform: uppercase;font-family:Roboto-Regular;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top:53px; 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:#505059;font-size:.9375rem;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:#505059;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:#e30613;}
.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:#fff !important; background-color: #e30613;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#fff;background-color: #e30613;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#e30613!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:#006cb7;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-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover{color:#e30613;}


@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;height:32px;line-height:32px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem; }
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.62rem .8rem;color:#666;min-width:auto !important;font-size:.9rem;position:relative;background-color: #f1f1f1;}
#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:#e30613;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;overflow: hidden;}
#etw_banner img {display: block; width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet{cursor: pointer; width:12px;height:12px; background: none; border-radius: 50%;opacity: 1; background-color:#fff; margin:0 6px; font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; outline: none; border: 1px solid #006cb7;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#006cb7;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 15px;}
#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;}
.banner_txt{ position: absolute; top: 26%;  left:0; right: 0; margin: 0 auto; font-size: 1.3rem; text-align: left;line-height: 1.55; width: 100%;max-width: 1200px;color: #fff; }
.banner_inner{width: 100%; max-width:820px; margin: 0 auto; color: #fff; padding: 1rem;text-align: center;}
.banner_txt h1{font-size:2.875rem;color: #fff;padding-bottom: 1rem;font-family:SourceSansPro-Bold; position: relative; line-height: 1.15;}
.banner_inner2{max-width:630px;}
.banner_inner2 p{font-size: 1rem;}

#etw_banner .more a{ color:#fff}

 
.banner_txt3 .banner_inner2{ float:right}

.small_banner_box{position: relative;}
.small_banner{position: absolute;bottom: 0;left: 0; right:0; margin:0 auto;background-color: rgba(0,0,0,0.45); padding: 1rem 1rem}
.small_banner_box a{color: #fff; }
.small_banner_box a h3{font-family:HelveticaNeueLTStd-Hv;font-size: 1.6rem;}



/*内页banner*/
.bannerin{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.bannerin img{ display:block; width:100%; margin:0 auto;}
.banner_box{width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; position:absolute; left:0; top:0}
.banner_box h2{ color:#fff; padding:.5rem 1.5rem .75rem; background:rgba(227,6,19,.5); width:auto; display:inline-block; font-size:1.875rem; margin:0}
.banner_box p{ display:block; color:#fff; margin-top:20px; width:70%}


.more{ padding: .5rem 2rem; padding-left: 2.5rem; color: #fff;transition: all .5s; position: relative; display: inline-block; font-size: .9rem; background-color: #006cb7;border-radius: 22px; }
.more:hover{color: #fff;background-color: #e30613;}
.more::before{position: absolute;content: "\f105"; left: 1rem; top: .53rem;font-family:fontawesome; font-size:1rem; transition: all .5s;width: 20px;height: 20px;border-radius: 50%; display: flex;align-items: center;justify-content: center;text-align: center; padding-left: 4px;}
.more:hover::before{right: .5rem; }
.read_more{font-size: .9rem;background-color: #ddd; padding: .1rem 1rem; border-radius: 22px;margin-top: .5rem; cursor: pointer;}


/* hotPro_box */
.hotPro_box{margin: 3rem auto;}
.hotPro_box .swidth{font-size: 1rem;}
.swidth{width: 100%; max-width: 1000px; margin: 0 auto; text-align: center;}
.hotPro_box ul{width: 100%; display: flex;flex-wrap:wrap ; margin: 2rem auto;}
.hotPro_box ul li{width: 32%; margin-right: 2%; position: relative;}
.hotPro_box ul li:last-child{margin-right: 0;}
.hotPro_box .hotpro_name{position: absolute; top: 30%;left: 5%; width: 100%; }
.hotPro_box ul li a{color: #fff;}
.hotPro_box ul li a img{transition: all .5s;}
.hotPro_box ul li a h3{font-family:Roboto-Bold;font-size: 1rem; margin-bottom: 1rem;transition: all .5s;}
.hotPro_box ul li a span{border: 2px solid #fff; padding:.2rem 1rem; border-radius: 22px; font-size: .9rem;font-family:Roboto-Light; transition: all .5s;}
.hotPro_box ul li a:hover span{background-color: #e30613;}
.hotPro_box ul li a:hover img{border-radius: 12px;}
/* about_box */
.about_box{background-color: #f1f1f1; padding: 3rem 0; position: relative; overflow: hidden;}
.about_box:before {
  position: absolute;content: "";
  width: 60%;height: 100%;
  background: #fafafa;
  transform: rotate(74deg);
  right: -38%;
  z-index: 0;
  opacity: 1;
}
.webtitle{font-size: 2rem;font-family:SourceSansPro-Bold;color: #e30613; margin-bottom: 3rem;text-transform: uppercase;}
.webtitle span{position: relative;}
.webtitle span::before{position: absolute;content: "";left: 0;right: 0; bottom: -17px; width: 100%;height: 1px;background-color: #d5d5d5;}
.webtitle span::after{position: absolute;content: "";left: 0;right: 0; margin: 0 auto; bottom: -18px;width: 125px;height: 3px;background-color: #e30613;}
.about_des p{margin-bottom:0;}
.about_des ul li{margin-bottom: 2rem;}
.about_des ul li p{font-family:Roboto-Light;font-size: 1rem;}
.about_des ul li h4{font-family:Roboto-Bold; font-size: 1.4rem;color: #e30613;}
.about_img{position: relative;}
.about_focus_txt{position: absolute; top: 30%; right: 0%; background-color: #e30613; border: 10px solid #f1f1f1; padding: 2rem; color: #fff; font-size: 1.2rem; text-align: center;}
/* mainPro_box */
.mainPro_box{padding: 3rem 0;position: relative; padding-bottom: 2rem;}
.mainPro_box::before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 40%;background-color: #fafafa;}
.mainpro_item{height: 100%; border: 1px solid #eee; padding: 1rem;position: relative; padding-bottom: 3rem;background-color: #fff;box-shadow: 0 4px 4px rgb(221 215 215 / 12%); transition: all .5s;}
.mainpro_item a{color: #666;font-family:Roboto-Light; font-size: .9rem;}
.mainpro_item a h4{font-family:Roboto-Regular; font-size: 1.1rem; color: #333; margin-bottom: 1rem;transition: all .5s;}
.mainpro_item .more{position: absolute; bottom: 1rem; left: 1rem; background-color: #fff; color: #e30613; padding: .5rem; padding-left:1.5rem ;}
.mainpro_item .more::before{left: 0;transition: all .3s;}
.mainpro_item .more:hover{color: #006cb7;}
.mainpro_item a:hover h4{color: #e30613;}
.mainpro_item a .mainpro_img{position: relative;}
.mainpro_item a .mainpro_img::before{position: absolute;content: "";left: 0;top: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.15); opacity: 0;transition:500ms ease all;}
.mainpro_item a::before{position: absolute;content: "+"; width: 40px;height: 40px; top: 18%; left: 42%;border-radius: 50%; background-color: #e30613;display: flex; align-items: center;justify-content: center; color: #fff;transform: scale(2) skewY(0deg); opacity:0;transition:500ms ease all;font-size: 1.4rem;font-weight: bold; z-index: 1;}
.mainpro_item a:hover::before{transform:scale(1) skewY(0deg);opacity:1; }
.mainpro_item a:hover .mainpro_img::before{opacity: .9;}
.mainpro_item:hover{background-color: #eee;box-shadow: 0 4px 4px rgb(0 0 0 / 12%);}
/* #container */
#container {width:100%;margin:0 auto;margin-top:82px; overflow:hidden}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; overflow:hidden; box-sizing:border-box} 



/* footer */
#footer {width:100%;text-align:center;margin:0 auto; font-size: .95rem; background-color: #f1f1f1; overflow: hidden; position: relative; }
.etw_bottom::before{position: absolute;content: "";width: 38%; height: 100%; top: 0;left: -14%; background-color: #fafafa;transform: rotate(74deg);}
.etw_bottom {padding:3rem 0; padding-bottom: 0; width:100%;margin:0 auto;position:relative;text-align:left;  color:#333;overflow: hidden;  }
.home_link {width:100%; overflow:hidden;margin:0 auto;padding:.5rem 0; background-color: #e30613;     border-top: 1px solid rgba(255, 255, 255, 0.1);}
#footer a:hover {color:#e30613;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {position:relative;font-size:1.2rem;line-height:1.35;margin-bottom:.8rem;color: #333;  text-transform: uppercase; padding-top: 1rem;font-family:Roboto-Bold;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#333!important;text-decoration:none;}
.etw_bottom .etw_foot_title::before{position: absolute;content: "";background: #e30613;    width: 100%;height: 2px; top: 0;left: 0;}
.web_site{color: #fff;font-size: 1.2rem;background-color: #e30613; text-align: center;}

.etw_bottom h4{color: #333;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#333;}
.etw_bottom a:hover {color:#e30613;}
.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:#333;position:relative;position:relative;padding:.3rem 0; font-size:.9rem; 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:#333;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:3px;color:#333;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-3px;color:#333;font-family:fontawesome;font-size:26px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content: "\f232";position:absolute;left:0px;top:2px;color:#333;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;}
#otherlink a {color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;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:#e30613;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}





@media (max-width:1580.98px) {
	.banner_txt{ top:18%}
	.banner_txt h1{ font-size:2rem; line-height:2.25rem; margin-bottom:0}
 
}
@media (max-width:1400.98px) {
  
}
@media (max-width:1300.98px) {
  #etw_content,.etw_bottom,.content,.bg_color{padding-left:15px;padding-right:15px;}
.etw_bottom::before{ display:none}


  
}
@media (max-width:1299.98px) {
.top-nav {padding-left:0;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem .5rem;}
	.banner_txt h1{ font-size:1.5rem; line-height:1.875rem; margin-bottom:0}
	.banner_inner2 p{ font-size:0.875rem; line-height:1.5rem}


}
@media (max-width:1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link {font-size: .9rem;}
.banner_box p{ width:85%; font-size:.875rem; line-height:1.325rem}
 .banner_box h2{ font-size:1.5rem; line-height:1.625rem}
}

@media (max-width:1025.98px){ 
.hotPro_box .hotpro_name{ top:20%}
  .hotPro_box ul li a h3{ font-size:1rem}
  
}
@media (max-width:991.98px) {
  #header {position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color: #fff;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share,#quicknav{display:none;} 
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#333;font-size:2.5rem;border:none !important;padding:1rem 0.75rem;position:relative;z-index:1;}
.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;background-color:#e30613;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#e30613;}

.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: #006cb7;}

/* .etw_language */
.etw_language {background:none;width:auto;padding-top:1rem; }
.etw_language {display:block;float:right;height:auto; }
.etw_language > ul {position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li > a {display:block;color:#000;padding:0rem 1rem; }
.etw_language ul ul {display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;}
.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:#006cb7 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img,#etw_logo h1 {display:none;}

#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev, .swiper{display: none;}

 #header::after{ display:none}
 .banner_box p{ display:none}
 .bannerin img{ min-height:100px}
 #etw_logo span {
  display: none;
}
#etw_logo {
  margin-top: 1.4rem;
}
}
@media (max-width:768.98px) {
.hotPro_box ul li{ width:100%; margin:0 0 20px 0 !important}
.hotPro_box ul li a img{ width:100%; display:block;}

}
@media (max-width:650.98px) {
  html {font-size:14px; }




}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.6rem;}
  

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

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

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

}

/*quick-link*/
#quicknav{position:relative;color:#111;line-height:1.2rem;font-size:0.9rem;width:100%;padding:1rem 0;font-weight:300;}
#quicknav a{color:#777}
#quicknav a svg{fill:#2d4465;margin:-0.5rem 0.3rem 0 0;transition:.3s all ease-in-out;}
#quicknav ul{width:94%;margin:0 auto;max-width:1200px}
#quicknav ul.small_width{max-width:1100px;}
#quicknav ul.content1{max-width:1100px}
#quicknav li{display:inline-block;padding:0 .2rem}
#quicknav li+li::before{padding:0 10px 0 5px;color:#555;content:"/\00a0"}
#quicknav a:hover{color:#111}
#quicknav.quicknav{background:0 0;color:#eee}
#quicknav.quicknav a{color:#555}
#quicknav.quicknav li+li::before{color:#fff}
@media (max-width:767.98px){#quicknav{display:none}
}


#etw_right{float:right;width:70.5%;position:relative;  margin-top:25px} 
.brief{ width:100%; display:block; color:#888; font-size:.9375rem; margin-bottom:50px}

#etw_sidebar{float:left;width:26%;position:relative; margin:25px 0 0; }  
/*产品列表*/
#etw_productlist{ width:100%; float:left；}
.pro_title{ display:block; color:#fff; font-size:1.5rem; text-transform:uppercase; background:#e30613; padding:15px 20px ; line-height:1.5rem; border-radius:3px; box-sizing:border-box; font-family:SourceSansPro-Bold; position:relative}
.pro_title:after{ position:absolute; content:'\f03a'; color:#fff; font-size:1.25rem; font-family:'fontawesome'; right:15px; top:15px;}
#etw_productlist ul{ width:100%; display:block; background:#f2f2f2; padding:5px 20px 20px; overflow:hidden}
#etw_productlist ul>li{ position:relative}
#etw_productlist ul>li,#etw_productlist ul>li>ol,#etw_productlist ul>li>ol>li{ display:block; width:100%; float:left}
#etw_productlist ul>li>a{ display:block; color:#222; font-size:.9375rem; line-height:1.325rem; padding:14px 10px 14px 0; border-bottom:2px #fff solid; position:relative}
#etw_productlist ul>li .switch{position:absolute; right:0; top:15px;  transition:all .5s; width:20px; height:20px; background:url(../images/more.png) no-repeat; cursor:pointer}
#etw_productlist ul>li .switch.on,#etw_productlist ul>li.dq .switch.on,#etw_productlist ul>li.dq .switch{content:'\f0d7'; color:#e30613; background:url(../images/more_dq.png) no-repeat}
#etw_productlist ul>li.no_child>a:after{ display:none}
#etw_productlist ul>li>a:hover:after{color:#e30613}
#etw_productlist ul>li:last-child>a{ border-bottom:none}
#etw_productlist ul>li>ol{ display:none; background:#fff; padding:5px 10px 0 10px; box-sizing:border-box}
#etw_productlist ul>li>ol.show{ display:block}
#etw_productlist ul>li>ol>li>a{ display:block; color:#585858; font-size:.875rem; line-height:1.325rem; padding:.625rem 0; border-bottom:1px #eee solid}
#etw_productlist ul>li:hover>a,#etw_productlist ul>li.dq>a,#etw_productlist ul>li>ol>li>a:hover,#etw_productlist ul>li>ol>li>a.dq{ color:#e30613}
#etw_productlist ul>li>ol>li>ol{ width:100%; display:block; float:left; background:#f5f5f5; padding:5px 0}
#etw_productlist ul>li>ol>li>ol>li{ display:block; width:100%; float:left; border-bottom:1px #fff solid}
#etw_productlist ul>li>ol>li>ol>li:last-child{ border-bottom:none}
#etw_productlist ul>li>ol>li>ol>li>a{ display:block; color:#888; font-size:.875rem; line-height:1.325rem; padding:5px 10px 5px 15px}
#etw_productlist ul>li:hover>a,#etw_productlist ul>li.dq>a,#etw_productlist ul>li>ol>li>a:hover,#etw_productlist ul>li>ol>li>a.dq,#etw_productlist ul>li>ol>li>ol>li>a.dq,#etw_productlist ul>li>ol>li>ol>li>a:hover{ color:#e30613}


@media (max-width:992px){ 
#etw_right{width:100%;} 
#etw_sidebar{ display:none}

}


/*产品页面*/
.etw_products{ width:100%; float:left;}
.etw_products ul{ width:100%; display:flex; flex-wrap:wrap;}
.etw_products ul>li{ width:48.5%; margin:0 3% 30px 0; border-top:3px #dedede solid}
.etw_products ul>li:nth-child(2n){ margin:0 0 30px 0;}
.etw_products ul>li>ol,.etw_products ul>li>ol>li{ width:100%; display:block; overflow:hidden}
.etw_products ul>li>ol>li.product_img{ border:1px #dedede solid; overflow:hidden}
.etw_products ul>li>ol>li.product_img img{ width:100%; display:block; transition:all .5s}
.etw_products ul>li:hover>ol>li.product_img img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08)}
.etw_products ul>li>ol>li.product_con{ padding-top:20px;}
.etw_products ul>li>ol>li.product_con>a{ display:block; color:#333; font-size:1.125rem; line-height:1.5rem; font-family: Roboto-Bold;}
.etw_products ul>li>ol>li.product_con>span{ display:block; color:#888; font-size:.9375rem; line-height:1.5rem; margin:12px 0}
.etw_products ul>li>ol>li.product_con a.more{ display:inline-block; width:auto; color:#fff; background:#e30613; font-family:Roboto-Regular; font-size:.9375rem}
.etw_products ul>li>ol>li.product_con a.more:hover{background:#006cb7;}



/*产品页面*/
.etw_products1{ width:100%; float:left;}
.etw_products1 ul{ width:100%; display:flex; flex-wrap:wrap;}
.etw_products1 ul>li{ width:100%; margin:0 0 10px 0; border-bottom:1px #dedede solid; padding:10px 0} 
.etw_products1 ul>li>ol{ width:100%; display:flex; flex-wrap:wrap; align-items:center}
.etw_products1 ul>li>ol .title{ display:block; width:100%; color:#333; font-size:1.125rem; font-family: Roboto-Bold; position:relative; padding-left:15px; box-sizing:border-box}
.etw_products1 ul>li>ol .title span{ display:block; color:#787878; margin-top:5px; text-transform:uppercase; font-size:1rem}
.etw_products1 ul>li>ol .title:after{ position:absolute; content:''; width:4px; height:18px; left:0; top:2px; background:#e30613}
.etw_products1 ul>li>ol>li.product_img{width:45%; overflow:hidden; order:2}
.etw_products1 ul>li>ol>li.product_img img{ width:100%; display:block; transition:all .5s}
.etw_products1 ul>li:hover>ol>li.product_img img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08)}
.etw_products1 ul>li>ol>li.product_con{ order:1; width:55%; padding-right:3%}
.etw_products1 ul>li>ol>li.product_con>a{ display:block; color:#333; font-size:1.125rem; line-height:1.5rem; font-family: Roboto-Bold;}
.etw_products1 ul>li>ol>li.product_con>span{ display:block; color:#888; font-size:.9375rem; line-height:1.5rem; margin:20px 0 12px 0;}
.etw_products1 ul>li>ol>li.product_con a.more{ display:inline-block; width:auto; color:#fff; font-family:Roboto-Regular; font-size:.75rem; line-height:1.25rem; padding:0 1.5rem 0 1rem; border-radius:8px 0 8px; background:#e30613}
.etw_products1 ul>li>ol>li.product_con a.more::before{left:auto; right:.5rem; top:-2px}
.etw_products1 ul>li>ol>li.product_con a.more:hover{ background:#006cb7}
@media (max-width:768px){ 
.etw_products ul>li>ol>li.product_con>a{ font-size:1rem}

}

@media (max-width:480px){ 
.etw_products1 ul>li>ol>li.product_img{ width:100%; order:1 !important}
.etw_products1 ul>li>ol>li.product_con{width:100%; order:2!important;}

}

/****related img****/
figure{margin:0;width:100%;display:table;clear:both}
.left_pic{width:100%;height:auto;float:right;margin:0 0 1rem 0;position: relative; text-align:center}
.left_pics{width:100%;overflow:hidden;}
.left_pic img{max-width:100%;text-align:center;transition:.3s all ease-in-out}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:0.6rem 0 0 0;justify-content:center;}
.related_pic ul{display:flex;flex-flow:wrap}
.related_pic li{width:18.4%;float:left;overflow:hidden;margin:0 2% 0 0}
.related_pic li:nth-child(5n){margin-right:0}
.related_pic li:nth-child(5n+1){clear:both}
.related_pic li a{display:block;position:relative;border:1px solid #eee;}
.related_pic li a.imgdq{border:1px solid #e30613}
.related_pic img{transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
.related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.related_pic1{width:100%;display:flex;flex-wrap:wrap;position:relative;margin:0 auto;}
.related_pic1 li{width:100%;margin:0 0 0.25rem 0;}
.related_pic1 li:last-child{margin:0;}
.left_pic1{width:100%;display:flex;flex-wrap:wrap;margin:0 0 1rem 0;position:relative;align-items:start;}
.left_pic1 .left_pics{width:80%;overflow:hidden;position:relative;}
.left_pic1 img{max-width:100%;text-align:center;transition:.3s all ease-in-out}
.left_pic1 .related_pic{width:18%;display:flex;flex-wrap:wrap;margin:0 0 0 2%;justify-content:center;}
.left_pic1 .related_pic ul{display:flex;flex-flow:wrap}
.left_pic1 .related_pic li{width:100%;float:left;overflow:hidden;margin:0}
.left_pic1 .related_pic li a{display:block;position:relative;border:1px solid #e1eef8;margin:0 0 0.42rem 0;}
.left_pic1 .related_pic li:last-child a{margin:0;}
.left_pic1 .related_pic li a.imgdq{border:1px solid #e30613}
.left_pic1 .related_pic img{transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
.left_pic1 .related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.left_pic1 .related_pic1 img{margin:0 0 12px 0;}
@media (max-width:991.98px){.first{margin:0 0 1rem 0}
}
@media (max-width:767.98px){.left_pic{float:none;text-align:center}
.related_pic1 li{width:23.5%;margin:0 2% 1rem 0;}
.related_pic1 li:nth-child(4n){margin-right:0;}
}
/****photo****/
.etw_photo{margin:.5rem 0;width:100%;height:auto}
.etw_photo ul{display:flex;width:auto;height:auto;flex-flow:wrap}
.etw_photo ul li{margin:0 2% 1rem 0}
.etw_photo ul li.bg_photo{background:linear-gradient(180deg,#ccc,#eee);text-align:center;padding:1.5rem 0 1rem 0;}
.etw_photo ul li.bg_photo a{width:40%;margin:0 auto;}
.etw_photo ul li img{display:block;width:100%;transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out; }
.etw_photo ul li a{display:block;overflow:hidden;border:1px #dedede solid}
.etw_photo ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}
.etw_photo ul li span{display:block;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:200;clear:both;margin:0.6rem 0;color:#333;}
.etw_proimg{width:100%;position:relative;}
.etw_proimg ul{display:flex;flex-flow:wrap;position:relative;}
.etw_proimg ul li{width:100%;overflow:hidden;position:relative;}
.etw_proimg ul li a{width:100%;display:block;overflow:hidden;position:relative;}
.etw_proimg ul li a span{position:absolute;bottom:0px;left:0px;display:block;font-size:0.95rem;line-height:1.3rem;padding:1.5rem;width:100%;color:#fff;font-weight:200;background:rgba(0 155 219 / 80%);transition:.3s all ease-in-out;}
.etw_proimg ul li img{overflow:hidden;transition:.3s all ease-in-out}
.etw_proimg ul li a:hover span{padding:1rem 1.5rem;}
.etw_proimg ul li a:hover img{transform:scale(1.06);}
.center_pic{text-align:center;border:2px solid #e30613;border-radius:12rem;padding:1rem 2rem;background:#fff;transition:.3s all ease-in-out;}
.center_pic img{width:45%;}
.center_pic:hover{box-shadow:1px 3px 10px #999;}
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{width:25%;margin:0 0 4px 0;padding:0 2px;position:relative;}
.etw_gallerys ul li{padding:0;margin:0;}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:50%;}
.etw_gallery3 ul li{width:33.33%;}
.etw_gallery5 ul li{width:20%;}
.etw_gallery6 ul li{width:16.66%;}
.etw_gallery ul li a{width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center;}
.etw_gallery ul li a:before{position:absolute;content:'';background:rgba(0 0 0 / 80%);left:0;right:0;margin:0 auto;width:0;height:0;transition:.3s all ease-in-out;}
.etw_gallery ul li a:after{position:absolute;content:"\f00e";color:#fff;font-size:3rem;line-height:3rem;font-family:FontAwesome;opacity:0;transition:.6s all ease-in-out;}
.etw_gallery ul li a:hover:before{width:100%;height:100%;}
.etw_gallery ul li a:hover:after{opacity:1;}
.etw_gallery ul li span{display:block;padding:0.5rem;text-align:center;font-size:0.95rem;line-height:1rem;font-weight:400;}
.etw_gallery ul li span.bottom_box{position:absolute;background:rgba(0 0 0 / 70%);bottom:0;left:0;padding:1rem;color:#fff;width:100%;display:block;}
.etw_gallery_bg ul li{background:#dde2e6;padding:5px;margin:0;border-right:1px solid #eee;}
.etw_gallery_bg ul li:last-child{border-right:1px solid #dde2e6;}
.etw_gallery_bg ul li span{position:absolute;left:5px;bottom:1.5rem;background:#eff7fa;padding:0.5rem 1rem;border-radius:0 1rem 1rem 0;-webkit-border-radius:0 1rem 1rem 0;-moz-border-radius:0 1rem 1rem 0;-ms-border-radius:0 1rem 1rem 0;-o-border-radius:0 1rem 1rem 0;}
.etw_shadowpic{width:100%;position:relative;}
.etw_shadowpic ul{display:flex;flex-flow:wrap;position:relative;}
.etw_shadowpic ul li{margin:0 2% .5rem 0;position:relative;}
.etw_shadowpic ul li a{display:block;overflow:hidden;width:100%;border:10px solid #fff;box-shadow:0 12px 18px 0 rgb(25 42 70 / 33%);}
.etw_shadowpic ul li span{display:block;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:300;clear:both;margin:0.6rem 0;color:#333;}
.etw_shadowpic ul li img{transition:.3s all ease-in-out}
.etw_shadowpic ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}
.etw_style ul li span{width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:1;border:10px solid rgba(252 180 62 / 50%);box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%;}
.etw_pic3 ul li{width:32%; }
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%}
.etw_pic6 ul li{width:15%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both}

.etw_circular ul li a{border:5px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.img_left,.img_right{float:left;margin:0 2% 14px 0;width:20%;text-align:center}
.img_right{margin:0 0 1.5rem 3%;width:50%;float:right;position: relative;}
.img_left a,.img_right a{display:block;width:100%}
.img_left img,.img_right img,.img_right1 img{position:relative;z-index:2;transition:.3s all ease-in-out}
.img_center{width:100%;margin:.5rem 0;overflow:hidden;text-align:center}
.img_right1{width:32%;float:right;margin:0 0 1rem 3%;position:relative;}

.etw_details li{overflow: hidden;border: 1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.etw_details li img{width: 100%;display: block; border-radius:10px ; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.etw_details li:hover img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }

@media (max-width:767.98px){.etw_pic5 ul li,.etw_pic6 ul li{width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:none}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:both}
.img_right{margin:0 0 1rem 0;width:100%;float:none}
.img_left{width:100%;margin:0 0 1rem 0}
.img_right1{margin:0 0 1rem 0;width:100%;float:none}
.etw_gallery ul li{width:50%;}
.etw_gallery3 ul li{width:50%;}
.etw_gallery5 ul li{width:50%;}
.etw_gallery6 ul li{width:50%;}
.etw_pic4 ul li{width:49%; margin:0 2% 20px 0}
.etw_pic4 ul li:nth-child(2n){ margin-right:0}
.etw_pic4 ul li:nth-child(4n){ clear:none;}  
.etw_pic5 ul li,.etw_pic5 ul li:nth-child(5n){width:32%;margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1){clear:none}
.etw_pic5 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1){clear:both}
}
@media (max-width:575.98px){.etw_pic4 ul li{width:49%}
.etw_pic4 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n){margin-right:2%}
.etw_pic4 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1){clear:none}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1){clear:both}
.etw_gallery ul li span{font-size:.8rem;line-height:1rem;}
.etw_gallery3 ul li{width:100%;}
.etw_gallery5 ul li{width:100%;}
.etw_gallery6 ul li{width:100%;}
.etw_pic2 ul li{width:100%}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n){width:49%;margin-right:2%}
.etw_pic3 ul li:nth-child(3n+1){clear:none}
.etw_pic3 ul li:nth-child(2n){margin-right:0}
.etw_pic3 ul li:nth-child(2n+1){clear:both}
.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic5 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n){width:49%;margin-right:2%}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){width:49%}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n+1){clear:none}
}

/****ul li style****/
ul.item{float:none;width:100%}
ul.item li{float:none;margin:0 0 .5rem 0;list-style:none;text-align:left}
ul.item li.last{margin-left:22px}
ul.item1{float:none;width:100%;}
ul.item1 li{float:none;padding:0 0 0.4rem 1.3rem;width:100%;position:relative;text-align:left;}
ul.item1 li:before{position:absolute;content:'';width:6px;height:6px;background:#333;border-radius:50%;left:5px;top:9px;}
ul.item2{float:none;width:100%;}
ul.item2 li{float:none;padding:0 0 0.5rem 1.3rem;width:100%;position:relative;text-align:left;font-size:1.1rem;line-height:1.5rem;font-weight:300;}
ul.item2 li strong{color:#e30613;font-size:1.2rem;font-weight:600;margin:0 0 0.3rem 0;display:block;}
ul.item2 li:before{position:absolute;content:'';width:8px;height:8px;background:#e30613;left:2px;top:5px;border:1px solid #fff;box-shadow:2px 2px 0 #111;transform:rotate(45deg);}
ul.discitem{float:none;padding:0 0 0 .5rem;overflow:hidden}
ul.discitem li{position:relative;padding-left:1.125rem;text-align:left;margin:0 0 0.8rem 0;line-height:1.4rem;}
ul.discitem li:before{position:absolute;top:8px;left:3px;width:6px;height:6px;background:#e30613;content:"";transform:rotate(45deg)}
ul.discitem1{width:100%;margin:.5rem 0;overflow:hidden}
ul.discitem1 li{position:relative;margin-bottom:1rem;padding-left:2.2rem;text-align:left;color:#333;}
ul.discitem1 li:before{position:absolute;content:"\f046";font-family:FontAwesome;left:2px;top:0px;color:#e30613;font-size:1.5rem;}
.proinfo_bg ul.discitem1 li{color:#fff;}
ul.discitem2{display:flex;flex-wrap:wrap;overflow:hidden;width:100%;}
ul.discitem2 li{position:relative;text-align:left;margin:0 0 0.3rem 0;width:100%;border:1px solid #e2e2e2;padding:0.5rem 0.8rem 0.5rem 1rem;font-size:.85rem;line-height:1rem;}
ul.discitem2 li:before{position:absolute;content:'01';display:none;font-size:2.5rem;left:12px;top:16px;width:100%;height:100%;font-weight:600;opacity:.9;color:#111;font-family:SourceSansPro-Bold;}
ul.discitem2 li:first-child{border-top:3px solid #e30613;}
ul.discitem2 li:nth-child(2n){margin-right:0;}
ul.discitem2 li:nth-child(2n+1){clear:both;}
ul.discitem2 li strong{color:#384466;font-size:1.05rem;line-height:1.05rem;display:block;padding:0 0 0.5rem 0;font-weight:600;}
ul.discitem3{display:flex;margin:4rem 0;justify-content:center;flex-wrap:wrap;position:relative;}
ul.discitem3 li{position:relative;width:20%;text-align:center;font-size:1.1rem;margin:0 2% 1rem 0;line-height:1.6rem;background:#fff;color:#fff;transform:rotate(45deg);padding:2rem;overflow:hidden;border-radius:2rem;transition:.3s all ease-in-out;-webkit-box-shadow:10px 10px 10px 0 rgb(0 0 0 / 20%);-moz-box-shadow:10px 10px 10px 0 rgba(0,0,0,.2);box-shadow:10px 10px 10px 0 rgb(0 0 0 / 20%);}
ul.discitem3 li:nth-child(3n){margin-right:0;}
ul.discitem3 li img{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:.3s all ease-in-out;}
ul.discitem3 li:hover{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
ul.discitem3 li:hover img{transform:scale(1.06);transform:rotate(0deg);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);}
ul.discitem3 li span{font-size:2.4rem;margin:0 0 0.5rem 0;font-weight:600;color:#fff;display:block;line-height:2.8rem;position:relative;text-shadow:3px 3px 0px #000;}
ul.discitem3 li span:before{position:absolute;content:'Who We Are';width:100%;height:100%;color:#999;top:13px;left:0;right:0;margin:0 auto;opacity:.2;font-size:2.2rem;text-shadow:none;}
ul.discitem4{width:100%;margin:0.5rem 0;overflow:hidden;display:flex;flex-wrap:wrap;}
ul.discitem4 li{position:relative;margin:0 2% 1rem 0;text-align:center;color:#fff;width:23.5%;font-size:1rem;border-right:1px solid #eee;}
ul.discitem4 li:last-child{margin-right:0;border-right:none;}
ul.discitem4-2 li{width:49%;}
ul.discitem4-3 li{width:32%;}
ul.discitem4 li strong{display:block;font-size:1.15rem;color:#fff;margin:0 0 0.3rem 0;}
ul.discitem4 li:before{position:absolute;content:'';background:url(../images/checkbox-icon.png) no-repeat;background-size:cover;width:23px;height:20px;left:0;top:1px;}
ul.discitem5{display:flex;flex-wrap:wrap;padding:0;width:100%;}
ul.discitem5>li{position:relative;margin:0 2% 1.2rem 0;width:32%;background:#e1eef8;padding:2rem 1.5rem;font-size:1rem;line-height:1.6rem;color:#111;}
ul.discitem5 li:nth-child(3n){margin-right:0;}
ul.discitem5 li:nth-child(3n+1){clear:both;}
ul.discitem5>li .item_icon{width:80px;height:80px;margin:0 auto 1rem auto;}
ul.discitem5>li .item_icon svg{fill:#e30613;}
ul.discitem5>li img{margin:0 auto 1rem auto;display:block;width:58px;height:58px;}
ul.discitem5>li strong{color:#fff;font-size:1.2rem;line-height:1.2rem;font-weight:300;position:absolute;background:#e30613;font-family:Raleway;display:block;top:10px;left:-6px;padding:0.3rem 1.2rem;}
ul.discitem5>li strong:before{content:'';display:block;width:0;height:0;border-bottom:8px solid transparent;border-right:6px solid #041f56;position:absolute;left:0px;top:28px;}
ul.protable{width:100%}
ul.protable li{width:100%;border-bottom:1px solid #999;color:#555;padding:0.5rem 1rem 0.5rem 2rem;font-size:0.85rem;}
ul.protable li:first-child{padding-top:0;}

ul.protable li:last-child{border-bottom:none;}
ul.protable li strong{display:inline-block;display:flex;padding:.5rem 0;width:25%;font-weight:400;font-size:1rem;font-family:Oswald;align-items:center}
ul.protable li span{float:right;display:block;text-align:center;width:65%;color:#384466;}
.process{display:flex;width:100%;flex-flow:wrap;margin:0 0 1.5rem 0}
.process li{position:relative;width:23.5%;display:inline-block;margin:0 2% 2rem 0;padding:0.6rem 1.2rem 0.5rem 1.2rem;font-size:0.95rem;line-height:0.95rem;color:#111;text-align:center;font-weight:400;}
.process li:nth-child(4n){margin-right:0;}
.process li img{display:block;margin:0 auto;}
.process li span{display:block;line-height:1.2rem;}
.process li strong{font-size:1.2rem;}
.process li:before{position:absolute;background:url(../images/arrow-right.png) no-repeat;background-size:cover;width:56px;height:24px;top:100px;right:-40px;content:"";}
.process li:last-child:before{display:none}
.process li.process_down:before{background:url(../images/arrow-bottom.png) no-repeat;left:0;right:0;margin:0 auto;top:auto;bottom:-60px;background-size:cover;display:block;width:24px;height:56px;}
.process1{position:relative;}
.process1 ul{position:relative;display:flex;flex-wrap:wrap;}
.process1 ul li{width:49%;margin:0 2% 1rem 0;position:relative;box-shadow:0 6px 14px 0 rgb(0 0 0 / 25%);}
.process1 ul li:nth-child(2){margin-right:0;}
.process1 ul li:before{position:absolute;background:url(../images/mecalac-arrow.png) no-repeat;background-size:cover;width:50px;height:30px;top:40%;right:-40px;content:"";z-index:1;opacity:.4;}
.process1 ul li:nth-child(2)::before{top:auto;bottom:-12px;right:3%;transform:rotate(90deg);}
.process1 ul.last li{margin:0 0 0 2%;}
.process1 ul.last li:nth-child(1)::before{right:auto;left:-40px;top:auto;bottom:40%;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
.process1 ul.last li:nth-child(2){margin-left:0;}
.process1 ul.last li:nth-child(2)::before{display:none;}
.process1 ul li:nth-child(1):before{animation:rightin 2s ease-out infinite;-webkit-animation:rightin 2s ease-out infinite;}
@-webkit-keyframes rightin{50%{right:-24px;opacity:.8;}
100%{right:-17px;opacity:.4;}
}
@keyframes rightin{50%{right:-24px;opacity:.8;}
100%{right:-17px;opacity:.4;}
}
.process1 ul li:nth-child(2):before{animation:bottomin 2s ease-out infinite;-webkit-animation:bottomin 2s ease-out infinite;}
@-webkit-keyframes bottomin{50%{bottom:-24px;opacity:.8;}
100%{bottom:-12px;opacity:.4;}
}
@keyframes bottomin{50%{bottom:-24px;opacity:.8;}
100%{bottom:-12px;opacity:.4;}
}
.process1 ul.last li:nth-child(1)::before{animation:leftin 2s ease-out infinite;-webkit-animation:leftin 2s ease-out infinite;}
@-webkit-keyframes leftin{50%{left:-24px;opacity:.8;}
100%{left:-17px;opacity:.4;}
}
@keyframes leftin{50%{left:-24px;opacity:.8;}
100%{left:-17px;opacity:.4;}
}
.process1 ul li a{width:100%;display:block;position:relative;overflow:hidden;padding:10px;background:#fff;}
.process1 ul li a img{transition:.3s all ease-in-out;}
.process1 ul li a:hover img{opacity:1 !important;}
.nav-tabs-list{border:none;position:relative;margin:0}
.nav-tabs-list li a{font-size:1rem;line-height:1.2rem;position:relative;display:inline-block;color:#111;font-weight:600;padding:0.8rem 2rem 0.5rem 1.5rem;background:#dde2e6;text-transform:uppercase;font-family:Poppins;border-radius:0 3rem 0 0;margin:0 0 0 -8px;}
.nav-tabs-list li:first-child a{margin:0;}
.nav-tabs-list li a.active{color:#e30613;background:#fff;box-shadow:5px -5px 10px rgb(0 0 0 / 10%);z-index:1;}
.tab-content{padding:2rem 1.5rem;border-top:1px solid #efefef;margin:-1px 0 0 0;background:#fff}
.tab-content p strong,.tab-content ul li strong{font-size:1.4rem;line-height:1.8rem;display:block;margin:0 0 .5rem 0}
@media (max-width:767.98px){ul.discitem2 li{width:100%}
ul.discitem li{width:100%}
ul.discitem3 li{width:32%;padding:1rem;}
.nav-tabs{border-bottom:none}
.process li,.process1 li{width:49%;margin:0 2% 1rem 0;padding:0.5rem;}
.process li:nth-child(2n){margin-right:0;}
.process1{flex-direction:row;}
.process li:before,.process li.process_down:before{display:none;}
}
@media (max-width:575.98px){ul.discitem4 li{width:100%;}
.nav-tabs-list li a{font-size:.9rem;padding:0.8rem 1.8rem 0.5rem 1.3rem;}
}

/**related pro**/
.relatedpro{width:100%;height:auto;margin:1rem 0}
.relatednames{font-size:1.4rem;color:#313947;padding:.5rem 0;position:relative;font-family:Oswald}
.relatednames::before{content:"";color:#036439;position:absolute;left:0;bottom:0;border-bottom:1px dotted #333;width:150px}
.relatedpro ul{width:100%;height:auto;display:flex;flex-wrap:wrap; padding:16px 8px 8px; box-sizing:border-box; background:#f9f9f9}
.relatedpro li{width:49%;margin:0 2% 0.5rem 0;position:relative;}
.relatedpro li:nth-child(2n){margin-right:0}
.relatedpro li:nth-child(2n+1){clear:both}
.relatedpro li a{display:block;padding:0.2rem 0.325rem 0.2rem 1.5rem;color:#111;font-size:.875rem;line-height:1.2rem;}
.relatedpro li a::before{content:"\f013";position:absolute;left:5px;top:4px;font-family:fontawesome;font-size:13px;color:#555;transition:.3s all ease-in-out;}
.relatedpro li a.dq,.relatedpro li a:hover,.relatedpro li a.dq:before,.relatedpro li a:hover:before{color:#e30613;}
.relatedpro li a:hover:before{transform:rotate(135deg);}
.relatedpro1 li{width:32%;}
.relatedpro1 li:nth-child(2n){margin-right:2%;}
.relatedpro1 li:nth-child(3n){margin-right:0;}
.relatedpro1 li a{padding:0.4rem 0.5rem;display:flex;flex-wrap:wrap;align-items:center;}
.relatedpro1 li a::before{display:none;}
.relatedpro1 li a img{width:40px;float:left;margin:0 1rem 0 0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:.3s all ease-in-out;}
.relatedpro1 li a:hover img{transform:rotateY(180deg);}
@media (max-width:767.98px){.relatedpro li{width:100%;margin-right:0}
}



.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:center; width:100%; cursor:pointer;text-align:center;position:relative;z-index:1;}
.align-items-center .sendinquiry{ justify-content:flex-start}
.sendinquiry span{color:#fff;padding:0.625rem 1.5rem;font-size:1rem;line-height:1rem;text-align:center;display:inline-block;margin:0.5rem 0 1.5rem 0;min-width:100px;position:relative;overflow:hidden;background:#e30613; border-radius:2rem;z-index:1;transition:.5s all ease-in-out; float:right}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry span:hover{box-shadow:1px 3px 10px #999; background:#e30613}
.sendinquiry span:hover:before{left:80%;}

.protitle{ width:100%; display:block; color:#000; font-size:1.325rem; padding:5px 0 10px 0; margin:5px 0 15px; border-bottom:1px #eee solid; padding-left:25px; position:relative; font-family:SourceSansPro-Bold; line-height:1.625rem}
.protitle:after{ position:absolute; content:'\f038'; color:#e30613; font-size:1.125rem; font-family:'fontawesome'; left:0; top:7px}


#etw_form{width:100%;display:flex;flex-flow:wrap;margin:3rem 0 2rem 0}
#etw_form_title{font-size:1.875rem;color:#333;border-bottom:1px solid #111;position:relative;padding:2rem 0 0.5rem 0.8rem;line-height:2rem;margin-bottom:0.5rem; text-transform:capitalize;font-family:SourceSansPro-Bold;}
#etw_set_feedback_form{width:100%;background:#f8f8f8;padding:2rem 8rem;border-radius:2rem;margin:2rem 0;}
.contact_info #etw_set_feedback_form{padding:2rem 3rem 1rem;margin:0;background:#d5d9e0;}
#floatchatiframe2011{margin:0 auto}
.inquiry_bg{background:url(../images/about_bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;width:100%;position:relative;padding:2.5rem 2rem 1rem; box-sizing:border-box;}
.inquiry_box{display:flex;margin:0;width:100%;flex-wrap:wrap;align-items:center;}
.form_box{width:100%;position:relative;padding:0;overflow:hidden;}
.form_box:before{position:absolute;display:none;content:'';background:url(../images/app_img.jpg) no-repeat;background-size:cover;width:100%;height:100%;left:0;top:0;opacity:.5;}
.form_box #etw_set_feedback_form{background:0;padding:0; margin:0}
.contact_box{position:relative;color:#333;width:100%;padding:0;display:flex;flex-wrap:wrap;}
.contact_box .brief{color:#333;margin:0;font-size:.9375rem;line-height:1.5rem;}
.contact_box .webtitle{font-size:1.87rem;color:#222;position:relative;padding:0 0 0.5rem 0;line-height:2.5rem; font-weight:600;text-transform:capitalize; margin-bottom:0}
.contact_box .webtitle a{color:#fff}
.contact_box a{color:#ef4123}
.contact_box .cot_add,.contact_box .cot_email,.contact_box .cot_mobile,.contact_box .cot_people,.contact_box .cot_tel{margin:0;width:35px;height:35px;padding:0;font-size:1rem;border:2px solid rgba(0 0 0 / 30%);border-radius:50%}
.contact_box .cot_add:before,.contact_box .cot_email:before,.contact_box .cot_mobile:before,.contact_box .cot_people:before,.contact_box .cot_tel:before{color:#333;top:auto;left:auto}
.contact_box .icon_box{margin-bottom:1.5rem}
.contact_box .con_txt{width:calc(100% - 50px);padding:0 0 0 .5rem;line-height:1.1rem}
.contact_box .con_txt a:hover{text-decoration:underline}
.container-fluid{margin:0!important;padding:0!important}
.iframe{border:1px #eee solid!important;background:#f8f8f8!important}
.contact_info{line-height:1.4rem;overflow:hidden;}
.contact_info .inquiry_box{margin:0;flex-direction:row-reverse}
.contact_info .contact_box .con_txt{padding:0 0 0 .4rem}
.contact_info #etw_form_title{padding:0 0 .5rem .8rem;color:#333}
.contact_info p{font-size:1.1rem;margin-bottom:0.8rem;line-height:1.6rem;}
.contact_info p strong{font-size:1.1rem;font-weight:600;}
.contact_info .p_name{margin-bottom:1.2rem;}
.contact_info .p_name strong{font-size:1.4rem;font-weight:600;color:#253041;}
.contact_info p a{color:#ef4123;text-decoration:underline}
.contact_info p a:hover{text-decoration:none;color:#ef4123}
.contact_info #floatchatiframe2011{margin:0;min-height:460px;padding:0;background:0;border:none;box-shadow:none}
.txt_indet{padding-left:2rem}
.etw_contactin{width:46%;height:auto;padding:0;background:#f5f5f5;padding:1rem}
.theme-title{color:#333!important;font-size:1.2rem!important;border-bottom:1px solid #555!important;margin:1rem 0 .5rem!important;text-align:center!important}
.theme-title i{display:none!important}
@media (max-width:767.98px){.contact_box{display:none}
.form_box{width:100%}
.contact_info .contact_box{display:block;width:100%}
.contact_info #etw_set_feedback_form{margin:2rem 0 0 0;}
.cot_area{margin:1rem 0 .7rem 0}
.form_box #etw_set_feedback_form{padding:0;}
#etw_form_title{font-size: 1.4rem;padding-top: 1rem;}
#etw_set_feedback_form{margin: 1rem 0;}
}
@media (max-width:575.98px){#etw_set_feedback_form,.etw_contactin{width:100%;margin-right:0}
}


/*其他产品*/
.other_pro{ width:100%; margin:45px auto 0 auto; overflow:hidden}
.other_pro .protitle2{ color:#fff; display:block; width:100%; background:#e30613; line-height:1.5rem; padding:1rem; border-radius:3px; box-sizing:border-box; font-size:1.5rem; text-transform:capitalize; font-family:SourceSansPro-Bold; text-align:left; margin-bottom:0px}
.swiper_box{ width:100%; margin:0 auto; position:relative; margin-top:20px;}
.scrollbar_3{ width:100%; margin:0 auto; overflow:hidden;}
.swiper_box .swiper-wrapper{ width:100%; margin:0 auto; padding:15px 0 50px;}
.swiper_box .swiper-slide{ width:calc(100% / 3); padding:0 10px;}
.swiper_box .swiper-slide .module,.swiper_box .swiper-slide .product_img,.swiper_box .swiper-slide .product_con{ display:block; width:100%; overflow:hidden}
.swiper_box .swiper-slide .module{border:1px #dedede solid; position:relative; height:100%} 
.swiper_box .swiper-slide .module:after{ position:absolute; content:''; width:0; height:2px; background:#e30613; left:0; bottom:0; z-index:2; transition:all .5s; opacity:0}
.swiper_box .swiper-slide .module:hover:after{width:100%; opacity:1;}
.swiper_box .swiper-slide .module:hover{ box-shadow:0 0 10px rgba(0,0,0,.15)}
.swiper_box .swiper-slide .product_img img{ display:block; width:100%; transition:all .5s}
.swiper_box .swiper-slide:hover .product_img img{ transform:scale(1.05)}
.swiper_box .swiper-slide .product_con{ padding:10px; box-sizing:border-box}
.swiper_box .swiper-slide .product_con a{ display:block; color:#333; font-size:.9375rem; line-height:1.5rem; min-height:6rem}
.swiper_box .swiper-slide .product_con a:hover{ color:#006cb7}
.swiper_box .swiper-button-prev{right:45px; left:auto;  top:-42px; background:none !important; width:10px; height:15px;}
.swiper_box .swiper-button-next{right:20px; top:-42px; background:none !important; width:10px; height:15px;}
.swiper_box .swiper-button-prev:after{ content:'\f104'; color:#fff; font-size:1.875rem; font-family:'fontawesome'}
.swiper_box .swiper-button-next:after{ content:'\f105'; color:#fff; font-size:1.875rem; font-family:'fontawesome'}


/*other pro*/
.protitle2 {
    font-size: 2.4rem;
    line-height: 2.6rem; 
    text-align: center;
    margin: 2rem 0;
    position: relative;
    color: #111; font-family:SourceSansPro-Bold
}
.otherpro_bg{position:relative;width:100%;background:linear-gradient(180deg,#f8f8f8,#fff);overflow:hidden;padding:1rem 0 2.5rem;}
.othertitle{display:block;width:100%;margin:1.5rem 0;padding:0 0 1rem 0;position:relative;line-height:2rem;font-size:1.8rem;color:#555;overflow:hidden;font-weight:700;}
.othertitle:before{content:"";width:180px;height:5px;display:inline-block;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:#005ea8;}
.othertitle:after{content:"";width:100%;margin-left:187px;height:10px;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:linear-gradient(70deg,transparent,transparent);border-left:1px solid #aaa;border-bottom:1px solid #aaa;}
.other_pro{width:100%;margin:0 auto;position:relative;z-index:1;}
.other_pro ul{display:flex;flex-wrap:wrap}
.other_pro ul>li{width:23.5%;overflow:hidden;margin:0 2% 1.5rem 0;transition:.3s all ease-in-out;background:#fff; border:1px solid #eee;position:relative;}
.other_pro ul>li:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out;}
.other_pro ul>li:hover{box-shadow:1px 1px 16px rgb(0 0 0 / 20%);}
.other_pro ul>li:hover:before{transform:scaleY(0);}
.other_pro ul>li:nth-child(4n){margin-right:0}
.other_pro ul>li:nth-child(4n+1){clear:both}
.other_pro ul li ol{width:100%;overflow:hidden;position:relative;}
.other_pro ul li ol li.product_img{width:100%;position:relative;}
.other_pro ul li ol li.product_img a{display:block;width:100%;position:relative;overflow:hidden;}
.other_pro ul li ol li.product_img img{width:100%;transition:.3s all ease-in-out}
.other_pro ul li ol li.product_con{text-align:center;margin:auto;width:100%;position:relative;}
.other_pro ul li ol li.product_con a{color:#333;display:block;padding:1rem;font-size:1.05rem;line-height:1.3rem;font-weight:300;text-align:center;}
.other_pro ul li ol li.product_con i{display:block;font-size:.9rem;color:#888;line-height:1.1rem;padding:.5rem 0}
.other_pro ul li ol:hover li.product_con a{color:#e30613;}
.other_pro ul li ol:hover li.product_img img{transform:scale(1.03);}
.other_pro2 ul>li{width:48%;margin:0 4% 1rem 0;float:left}
.other_pro2 ul>li:nth-child(2n){margin-right:0}
.other_pro2 ul>li:nth-child(2n+1){clear:both}
.other_pro3 ul>li{width:32%;margin:0 2% 1.5rem 0;}
.other_pro3 ul>li:nth-child(4n){margin-right:2%}
.other_pro3 ul>li:nth-child(4n+1){clear:none}
.other_pro3 ul>li:nth-child(3n){margin-right:0}
.other_pro3 ul>li:nth-child(3n+1){clear:both}
.other_pro4 ul>li{width:100%;margin:0}
.other_pro .more a{display:inline-block;padding:.5rem 1rem .3rem 1rem;border:1px solid #555;color:#333;font-weight:300;font-size:.8rem;line-height:1rem}
.other_pro .more a:hover{border-color:#005ea8;color:#005ea8}
@media (max-width:767.98px){.othertitle{font-size:1.6rem}
.other_pro ul>li{width:49%;margin:0 2% 1rem 0}
.other_pro ul>li:nth-child(2n){margin-right:0}
.other_pro3 ul>li{width:32%;margin:0 2% 1rem 0}
.other_pro3 ul>li:nth-child(3n){margin-right:0}
.other_pro3 ul>li:nth-child(2n){margin-right:2%}

.swiper_box .swiper-slide{ width:50%; padding:0 10px;}
.swiper_box .swiper-button-prev,.swiper_box .swiper-button-next{top:-30px;}

}
@media (max-width:575.98px){.other_pro ul>li{width:100%;margin:0 0 1.5rem 0;}
.other_pro3 ul>li{width:100%;margin:0 0 1.5rem 0}
.other_pro3 ul>li:nth-child(2n){margin-right:0}
}


.pdf{ width:100%; height:auto; float:left; margin-bottom:15px;}
.pdf a{ background:url(../about/pdf.jpg) left no-repeat; padding-left:20px; color:#f00; display:block;}
.pdf a:hover{ text-decoration:underline;}



/*视频中心*/
.video_list{width:100%;display:flex;flex-wrap:wrap}
.video_list li{width:32%;margin:0 2% 30px 0}
.video_list li:nth-child(3n){margin-right:0}
.video_list li .video_body{display:block;width:100%;overflow:hidden;border:1px #dedede solid;position:relative} 
.video_list li .video_name a{width:100%;display:block;text-align:center;padding:.875rem 5% 0;line-height:24px;text-align:center; color:#333}
.video_list li a.video_images .video_icon{width:69px;height:69px;position:absolute;left:0;right:0;margin:0 auto;top:40%;}
@media (max-width:812px){.video_list li{width:48.5%;margin:0 3% 30px 0}
.video_list li:nth-child(3n){margin-right:3%}
.video_list li:nth-child(2n){margin-right:0}
}
@media (max-width:812px){.video_list li{width:100%;margin:0 0 30px 0 !important}
}

/* 视屏按钮 */
.btn-videoLink{cursor: pointer; width: 80px; height: 80px; background: url(../images/video.png) no-repeat center center; background-size: 100% auto; position: absolute; left: 50%; top: 50%;z-index: 10; transition:0.5s ; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
.btn-videoLink:hover{ transform:translate(-50%,-50%) scale(0.9) ; -webkit-transform:translate(-50%,-50%) scale(0.9) ; -moz-transform:translate(-50%,-50%) scale(0.9) ; -ms-transform:translate(-50%,-50%) scale(0.9) ; -o-transform:translate(-50%,-50%) scale(0.9) ; }
.btn-videoLink1,.btn-videoLink2{left:0; right:0; margin:0 auto; top:50%;}
@media (max-width:767.98px){ 
}
.hub_video{cursor: pointer; width: 60px; height: 60px; background: url(../images/video.png) no-repeat center center;opacity: 0.8; background-size: 100% auto; position: absolute; left: 2%; top: 2%;z-index: 10; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ;}
.hub_video:hover{opacity: 1;}


/*sitemap*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#111;margin:0.5rem 0 1rem 0;display:block;padding:0.5rem 0 0.5rem 0;border-bottom:1px dashed #ddd;font-size:1.2rem;text-decoration:none;font-weight:600;position:relative;}
#etw_map .name:before{position:absolute;content:'';background:#ef4123;width:100px;height:3px;left:0;bottom:-2px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#111;margin:0;font-weight:700;text-decoration:none}
#etw_map .name:hover{color:#ef4123}
#etw_map .list_m{width:100%;height:auto;margin-bottom:5px;padding:0 0 0 1rem;overflow:hidden}
#etw_map .list_m ul li{width:50%;display:block;float:left;padding:.2rem .5rem}
#etw_map .list_m ul li:nth-child(2n+1){clear:both}
#etw_map .list_m ul li a{color:#333;text-decoration:none;line-height:1rem;font-size:.95rem;margin:0 0 1rem 0;font-weight:400}
#etw_map .list_m ul li a:hover{text-decoration:underline;color:#ef4123}
#etw_map a.subname{width:100%;display:block;text-decoration:underline;padding-left:0}
@media (max-width:767.98px){
#etw_map .list_m ul li{width:100%}
}
@media (max-width:551.98px){
  .webtitle span::before {bottom: -35px;}
  .webtitle span::after {bottom: -36px;}
  }
@media (max-width:370.98px){
  #etw_logo{width: 100px;}
  .banner_box h2{font-size: 1rem;}
  #etw_logo span{font-size: 0.8rem;}
  }
  @media (max-width:307.98px){
    .webtitle span{font-size: 1.3rem;}
    }