@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:Palab;src:url(//:) format("no404"),url(../font/palab.woff) format("woff"),url(../font/palab.ttf) format("truetype")} 
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu-B;src:url(//:) format("no404"),url(../font/ubuntu-b.woff) format("woff"),url(../font/ubuntu-b.ttf) format("truetype")} 
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu-M;src:url(//:) format("no404"),url(../font/ubuntu-m.woff) format("woff"),url(../font/ubuntu-m.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu-R;src:url(//:) format("no404"),url(../font/ubuntu-r.woff) format("woff"),url(../font/ubuntu-r.ttf) format("truetype")} 
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu-L;src:url(//:) format("no404"),url(../font/ubuntu-l.woff) format("woff"),url(../font/ubuntu-l.ttf) 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,b{font-weight:700; font-size:0.875rem; color:#333}
b{ color:#c32328;}
p{margin: 15px;;padding:0 0 1rem}
a{color:#23527c;}
a:hover{text-decoration:underline; color:#0056b3} 
a.links1{padding-left:0.2rem; text-decoration:underline; color:#000;}
.mailleft{ padding-left:45px;}

body{ color:#111;font-size:14px;line-height:24px;clear:both;font-family:Ubuntu-R;background:#fff}
hr{border-top:1px #eee solid;} 
.table{margin:0;width:100%; margin-bottom:1.5rem;}
.table-responsive{margin:0}
table,td{border:1px solid #999!important; }
.table>tbody>tr{background-color:#fff}
.table>tbody>tr.top td{ color:#000; font-size:13px; font-weight:bold; background:#eee}
.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>tbody>tr>td{vertical-align:middle;padding:5px;font-size:13px;line-height:20px;  color:#333}  
.table>tbody>tr td img{ display:block; width:auto; text-align:center; margin:0 auto}  
.table>tbody>tr td .tab_imgs{ min-width:145px;}
h2,.etw_hometitle{padding:0;line-height:2rem; color:#333;  margin:0 0  0.5rem 0; font-size:1.5rem;font-family:Ubuntu-M; font-weight:normal}     
h2{font-size: 18px !important;
color: #002853; 
line-height: 20px;
padding: 8px 0;}
h2 small{ font-size: 14px;
color: #002853;
display: block;}
h3{font-size:1rem; color:#999; padding:0; margin:-1rem 0 1rem 0; }

inquiry,u.inquiry{text-decoration: none; color:#000; text-decoration:underline}
u.inquiry:after{content:normal; display:inline-block;background:#666; color:#fff;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:75px}
u.inquiry:hover{ text-decoration: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; }    
 .quicklink{ width:100%; float:left; line-height:16px;  float:left; width:100%; color:#333; text-align:right; margin:-10px 0 18px 0 }
.quicklink a{color:#fff; display:inline-block; width:24px; height:22px; line-height:22px; text-align:center; background:#333; margin:0 3px}
.quicklink a:hover,.quicklink a.dq{ background:#f00} 
.title1{ width:100%; float:left; background:#eee; padding:0.325rem 0; margin-bottom:0.5rem}
.title1 a{
	display:block; padding-left:10px; color:#333; font-size:15px; text-align:left; font-weight:bold}
.title{ width:100%; height:auto; float:left;text-align:left}
.title a{ display:block; color:#036; font-size:14px; text-decoration:underline; padding:3px 0 15px 0; }
.title1 a:hover,.title a:hover{
	color:#ff0000; text-decoration:none}

/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; margin:0 auto; background:#fff; border-bottom:1px solid #9d9a9a}  
#headerin{width:98%; margin:0px auto; max-width:1040px;}     
#etw_logo{ width:98px; height:57px; float:left;}  
.navbtn{margin-top:1rem;}  

.etw_language{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; min-height:28px; text-align:right; margin:5px 0 0} 
.etw_language a{display:inline-block;width:auto; font-size:0.75rem; line-height:28px; padding:0 0 0 15px; color:#767676; min-width:auto !important; } 
.etw_language a img{ display:inline-block; margin-right:5px;}
.etw_language a:hover{color:#e9bb0d; text-decoration:underline; background:none}

.etw_mobile_language{ display:none}

.right_top{ width:calc(100% - 98px); float:right; text-align:right} 
 
.top-nav{width:100%;}
.navbar{padding:0;}
.navbar-collapse{justify-content:flex-end;}  
.navbar-light .navbar-nav .nav-link{color:#414d61; font-size:0.75rem;  display:inline-block; line-height:25px; font-weight:bold; padding:9px 12px; text-transform:uppercase}
.navbar-light .navbar-nav .nav-item:last-child .nav-link{ padding-right:0}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#0065bd; text-decoration:none;}   
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav  .nav-link:hover:before{ display:block}    
.navbar-light .navbar-nav .dropdown-item{font-size:0.75rem; line-height:1.125rem;} 
.navbar-light .navbar-nav .dropdown-menu{ margin:0 !important; top:105%; background:#f5f5f5; border:none; border-radius:0; line-height:1.125rem; padding:0; min-width:14rem !important}
.navbar-light .navbar-nav  .dropdown-menus .dropdown-item{font-weight:300;} 
.navbar-light .navbar-nav  .dropdown-menu li a{display: block;
padding: 0.5rem 1rem;
font-size: 0.75rem !important;
color: #333;
line-height: 1.125rem;
border-bottom: 1px #ccc solid;}
.navbar-light .navbar-nav  .dropdown-menu li ol li a{ padding:0 1rem 0.5rem 1.75rem; color:#333}
.navbar-light .navbar-nav .dropdown-menu li a.dq,.navbar-light .navbar-nav .dropdown-menu li a:hover{ color:#0065bd; background:none !important; text-decoration:underline;} 
.dropdown-item{white-space:normal; min-width:14rem;} 
.dropdown-item.active, .dropdown-item:active{ background:none;} 



/*首页附加样式*/ 
#etw_banner{position: relative; width:100%; margin:0 auto 50px; text-align:center; } 
#etw_banner img{width:100%; text-align:center; margin:0 auto;}  
#banner_txt{position:absolute;max-width:1040px;margin:0 auto; text-align:left; left:0; right:0; top:10%}
#banner_txt h2{font-family:Ubuntu-R;line-height:48px;font-size:40px!important; text-shadow:1px 1px 1px #000; max-width:560px;color: #fff;}
#banner_txt h2 span{ color:#3e83ee;font-size:48px;text-shadow:1px 1px 1px #fff;}


.etw_mainproducts .etw_hometitle{ display:block; color: #c32328; font-size: 18px; border-bottom: 4px solid #e5e7e5; margin-top: 10px;
line-height: 45px; padding-left: 15px;}   
.etw_mainproducts{ width:100%; float:left}  
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_mainproducts ul>li{ width:31.333%; margin:0 3% 25px 0; position:relative; padding-bottom:5px;border: 2px solid #f5f3f3;}
.etw_mainproducts ul>li:nth-child(3n){ margin-right:0}
.etw_mainproducts ul>li>ol{ width:100%;}
.etw_mainproducts ul>li>ol>li.product_img{ width:100%; float:left; text-align:center;}
.etw_mainproducts ul>li>ol>li.product_img img{ width:100%;} 
.etw_mainproducts ul>li>ol>li.product_img:hover{opacity: .7}
.etw_mainproducts ul>li>ol>li.product_con{ width:88%; padding:8px 0; float:left; text-align:center;border-top: 2px solid #006cb6;margin-left: 6%;margin-right: 6%;margin-top: 10px;} 
.etw_mainproducts ul>li>ol>li.product_con a,.etw_mainproducts ul>li>ol>li.product_con a small{ display:block; font-size:1.1rem; line-height:1.4rem; color:#0065bd;font-weight: 500;}
.etw_mainproducts ul>li>ol>li.product_con a small{ color:#666; padding:0;font-size: 0.9rem;}  
.etw_mainproducts ul>li>ol>li.product_con a:hover{color: red;}


.home_video{ width:24%; float:left; position:relative;border:1px #000 solid; height:165px}
.etw_video{ width:100%; height:145px; margin-bottom:30px; position:relative; border:1px #000 solid}
.about_video{ width:60%; height:140px; margin:5px auto 10px; position:relative; background:url(../images/video.jpg) center no-repeat; background-size:cover; overflow:hidden}
.home_video img,.etw_video img{ width:100%; height:100%}
.home_video a,.etw_video a,.about_video a{display:block; position:absolute; left:0; right:0; margin:0 auto; text-align:center; top:35%; color:#fff; font-size:20px; text-decoration:none} 
.home_video a span,.etw_video a span,.about_video a span{ width:50px; height:50px;  background:rgba(0,101,189,.4); border-radius:50%; margin:0 auto 15px; text-align:center; display:block; position:relative; transition:all .5s}
.home_video a span:before,.etw_video a span:before,.about_video a span:before{ position:absolute; content:''; border-top: 12px solid transparent;
border-bottom: 12px solid transparent; border-left: 20px solid #fff; left:18px; top:13px; transition:all .5s} 
.home_video a:hover,.etw_video a:hover,.about_video:hover{ color:#c32328}
.home_video a:hover span:before,.etw_video a:hover span:before,.about_video a:hover span:before{border-left: 20px solid #0065bd;} 
.home_video a:hover span,.etw_video a:hover span,.about_video a:hover span{ background:#fff}


.company .etw_hometitle {font-family: Ubuntu-R;line-height: 30px; font-weight:400; padding:0; margin:0; font-size: 18px;}   
.company{ width:100%; height:auto; float:left; color:#4f4f49; font-size:1rem; line-height:1.125rem; line-height:24px; padding-bottom:20px;} 
.company .company_text{ width:73%; float:right; color: #1f1f1f; line-height: 20px; font-size: 14px;}
 
.etw_contactin{ width:100%; display:block; float:left; margin:30px 0; font-size: 12px; color: #414d61;}
.etw_contact_title a{padding: 0 15px;
display: block;
background: #414d61;
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 40px;}
.etw_contact_title a:hover,.etw_contactin p a:hover{color: #c32328; text-decoration:underline}
.etw_contactin p{width: 100%;
height: auto;
float: left;
font-size: 12px;
padding: 10px 15px;
color: #414d61;}
.etw_contactin p a{ color:#414d61}
.etw_contactin strong{ font-size:12px; color:#414d61}

.share_etw{ margin:5px 0 0 14px}
.share_etw a{ width:20px !important; height:20px !important; line-height:20px !important;}
.share_etw a:nth-child(3){ display:none}
.share_etw a i{ font-size:12px !important; line-height:21px !important}

.etw_bottom{ width:100%; margin:0 auto; background:url(../images/applicationbg.jpg) no-repeat; padding:25px 0 10px; overflow:hidden; margin-top:15px; text-align:center;}
.etw_bottom .etw_hometitle{text-align: center; float: none; margin: 0 auto; color: #fff; font-size:36px; font-weight:400; padding:0 0 10px 0; margin:0;text-shadow: 0 0 5px #000;margin-bottom: 16px;}
.etw_bottom ul{ width:100%; text-align:center; display:flex; flex-wrap:wrap}
.etw_bottom ul>li{ width:25%; text-align:center;transform: skewX(-10deg);position: relative;}
.etw_bottom ul>li span{ display:block; width:100%; color: #fff;text-align: center;font-weight: bold; padding:10px 0 0;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;font-size: 1.2rem;font-weight: bold;transform: translateX(-50%) skewX(10deg);padding: 15px;z-index: 10;}
.etw_bottom ul>li:after{position: absolute;content: "";width: 100%;height: 60px;background: linear-gradient(to top, #000, transparent);left: 0;bottom: 0;z-index: 1;}
.etw_bottom ul>li:hover span{ text-decoration:underline; color:#3e83ee}



.etw_about_hometitle{ display:block; color:#333; font-size:18px; font-weight:700; padding:0 0 0.5rem 0; margin:0}
.title_link{ width:100%; display:block; background:#f1f1f1; border-left:4px solid #0b6298; padding-left:15px; margin:10px 0;}
.title_link a,.title_link span{ display:block; text-decoration:none; color:#000; padding:8px 0; line-height:20px; font-weight:700; font-size:14px; }
.title_link span{ text-decoration:none}
.title_link a:hover{color:red; text-decoration:none}
.more{ width:100%; text-align:right; display:block; overflow:hidden;}
.more a{ display:inline-block; color:#c32328; padding:3px 15px;}
.more a:hover{color:#22b8f4; font-weight:bold;}

.pic_list{ width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:15px;}
.pic_list li{ width:50%; text-align:left;}
.pic_list li img{ float:left; width:auto; margin-bottom:8px;}
.pic_list li p{ width:100%; float:left}

.pic_two{ width:100%; display:flex; flex-wrap:wrap;align-items:center; margin-bottom:15px;}
.pic_two li{ width:50%; text-align:left; display:flex; align-items:center}
.pic_two li img{margin-right:12px;}

.TabbedPanelsTabGroup{ width:100%; display:flex; flex-wrap:wrap; margin:0.5rem 0}
.TabbedPanelsTabGroup li{ width:33.333%; font-size:12px; font-weight:700; padding:1px; background:#dedede; text-align:left; cursor:pointer}
.TabbedPanelsTabGroup li span{ display:block; color:#fff; padding:0.25rem 0 0.25rem 1rem; background:#c32328}
.TabbedPanelsTabGroup li span:hover{ background:red}
.TabbedPanelsContentGroup{ width:100%; padding:0.5rem 0 1.25rem; overflow:hidden}
.TabbedPanelsContent{ width:100%; padding:5px; border:1px #dedede solid; background:#f5f5f5;  overflow:hidden}
.TabbedPanelsContent .pro_title{ display:block; color:#000; font-size:1.25rem; font-weight:700; padding:0 0 .25rem; font-family:Candara}
.pro_img_center{ width:100%; margin:0 auto .5rem; padding:5px; border:1px #ddd solid; background:#fff; text-align:center}
.pro_img_center img{ width:50%; margin:0 auto}

/*视频页面*/
.videoall ul{margin-bottom: 10px;}
.videoall ul li{width:49%;float:left;margin:15px 2% 5px 0;}
.videoall ul li a{display:block;text-align:center; line-height:18px; font-size:14px;color: #555}
.videoall ul li:nth-child(2n){margin:15px 0px 5px;margin-right: 0}
.videoall ul li:nth-child(2n+1){clear: both;}
.videoall ul li a span{display:block;margin-bottom:10px;}
.videoall ul li a span{border:1px solid #999;display:block;position:relative;color:#fff;font-size:26px;}
.videoall ul li a span:before{border-radius:50%;font-family:fontawesome;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"\f04b";width:50px;height:50px;padding:15px 0 0 7px; color:#fff; background:#0065bd8c}
.videoall ul li a span:hover:before{background:#fff;color:#0065bd;}

/*container*/
#container{ width:100%; margin:0 auto; margin-top:79px}   
.mainbody{ width:100%; margin:0 auto; background:#edf2f5; overflow:hidden}   
.content,.content1{width:94%; margin:0 auto; max-width:1040px;} 
.content1{ margin-top:79px; padding:40px 0 15px} 
#etw_right{ width:73%; float:right;} 
#etw_sidebar{ width:24%; float:left;}  
#etw_right h2{ font-size:20px; color:#042a7f;font-weight:400; padding:0 0 0.25rem 0; line-height:1.325rem; margin:0}
#etw_right h2 span{ display:block}

.etw_productlist .etw_hometitle{padding: 0 15px;
display: block;
background: #f2f2f2;
font-size: 16px;
font-weight: 700;
color: #333;
line-height: 40px; margin-bottom:0}
.etw_productlist .etw_hometitle a{ display:block; color: #333; }
.etw_productlist .etw_hometitle a:hover,.etw_homelink .etw_hometitle a:hover{ text-decoration:underline}
.etw_productlist{ width:100%; float:left;}
.etw_productlist ul{ width:100%; margin:0;}
.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;display: block;
color: #414d61;
line-height: 18px;
padding: 7px 18px 7px 15px;
position: relative;
background: #ebebeb;
margin-bottom: 5px; font-size:12px; position:relative} 
.etw_productlist>ul>li>a:after{ content: "\f105";
position: absolute;
width: 8px;
height: 7px;
color: #929ba4;
right: 5px;
top: 30%;
font-family: fontawesome;}
.etw_productlist>ul>li>a small{ display:block; font-size:12px;} 
.etw_productlist>ul>li>ol{ width:100%; float:left;}
.etw_productlist>ul>li>ol>li>a{ font-size:0.875rem; color:#41413c; line-height:1.25rem; padding:5px 5px 5px 18px; display:block; }  
.etw_productlist>ul>li>ol>li>a span{ display:block}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{text-decoration:underline; } 
.etw_productlist ul li.no_child a:hover,.etw_productlist ul li.no_child a.dq{ background:#e5e7e5}
.etw_productlist>ul>li>ol>li>a:hover,.etw_productlist>ul>li>ol>li>a.dq{ background:#fff}
.etw_productlist ul.about_sub,.etw_productlist ul.prolist{ border:1px #dedede solid;}
.etw_productlist ul.about_sub>li>a{display: block;
color: #333;
padding: 7px 30px 7px 15px;
background: url(../images/big_case.jpg) no-repeat right center;
line-height: 18px;
font-size: 12px; margin-bottom:0;
height: auto; font-weight:bold; border-bottom:1px solid #efefef}
.etw_productlist ul.about_sub>li:last-child>a{ border-bottom:none}
.etw_productlist ul.about_sub>li>a:after{ display:none}
.etw_productlist ul.about_sub>li>a:hover,.etw_productlist ul.about_sub>li>a.dq{ color:#046bc1}
.etw_productlist ul.prolist>li>a{display: block;
color: #414d61;
font-weight: 700;
line-height: 18px;
padding: 8px 15px 8px 15px;
position: relative;
background: #ebebeb;}
.etw_productlist ul.prolist>li> a small{
font-weight: 700;}
.etw_productlist ul.prolist>li>ol>li>a {
	border-bottom:1px solid #efefef;
	display: block;
color: #666;
font-size: 12px;
line-height: 16px;
padding: 6px 5px 6px 15px;}
.etw_productlist ul.prolist li a.dq,.etw_productlist ul.prolist li a:hover{ color:#046bc1; text-decoration:underline}

.big_title {
    width: 100%;
    float: left;
    height: auto;
    background: #f1f1f1;
    font-weight: 700;
    margin: 10px 0 5px 0;
    padding-left: 10px;
    line-height: 35px;
    border-left: 4px solid #0b6298;
    color: #000;
}
a.name {
    color: #000;
    text-decoration: underline;
    display: block;
    padding: 4px 0;
    line-height: 20px;
}
a.name:hover{color: #06F;}

/*快速导航*/ 
#etw_producttitle{margin:0 0 1rem 0; height:auto; color:#999; line-height:1rem; font-size:12px; padding:0; border-bottom:1px #ededed solid}
#etw_producttitle ol{ width:100%; margin-bottom:0.325rem}
#etw_producttitle a{color:#999; font-weight:normal;}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#000;content:" » "; font-size:12px; font-family:fontawesome;} 
#etw_producttitle a:hover{color:#676664; text-decoration:underline}
#etw_instruction{width:100%;height:auto;} 



/*其他公用样式*/     
ul.item{width:98%; margin-bottom:1rem; float:none; }
ul.item li{list-style: decimal;margin:0 0 4px 12px; line-height:20px;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;}

.proitem{ float:none; width:auto;  margin-bottom:1.25rem; overflow:hidden}
.proitem>li{line-height:1.35rem; padding:2px 0 5px 1.25rem; position:relative; }
.proitem>li::before{position:absolute; content:"\f058";  left:0; top:0; color:#444; font-size:0.8325rem; font-family:fontawesome}  

.proitem1{ float:none; width:auto;  margin-bottom:0.875rem;overflow:hidden}
.proitem1>li{width:50%; line-height:1.35rem; padding:2px 0 3px 1rem; position:relative; float:left }
.proitem2>li{width:100%; line-height:1.35rem; padding:2px 0 3px 1rem; position:relative;}
.proitem1>li::before{position:absolute; content:"";  left:0; top:10px; background:#666; width:6px; height:6px; border-radius:50%;}  
.proitem1 span{ display:block; font-weight:bold; color:#000}
 
 
.protitle{ display:block; width:100%; margin:0.25rem 0 1.25rem 0; font-size:1.125rem; line-height:1.5rem; color:#666; font-weight:bold; padding-bottom:0.5rem; border-bottom:1px #ccc dashed}
.protitle a{ color:#000; display:inline-block; padding:0 3rem; position:relative}
.protitle a:before{ position:absolute; content:""; width:30px; height:13px; background:url(../images/icon.png) no-repeat; right:0; top:0.35rem}
.protitle a:after{ position:absolute; content:""; width:30px; height:13px; background:url(../images/icon.png) no-repeat; left:0; top:0.35rem}

.protitles{ display:block; width:100%; margin:0.5rem 0 0 0; font-size:0.75rem; line-height:1.125rem; color:#303030; font-weight:bold; padding:0 0 0 0;} 


.protitle1{ margin:0 0 0.325rem 0; font-size:1.125rem; line-height:1.5rem; color:#000; font-weight:bold; padding:0 0 0.5rem 1rem; position:relative; font-family: 'Rajdhani'; }
.protitle1:before{ position:absolute; content:""; width:9px; height:4px; background:#e4000f; left:0; top:9px;} 

.con_all{ width:auto; float:right; margin-bottom:1rem}
.img_right .con_all{ margin-top:1rem}

.pdf{ display:inline-block; background:url(../images/pdf.jpg) 3px no-repeat; color:#f00; font-size:12px; margin-bottom:0.325rem} 
.pdf a{ display:block; color:#f00; padding-left:25px;text-decoration:underline; }
.pdf a:hover{color:#000;text-decoration:none; }

.images{ display:inline-block; margin-right:5px}
.images1{ display:inline-block; margin:0 5px 0 15px}
.teble_img{ display:inline-block; text-align:left; float:left; margin-right:5px;}

.exhibition{ width:100%; display:flex; flex-wrap:wrap}
.exhibition li{ width:49%; margin-right:2%; border-bottom:1px #dedede solid; padding:10px 0}
.exhibition li:nth-child(2n){ margin-right:0}
.exhibition li strong{ font-size:12px}

.con_all_1{width:100%;height:auto;display:block;margin-top:0;text-align:center}
.con_all_1 a{background:#09c none repeat scroll 0 0; margin:0 auto; border:2px solid #ddd;border-radius:6px;color:#fff;display:block;font-size:1.2em;font-weight:700;height:38px;line-height:38px;text-align:center;width:280px}
.con_all_1 a:hover{background:#CB2B2B}

.related_pro{ width:100%; margin:20px 0; border:1px #dedede solid;}
.related_title{text-align: left;
padding: 0.25rem;
font-size: 0.8325rem;
background: #EAEFF2; font-weight:bold}
.related_pro ul{ display:flex; flex-wrap:wrap; margin-bottom:0}
.related_pro ul li{ width:50%; border-left:1px #fff solid; border-bottom:1px #fff solid; background:#f9f9f9}
.related_pro ul li a{ display:block; color:#666; padding:5px 10px}
.related_pro ul li a:hover,.related_pro ul li a.dq{ color:#0099cc; text-decoration:underline}

.product_show{ width:100%; background: #fff;
margin: 16px 0 25px 0;
padding: 10px 2% 20px 2%;
border-radius: 3px;
box-shadow: 3px 3px 3px #bfbfc1; border:1px #ccc solid}
.pro_title{ width:100%; height:auto; margin:10px 0}
.pro_title a{background: #09c;
border-radius: 5px;
box-shadow: 1px 1px 1px #bfbfc1;
color: #fff;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 400;
padding: 10px 50px 10px 2%;
text-decoration: underline;}
.pro_title a:hover{ background:#8DBB03; text-decoration:none}

.big_cate_format{width: 100%;
height: auto;
float: left;
margin-bottom: 5px;}
.big_cate_format a{color: #333;
font-weight: 700;
display: block;
line-height: 22px;
padding: 5px;
background: #f0f0f0;
border-top: 1px #ddd solid;}
.big_cate_format a small{font-weight: 700; display:block}
.big_cate_format a:hover{color: #1a61a3;
border-top: 1px #1a61a3 solid;}
.etw_products{ width:100%; margin:0 auto;text-align:left; margin:1rem 0 0 0}  
.etw_products ul{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.5rem; margin-bottom:0}
.etw_products ul>li{ width:100%; margin:0 0 1.5rem 0;}  
.etw_products ul>li:hover{ background:#f6f6f6}
.etw_products ul>li>ol{ width:100%;} 
.etw_products ul>li>ol>li.product_img{ width:23%; float:left}
.etw_products ul>li>ol>li.product_img img{ width:100%; border:1px #dedede solid;} 
.etw_products ul>li>ol>li.product_img img:hover{ border:1px #000 solid}
.etw_products ul>li>ol>li.product_con{ width:75%; float:right; text-align:left; color:#333; font-size:0.8325rem; line-height:1.25rem;} 
.etw_products ul>li>ol>li.product_con a{ display:block; font-size:0.875rem; line-height:1.25rem; color:#5995fa; padding:0.25rem 0 0.5rem 0; text-decoration:none;} 
.etw_products ul>li>ol>li.product_con a small{ display:block; font-size:.875rem; color:#5995fa}
.etw_products ul>li:hover>ol>li.product_con a,.etw_products ul>li:hover>ol>li.product_con a small{ color:#0265cd; text-decoration:none}
.etw_products ul>li>ol>li.product_con .more a{ display:inline-block; width:auto; color:#fff; font-size:0.75em; padding:0.15rem 1.5rem 0.15rem 0.75rem; text-transform:uppercase; background:#e70012; position:relative; font-weight:normal}
.etw_products ul>li>ol>li.product_con .more a:before{ position:absolute; content:"+"; color:#fff; font-size:1rem; font-weight:bold; right:0.5rem; top:0.15rem; font-family:fontawesome} 
.etw_products ul>li>ol>li.product_con .more a:hover{ color:#fff; background:#4fcaff}
.etw_products ul>li>ol>li.product_con .more a:hover:before{ color:#fff;} 


.etw_products1{ width:100%; margin:0 auto;text-align:center; margin:1rem 0 2rem}  
.etw_products1 ul{ width:100%; display:flex; flex-wrap:wrap; border-bottom:1px #ccc dashed; }
.etw_products1 ul>li{ width:100%; padding:0 0 1rem 0; float:left} 
.etw_products1 ul>li>ol{ width:100%;} 
.etw_products1 ul>li>ol>li.product_img{ width:15%; float:left}
.etw_products1 ul>li>ol>li.product_img img{ width:100%; border:1px #dedede solid; padding:2px} 
.etw_products1 ul>li>ol>li.product_con{ width:83.5%;  float:right; text-align:left; color:#474747; font-size:0.8325rem; line-height:1.125rem;}  
.etw_products1 ul>li>ol>li.product_con a{ display:block; font-size:0.875rem; line-height:1.125rem; color:#000; text-decoration:underline; padding-bottom:0.325rem} 


.review{
	color:#f00; font-size:18px
	}

.img_small_left,.img_small_right{ float:left; margin:15px 25px 0 0;}
.img_small_right{ float:right; margin:15px 0 0 25px}
.noborder img{ border:none}
.img_center,.img_center1{width:100%;clear:both;margin:0 auto 0.75rem auto;text-align:center; padding:5px; border:1px #dedede solid}  
.img_center img{ width:100%;}
.img_center span{ display:block; padding:8px 0}
.img_center1{width:52%; margin:1rem auto 2.5rem; position:relative}
.img_center1 img{ width:100%; border:1px #dedede solid; padding:3px}
.img_center1 span{ display:block; width:100%; padding:2rem 3rem; color:#b78c0f; font-size:1.5rem; font-weight:700; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.4)}
.img_left,.img_right{width:42%;float:right; margin:8px 0 14px 3%; text-align:center;}
.img_left{float:left;margin:0 15px 25px 0; width:42%}
.sswidth{width:25%; padding:5px; border:1px #dedede solid}
.swidth{width:32%}
.smwidth{width:42%;}
.mswidth{width:30%; } 
.mwidth{width:49%; margin:0 0 5px 3%; padding:5px; border:1px #dedede solid}
.img_left img,.img_right img{display:block; width:100%; border:1px #eee solid}
.noborder img{ border:none}
.right_con{ width:57%; float:left; }
.right_con h2{ font-size:1.325rem; line-height:1.625rem; margin-bottom:1rem}
.etw_page{ width:100%; border-top:1px #f1f1f1 solid; padding-top:1.5rem}

.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 li{display:block;margin:0 2% 10px 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%; position: relative; margin-bottom:0.25rem; padding:5px; border:1px #dedede solid} 
.etw_photo ul.noborder li img{ border:none}
.etw_pic3 ul.pack li{ width:30%; margin-right:5%; background:#eee} 
.etw_pic3 ul.pack li span{ display:block;  font-size:0.75rem; color:#333; line-height:1.125rem; padding:0.5rem 0 0.75rem 1rem; text-align:center}
.etw_photo ul li a{color:#333;}
.etw_photo ul li span{display:block; font-size:0.875rem; line-height:1.25rem; padding:0 0.5rem 0.5rem 0; text-align:center} 
.etw_photo ul li p{display:block;  padding:0 0 0.75rem 0; text-align:center; color:#000; text-decoration:underline}
.etw_photo ul li:hover p{ text-decoration:none; color:red}
.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}   
.radius li img{ width:100%; display:block; border-radius:50%; padding:8px; border:none; border:1px #ccc solid !important}
.pt{ padding-top:30px}

 
.left_pic{ width:100%;}
.left_pics{ width:100%; height:auto; float:left;position: relative;} 
.left_pics img{ width:100%; text-align:center; border:1px #ccc solid;margin-top: 20px;}
.left_pics img:hover{border:1px #999 solid}
.related_pic{ width:100%; height:auto; float:right;  text-align:center}
.related_pic img{ width:23.8%; height:auto; float:left; border:1px #ccc solid; margin:10px 1.5% 0 0}
.related_pic a:nth-of-type(4n) img{ margin-right: 0;} 
.related_pic img:hover{ border:1px #000 solid}  

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%; float:left; padding:0 0 1.2rem 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%;  overflow:hidden; border:1px solid #CFD8E1; text-align:center; margin:20px 0}
#etw_form .maintitle{ text-align:left; padding:0.25rem; font-size:0.875rem; background:#EAEFF2}
#etw_form  #etw_set_feedback_form{width:85%;padding:1rem 0!important; margin:0 auto !important; float:none} 
#etw_form p{ font-size:0.75rem; line-height:1rem; color:#888; padding-top:0.6rem}
 

.othertitle{width: 100%; 
line-height: 24px;
border-bottom: 1px solid #CECECE;
color: #000;
float: left;
margin: 6px 0;
font-size: 15px;
font-weight: 700; padding-bottom:0.325rem}  
.other_pro{width:100%;margin:0;overflow:hidden; }
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap; margin-bottom:0}
.other_pro ul>li{width:23.5%;margin:0.875rem 2% 1rem 0;overflow:hidden}
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%; padding:0.2rem; border:1px #eee solid}
.other_pro ul li ol li.product_img img{width:100%; } 
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center; color:#000; font-size:0.75rem}
.other_pro ul li ol li.product_con a{color:#000;display:block;line-height:1.125rem;padding:5px 5px; font-size:0.875rem;  text-align:center; text-decoration: underline;}
.other_pro ul li ol li.product_con a small{ display:block; color:#666; font-size:12px;}
.other_pro ul li ol:hover li.product_con a,.other_pro ul li ol:hover li.product_con a small{color: #0e4589;} 

.relatedpro{width:100%; height:auto; float:left;  margin:15px 0 20px 0;  border:1px #ededed solid; border-radius:3px 3px 0 0; overflow:hidden}
.relatedpro ul{width:100%; padding:15px 15px 10px 15px; display:flex; flex-wrap:wrap; margin-bottom:0}
.relatedpro ul li{width:25%} 
.relatedpro1 ul li{width:50%} 
.relatedpro ul li a{padding:3px 10px 8px 15px;display:block;overflow:hidden;color:#666;line-height:16px;font-size:13px; position:relative}
.relatedpro ul li a:before{ position:absolute; content:"\f101"; color:#666; font-size:14px; font-family:fontawesome; left:0; top:2px;}
.relatedpro ul li a.dq,.relatedpro ul li a:hover{color:#d50000; text-decoration:underline;}
.relatedpro ul li a.dq:before,.relatedpro ul li a:hover:before{color:#d50000;} 

.maintitle{font-size: 1rem; padding:0.5rem 0; display:block; font-weight:700; color:#333; background:#eee; padding-left:10px} 
.mainproduct{width:100%;margin:0;overflow:hidden; padding:1rem 0 1.875rem 0}
.mainproduct ul{ width:100%; display:flex; flex-wrap:wrap; margin-bottom:0}
.mainproduct ul>li{width:15%;margin:1rem 2% 0.875rem 0;overflow:hidden}
.mainproduct ul li:nth-child(6n){margin-right:0}
.mainproduct ul li ol{width:100%}
.mainproduct ul li ol li.product_img{width:100%; padding:0.2rem; border:1px #eee solid}
.mainproduct ul li ol li.product_img img{width:100%; } 
.mainproduct ul li ol li.product_con{width:100%; line-height:18px;text-align:left; font-size:0.75rem;}
.mainproduct ul li ol li.product_con a{color:#474747;display:block;line-height:1.125rem;padding:8px 5px 8px 0; font-size:0.75rem;text-decoration:underline; text-align:left}
.mainproduct ul li ol:hover li.product_con a{text-decoration:none; color:#000} 

 .etw_pdf a {
    width: 100%;
    display: block;
    float: left;
    padding-left: 30px;
    margin: 10px 0 20px 0;
    color: #064896;
    position: relative;
	text-decoration:underline 
	
}
.etw_pdf a::before {
    content: "";
   background: url("../images/pdf.jpg") no-repeat center;
    width: 16px;height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
}
 .etw_pdf a :hoevr{ color:red; text-decoration:none}

/*历史*/
.history_date-list{padding-left:40px; margin-left:20px; margin-bottom:20px;}
.history_date-list li{border-left:1px solid #CCC;box-sizing:border-box;margin-left:100px;padding:60px 10px 0 0;position:relative;height:auto; clear:both}
.history_date-list li:first-child strong{ font-size:22px; padding-left:5px}
.history_date-list li:last-child{ padding-bottom:120px}
.history_date-list li:first-child:before{background-color:#999;content:"";display:block;position:absolute;top:0;left:-7px;height:14px;width:14px; border-radius:50%}
.history_date-list li:last-child:after{background:url(../images/icon.jpg) bottom center no-repeat;content:"";display:block;position:absolute;bottom:0;left:-8px;height:14px;width:16px}
.history_date-list li span{display: block; font-size:15px; margin-left:0; text-align: center;background: #ccc; margin-bottom:15px; position:absolute;top:60px;left:-145px; line-height:40px; width:130px; height:40px;font-weight: 700}
.history_date-list li:hover span{ background:#2181cc; color:#fff}
.history_date-list li p{position:relative;display:block; margin:0; padding:10px 20px;}  
.history_date-list li p:before{ position:absolute; content:""; border-right: 12px solid #ddd; border-top: 10px solid transparent; border-bottom:10px solid transparent; top:10px; left:-13px}
.history_date-list li .img_left{margin: 0 3% 0px 13px; width:40%} 
 

/*底部*/
#footer{width:100%;height:auto;margin:0 auto; padding:.875rem 0; overflow:hidden; background:#a8b4bf} 
#etw_footin{margin:0 auto;width:94%;text-align:center;  max-width:1040px;} 
#etw_homefooter{height:auto; margin:0.75rem 0 0.325rem;  text-align:center; position:relative; width: 100%;} 
#etw_homefooter a{padding:0 .5rem;color:#fff; font-size:0.75rem; text-transform:uppercase; display:inline-block; font-family:Proxima Nova Semibold}
#etw_homefooter a:hover{color:#e64727; text-decoration:none;}
#etw_coper a{ display:block;color:#fff; margin-top:0.25rem;   font-size:0.75rem;}
#otherlink{clear:both;width:100%;height:auto; display:block}
#otherlink a{color:#fff; font-size:0.75rem; display:inline-block;padding:0rem 0.2rem 0 0.2rem; margin-right:0.875rem;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#e64727; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out} 


/*tags*/
#tags{ padding-bottom:1rem}
#tags_title{ display:block; color:#333; font-size:1rem; font-weight:600; line-height:25px; 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样式*/
#sitemap{width:100%;list-style:none}
#sitemap li{float:left;display:block;width:100%;height:auto}
#sitemap li a{display:block;padding:2px 0;color:#333}
#sitemap li ol{float:left;margin-bottom:8px;width:49%}
#sitemap li ol a{display:block;padding-left:5px;color:#333;line-height:18px}
#sitemap li b a{margin-bottom:1px;padding-left:5px;background:#eee;color:#333;line-height:23px}
#sitemap li a:hover{color:#c32328;text-decoration:underline}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}   

.back_top{width:40px;height:40px;text-align:center; position:fixed; right:10px;bottom:100px; z-index:99999999; display:none; background:#c32328; border-radius:50%;}
.back_top:before{content:"\f077";color:#fff;font-size:16px; font-weight:700; display:block;line-height:40px; font-family: FontAwesome;}
.back_top:hover{text-decoration:none;background-color:#000;opacity:1;} 

/*询盘*/
.sendinquiry{cursor:pointer;text-align:right;position:relative;z-index:1}
.sendinquiry span{color:#0060ad;border:1px solid #0060ad;padding:.5rem 1.2rem;border-radius:2rem;font-size:.9rem;line-height:.9rem;font-weight:600;text-align:center;display:inline-block;transition:.3s all ease-in-out;min-width:100px;}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry span:hover{background:#0060ad;color:#fff}
.img_right .sendinquiry{ margin-top:1rem}

/*news*/
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width:100%;margin-bottom:30px}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:0 0 10px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px}
.newstime{color:#0065bd}
.news_list ul>li>ol>li.product_con a:hover{color:#979797}
.etw_page{margin:0 auto;width:380px;overflow:hidden;float:right}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#0065bd;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:20px}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:49%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:14px;line-height:20px;display:block}
.new_next a:hover,.new_prev a:hover{color:#999}
.news_related_li{width:24%;padding-right:1%;float:left}
		
 
@media (max-width: 1500px) {     
}

@media (max-width: 1199.98px) {  
#etw_homefooter a{ font-size:0.8135rem}   
 #etw_banner .banner_txt h1{ width:60%;} 
}

@media (max-width: 991.98px) { 
.etw_mobile_language{text-align: center;
right: 100px;
top: 18px;
position: absolute;
display: block;}
.etw_mobile_language .language_list{ position:absolute; width:100px; left:-30px; right:0; margin:0 auto; top:35px; background:#fff; border:1px #dedede solid; text-align:left; transition:all .5s; display:none; z-index:999}
.etw_mobile_language .icon{ display:block; width:35px; height:35px}
.etw_mobile_language:hover .language_list{ display:block}
.etw_mobile_language .language_list a{ display:block; color:#333; font-size:12px; border-bottom:1px #dedede solid; line-height:28px; padding-left:10px; }
.etw_mobile_language .language_list a:hover{ color:#fff; background:#a82930;}
#etw_logo{ width:135px; height:auto; margin:.5rem 0 .5rem 1rem}
.top-nav{ width:100%; margin-top:0;}
.navbar-nav{ background:none}
.navbar-light .nav-item{ text-align:left; padding:0}
.navbar-light .navbar-nav .nav-link{padding:0.5rem 1.4rem 0.5rem 1rem; line-height: 1.5rem; display:block; color:#333; margin:0; background:none; font-size:14px; border-bottom:1px #dedede solid; border-left:none}
.navbar-light .navbar-nav .dropdown-menu li a:hover,.navbar-light .navbar-nav .dropdown-menu li a.active{ color:#c20000; text-decoration:underline}
.navbar-light .navbar-nav .nav-link:before{ display:none !important}
.navbar-nav .dropdown-menu{ border:none; border-radius:0; margin-top:-1px;}
.navbar{padding:0.05rem 0rem 0;} 
.navbtn{margin: 0;
position: absolute;
right: 25px;
top: 15px;
background: #046bc1;
height: 40px;} 
.navbar-toggler{padding: 0.25rem .25rem !important}
.navbar-light .navbar-toggler{ border:none !important}
.right_top{ width:100%}
#container{margin-top:0;} 
#header{position:relative; overflow:inherit}  
.right_top h3,.right_top p,.etw_language,.etw_productlist,.etw_contactin{display:none}
#container .content{ display:flex; flex-wrap:wrap}
#etw_sidebar,#etw_right{width:100%; border:none; order:2 }
#etw_sidebar{ order:1}  
 #etw_banner .banner_txt h1{ width:80%; padding:0 0 0 1rem}
 #etw_banner .banner_txt h1:after{ position:static} 
 #etw_language{ margin:22px 60px 12px}
#etw_banner1{ display:block !important}
.etw_video{ width:100%; margin:0 0 20px;  background-size:cover; background:url(../images/video3.jpg) center no-repeat} 
.etw_video img{ display:none}
#banner_txt{ padding-left:40px}
.content1{ padding-top:30px; margin-top:0}
}
@media (max-width: 767.98px) {.etw_homelink > img,.etw_sidebar,.bottom_list, #etw_producttitle{display:none;} 
#etw_homefooter a{font-size:0.875rem;}  
.etw_hometitle, h2{font-size:1.2rem; margin-top: 0;}   
.etw_contactin{ width:100%; border:none; padding:0}  
.pic > ul > li:nth-child(1){ width:100%; margin:0 0 1rem 0}
.pic > ul > li:nth-child(2){ width:20%;}
.pic > ul > li:nth-child(3){ width:57.5%;}
#footer{ background-size:cover}
.mainproduct ul > li{ width:32%}
.mainproduct ul > li:nth-child(3n){ margin-right:0} 
.home_video{ width:35%} 
.company .company_text{ width:62%}
.con_all{ width: 100%; margin: 0 0 15px 0; text-align: right;}
.con_all a{ margin:0;}
.pic_two li{ width:100% !important; margin-bottom:1rem}
.pic_two{ margin-bottom:0}
.etw_pic5 ul li{ width:32%;}
.etw_pic5 ul li:nth-child(5n){ margin-right:2%}
.etw_pic5 ul li:nth-child(3n){ margin-right:0}
.con_all.mt-3{ margin:0 0 25px 0 !important}
}

@media (max-width: 650px) {
.img_small_left, .img_small_right{ width:40%}
.TabbedPanelsTabGroup li{ width:50%}
.TabbedPanelsTabGroup li span{ padding:3px 0 3px 10px}
.pt-5{ padding-top:10px !important;}
.pro_img_center img{ width:70%}
#sitemap li ol{ width:100%}
#etw_banner{ display:none}
.company{ padding-top:20px}
}
@media (max-width: 575.98px) { 
.home_video{ width:100%}
.company .company_text{ width:100%; padding-top:20px}
#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.img_right,.left_pic,.etw_contactin{width:100% !important; margin-right:0;} 
.smwidth,.etw_contactin ul li{width:100% !important;}   
.etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic3 ul.pack li{width:49%;margin-right:2%;}   
.etw_pic5 ul li:nth-child(3n),.etw_pic3 ul li:nth-child(3n){ margin-right:2%}
.etw_pic5 ul li:nth-child(5n){ margin-right:2%}
.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n),.etw_pic3 ul.pack li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0;}
.img_center img,.right_con{ width:100%; padding-top:0} 
.row{ margin-left:0 !important; margin-right:0 !important}
.col-sm-6{ padding-left:0 !important; padding-right:0 !important}  
.TabbedPanelsContent{ padding:10px 10px 0;}
#etw_homefooter ul>li{ width:50%} 
.etw_contactin{ width:100%; padding-left:0} 
.other_pro ul > li,.sample ul > li{ width:48.5%; margin:0 3% 1rem 0}   
.other_pro ul > li:nth-child(2n),.sample ul > li:nth-child(2n){ margin-right:0}   
.left_pics,.related_pic,.left_pic1{ width:100%;}
.img_left,.right_con{ width:100%; margin:0 0 1.5rem 0}    

.etw_mainproducts ul > li,.etw_products ul > li,.etw_products1 ul > li { width:48.5% !important; margin:0 3% 1.25rem 0}
.etw_products ul > li:nth-child(3n),.etw_mainproducts ul > li:nth-child(3n){ margin-right:3%}
.etw_mainproducts ul > li:nth-child(2n),.etw_products ul > li:nth-child(2n),.etw_products1 ul > li:nth-child(2n){ margin-right:0}
.etw_mainproducts ul > li>ol>li,.etw_products ul > li > ol > li.product_img, .etw_products1 ul > li > ol > li.product_img,.etw_products ul > li > ol > li.product_con, .etw_products1 ul > li > ol > li.product_con{ width:100% !important}  
.etw_mainproducts ul > li>ol>li.product_con span,.etw_products ul > li > ol > li.product_con  span, .etw_products1 ul > li > ol > li.product_con span,.other_pro ul li ol li.product_con span,.mainproduct ul li ol li.product_con span{ display:none}
.etw_mainproducts ul > li > ol > li.product_con a,.etw_products ul > li > ol > li.product_con  a, .etw_products1 ul > li > ol > li.product_con a{ font-weight:normal; line-height:1.25rem; padding:5px}
.agent{ display:none}
.ul li{ width:100% !important}
.relatedpro ul li{ width:50%}
.maintitle{ margin-bottom:1rem}
.mainproduct ul > li{ width:49%}
.mainproduct ul > li:nth-child(3n){ margin-right:2%}
.mainproduct ul > li:nth-child(2n){ margin-right:0}
.pagebody ul > li ol li.product_con a{ font-size:12px;} 
#etw_language .dropdown-item{ padding:0 1rem; margin-left:0}
.exhibition li,.related_pro ul li{ width:100%; margin-right:0}
.other_pro ul li ol li.product_con a{ font-size:0.75rem; font-weight:400}
.etw_mainproducts ul > li > ol > li.product_con a{ padding-top:0}
.etw_bottom ul > li{ width:50%; margin-bottom:15px}
}
@media (max-width: 480px) {
.img_small_left, .img_small_right{ width:100%; float:none; margin:0 auto; padding:10px; border:1px #dedede solid; text-align:center} 
	.left_pics{ display:block; margin-top:10px}
.related_pic a{ width:18.2%; margin:10px 2% 0 0}
.related_pic a:nth-child(5n){ margin-right:0} 
	.related_pic a:nth-child(4n),.related_pic1 a:nth-child(3n),.related_pic2 a:nth-child(2n){ margin-right:2%}
	 

.videoall ul li{width:100%;}
	 }
	 
	 
@media (max-width: 368px) {
	
#etw_language .dropdown-item{ padding:0 0.5rem}
.etw_mobile_language{ right:85px}
.etw_mainproducts ul > li{ width:100% !important; margin-right:0}
.etw_bottom ul > li,.etw_photo ul li{ width:100% !important; margin-right:0 !important}
	 }


/* 2024-1-30 */
.etw_pic2 ul li,.img_center{position: relative;}
/* video-btn-item */
.video-btn-item {position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.video-btn-item {display:-webkit-box;display:-ms-flexbox;display:flex;}
.video-btn-item .video-btn {z-index:4;display:block;text-align:center;position:relative;border-radius:50%;width:80px;height:80px;line-height:80px;text-align:center;cursor:pointer;  background: rgb(0, 70, 128,.5);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.video-btn-item .video-btn i {position:absolute;top:0;left:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-size:2rem;color:#fff;}
.video-btn-item .video-btn::after,.video-btn-item .video-btn::before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;background-color:#004680;-webkit-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
@-webkit-keyframes rise {0% {bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50% {-webkit-transform:translate(100px);transform:translate(100px);}
100% {bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@keyframes rise {0% {bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50% {-webkit-transform:translate(100px);transform:translate(100px);}
100% {bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@-webkit-keyframes ripple {0%,35% {-webkit-transform:scale(0);transform:scale(0);opacity:1;}
50% {-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.8;}
100% {opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
@keyframes ripple {0%,35% {-webkit-transform:scale(0);transform:scale(0);opacity:1;}
50% {-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.8;}
100% {opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}

ul.item01{width: 100%;float: left;}
ul.item01 li{width: 49%;float: left;margin-right: 2%;list-style: disc;padding-left: 20px;}
ul.item01 li:nth-child(2n){margin-right: 0;}
.big_title a{display: block;color: #333;}
.big_title a:hover{text-decoration: underline;}
.other_pro3 ul li{width: 32%;margin-right: 2%;}
.other_pro3 ul li:nth-child(4n){margin-right: 2%}
.other_pro3 ul li:nth-child(3n){margin-right: 0;}
@media (max-width: 575.98px) {
	.other_pro3 ul li{width: 49%}
	.other_pro3 ul li:nth-child(3n){margin-right: 2%}
.other_pro3 ul li:nth-child(2n){margin-right: 0;}
}
@media (max-width: 480px) {
	ul.item01 li{width: 100%;margin-right: 0;}

}

.protitle{font-size:1.4rem;color:#111;position:relative;padding:1rem 0;line-height:1.6rem;font-weight:700;overflow:hidden;margin-top: 1.5rem;}
.protitle:before{position:absolute;content:'';display:none;background:#005bac;background-size:cover;width:100px;height:2px;left:0;bottom:16px;z-index:1;}

/*video*/
 .h2video {font-size:1.8rem;padding-bottom:0.5rem;line-height:3rem;color:#111; margin-bottom:1.5rem;}
 #video_right{float:left;width:72%;position:relative;}
 #video_right video{ width:100%;}
 #video_sidebar{float:right;width:25%;position:relative;margin:0 auto;}
 #video_sidebar .webtitle{text-align:left;font-size:1.4rem;line-height:1.4rem;padding:0 0.3rem 0 0.6rem;color:#000;font-weight:600;position:relative;width:100%; border-left:5px #005bac solid; font-family:Arial, Helvetica, sans-serif;}
 
 #etw_videolist>ul{position:relative;margin:1rem 0 3rem 0;}
 #etw_videolist>ul>li{width:100%;position:relative;margin:1rem 0 1rem 0;border-radius:0.5rem;}
 #etw_videolist>ul>li img{width:45%;float:left;overflow:hidden;border-radius:0.3rem; border:1px #eee solid;}
 #etw_videolist>ul>li>a{display:block;display:flex;flex-wrap:wrap;align-items:center;background:#f1f1f1; font-family:Arial, Helvetica, sans-serif}
 #etw_videolist>ul>li>a span{width:55%;float:right;padding:0.2rem 0.5rem 0.2rem 0.8rem;color:#333;font-size:0.8rem;line-height:0.95rem;position:relative;display:block;}
 #etw_videolist>ul li a.dq span,#etw_videolist>ul li a:hover span{color:#005bac;}
 
 .etwvideo_hub{position:relative;}
 .etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative; padding-bottom:1rem;}
 .etwvideo_hub ul>li{width:32%;margin:0 2% 2rem 0;position:relative;border:1px solid #eee;transition:.3s all ease-in-out; background:#eff7fa;border-radius:5px;box-shadow:1px 3px 10px rgba(0 0 0 / 15%);}
 .etwvideo_hub ul>li:nth-child(3n){margin-right:0;}
 .etwvideo_hub ul>li:nth-child(3n+1){clear:both;}
 .etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;}
 .etwvideo_hub ul li ol li.product_img{width:48%;position:relative;}
 .etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
  .etwvideo_hub ul li ol li.product_img a:before{position: absolute;content: ""; left: 0;  top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); transition: all .5s;}
 .etwvideo_hub ul li ol li.product_img img{border-radius:5px; width:100%;}
 .etwvideo_hub ul li ol li.product_con{width:52%;position:relative;padding:0 1rem;}
 .etwvideo_hub ul li ol li.product_con a{display:block;font-size:0.875rem;line-height:1.2rem;padding:0.5rem 0; font-family:Arial, Helvetica, sans-serif;}
 .etwvideo_hub ul li ol li.product_con a:hover{ color:#005bac;}
 .etwvideo_hub ul>li ol .product_img a:after{  position: absolute;content: "\f0da";left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 1;font-family:fontawesome; font-size: 2rem; color:#fff;  border-radius:100%; border:2px #fff solid; width:36px; height:36px; text-align:center; padding-top:5px; padding-left:3px;background-color: rgba(0,91,172,.6);}
 .etwvideo_hub ul>li ol .product_img a:hover:after{ background:#005bac;}
 .etwvideo_hub ul li ol li.product_img a:hover:before{background-color: rgba(0,0,0,.2);}
 
 #video_right .more_details a{color:#fff;font-size:0.875rem;text-transform:uppercase;background:#005aba;padding:0.4rem 2rem;border-radius:0.5rem;display:inline-block;margin:0.5rem 0 0 0;border:1px #aaa solid;font-weight:normal;box-shadow:0 1px 2px 0 rgba(0,0,0,.14),0 1px 4px 0 rgba(0,0,0,.12),0 2px 2px -1px rgba(0,0,0,.2);}
 #video_right .more_details a:hover{border-color:#005aba;background:none;color:#005aba;}
 /* video_button */
.video_button{width: 80px;height: 80px; position: absolute; border-radius: 50%;background-color: rgba(0,91,172,.6); top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;transition: all .5s; box-shadow: 0 0 25px rgb(0 0 0 / 20%);z-index: 1;border: 2px solid #fff;}
.video_button::before{position: absolute;content: "\f04b"; top: 50%;left: 50%;transform: translate(-50%,-50%);font-family:fontawesome;color: #fff;font-size: 2rem;padding-left: .5rem;}
.video_button:hover{background-color: #005bac;}
.small_video{width: 40px;height: 40px;}
.small_video::before{font-size: 1rem; padding-left: .3rem;}
 @media (max-width:991.98px){
 #video_sidebar,#video_right{width:100%}
 #etw_videolist>ul{display:block;display:flex;flex-wrap:wrap;}
 #etw_videolist>ul>li{width:49%;margin-right:2%;}
 #etw_videolist>ul>li:nth-child(2n){margin-right:0;}
 #etw_videolist>ul>li:nth-child(2n+1){clear:both;}
 .etwvideo_hub ul>li{width:49%;}
 .etwvideo_hub ul li ol li.product_img{width:100%;}
 .etwvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
 .etwvideo_hub ul>li:nth-child(3n){margin-right:2%;}
 .etwvideo_hub ul>li:nth-child(3n+1){clear:none;}
 .etwvideo_hub ul>li:nth-child(2n){margin-right:0;}
 .etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
 }
 @media (max-width:575.98px){
 #etw_videolist>ul>li{width:100%;margin-right:0;}
 #etw_videolist>ul>li>a{border-radius:0.3rem 6px 6px 0.3rem;}
 .etwvideo_hub ul>li{width:100%;margin-right:0;}
 .etwvideo_hub ul>li:nth-child(3n){margin-right:0%;}
 }

 /* 2024-2-23 */
 #footer{background:#001434;} 
 .etw_bottom ul>li{width: 24.25%;margin-right: 1%}
 .etw_bottom ul>li:nth-child(4n){margin-right: 0;}
 .etw_mainproducts ul>li>ol>li.product_con{width: 88%!important;}
 .etw_bottom ul>li a img{transition: 1s;}
 .etw_bottom ul>li a:hover img{transform: scaleX(-1);}
 @media (max-width: 767.98px){
 	#banner_txt h2{font-size: 30px;line-height: 38px;}
 	#banner_txt h2 span{font-size: 36px;}
 	 .etw_bottom ul>li{width: 49.5%;margin-right: 1%}
 .etw_bottom ul>li:nth-child(2n){margin-right: 0;}
 .etw_bottom ul>li{transform: skewX(0);margin-bottom: 0.5rem;}
 .etw_bottom ul>li span{transform: translateX(-50%) skewX(0);}
 }

 .video_title{width: 100%;}
 .video_title a{display: block;font-size: 1rem;font-weight: bold;color: #333;padding-bottom: 0.5rem;padding-top: 0.25rem;}
  .video_title a:hover{color: #0065bd;text-decoration: underline;}

    /*2024-6-24*/
 .exhibitions_content{ padding-top:20px;} 
.exhibitions_item{margin-bottom: 2rem; border: 1px solid #eee; padding:1rem;background: #f9f9f9;}
.exhibitions_item strong{ font-size:18px;}
.exhibitions_item .row{ align-items: center;}
 ul.item2{float:none;width:100%;}
ul.item2 li{float:none;padding:0 0 0.2rem 1.5rem;width:100%;position:relative;text-align:left;font-weight:300;color:#555;}
ul.item2 li:before{position:absolute;content:'';width:10px;height:10px;background:#003644;left:2px;top:7px;border:1px solid #fff;box-shadow:3px 3px 0 #003644;}

 @media (max-width: 767.98px){
    .exhibitions_item img{ margin-bottom:1rem;}
	.exhibitions_item .col-sm-2{ text-align:center;}
 }
 
 /* .exhibition */
.exhibitioninfo{width:360px;height:350px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0px;top:25%;z-index:9999;box-shadow:0 1rem 3rem rgba(0,0,0,0.575);background:#0065bd; border-radius: 20px 0 0 20px;display: none; }
.exhibitioninfo ul, .exhibitioninfo li{ margin-bottom:0;}
.exhibitioninfo .exh_box{position:relative; width:100%;}
.exhibitioninfo .exh_text{position:absolute;top:3rem;left:1rem;right: 1rem; margin:0 auto;width:93%;}
.exhibitioninfo .exh_title1{float:left;margin-bottom:6px;color:#fff;display:block;clear:both; font-size: 1.3rem; font-weight: 600;padding: 1rem;  }
.exhibitioninfo .exh_close a{color:#fff;font-weight:400;text-align:left;display:block;font-size:1.82rem;transition:.3s all ease-in-out;}
.exhibitioninfo .exh_close a:hover{text-decoration:none;color:#f97918; }
.exhibitioninfo .exh_close{width:20px;height:auto;position:absolute;right:6px;top:4px;}
.exhibitioninfo .exh-btn-more{background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:5px;font-size:14px;font-style:italic;font-weight:600;}
.exhibitioninfo .exh_item{ display: flex; margin-bottom: 5px; background-color: #fff; padding: .5rem; align-items: center;}
.exhibitioninfo .exh_item img{width: 80px; height: 100%; padding: 5px;}
.exhibitioninfo .exh_item strong{font-size: 1rem; }
.exhibitioninfo .exh_item .exh_des{padding-left: 1rem; height: 100%;}
.exhibitioninfo .exh_more{width: 120px; height: 42px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #ccd6d9; color: #003644; font-size: .9rem; margin-top: 1rem; }
@media (max-width:991.98px){.exhibitioninfo{display:none;}
}