@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-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 400;
  src: local('Opensans'), local('Opensans-Regular'), url(../font/opensans-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 500;
  src: local('Opensans Semibold'), local('Opensans-Semibold'), url(../font/opensans-semibold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 700;
  src: local('Opensans Bold'), local('Opensans-Bold'), url(../font/opensans-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'iconfont';src:url('../font/iconfont.ttf?t=1622274305876') format('truetype');}
/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700; font-size: 1rem; color:#333; padding:0.5rem 0; display: inline-block}
p{margin:0;padding:0 0 1rem}
a.links{color:#01538d; font-style:italic; text-decoration:underline;}
a.links:hover{text-decoration:none;} 
a.links1{padding-left:0.2rem; text-decoration:underline; color:#9bc150;}

body{font-family: Opensans; color:#666; font-weight:400; font-size:0.9375rem;  line-height:1.5rem; }
hr{border-top:1px #eee solid; margin:0.5rem 0 1.5rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:15px}
table,td{border:1px solid #aaa!important}
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#f2f2f2!important;}  
.table>tbody>tr>td{vertical-align:middle;padding:10px;font-size:14px;line-height:18px; text-align:left}    
.table > tbody > tr > td.tbright{ text-align:right;}
.etw_hometitle,h2{padding:0 0 1rem 0;font-size:1.5rem; line-height:1.5rem; color:#333;font-weight:700; margin: 0; width:auto;}   
.etw_hometitle span,h2 span{ display:inline-block; color:#183883}
h3{font-size:1rem; color:#ccc; padding:0.4rem 0 0 0; margin:0 0 1.3rem 0; font-weight:bold}

inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"INQUIRY"; display:inline-block;background:#e3e4e5; color:#666;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:75px}
u.inquiry:hover:after{background:#285a92; color:#fff;} 
.contact_cn{ display:none;}
#etw_top{position:fixed;width:35px;height:35px;right:55px;bottom:150px;text-align:center; background:#f35d0b;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 .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#174277; } 
 


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:999; margin:0 auto; background:#272727;} 
#headerin{width:100%; margin:0px auto; max-width:1200px; }   
#etw_logo{ width:143px;  height:27px; float:left; margin:2rem 0 2.375rem}   
.navbtn{margin-top:1rem;}

.etw_language>ul {position:relative;z-index:99999999;float:right;margin:2rem 0 0 1rem;}
.etw_language>ul>li>a{ display:block; background:#fff; color:#777; font-size:0.75rem; padding:0.1rem 1rem; border:1px #ccc solid}
.etw_language ul ul {display:none;position:absolute;top:100%;padding:0;background-color:#f9f9f9;min-width:100px;}
.etw_language ul ul a {display:block;text-align:left;float:left;padding:0.3rem 1rem;;color:#333;}
.etw_language ul ul li a:hover {color:#fff; background:#e31a2f;}
.etw_language ul li:hover>ul {display:block;}
.etw_language .dropdown-item{ min-width:2rem !important}


.review{font-size: 18px;font-weight: bold; color: #F00;}
.layui-layer-btn .layui-layer-btn0 { color: #fff !important;margin-bottom: 2rem;}





.top-nav{width:auto; float:right; padding-top:2.25rem}
.navbar{padding:0;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav .nav-link{color:#fff; font-size:1rem; padding:0  1.5rem 0 1rem; display:inline-block; line-height:1.4rem; margin:0;}  
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#2c74bd; background:none}
.navbar-light .navbar-nav .dropdown-item{font-size:0.9375rem; line-height:1.125rem} 
.navbar-light .navbar-nav .dropdown-menu{ margin:0 !important; border-radius:none !important; background:#f5f5f5;  padding:1rem 1rem 1.5rem 1rem;}
#menu-items{ background:url(../images/lbg01.jpg) no-repeat; background-size:cover;}
.navbar-light .navbar-nav  .dropdown-menus .dropdown-item{font-weight:300;} 
.navbar-light .navbar-nav  .dropdown-menu li a{ display:block; padding:0.4rem 0 0.4rem 0.5rem; font-size:0.9375rem; font-weight:300;min-width:220px;}
.navbar-light .navbar-nav #menu-items li a{min-width: 28.125rem;}
.navbar-light .navbar-nav .dropdown-menu li a.dq,.navbar-light .navbar-nav .dropdown-menu li a:hover{ color:#2c74bd; background:none !important; text-decoration:underline;}
.navbar-light .navbar-nav  .dropdown-menu li ol li .dropdown-item{font-weight:300 !important; padding-left:1.5rem; color:#666} 
.dropdown-item.active, .dropdown-item:active{ background:none; color:#2c74bd; text-decoration:underline;}
.dropdown-item{white-space:normal;} 


/*首页附加样式*/
#etw_banner{position: relative; width:100%; margin:0 auto;}
#etw_banner img{width:100%; text-align:center; margin:0 auto;}  
#etw_banner .banner_txt{width:auto; position:absolute; margin:0 auto; left: 30%; top: 20%; text-align:center;  max-width:871px; }  
#etw_banner .banner_txt h1{ display:block; color:#fff; font-size: 33px; line-height:3rem; padding:1rem 3rem; margin:0; font-weight:700; -webkit-text-stroke:1px #000;}   
#etw_banner .banner_txt h1 span{color: #be973c; font-style: italic;-webkit-text-stroke:1px #be973c;} 

 
.banner{position: relative; width:100%; margin:0 auto 1.25rem auto;}
.banner img{width:100%; text-align:center; margin:0 auto;}  
.banner .bannertxt{width:75%; position:absolute; left:0; top:12%; text-align:left; padding-left:2rem;}  
.banner .etw_hometitle{ display:block; color:#333; font-size:1.5rem; line-height:1.875rem; padding:1.75rem 0 0.5rem 0; margin:0; font-weight:700; width:100%; position:relative} 
.banner .etw_hometitle:before{ position:absolute; content:""; width:28px; height:22px; background:url(../images/icon01.png) no-repeat; left:0; top:0} 
.bannertxt1 .etw_hometitle:before{ position:absolute; content:""; width:25px; height:25px; background:url(../images/icon02.png) no-repeat; left:0; top:0} 
.bannertxt2 .etw_hometitle:before{ position:absolute; content:""; width:23px; height:27px; background:url(../images/icon05.jpg) no-repeat; left:0; top:0} 
.bannertxt3 .etw_hometitle:before{ position:absolute; content:""; width:26px; height:26px; background:url(../images/icon06.jpg) no-repeat; left:0; top:0}
.bannertxt4 .etw_hometitle:before{ position:absolute; content:""; width:26px; height:26px; background:url(../images/icon07.jpg) no-repeat; left:0; top:0} 
.bannertxt5 .etw_hometitle:before{ position:absolute; content:""; width:26px; height:26px; background:url(../images/icon08.jpg) no-repeat; left:0; top:0}  
.banner .bannertxt p{ font-size:0.875rem; line-height:1.4rem; color:#333} 


#etw_banner2{width:100%; height:auto; position:relative; margin:0 auto; text-align:center;max-width: 1200px;}
.etw_videoshow{ display:none; width:100%;}
.videoflow{ overflow:hidden; max-height:200px; position:relative; cursor:pointer;}
.videoflow:before{position:absolute;top:50%;left:50%; margin:0 auto;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:45px;height:45px;color:#c9161c; background:#fff; font-size:1.5rem;padding: 11px 0 0 7px;}
.videoflow:hover:before{background:#c9161c; color:#fff;}
.videoflow img{ width:100%;}
span.left{text-align: left!important}

 
.etw_mainproducts .etw_hometitle,.etw_homelink .etw_hometitle,.etw_homelink1 .etw_hometitle,.company .etw_hometitle{ width:100%; display:block; color:#333; font-size:1.875rem; font-weight:bold; line-height:1.5rem; text-align:center; margin:0 0 1.25rem 0}    
.etw_homelink1 .etw_hometitle{ margin-bottom:0.75rem}
.etw_mainproducts .etw_hometitle span,.etw_homelink .etw_hometitle a,.etw_homelink .etw_hometitle span,.etw_homelink1 .etw_hometitle a,.company .etw_hometitle span{ display:inline-block; width:auto; padding:0 8.5rem; position:relative; color:#272727}
.etw_mainproducts .etw_hometitle span:before,.etw_homelink .etw_hometitle span:before,.etw_homelink1 .etw_hometitle a:before,.company .etw_hometitle span:before{ position:absolute; content:""; width:99px; height:7px; left:0; top:0.6rem; background:url(../images/left.jpg) no-repeat}
.etw_mainproducts .etw_hometitle span:after,.etw_homelink .etw_hometitle span:after,.etw_homelink1 .etw_hometitle a:after,.company .etw_hometitle span:after{ position:absolute; content:""; width:99px; height:7px; right:0; top:0.6rem; background:url(../images/right.jpg) no-repeat}
.etw_mainproducts{ width:100%; margin:0 auto;  padding:2rem 0 0 0; overflow:hidden;} 
.etw_mainproducts ul{ width:100%; margin-bottom:0; display:flex; flex-wrap:wrap}
.etw_mainproducts ul>li{ width:30.6666%; margin:0 4% 1.5rem 0;background-color: #fff;border: 1px solid #d5d5e4;border-radius: 21px;padding: 25px 20px 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;padding-top: 100px;position: relative;margin-top:130px;}  
.etw_mainproducts ul>li:nth-child(3n){ margin-right:0}
.etw_mainproducts ul>li:nth-child(4){ margin-left:15.3333%}
.etw_mainproducts ul>li>ol,.etw_mainproducts ul>li>ol>li{ width:100%;}
.etw_mainproducts ul>li>ol>li img{ width:100%}
.etw_mainproducts ul>li>ol>li.product_img{display: inline-block;position: absolute;top:0;margin-top: -95px;float: none;width: 190px;left: 50%;margin-left: -95px;max-width: 100%;margin-bottom: 0;background-color: #2c74bd;background: repeating-linear-gradient(-45deg, #2c74bd, #2c74bd 10px, transparent 10px, transparent 20px);padding: 15px;border-radius: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.etw_mainproducts ul>li>ol>li.product_img:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #fff;}
.etw_mainproducts ul>li>ol>li.product_img img{border-radius: 100%;position: relative;z-index: 10;}
.etw_mainproducts ul>li:nth-child(2) ol>li.product_img {background-color: #9dc2dd;background: repeating-linear-gradient(-45deg, #9dc2dd, #9dc2dd 10px, transparent 10px, transparent 20px);}
.etw_mainproducts ul>li:nth-child(3) ol>li.product_img {background-color: #51535a;background: repeating-linear-gradient(-45deg, #51535a, #51535a 10px, transparent 10px, transparent 20px);}
.etw_mainproducts ul>li>ol>li.product_img:hover {padding: 0px;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all 0.3s;}
.etw_mainproducts ul>li>ol>li.product_con a{ display:block; color:#333; font-size:1rem; text-align:center; padding:0.75rem 0 0.75rem}
.etw_mainproducts ul>li>ol>li.product_con>a{display: block;font-size: 1.125rem;font-weight: 700;line-height: 1.125rem;color: #2c74bd;padding: 0.5rem 0 0.5rem 0;position: relative;margin-bottom: .75rem;}
.etw_mainproducts ul>li>ol>li.product_con>a:hover{color: #1fa0d6;}
.etw_mainproducts>ul>li>ol>li.product_con span{font-size: .875rem;}
.etw_mainproducts>ul>li>ol>li.product_con .more{position: absolute;left:0;bottom: 1rem;width: 100%;padding: 0 25px;text-align: center;}
.etw_mainproducts>ul>li>ol>li.product_con .more a{display: inline-block;padding: 5px 35px;background: #2c74bd;color: #fff;font-size: .75rem;line-height: 1rem; border-radius: 20px;}
.etw_mainproducts>ul>li>ol>li.product_con .more a{margin: 0 20px 0 0;padding: 4px 25px;background-color: #2c74bd;border: none;border-radius: 14px;color: #fff;font-size: .75rem;}
.etw_mainproducts>ul>li>ol>li.product_con .more:hover a{padding-top: 8px;padding-bottom: 8px;margin-top: -4px;margin-bottom: -4px;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all 0.3s;background: #1fa0d6;}

.processes01{width: 100%;float: left;margin: 0 auto}
.processes01 ul{width: 100%;display: flex;flex-wrap: wrap;}
.processes01 ul>li{width: 44%;margin-right: 12%;float: left;}
.processes01 ul>li:nth-child(2){margin-right: 0;}
.processes01 ul>li>ol,.processes01 ul>li>ol>li{width: 100%;}
.processes01 ul>li>ol>li{float: left;padding: 0.25rem 1rem;background: #f2f2f2;position: relative;margin-bottom: 1.5rem;text-align: center;border-radius: 21px}
.processes01 ul>li>ol>li:after{position: absolute;content: "\f063";left: 0;right: 0;margin: 0 auto;bottom: -24px;font-family: fontawesome;}
.processes01 ul>li>ol>li:last-child:after{display: none;}
.processes01 ul>li:nth-child(1)>ol>li:last-child:before{position: absolute;content: "\f061";font-family: fontawesome;right: -44px;top: 10px;font-size: 1rem;color: #666666}
.processes01 ul>li:nth-child(1)>ol>li{padding: 13px 1rem;}
.processes01 ul>li span.tit{width: 100%; display: block; font-size: 1.09rem!important; font-weight: 600; color: #2c74bd; padding-bottom: 1rem; text-align: center}


.etw_homelink{ width:100%; margin:0 auto;  padding:2rem 0}
.etw_homelink ul{width:100%;  display:flex; flex-wrap:wrap; margin-bottom:0}
.etw_homelink ul>li{ width:31.7%; margin:0.75rem 1.5% 0 0; display:flex; flex-wrap:wrap} 
.etw_homelink ul>li>ol{ width:100%}
.etw_homelink ul>li>ol>li{ width:100%; position:relative}
.etw_homelink ul>li>ol>li img{ width:100%;border: 1px #d3d3d3 solid;}
.etw_homelink ul>li>ol>li span{ display:block; position:absolute; color:#fff; background:rgba(0,0,0,.5); left:0; bottom:0; padding:0.5rem 1rem; width:100%; text-align:center; font-size:1rem; font-weight:bold}
.etw_homelink ul>li>ol:hover>li span{ background:#000}
.etw_homelink ul > li:nth-child(3n){margin-right: 0;}

  
.company{ width:100%; padding:2rem 0 2.5rem 0;  margin:0 auto; display:flex; flex-wrap:wrap} 
.company_box{background: #eee;padding: 0 1rem;}
.company_txt{ width:64%; float: left;margin-right: 2%;background:#eeeeee}
.company_txt1{ width:98.5%; margin:1.5% 0 1.5% 0; border:1px #ddd solid; padding:0.75rem 1.5rem}
.company_txt h2{ width:100%; display:block; font-size:1.875rem; color:#333 !important; line-height:1.6rem; padding:0 0 1rem 0 !important; margin:0; font-weight:bold !important;}
.company_txt p{ display:block; color:#666; font-size:0.875rem; padding:0.5rem 0 0.75rem 0; line-height:1.4rem} 
.company_txt .more a{ display:inline-block; width:auto; margin:0.5rem auto 1rem auto;  line-height:20px; background:#2c74bd; padding:0.3rem 1.875rem;   text-align:center;  color:#fff; font-size:0.875rem;border-radius: 10px;}
.company_txt .more a:hover{ background:#000;padding: 0.5rem 1.875rem;margin: 0.3rem 0 .8rem;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all 0.3s;
    background: #1fa0d6;}

.company_right{width: 34%;float: right;background: #eeeeee;margin-top: 1.5rem;border-radius: 10px;overflow: hidden;}
.company_right .etw_videos .plyr--stopped.plyr__poster-enabled .plyr__poster{transition: all .5s;}
.company_right .etw_videos:hover .plyr--stopped.plyr__poster-enabled .plyr__poster{transform: scale(1.05);}

.etw_videoshow{ display:none; width:100%;}
.videoflow{ overflow:hidden; max-height:500px; position:relative; cursor:pointer;}
.videoflow:before{position:absolute;top:50%;left:50%; margin:0 auto;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:45px;height:45px;color:#273f9c; background:#fff; font-size:1.5rem;padding: 10px 0 0 7px;z-index: 10;}
.videoflow:hover:before{background:#273f9c; color:#fff;}
.videoflow img{ width:100%;}
.videoflow1{max-height: 200px;}
.videoflow1:before{padding: 10px 0 0 16px;}
.videoflow img{transition: all .5s;}
.videoflow:hover img{transform: scale(1.03);z-index: -1;}



.etw_homelink1{ width:100%; margin:0 auto;  padding:1rem 0 3.5rem 0}
.etw_homelink1 ul{width:100%;  display:flex; flex-wrap:wrap; margin-bottom:0}
.etw_homelink1 ul>li{ width:23.5%; margin:0.75rem 2% 0 0; display:flex; flex-wrap:wrap; }  
.etw_homelink1 ul>li:nth-child(4n){margin-right:0}

.etw_homelink1 ul.logoul>li{ width:13.4285714286%; margin:0.75rem 1% 0 0; display:flex; flex-wrap:wrap; }  
.etw_homelink1 ul.logoul>li:nth-child(4n){margin-right:1%}
.etw_homelink1 ul.logoul>li:nth-child(7n){margin-right:0}
.etw_homelink1 ul.logoul>li img{ border:2px #ccc solid;}

.etw_homelink1 ul>li  img{ width:100%;}
.etw_homelink1 ul>li span{ display:block; color:#333;  width:100%; text-align:center; font-size:1rem; padding-top:0.5rem}
.etw_homelink1 ul>li:hover>li span{ color:#2c74bd; text-decoration:underline}
.etw_homelink1 p{ display:block; width:90%; margin:0 auto; text-align:center; line-height:1.4rem; font-size:0.875rem}

.etw_bottom{ width:100%; height:auto; background:#333; overflow:hidden; padding:1.75rem 0 1.5rem 0; border-bottom:1px #222 solid}
.bottom_nav{ width:100%; padding:1rem 0 0.875rem; background:#f5f5f5; margin-bottom:2rem}
.bottom_nav ul{ width:85%; float:left; display:flex; flex-wrap:wrap; margin-bottom:0}
.bottom_nav ul li{ display:inline-block; width:auto}
.bottom_nav ul li a{ display:block; color:#333; font-size:1.125rem; padding:0 2.5rem 0 0; line-height:1.5rem}
.bottom_nav ul li a:hover{ color:#2c74bd; text-decoration:underline}
.con_all{ width:auto; float:right}
.con_all a{ display:inline-block; width:auto; color:#fff; background:#2db168; padding:0.1rem 1rem 0.15rem 1rem; border-bottom:2px #178e4c solid; line-height:1.5rem}

.etw_productlists{ width:54%; float:left}
.etw_productlists ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_productlists ul>li{ width:50%; padding-right:5%}
.etw_productlists ul>li>ol,.etw_productlists ul>li>ol>li{ width:100%;}
.etw_productlists ul>li>a{ display:block; color:#fff; font-size:1.125rem; font-weight:bold; line-height:1.25rem; padding:0 0 .75rem 0}
.etw_productlists ul>li>.tit{ display:block; color:#fff; font-size:1.125rem; font-weight:bold; line-height:1.25rem; padding:0 0 .75rem 0}
.etw_productlists ul>li>ol>li>a{ display:block; color:#fff; font-size:0.75rem; line-height:1rem; padding:0 0 0.25rem 0}
.etw_productlists ul>li a:hover,.etw_contactin .etw_hometitle a:hover,.etw_contactin ul>li a:hover{ color:#999; text-decoration:underline}

.etw_contactin .etw_hometitle{ display:block; color:#fff; font-size:1.125rem; font-weight:bold; line-height:1rem; padding:0 0 .75rem 0; margin:0}
.etw_contactin .etw_hometitle a{ color:#fff}
.etw_contactin{ width:20%; float:left; padding-right: 0}
.etw_contactin:nth-child(1){width: 40%; padding-right: 2%}
.etw_contactin:last-child{padding-right: 0}
.etw_contactin ul{ width:100%; margin-bottom:0}
.etw_contactin ul>li{ width:100%; padding:0 0 0.25rem 0; color:#fff; line-height:1rem; font-size:0.875rem}
.etw_contactin ul>li span{ display:inline-block;  font-weight:bold; padding-bottom: .5rem; font-size: 1rem}
.etw_contactin ul>li a{ color:#fff}


 
/*container*/
#container{margin-top:97px;} 
.content{width:94%;  max-width:1200px; margin:0 auto;}
.etw_content{width:94%;  max-width:1200px; margin:0 auto;}
#etw_right{width:76%; float:right; padding-left:1.875rem; position:relative}  
#etw_right:before{ position:absolute; content:""; width:1px; height:100%; left:0; top:0; background:#eee}
#etw_sidebar{ width:21%; float:left;}   
#etw_sidebar .etw_hometitle{ display:block; font-size:1.25rem; color:#333; font-weight:700; padding:0 ; margin:0 0 1rem 0}
#etw_sidebar .etw_hometitle span{ display:inline-block; color:#333; width:auto; position:relative; padding:0 0 0.5rem 0;}
#etw_sidebar .etw_hometitle span:before{ position:absolute; content:""; width:83px; height:3px; left:0; bottom:0; background:url(../images/line.jpg) no-repeat}


.etw_productlist{ width:100%; } 
.etw_productlist ul,.etw_productlist>ul>li,.etw_productlist>ul>li>ol,.etw_productlist>ul>li>ol>li{ width:100%; float:left} 
.etw_productlist>ul>li>a{ display:block; font-size:0.8325rem; color:#333; line-height:1.125rem; padding:13px 1rem 13px 1.125rem; border-bottom:1px #eee solid; position:relative}  
.etw_productlist>ul>li>a:before{ position:absolute;content:"\f105"; color:#222; font-size:0.875rem; left:0; top:13px; font-family:fontawesome}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{color:#2c74bd;}
 
 

/*快速导航*/ 
#etw_producttitle{margin:0 auto; height:auto; color:#666; font-size:0.75rem; padding:3px 0 5px 0; overflow:hidden; background:#eee}
#etw_producttitle ul{ margin-bottom:0}
#etw_producttitle ol{ width:100%; margin:0 auto;}
#etw_producttitle a{color:#666; padding-right:15px}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#666;content:"\f105"; font-size:12px; font-family:fontawesome; margin-right:12px;}
#etw_producttitle a:hover{color:#1f2547}
#etw_instruction{width:100%;height:auto;} 


/*Cases*/
.etw_hubs{width: 100%; max-width: 1200px}
.etw_hubs ul li{width: 100%}
.etw_hubs ul li ol li.pro_img{width: 22%; float: left}
.etw_hubs ul li ol li.pro_con{width: 76%; float: right; margin-left: 2%}
.etw_hubs ul li ol li.pro_con .etw_tit a{font-size: 1.1rem; font-weight: 700; color: #333; padding-bottom: 0.5rem}
.etw_hubs ul li ol li.pro_con .etw_tit a:hover{color: #2965b3}

/*其他公用样式*/
.smalltitle{font-size:1.5rem; display: block; color: #fff; text-align:center; line-height:1.75rem; margin:1rem 0 2.5rem 0; padding:0.875rem 0; background:#082365; border-radius:8px; position:relative}  
.smalltitle:before{ position:absolute; content:""; left:0; right:0; margin:0 auto; bottom:-18px; border-top:15px solid #082365; border-left:20px solid transparent; border-right: 20px solid transparent; width:30px; height:18px;}

.smalltitle1{font-size:1.5rem; display: block; color: #fff; text-align:center; line-height:1.75rem; margin:1rem 0 1.5rem 0; padding:0.875rem 0 0 0; font-weight:700}  

.tit1{display: block;font-size: 1rem;font-weight: 600;line-height: 20px;color: #2c74bd;padding: 0.3rem 0 0.5rem 0;position: relative;margin-bottom: 0;}
.tit2{display: block;font-size: 0.875rem;font-weight: 600;line-height: 20px;color: #333;padding: 0.3rem 0 0.5rem 0;position: relative;margin-bottom: 0;}
 
ul.item{width:97%; padding-bottom:18px; float:none; margin-bottom:0}
ul.item li{list-style: decimal;margin:4px 0 5px 20px; line-height:21px;width:97%; float:none} 
ul.item li.last{margin-left:22px;} 
ul.item li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}
ul.item1{width:97%; padding-bottom:18px; float:none; margin-bottom:0}
ul.item1 li{ list-style:disc;margin:4px 0 5px 20px; line-height:21px;width:97%; float:none} 
ul.item1 li.last{margin-left:22px;} 
ul.item1 li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}

.proitem{ float:none; width:auto; overflow:hidden;margin-bottom:0}
.proitem>li{width:100%; line-height:1.5rem; padding:8px 0 0 15px; position:relative; }
.proitem>li::before{position:absolute; content:"";  left:0; top:18px; background:#37a9ad; width:5px; height:5px;}  

.process{ width:100%; float:left; margin:0.5rem 0}
.process li{ display:inline-table; color:#333; font-size:0.8325rem; background:#eee; padding:0.4rem 0.875rem; margin:0 3rem 0.75rem 0; font-weight:bold; position:relative}
.process li:before{ position:absolute; content:"\f105"; width:20px; height:20px; background:#37a9ad; text-align:center; line-height:20px; color:#fff; font-size:1rem; right:-2.25rem; top:0.6rem; font-family:fontawesome; border-radius:50%;}
.process li:last-child:before{ position:static; content:normal; background:0}


.process1{ width:100%; float:left; margin:0.5rem 0;}
.process1 ul{ width:100%;max-width:600px;}
.process1 li{display:flex;  flex-flow: wrap; color:#333; font-size:0.8325rem;position:relative; width:100%; margin-bottom:3rem;}
.process1 li .txt{ width:50%; background:#918800; color:#fff; font-size:1.3rem; line-height:1.75rem; padding:2rem 1rem; text-align:left;border-radius:20px; align-items:center; justify-content:space-around; flex-direction:column; display:flex}
.process1 li .img{ width:50%; border:1px #ccc solid; }
.process1 li:before{ position:absolute; content:""; width:36px; height:32px; background:url(../images/jt.jpg); text-align:center; right:0; left:0; bottom:-36px; margin:0 auto;}
.process1 li:last-child:before{ position:static; content:normal; background:0}
@media (max-width: 575.98px) {
	.process1 li .txt{  font-size:1.35rem;}
}
@media (max-width: 420px) {
	 .process1 li .txt{padding:1rem;}
	.process1 li .txt,.process1 li .img{ width:100%; }
}

.processes{ width:100%; float:left; margin:0.5rem 0}
.processes li{ display:inline-table; color:#333; font-size:0.8325rem; background:#eee; padding:0.4rem 0.875rem; margin:0 3rem 0.75rem 0; font-weight:bold; position:relative}
.processes li:nth(1){width:15px}
.processes li:before{ position:absolute; content:"\f105"; width:20px; height:20px; background:#37a9ad; text-align:center; line-height:20px; color:#fff; font-size:1rem; right:-1.8rem; top:0.6rem; font-family:fontawesome; border-radius:50%;}
.processes li:last-child:before{ position:static; content:normal; background:0}
 



.contents{width: 100%; margin: 0} 

.protitle{ width:100%; display:block; color:#333; font-size:1.875rem; font-weight:bold; line-height:1.5rem; text-align:center; margin:0 0 1.5rem 0}    
.protitle span{ display:inline-block; width:auto; padding:0 8.5rem; position:relative; color:#272727}
.protitle span:before{ position:absolute; content:""; width:99px; height:7px; left:0; top:0.6rem; background:url(../images/left.jpg) no-repeat}
.protitle span:after{ position:absolute; content:""; width:99px; height:7px; right:0; top:0.6rem; background:url(../images/right.jpg) no-repeat}


.protitle1{ display:block; width:100%; margin:0.75rem 0 0 0; font-size:1rem; line-height:1.4rem; color:#222; font-weight:bold;position:relative} 
 

.protitle2{ display:block; width:100%; margin:0.5rem 0 0 0; font-size:1rem; line-height:1.4rem; color: #222; font-weight:bold;} 
.protitle3{ display:block; width:100%; margin: 2rem 0 0 0; font-size:1.4rem; line-height:1.4rem; color: #2c74bd; font-weight:bold; text-align: center; padding-bottom: .8rem} 



.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;clear:both}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url(../images/grabbing.png) 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-one{float:none;margin:0 auto;width:100%;max-width:880px;position:relative}
.owl-theme .owl-controls{width:100%;text-align:center}
.owl-theme .owl-controls .owl-buttons{display:block;width:100%;height:100%}
.owl-theme .owl-controls .owl-buttons div{position:absolute;display:inline-block;display:block;width:35px;height:40px;color:#fff;font-size:0;zoom:1;/* top:33%; */filter:Alpha(Opacity=50);left: 0;right: 0;margin: 0 auto}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none;opacity:.6;filter:Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;margin:5px 7px;width:12px;height:12px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#296fbd;opacity:.5;filter:Alpha(Opacity=50)}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1;filter:Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page span.owl-numbers{padding:2px 10px;width:auto;height:auto;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#FFF;font-size:12px}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center} 
.owl-one{/* width:98%; *//* margin:3px auto 3px; *//* float:none; */} 
.owl-one a:hover .about_title{color:#da251c;}
.owl-one img{display:block;width:100%;height:auto;border: 1px solid #eee;padding: 1rem}
.owl-one .buttons a{padding:0}
.action{/* position:relative; *//* overflow:hidden; *//* height:auto; *//* width:100%; */}
.owl-one img:hover{opacity: .7}


.etw_products{width:100%; height:auto; float:left}
.etw_products>ul{width:100%; display:flex; flex-wrap:wrap; margin-bottom:0 !important}
.etw_products>ul>li{width:23.5%;  margin:0.5rem 2% 1rem 0} 
.etw_products>ul>li:nth-child(4n){margin-right:0} 
.etw_products>ul>li .product_img{width:100%; }
.etw_products>ul>li .product_img img,.etw_products1>ul>li>ol>li.product_img{width:100%}  
.etw_products>ul>li .product_img img:hover{ opacity:.7}
.etw_products>ul>li .product_con{width:100%; background:#f5f5f5;}  
.etw_products>ul>li .product_con a{color:#333; font-size:0.875rem; line-height:1.125rem; display: block; padding:0.6rem 1.25rem; position:relative}  
.etw_products>ul>li .product_con a:before{ position:absolute; content:"\f105"; color:#ccc; font-size:1rem; font-family:fontawesome; top:0.6rem; right:1.25rem}
.etw_products>ul>li .product_con a:hover{background:#0070bc; color:#fff}  
.etw_products>ul>li .product_con a:hover:before{ color:#fff}


.etw_products1{width:100%; height:auto; float:left}
.etw_products1 ul{ width:100%; display:flex; flex-flow: wrap; margin-bottom:0}
.etw_products1 ul>li{ width:31.3%; margin:0.5rem 3% 1.5rem 0;}
.etw_products1 ul>li:nth-child(3n){ margin-right:0}
.etw_products1>ul>li>ol,.etw_products1>ul>li>ol>li{ width:100%}
.etw_products1>ul>li>ol>li.product_img{text-align:center; border:1px #dedede solid}
.etw_products1>ul>li>ol>li.product_img img{ width:100%}
.etw_products1>ul>li>ol>li.product_con{padding:0.4rem 0.875rem 3% 0; line-height:0.9375rem; font-size:0.75rem;}
.etw_products1>ul>li>ol>li.product_con a{ display:block; text-align:left; font-size:0.9375rem; font-weight:700; line-height:1.125rem; color:#333; padding:0.5rem 0 0.7rem 0; border-bottom:1px #dedede solid; position:relative}
.etw_products1>ul>li>ol>li.product_con a:before{ position:absolute; content:""; width:40%; height:1px; background:#2c74bd; left:0; bottom:0}
.etw_products1>ul>li:hover>ol>li.product_con a{ color:#2c74bd}
.etw_products1>ul>li:hover>ol>li.product_img{ border:1px #ccc solid} 
.etw_products1>ul>li>ol>li.product_con a:hover:before{ width:100%; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s}
.etw_products1>ul>li >ol>li.product_con p{ display:block; color:#666; font-size:0.9375rem; line-height:1.25rem; padding:0.2rem 0 0.1rem 0; margin:0}
.etw_products1>ul>li >ol>li.product_con span{ display:block; font-size:0.875rem; line-height:1.125rem; padding:0.7rem 0 0.4rem 0}
.etw_products1>ul>li>ol>li.product_con .more a{ display:block; width:110px; height:auto; line-height:1.8rem; text-align:center; border:1px #2c74bd solid; margin:1rem 0 0.8rem 0; padding:0; float:left; font-size:0.8125rem; font-weight:300; color:#2c74bd; }
.etw_products1>ul>li>ol>li.product_con .more a:before{ position:static;}
.etw_products1>ul>li>ol>li.product_con .more a:hover{ color:#000; border:1px  #000 solid}
 
 
.etw_related{width: 100%;float: left;} 
.etw_related .nav-tabs{border-bottom:1px #eee solid; margin:0.5rem 0 1.5rem}
.etw_related ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_related .nav-tabs li{width:auto; display:inline-block; margin:0 0.1rem} 
.etw_related .nav-tabs li a{display: block; padding: 0.5rem 0.3rem; color: #333;text-align: center;font-size:0.75rem;font-weight:700;}
.etw_related .nav-tabs li a:hover,.etw_related .nav-tabs li a.active{border-bottom:2px solid #0c58ff;} 
 

.img_center,.img_center1{width:100%;clear:both;margin:0.5rem auto 1.5rem auto;text-align:center; }
.img_center img{ width:auto;}
.img_center1{ margin-bottom:0.4rem}
.img_center1 img{ width:100%; border:1px #dedede solid}
.img_left,.img_right{width:42%;float:right; margin:10px 0 15px 4%; text-align:center;}
.img_left{width:30%; float:left;margin:10px 3% 15px 0;}
.sswidth{width:20%; }
.swidth{width:25%; }
.smwidth{width:32%; margin:8px 3% 15px 0}
.mswidth{width:35%; margin-top:1.125rem; border-radius:18px;}
.mswidth img,.mwidth img{ border-radius:18px;}
.mwidth{width:48%; margin:0 0 5px 4%}
.img_left img,.img_right img{display:block; width:100%; border:1px #eee solid;}

.etw_photo{margin:0 0 0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul.noborder{ padding:0 10%} 
.etw_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%; border:1px #d3d3d3 solid; position: relative; margin:5px 0 0;border-radius: 10px;} 
.etw_photo ul.noborder li img,.etw_photo ul.noborder1 li img,.noborder1 img{border:none}  
.etw_photo ul li a{color:#333;}
.etw_photo ul li span{display:block; font-size:0.9375rem; line-height:1.125rem; padding:0.5rem 1.5rem;} 
.etw_photo ul li p{display:block; text-align:left}
.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%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.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;}
figure{margin:0}

.left_pic{width:100%; height:auto; float:left; margin:0 0 25px 0;}
.left_pics{width:100%; height:auto; float:left; position: relative} 
.left_pics span{position: absolute; left: 16px; bottom: 21px; font-size: 1rem; color: #dfdfdf; font-weight: 600}
.left_pics img{width:100%; text-align:center; border-radius: 21px}
.left_pics a{cursor:default; }
.left_pics img:hover{ transform:scale(1.02)}
.related_pic{width:100%; height:auto; float:right;  text-align:center}
.related_pic a{width:15%; height:auto; float:left; margin:10px 2% 0 0; display:block; text-align:center; color:#666; font-size:12px; cursor:pointer;}
.related_pic a:nth-child(6n){margin-right:0}
.related_pic a img{width:100%; border-radius: 10px;border:0.125rem #fff solid}  
.related_pic a.dq img{ border:0.125rem #2c74bd solid;} 
.left_pics1{width:100%; height:auto;   position: relative; margin:0 auto;} 
.left_pics1 span{position: absolute; left: 16px; bottom: 21px; font-size: 0.8rem; color: #fff; font-weight: 600; background:#585858}
.left_pics1 img{width:100%; text-align:center; border-radius: 21px}
.left_pics1 a{cursor:default; }
.left_pics1 img:hover{ transform:scale(1.02)}
.related_pic1{width:100%; height:auto; float:right;  text-align:center}
.related_pic1 a{width:12%; height:auto; float:left; margin:10px 2% 0 0; display:block; text-align:center; color:#666; font-size:12px; cursor:pointer;}
.related_pic1 a:nth-child(7n){margin-right:0}
.related_pic1 a img{width:100%; border-radius: 10px;border:0.125rem #fff solid}  
.related_pic1 a.dq img{ border:0.125rem #2c74bd solid;}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%; float:left;   padding:0; margin: 0}
#etw_form_title{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}
#floatchatiframe2011{margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%; background:#17357c; padding:1rem 1.25rem 0 1.25rem;}  
#etw_form  #etw_set_feedback_form{padding:0 0 1.2rem 0 !important; margin-top:-0.5rem !important}
.indent{ padding-left:80px} 
#etw_form p{ font-size:0.875rem; color:#fff}
#etw_form .protitle2{ color:#fff; padding-left:0}
#etw_form .protitle2:before{ background:none}


.history_date-list{ width:100%;padding: 1rem}
.history_date-list li{ width:50%; float:right; border-left:1px solid #CCC;box-sizing:border-box;cursor:pointer; padding:2rem 0 1.5rem 1.5rem;position:relative;height:auto; clear:both; text-align:left}
.history_date-list li:nth-child(2n){width:50%; float:left; border-right:1px solid #CCC; border-left:none; text-align:right; padding:3rem 1.5rem 5rem 0;}  
.history_date-list li span{display: block; font-size:1.25rem; font-weight:700; margin-left:0; width:100px; height:40px; line-height:40px;text-align: center;border-radius:25px;background: #eee; margin-bottom:15px; position:absolute;top:0;left:-50px; border:1px #999 solid} 
.history_date-list li:nth-child(2n) span{ right:-50px; left:auto}
.history_date-list li:hover span{ background:#082365; color:#fff}
.history_date-list li p{position:relative;display:block; margin:0; padding:20px 0;}  
.history_date-list li p:before{ position:absolute; content:""; top:28px; left:-31px; width:12px; height:12px; background:#082365; border-radius:50%;}  
.history_date-list li:nth-child(2n)  p:before{ top:28px; left:auto; right:-31px;}  
.history_date-list li img{width: 50%;}

.pro_container{padding: 0;margin: 1rem 0;}
.pro_container .pro_left{}
.pro_container .pro_right{padding-left: 3%;}
.pro_container .pro_left .big_img{margin-bottom: 1rem;}
.pro_container .pro_left .big_img img{width: 100%;}
.pro_container  .tit{font-size: 14px;font-weight: 600;color: #444;margin-bottom: 1rem;}
.checklist{border-top: 1px solid #c9c7c7;margin-bottom: 25px;}
.checklist li{border-bottom: 1px solid #c9c7c7;padding: 5px 10px;color: #444;font-size: 15px;background-image:url(../images/check.png);background-repeat: no-repeat;background-position: 10px 15px;background-size: 14px auto;padding-left: 36px;}
.checklist li span{font-size: 12px}
.pro_container .pro_right h2{float: none;font-size: 1.5rem;}
.pro_container  .pro_left p{text-align: center; margin-top: 18px}
.pro_container  p .btn{margin: 0 20px 0 0;padding: 4px 25px;background-color: #2c74bd;border: none;border-radius: 14px;color: #fff;font-size: .875rem;}
.pro_container  p .btn:hover{padding-top: 8px;padding-bottom: 8px;margin-top: -4px;margin-bottom: -4px;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all 0.3s;background: #1fa0d6;}
.pro_item2{background-color: #f4f4f8;padding: 30px 0;}
.pro_item3{background-color: #fff;padding: 30px 0;}
.pro_detail{padding: 1rem 0 2rem;max-width: 1200px;width: 94%;margin: 0 auto;}
.pro_detail>ul>li{width: 48%;margin: 0 4% 1rem 0;float: left;}
.pro_detail>ul>li:nth-child(2n){margin-right: 0;}
.pro_detail>ul>li:nth-child(2n){margin-right: 0;}


.pro_detail>ul>li{border: 1px solid #d5d5e4;border-radius: 21px;padding: 25px 25px 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;padding-top: 100px;position: relative;margin-top: 130px;background: #fff;}
.pro_detail>ul>li>ol,.etw_mainproducts ul>li>ol>li{ width:100%;}
.pro_detail>ul>li>ol>li img{ width:100%}
.pro_detail>ul>li>ol>li.product_img{display: inline-block;position: absolute;top:0;margin-top: -112px;float: none;width: 220px;left: 50%;margin-left: -110px; max-width: 100%;margin-bottom: 0;background-color: #9dc2dd;background: repeating-linear-gradient(-45deg, #9dc2dd, #9dc2dd 10px, transparent 10px, transparent 20px);padding: 15px;border-radius: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_detail>ul>li>ol>li.product_img:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #fff;}
.pro_detail>ul>li>ol>li.product_img img{border-radius: 100%;position: relative;z-index: 10;}

.pro_detail>ul>li:nth-child(2) ol>li.product_img {background-color: #51535a;background: repeating-linear-gradient(-45deg, #51535a, #51535a 10px, transparent 10px, transparent 20px);}
.pro_detail>ul>li>ol>li.product_img:hover {padding: 5px;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all 0.3s;}
.pro_detail>ul>li>ol>li.product_con a{ display:block; color:#333; font-size:1rem; text-align:center; padding:0.75rem 0 0.75rem}
.pro_detail>ul>li>ol>li.product_con>.tit{display: block;font-size: 1.125rem;font-weight: 700;line-height: 1.125rem;color: #2c74bd;padding: 1rem 0 0.5rem 0;position: relative;margin-bottom: .5rem;}
.pro_detail>ul>li>ol>li.product_con>a:hover{color: #333;}
.pro_detail>ul>li>ol>li.product_con span{font-size: .875rem;}
.pro_detail>ul>li>ol>li.product_con .item>li{font-size: .875rem;margin-bottom: .5rem;padding-bottom: 0;text-align: left;list-style: decimal;margin: 4px 0 10px 20px;}
.pro_detail>ul>li>ol>li.product_con .item{max-height: 64px;transition: all .3s;overflow: hidden;transition: max-height ease-out 0.5s;text-align: left;}
.pro_detail>ul>li>ol>li.product_con .item p{font-size: .875rem;margin-bottom: .5rem;padding-bottom: 0;text-align: left;line-height: 1.375rem;}
.pro_detail>ul>li>ol>li.product_con .item .checklist{margin-top: .5rem;}
.pro_detail>ul>li>ol>li.product_con .item .checklist li{font-size: .875rem;padding-top: 4px;padding-bottom: 4px;}
.pro_detail>ul>li>ol>li.product_con .more{position: absolute;left:0;bottom: 1rem;width: 100%;padding: 0 25px;text-align: center;}
.pro_detail>ul>li>ol>li.product_con .more span{display: inline-block;padding: 5px 35px;background: #2c74bd;color: #fff;font-size: .75rem;line-height: 1rem; border-radius: 20px;cursor: pointer;}
.pro_detail>ul>li>ol>li.product_con .more span:hover{background: #4688cb;}
.pro_detail>ul>li>ol>li.product_con .more span{margin: 0 20px 0 0;padding: 4px 25px;background-color: #2c74bd;border: none;border-radius: 14px;color: #fff;font-size: .875rem;}
.pro_detail>ul>li>ol>li.product_con .more span:hover{padding-top: 8px;padding-bottom: 8px;margin-top: -4px;margin-bottom: -4px;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all 0.3s;background: #1fa0d6;}

.pro_detail>ul>li>ol>li.product_con .item.on{max-height: 1000px;transition: max-height ease-in 0.5s;}
.pro_detail .process li{font-size: 0.75rem;padding: 0.4rem 0.5rem;margin: 0 2rem 1.5rem 0;}
.pro_detail .process li:before{width: 16px;height: 16px;line-height: 16px;color: #fff;font-size: .75rem;right: -1.5rem;}

.list_detail{width: 100%;}
.list_detail .left_tu{width: 24%;float: left;}
.list_detail .right_txt{width: 72%;float: right;margin-left: 3%;}
.list_detail .tit{font-size: 1.125rem;color: #333;font-weight: 600;margin: 0 0 1rem;}


/*底部*/
#footer{width:100%;height:auto; padding:0.5rem 0 0.875rem 0;background:#333; border-top:1px #4d4d4d solid} 

#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#etw_homefooter{height:auto;padding:1.75rem 0 1rem 0;  text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 1.875rem;color:#fff; margin:0px;position:relative;font-size:1.125rem; text-transform:uppercase}
#etw_homefooter a:hover{color:#dfb933; text-decoration:none;}
#etw_coper a{display:block;color:#999; margin-top:0.25rem;font-size:0.75rem;}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#999; font-size:0.75rem; display:inline-block;padding:0.25rem 0.3rem 0 0.3rem; margin-right:0.875rem;line-height: 1rem;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#fff; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}  


/*tags*/
#tags{ padding-bottom:1.5rem}
#tags_title{ display:block; color:#f1b601; font-size:.85rem; font-weight: 500; line-height:28px; text-align:left; padding:10px 0 0 0;} 
#tags>a{ padding: 0 10px 0 0; margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }
.etw_products_tags{ width:100%; height:auto; overflow:hidden;}
.etw_products_tags ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_products_tags ul>li{ width:23%; margin:0 2.6% 2% 0;}
.etw_products_tags ul>li:nth-child(4n){ margin-right:0}
.etw_products_tags ul li ol,.etw_products_tags ul li ol li{ width:100%;}
.etw_products_tags ul li ol li.product_img,.etw_products_tags ul li ol li.product_con{ width:100%;}
.etw_products_tags ul li ol li.product_img{ text-align:center; transition:.3s; padding:3px; border:1px solid #eee; box-shadow:0 0 8px #ddd;} 
.etw_products_tags ul li:hover ol li.product_img{ border-color:#0c3b64;}
.etw_products_tags ul li ol li.product_img a img{height:150px}
.etw_products_tags ul li ol li.product_con a{ color:#888; line-height:18px; display:block; text-align:center; margin:12px 0; font-size:14px;}
.etw_products_tags ul li:hover ol li.product_con a{ color:#d2000d;}


/*引用sitemap样式*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#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:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}  


.qr_contact{overflow: hidden;display: flex;margin: 0 -15px 15px;}
.qr_contact li{width: 50%;text-align: center;padding: 0 15px;}
.qr_contact li .con{border-radius: 20px;background-color: #eee;padding: 10px;}
.qr_contact h3.tit{font-size: 1rem;color: #333;margin-bottom: 10px;}


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

@media (max-width: 1199.98px) {   
#etw_logo{margin-left:1rem}   
.etw_mainbody{ background-size:cover !important} 
#etw_homefooter a{ font-size:0.8135rem}  
.navbar-light .navbar-nav .nav-link{ padding:0 0.875rem;}
.banner .bannertxt{ position:static; width:100%; padding:2rem 0 0 0} 
.banner .bannertxt p{ padding-bottom:0}
.pro_detail>ul>li>ol>li.product_con .item{max-height: 66px;}
.pro_detail>ul>li{padding-left: 8px;padding-right: 8px;}
.pro_detail>ul>li>ol>li.product_con .item>li{margin-top: 0;}	
}
@media (max-width: 1054.98px) {
	.processes01 ul>li:nth-child(1)>ol>li:last-child:before{
		position: absolute;
		right: -35px;
		top: 0;
		transform: rotate(-10deg)
	}
}
@media (max-width: 991.98px) { 
.top-nav{background:#333; text-align:left; width:100%; padding:0}
.navbar-light .navbar-nav .nav-link{ padding: 0.4rem 1.4rem 0.5rem 1rem; line-height: 1.5rem; display:block; color:#fff}
.navbar-nav .dropdown-menu{ border:none; border-radius:0; margin-top:-1px;}
.navbar-light .navbar-nav .dropdown-menu,#menu-items{ background-size:cover}
.navbar{padding:0.05rem 0rem 0;} 
.navbtn{margin:1.875rem 1rem 0 2rem}
#header{position: relative;}
#container{margin-top:0;}  
#etw_right{width:100%; padding-left:0}
#etw_right:before{ position:static; background:none}
.pt-5, .py-5 { padding-top: 1.5rem !important;}     
#etw_sidebar,.company img{ display:none}
.bottom_nav ul{ width:auto}  
.bottom_nav ul li a{ padding-right:1.5rem; font-size:0.875rem}
.company_txt{ width:100%;} 
.company_txt1{ margin:1.5%; width: 97%; padding:0.75rem}
.etw_homelink ul > li{ width:48%}   
.etw_homelink ul > li:nth-child(3n){margin-right: 1.5%;}
.etw_homelink ul > li:nth-child(2n){margin-right: 0;}
.etw_mainproducts ul>li{padding-left: 8px;padding-right: 8px;}
.pro_container .pro_left{margin-bottom: 2rem;}
.pro_detail>ul>li{width: 100%;margin-right: 0}
	#etw_banner{display: none}
	.company_right{width: 100%; margin-right:0}
	.etw_hubs ul li{width: 100%!important; margin-right: 0}

		/* language */
		.navbtn{margin-left: 1rem;}
		.iconfont {
			font-family: "iconfont";
			font-size: 27px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			color: #fff;
			padding-top: 0.3rem;
		  }
		  .etw_language>ul>li>a{background-color: transparent;border: none;}
		  .etw_language > ul {
			background: none;
			margin-top: 29px;
			margin-left: 0;
		  }
		  .etw_language ul li {
			position: relative;
		  }
		.etw_language ul ul li::before{display: none;}
		  .etw_language text,
		  .etw_language i {
			display: none;
		  }
	

}

@media (max-width: 991.98px) { 
}
@media (max-width: 952.98px) {
	.processes01 ul>li:nth-child(1)>ol>li:last-child:before{
		position: absolute;
		right: -35px;
		top: 10px;
		transform: rotate(0deg)
	}
}
@media (max-width: 767.98px) {
	.row .col-sm-3{ max-width:48%; flex:100%}
	.etw_pic4 ul li{width:48%;padding-right: 15px;
padding-left: 15px; margin:0;}
	.etw_homelink > img,.etw_sidebar,#etw_banner .banner_txt,.bottom_nav ul{display:none;} 
#etw_homefooter a{font-size:0.875rem;}  
	.etw_products ul > li,.etw_products1 ul > li,.etw_products2 ul > li,.etw_service > ul > li{width:48%; margin-right:4%}
	.etw_products ul > li:nth-child(3n),.etw_products1 ul > li:nth-child(3n),.etw_products2 ul > li:nth-child(3n),.etw_service > ul > li:nth-child(4n){margin-right:4%}
	.etw_products ul > li:nth-child(2n),.etw_products1 ul > li:nth-child(2n),.etw_products2 ul > li:nth-child(2n),.etw_service > ul > li:nth-child(2n){margin-right:0}  
.etw_productlists,.etw_contactin{ width:100%;}   
.bottom_nav{ text-align:center} 
.con_all{ margin:0 auto; float:none}
.etw_homelink1 ul > li {width:48%; margin-right:4%}
.etw_homelink1 ul > li:nth-child(4n){margin-right:4%}
.etw_homelink1 ul > li:nth-child(2n){margin-right:0}
.etw_homelink ul > li > ol > li span{ font-size:0.875rem; line-height:1.125rem}
	.etw_mainproducts ul>li{width: 48%;}
	.etw_mainproducts ul>li:nth-child(3n){margin-right: 4%;}
	.etw_mainproducts ul>li:nth-child(2n){margin-right: 0%;}
	.etw_mainproducts ul>li:nth-child(4){margin-left: 0;}
	.pro_detail>ul>li{width: 100%;margin-right: 0;}
	
.etw_homelink1 ul.logoul>li{ width:23.5%; margin-right:2%;}  
.etw_homelink1 ul.logoul>li:nth-child(7n){margin-right:2%}
.etw_homelink1 ul.logoul>li:nth-child(4n){margin-right:0%}
.etw_homelink1 ul.logoul>li:nth-child(4n+1){ clear:both;}

.etw_homelink1 ul.logoul>li img{ border:2px #ccc solid;}

}

@media (max-width: 575.98px) {
#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.img_left, .img_right,.left_pic,.etw_products1 > ul > li{width:100% !important; margin-right:0;} 
.smwidth,.etw_contactin ul li{width:100% !important;}   
.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n){margin-right:0;}
.etw_pic3 ul li,.etw_pic4 ul li{width:49%;margin-right:2%;}   
.img_center img,.etw_productlists ul li{ width:100%} 
.etw_productlists ul>li{ padding-bottom:1.75rem}
 
.row{ margin-left:0 !important; margin-right:0 !important} 
.etw_mainproducts ul > li{width:48%; margin-right:4%}
.etw_mainproducts ul > li:nth-child(3n){margin-right:4%}
.etw_mainproducts ul > li:nth-child(2n){margin-right:0}  
.etw_mainproducts ul > li:nth-child(4){ margin-left:0}

.etw_homelink ul > li{ width:100% !important}   
.etw_homelink ul > li> ol{ width:100% !important; margin:0 0 1rem 0} 

.etw_homelink ul > li:nth-child(1n){margin-right: 0;}

.protitle span,.etw_mainproducts .etw_hometitle span,.etw_homelink .etw_hometitle a,.etw_homelink1 .etw_hometitle a,.company .etw_hometitle span{ padding:0}
.protitle span::before,.protitle span::after,.etw_mainproducts .etw_hometitle span:before,.etw_homelink .etw_hometitle a:before,.etw_homelink1 .etw_hometitle a:before,.company .etw_hometitle span:before,.etw_mainproducts .etw_hometitle span:after,.etw_homelink .etw_hometitle a:after,.etw_homelink1 .etw_hometitle a:after,.company .etw_hometitle span:after{ position:static; content:normal; background:none}
	.etw_mainproducts ul > li{width: 100%;margin-right: 0;}
	.processes01 ul>li:nth-child(1)>ol>li:last-child:before{position: absolute;right: -32px;top: 20px;transform: rotate(24deg)}
	.list_detail .left_tu{width: 100%}
	.list_detail .right_txt{width: 100%}
	.col-12,.col-sm-6{padding-left: 0!important}
	
.etw_homelink1 ul.logoul>li{ width:32%; margin-right:2%;}  
.etw_homelink1 ul.logoul>li:nth-child(4n){margin-right:2%}
.etw_homelink1 ul.logoul>li:nth-child(4n+1){ clear:none;}
.etw_homelink1 ul.logoul>li:nth-child(3n){margin-right:0%}
.etw_homelink1 ul.logoul>li:nth-child(3n+1){ clear:both;}
}


.etwphoto{ width:100%; max-width:900px; margin:0 auto; }
.related_des{ width:100%; height:auto; max-width:400px; float:right; padding-top:25px;}
.related_des strong{}
.rel_list{ display:none;}
.boders{ border:1px solid #ccc;}
.left_text{ float:left;width:100%; max-width:450px;}
.right_text{ float:left;width:100%; max-width:400px;}
.rel_list.dq{ display:block; height:150px; clear:both;}
.left_text .btn{margin: 0 20px 0 0;padding: 4px 25px;background-color: #2c74bd;border: none;border-radius: 14px;color: #fff;font-size: .875rem;}
.left_text .btn:hover{padding-top: 8px;padding-bottom: 8px;margin-top: -4px;margin-bottom: -4px;-webkit-transition: all, 0.3s;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all 0.3s;background: #1fa0d6;}
.left_text .btn_center{ width:150px; margin:0 auto; margin-top:50px;}