@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:HelveticaNeueLT Std Med;src:url(//:) format("no404"),url(../font/HelveticaNeueLTStd-Hv.woff) format("woff"),url(../font/HelveticaNeueLTStd-Hv.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:HelveticaNeueLT Std Med Cn;src:url(//:) format("no404"),url(../font/HelveticaNeueLTStd-HvCn.woff) format("woff"),url(../font/HelveticaNeueLTStd-HvCn.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Regular;src:url(//:) format("no404"),url(../font/Ubuntu-Regular.woff) format("woff"),url(../font/Ubuntu-Regular.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Open Sans;src:url(//:) format("no404"),url(../font/OpenSans-Regular.woff) format("woff"),url(../font/OpenSans-Regular.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Open Sans Bold;src:url(//:) format("no404"),url(../font/OpenSans-Bold.woff) format("woff"),url(../font/OpenSans-Bold.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:tt0247m;src:url(//:) format("no404"),url(../font/tt0247m_.woff) format("woff"),url(../font/tt0247m_.ttf) format("truetype")}

/*base*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
body{color:#333;font-size:15px;line-height:22px;clear:both;font-family:Arial, Helvetica, sans-serif;background:#fff}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
a{color:#223a5e;blr:expression(this.onFocus=this.blur())}
a:hover{color:#fed100}
a:focus{outline:0}
a,a:focus{text-decoration:none!important}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
h2{display:block;margin:0;line-height:30px;padding:20px 0;font-size:26px;color:#555;font-weight:400;}
h2 span{display:block;font-size:18px;color:#777}
h3{display:block;margin:0;padding:5px 0;font-size:20px;line-height:24px;color:#333;}
b{font-size:18px;color:#223a5e;line-height:30px;font-weight:400}
.etw_hometitle{line-height:30px;padding:20px 0;font-size:26px;color:#555;}
.table{margin:5px 0 0;width:100%}
.table-responsive{margin-bottom:30px}
.table-responsive p{margin:5px 0}
table,td{border:1px solid #ccc!important}
.table>tbody>tr{background-color:#f8f8f8}
.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:#eee}
.table .top{border-top:4px solid #ccc}
.table>tbody>tr>td{vertical-align:middle;padding:4px 8px;font-size:14px;}
.table>tbody>tr>td.center{ text-align:center;}
.table img{display:block;margin:5px auto;max-width:200px;}
p{padding:0;margin:0 0 15px}
.brief{width:100%;margin:30px 0;overflow:hidden}
.brief p{color:#999;font-size:14px;line-height:22px}
#chatbox{padding:0!important;border:none!important}
hr{border-top:1px dashed #ccc;margin:10px 0 15px;display:block;clear:both}
.half{display:block;width: 24%;
margin: 0px 0% 15px 20px;float:left;font-size:15px;line-height:26px}
.half li{width:100%;display:block;position:relative;padding-left:15px}
.half li:before{position:absolute;content:'';width:5px;height:5px;background:#555;border-radius:50%;left:0;top:11px}
.inquiry{color:#223a5e;white-space:nowrap}
.inquiry:hover{color:#223a5e}
#etw_top{position:fixed;width:40px;height:40px;right:105px;bottom:100px;text-align:center;border-radius:5px;background:rgba(153,153,153,.6);z-index:100;cursor:pointer}
#etw_top i{font-size:30px;color:#fff;margin-top:3px;display:block}
#etw_top:hover i{margin-top:-5px;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}
#app_new_pro{display:none}
.review{color:red}
.top{ padding-top:25px;}
/*header*/
#header{width:100%;position:relative;}
#headerin{width:100%;max-width:1200px;margin:0 auto}
#etw_logo{width:327px;height:auto;float:left;margin:20px 0}
#etw_language{width:auto;float:right;text-align:right; margin-top:20px;}
#etw_language .dropdown-menu{min-width:100px; background:#333}
#etw_language a{color:#fff;line-height:20px;padding:3px 10px 3px 20px;font-size:12px;display:inline-block; }
#etw_language a:hover{color:#fed000}
#dropdownMenu1{font-size:15px;color:#333;border: 1px solid #ccc; background:0}
.top-nav{width:100%;text-align:center; background:#333;transition:background .4s ease-in-out;-moz-transition:background .4s ease-in-out;-webkit-transition:background .4s ease-in-out;-ms-transition:background .4s ease-in-out;-o-transition:background .4s ease-in-out}



/*menu*/
.navbar-toggle .icon-bar{background:#FED100;border: 2px solid #FED100;}
.navbar,.navbar-default{max-width:1200px;margin:0 auto;background: #333;}

.navbar-nav li a{padding:15px 15px;font-size:16px;text-transform:uppercase;display:block;color:#444;}
.navbar-nav li a.dq{color:#979797;}
.nav > li > a:focus, .nav > li > a:hover{background:none;color:#959595}
.dropdown-menu .divider{margin:4px 0;background:#ccc}
.navbar-xl-dropdown .nav > li.dropdown-narrow { position: relative; }
.navbar-nav>li>a{color:#fed000}
@media (min-width:768px){
	.navbar-xl-dropdown .nav>li{position:static}
}

.navbar-xl-dropdown .navbar-nav>.open>a{background:0 0}
.navbar-xl-dropdown .navbar-nav .dropdown-menu a{padding:2px 10px;font-size:14px;text-transform:capitalize;line-height: 1.5;}
.navbar-xl-dropdown .navbar-nav .dropdown-menu a:hover{color:#959595;background:none}
.navbar-xl-dropdown .navbar-nav .dropdown-menu .sub-heading{font-size:14px;text-transform:capitalize;position:relative;margin:12px 0 0 12px;font-weight:bold;}
.navbar-xl-dropdown .navbar-nav .dropdown-menu .sub-heading:before{content:"\f105";position:absolute;font-family:fontawesome;left:0;}
.navbar-xl-dropdown .navbar-nav>.open>a:focus,.navbar-xl-dropdown .navbar-nav>.open>a:hover{background:0 0}
.navbar-xl-dropdown .navbar-nav .dropdown-menu li ul li ul li a{margin-left:12px;font-size:12px;}
@media (max-width:767px){
	.navbar-xl-dropdown .dropdown{border-bottom:1px solid #ccc}
	.navbar-header{background:#444;}
	.navbar-nav li a{color: #fff;}
}
.navbar-xl-dropdown .dropdown-link{display:inline-block;padding-right:0}
.navbar-xl-dropdown .dropdown-toggle{display:inline-block;padding:5px 10px}
@media (min-width:768px){
	.navbar-xl-dropdown .dropdown-toggle{background:0 0;padding:0 5px}
}
@media (max-width:767px){
	.navbar-xl-dropdown .dropdown-toggle{position:absolute;right:15px;top:5px;background: #dde2e6;}
}
.navbar-xl-dropdown .dropdown-menu a:focus,.navbar-xl-dropdown .dropdown-menu a:hover{text-decoration:none}
@media (min-width:768px){
	.navbar-xl-dropdown .dropdown-menu{left:0;right:0;padding-top:15px;padding-bottom:15px}
}
.navbar-xl-dropdown .dropdown-menu .dropdown-header{color:#1c1c85;padding:5px 0;font-size:18px;font-weight:800;line-height:1;white-space:normal}
@media (max-width:767px){
	.navbar-xl-dropdown .dropdown-menu .dropdown-header{padding:5px 0!important}
	.nav li{text-align: left;}
	.navbar-nav li a{font-size: 16px;}
}
@media (min-width:768px){
	.navbar-xl-navbar-nav .navbar-nav{position:relative}
	.navbar-xl-container .container{position:relative}
	.dropdown--hover:focus .dropdown-menu,.dropdown--hover:hover .dropdown-menu{display:block}
}




/*banner*/
#etw_banner{width:100%;height:auto;margin:0 auto;position:relative;}
.banner_text{position: absolute;right:6%;top: 40%;}
.banner_text h2,.banner_text h2 span{color: #1d2228;
line-height: 42px;
font-size: 40px;
font-family: tt0247m;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;

-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;

-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;

*filter: Glow(color=#000, strength=1);}
.banner_text h2 span{margin:10px 0 0 70px;}
.banner_text1{position: absolute;left:33.5%;top: 30%;}
.banner_text1 h2,.banner_text1 h2 span{color:#9fc239;  font-size: 26px;  }
.banner_text1 h2 span{font-size: 40px;margin-top:10px}
/*video*/
.etw_video{width:23%;overflow:hidden;position:relative;margin:0 auto 30px;float:left;height:140px;border:1px solid #014a61;background:url(../images/video.jpg) no-repeat center;background-size:cover}
.etw_video a{top:0;font-size:18px;position:absolute;left:0;right:0;margin:auto;text-align:center;width:40px;height:40px;bottom:0;background:url(../images/video_btn.png) no-repeat center}
.etw_video span{padding:8px 0 0 5px;display:block;text-align:center;margin:0 auto;color:#014a61;font-size:14px;border:4px solid #014a61;border-radius:50%;width:100%;height:100%;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:#fff}
.etw_video a:hover span{border-color:#fed100;color:#fed100}
.etw_video img{max-width:150%}

/* 20210908 */
span.icon-play1{cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);     padding: 12px 0 0 3px;display:block;text-align:center;margin:0 auto;color:#014a61;font-size:18px;border:4px solid #014a61;border-radius:50%;width:50px;height:50px;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:#fff;-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;}
span.icon-play1:hover{border-color:#fed100;color:#fed100}	
.etw_inquiry{overflow: hidden;}
.etw_inquiry .sendinquiry{overflow: hidden; margin-bottom: 20px; display: inline-block;border: 1px solid #222; cursor:pointer; margin-top:0.5rem;text-align:center;border-radius:15px;transition: .3s;position:relative; z-index:2;}
.etw_inquiry .sendinquiry span{font-size:20px; padding:10px 20px;text-align:center; color:rgb(255, 0, 0);text-transform : none; display:inline-block;border-radius:8px;-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.etw_inquiry .sendinquiry:hover{ background:none;}
.etw_inquiry .sendinquiry:hover span{ background-color: #222;color: #fff;}
.etw_inquiry.mar-auto{text-align: center;}


.home_video{margin:50px 0 40px 3%;float:right; width:29%; height:200px;}
.video1{background:url(../images/video1.jpg) no-repeat center;background-size:cover}
.video2{background:url(../images/video2.jpg) no-repeat center;background-size:cover}
.video3{background:url(../images/video3.jpg) no-repeat center;background-size:cover}
.video4{background:url(../images/video4.jpg) no-repeat center;background-size:cover}
.video5{background:url(../images/video5.jpg) no-repeat center;background-size:cover}
.video6{background:url(../images/video6.jpg) no-repeat center;background-size:cover}
.video7{background:url(../images/video7.jpg) no-repeat center;background-size:cover}
.video8{background:url(../images/video8.jpg) no-repeat center;background-size:cover}
.video9{background:url(../images/video9.jpg) no-repeat center;background-size:cover}
.video10{background:url(../images/video10.jpg) no-repeat center;background-size:cover}
.video11{background:url(../images/video11.jpg) no-repeat center;background-size:cover}
.video12{background:url(../images/video12.jpg) no-repeat center;background-size:cover}

.etw_photo .video-pro{margin-top:0}
/*sidelist*/
#etw_right{width:74%;float:right}
#etw_sidebar{width:23%;float:left;position:relative}
#etw_sidebar .etw_hometitle{font-family: HelveticaNeueLT Std Med Cn; font-size:22px; line-height:22px; text-transform:uppercase;padding: 10px 10px 10px 0;margin-bottom: 10px; border-bottom:1px solid #333}
#etw_sidebar .etw_hometitle a{color:#222;display:block;}
#etw_sidebar .etw_hometitle a:hover{color:#979797}
#etw_productlist{width:100%;height:auto;float:left;margin-bottom:30px}
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul>li>ol,#etw_productlist ul>li>ol>li,#etw_productlist ul>li>ol>li>ol{width:100%}
#etw_productlist ul>li>a{line-height:22px;font-size:18px;color:#222;padding:10px 10px 10px 0;display:block; text-transform:uppercase;font-family:HelveticaNeueLT Std Med Cn;}

#etw_productlist ul>li>ol{margin:5px 0}
#etw_productlist ul>li>ol>li>a,#etw_productlist ul.aboutlist>li>a{padding: 5px 10px 5px 15px;font-size: 15px;display: block;line-height: 18px;color: #444; font-family:Arial, Helvetica, sans-serif; text-transform:none;position: relative;}


#etw_productlist ul>li>ol>li>a:before,#etw_productlist ul.aboutlist>li>a:before{ position:absolute; content:"\f101";font-family: FontAwesome; left:0; top:4px;}
#etw_productlist ul>li>ol>li>ol{padding:3px 0 6px 0}
#etw_productlist ul>li>ol>li>ol>li>a{display:block;font-size:12px;padding:5px 10px 5px 15px;line-height:16px;color:#555;}
#etw_productlist ul li a.dq,#etw_productlist ul li a:hover{color:#979797;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}
#etw_productlist ul>li>ol>li>a.dq,#etw_productlist ul>li>ol>li>a:hover,#etw_productlist ul>li>ol>li>ol>li>a.dq,#etw_productlist ul>li>ol>li>ol>li>a:hover{ text-decoration:underline !important;}
#etw_productlist ul>li>a.dq:before,#etw_productlist ul>li>a:hover:before,#etw_productlist ul>li>ol>li>ol>li>a.dq:before,#etw_productlist ul>li>ol>li>ol>li>a:hover:before{color:#979797;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}
.etw_contactin{width:100%;height:auto;float:left;}
.etw_contact{width:100%;float:left;font-size:15px;color:#555;line-height:22px;}

.etw_contact p a{color:#555}
.etw_contact p a:hover{ text-decoration:underline !important;}
.share{width:100%;margin:10px 0;overflow:hidden}
.share a{background:#fed100;text-align:center;margin:0 5px 5px 0;width:26px;display:block;float:left;border-radius:50%;height:26px;line-height:26px;color:#666;font-size:14px;position:relative;cursor:pointer}
.share a:hover{background:#fed100;color:#fff}

/*index*/
#container{width:100%;margin:0 auto;overflow:hidden}
#etw_content{width:90%;overflow:hidden;max-width:1200px;margin:0 auto;padding:20px 0}
.company{margin:0 auto;width:90%;max-width:1200px;padding:25px 0 0 0}
.company_txt{margin:0 auto;width:67%; float:left;}
.company_txt h2{padding: 15px 0;font-size: 22px;line-height: 24px;color: #231916;font-family: HelveticaNeueLT Std Med Cn;text-transform: uppercase;border-bottom: 1px solid #fed100;margin-bottom: 10px;}
.company_txt h2 span{font-size: 22px;

line-height: 24px;

color: #231916;}
.company_txt p{color:#787878;line-height:23px;font-size:16px; padding-right:2%;}
.company_txt a.more{display: block;padding: 5px 0;color: #111;border-radius: 20px;background: #fed100;width: 108px;text-align: center;font-size: 13px;text-transform: uppercase;line-height: 13px;font-family: Open Sans Bold;margin: 15px 0 0 0;}
.company_txt a.more:hover{ transform:translate(0,-5px);-moz-transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-o-transform:translate(0,-5px);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;}
#mainpro_bg{ width:100%; background:#dde2e6;overflow: hidden;
margin: 30px 0 0 0;}
#mainpro{width: 100%;}

#mainpro .etw_hometitle{padding: 0 0 40px 0;
font-size: 30px;
line-height: 22px;

text-transform: uppercase;
border-bottom: 1px solid #333;
text-align: center;
margin: 0 0 40px 0;}
#mainpro .etw_hometitle a{color: #1f1512;}
#mainpro .etw_hometitle a:hover{color:#979797;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}
#mainpro ul{width:100%;height:100%}
#mainpro ul>li{width:24%;margin:0 1% 20px 0; border:1px solid #c6c7c8; background:#dde2e6;float: left;}
#mainpro ul>li:nth-child(4n){margin-right:0}
#mainpro ul>li:nth-child(4n+1){clear:both}
#mainpro ul li ol{width:100%}
#mainpro ul li ol li.product_img{width:100%;overflow:hidden;}
#mainpro ul li ol li.product_img img{display:block;margin:0 auto;width:100%}
#mainpro ul>li>ol>li.product_con{width:100%}
#mainpro ul>li>ol>li.product_con>a{ color:#343434;font-size:18px;display:block;line-height:20px;padding:10px;text-align:center; text-transform:uppercase;height: 90px;}
#mainpro ul>li>ol>li.product_con span:before{font-size: 20px;
font-weight: 600;}
#mainpro ul>li>ol:hover>li.product_img img{ transform:scale(1.05);transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s}
#mainpro ul>li>ol:hover>li.product_con>a{color:#979797;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}
#mainpro_bg #mainpro{ width:90%; max-width:1200px;margin: 20px auto;overflow: hidden;}
#mainpro_bg #mainpro ul>li{ border:none;}
#mainpro_bg #mainpro ul li ol li.product_img{ border:1px solid #707070;}
#mainpro_bg #mainpro ul>li>ol>li.product_con>a{ font-size:16px; line-height:18px; text-align:left;padding: 15px 0px 15px 0;
height: auto;}
#mainpro_bg #mainpro ul>li>ol>li.product_con span:before{ line-height:18px;}

#other_bg{ width:100%; margin:40px 0; padding:50px 0 0px 0;overflow:hidden;}
#other_body{width:90%; max-width:1140px;margin:0 auto;}
#other_body ul{width:100%}
#other_body ul li{width:19%;margin:0 8% 30px 0;text-align:center;float: left;}
#other_body ul li:last-child{margin-right:0}
#other_body ul li span{display:block;color:#484140;font-size:16px;padding:30px 0 0 0;line-height:20px}


#other_body ul li img:hover{ cursor:pointer; transform:translate(0,-5px);-moz-transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-o-transform:translate(0,-5px);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}
#home_bg{ width:100%; background:#dde2e6; overflow:hidden;padding: 40px 0 10px 0;}
#home_list{ width:90%; margin:0 auto; max-width:1200px;}
#home_list .etw_hometitle{font-family: HelveticaNeueLT Std Med Cn; font-size:22px; line-height:24px; text-transform:uppercase;padding: 10px 10px 10px 0;margin-bottom: 5px;}
#home_list .etw_hometitle a{ color:#222;}
#home_list .etw_hometitle a:hover{ color:#979797;}
#home_list #etw_productlist{ width:55%;}
#home_list #etw_productlist ul>li{ width:45%;float: left;}



#home_list .etw_contactin{ width:45%;}
#home_list .qrcode{ float: right;

width: 148px;

padding: 4px;

background: #fff;}

#home_list #etw_productlist ul>li>a{line-height:24px;font-size:22px;padding:10px 10px 10px 0;}
#home_list #etw_productlist ul>li>ol>li>a{padding: 2px 10px 2px 15px;

font-size: 15px;


line-height: 18px;

color: #444;}
#home_list #etw_productlist ul>li>ol>li>a:before{ top:1px;}


.nav-tabs{width:100%;border-bottom:1px solid #223a5e;margin-bottom: 10px;}
.nav-tabs > li > a:hover{background:#fed100;color:#fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #fed100;color:#fff;}
.nav-tabs>li>a{    background: #333;
    color: #fff;}
/*时间轴*/

.history_date-list{padding-left:90px}
.history_date-list li{border-left:1px solid #31708f;box-sizing:border-box;cursor:pointer;padding:25px 10px;position:relative;height:auto}
.history_date-list li:first-child:before{background-color:#3686CB;content:"";display:block;position:absolute;top:0;left:-6px;height:1px;width:11px}
.history_date-list li:last-child:after{background-color:#3686CB;content:"";display:block;position:absolute;bottom:0;left:-6px;height:1px;width:11px}
.history_date-list li strong{ position:absolute; left:-70px; font-size:20px; top:33%}
.history_date-list li span.bullet_point{background-color:#3686CB;border-radius:5px;display:block;position:absolute;top:38%;left:-6px;height:11px;width:11px;transition:all .5s}
.history_date-list li:focus span.bullet_point,.history_date-list li:hover span.bullet_point{border-radius:10px;top:32%;left:-11px;height:21px;width:21px}
.history_date-list li p{position:relative;display:inline-block;transition:all .3s; padding-left:20px}
.history_date-list li:hover p{position:relative;display:inline-block;padding-left:30px}
.history_date-list li span.image_wrap{border:2px solid #193441;display:block;position:absolute;top:-20px;left:-155px;transition:all .5s}
.history_date-list li:focus span.image_wrap,.history_date-list li:hover span.image_wrap{left:-170px}

/*Quick list*/
#etw_producttitle{margin:0 auto;height:auto;color:#1f1d29;line-height:18px;font-size:12px}
#etw_producttitle a{color:#999;padding-right:6px}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#676664}
#etw_producttitle small{display:inline}

/*about*/
#etw_instruction{width:100%;height:auto;overflow:hidden}
.about_info{width:100%;height:auto;overflow:hidden}
.about_info ul li a{color:#444;font-size:18px;position:relative;padding:5px 0;line-height:24px;display:inline-block;font-weight:600}
.about_info ul li img{width:100%}
.about_info ul li a:after{position:absolute;content:"\f101";font-family:fontawesome;font-size:16px;padding:1px 0 0 5px}
.about_info ul li a:hover{color:#223a5e}
.about_info p{margin-bottom:5px}
.etw_case,.etw_case ul{ width:100%; height:auto; float:left;}
.etw_case ul li{ width:49%; float:left; margin:0 2% 25px 0; } 
.etw_case ul li:nth-child(2n){ margin-right:0}
.etw_case ul li:nth-child(2n+1){ clear:both}
.etw_case ul li img{ width:32%; float:left; border:1px #ddd solid}
.etw_case ul li img:hover{ border:1px #666 solid}
.etw_case ul li p{width:65%; float:right; margin-bottom:0!important; font-size:14px;}
.etw_case ul li strong{ font-size:16px;}

/*Products*/
.protitle_products{font-size:18px;display:block;margin:15px 0 10px 0;position:relative;background:#fed000;clear:both}
.lesstop{ margin-top:0}
.protitle_products strong{display:inline-block;color:#fff;padding:5px 30px 5px 20px;background:#333;position:relative; font-family:Ubuntu Bold; text-transform:uppercase; font-weight:100; line-height:22px;}
.protitle_products strong:before{content:"";position:absolute;right:-40px;top:0;width:0;height:0;border-left:40px solid #333;border-top:32px solid transparent}
.protitle_products strong:after{content:"";position:absolute;background:#fff;width:15px;height:40px;top:0;right:-36px;transform:skew(50deg)}
.protitle_products strong:hover{ color:#fed100;}


.protitle{font-size:22px;color:#666;margin:10px 0 10px 0;padding:5px 0 10px 24px;line-height:24px;position:relative;border-bottom:1px dashed #223a5e;font-family:HelveticaNeueLT Std Med Cn;}
.protitle:after,.protitle:before{content:"";position:absolute;left:0;top:10px;background:#fed000;width:10px;height:10px}
.protitle:after{left:4px;top:14px;background:#333}
.protitle a{color:#444}
.protitles{ display:block; text-align:left; color:#777; font-size:16px; font-weight:600;line-height:24px;  text-transform:uppercase; padding:20px 0 8px 0; border-bottom:1px #ddd solid; margin-bottom:15px;} 
.protitle1{font-size:22px;line-height:18px;padding:12px 0;width:100%;overflow:hidden;clear:both;font-weight:600;text-transform:capitalize;color:#555;border-bottom:1px solid #999;margin:10px 0 20px;text-shadow:1px 5px 4px #ccc;font-family: HelveticaNeueLT Std Med Cn;}
.protitle1 a{ color:#777;}
.protitle a:hover,.protitle1 a:hover{color:#979797;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}
.protitle2{font-size:22px;color:#666;line-height:22px;border-bottom:1px solid #ddd;margin:10px 0 20px 0;padding:10px 0;}
.etw_products{width:100%;overflow:hidden}
.etw_products ul{width:100%;margin-top:10px}
.etw_products ul li ol{width:100%}
.etw_products ul>li{width:23%;margin:0 2% 20px 0;float: left;}
.etw_products ul>li:nth-child(4n){margin-right:0}
.etw_products ul>li:nth-child(4n+1){clear:both}
.etw_products ul li ol li.product_img{width:100%;border:1px solid #ddd}
.etw_products ul li ol li.product_img img{width:100%}
.etw_products ul li ol li.product_con{width:100%;text-align:center}
.etw_products ul li ol li.product_con a{color: #333;
display: block;
line-height: 18px;
font-size: 13px;
padding: 10px 5px;}
.etw_products ul li ol:hover li.product_con a{color:#979797}
.etw_products ul li ol:hover li.product_img{border-color:#fed100}
.etw_products1{width:100%;overflow:hidden}
.etw_products1 ul,.etw_products1 ul li ol{width:100%}
.etw_products1 ul>li{width:100%;height:auto;padding:10px 0 15px}
.etw_products1 ul li ol li.product_img{width:23%;height:auto;border:1px solid #ddd}
.etw_products1 ul li ol li.product_img img{width:100%}
.etw_products1 ul li ol li.product_img:hover{border:1px solid #666}
.etw_products1 ul li ol li.product_con{width:75%;height:auto;float:right;text-align:left;color:#444;line-height:22px}
.etw_products1 ul li ol li.product_con a{color: #222;
display: block;
line-height: 22px;
font-size: 18px;
padding: 0 0 6px 0;
font-family: Ubuntu Regular;}
.etw_products1 ul li ol li.product_con a:hover{color:#fed100}
.etw_products1 ul li ol li.product_con span{font-size:14px;display:block;line-height:20px}
.etw_products2{width:100%;overflow:hidden}
.etw_products2 ul{width:100%;margin-top:10px}
.etw_products2 ul li ol{width:100%}
.etw_products2 ul>li{width:48%;margin:0 4% 20px 0;float:left}
.etw_products2 ul>li:nth-child(2n){margin-right:0}
.etw_products2 ul>li:nth-child(2n+1){clear:both}
.etw_products2 ul li ol li.product_img{width:100%;}
.etw_products2 ul li ol li.product_img img{width:100%}
.etw_products2 ul li ol li.product_con{width:100%;text-align:center}
.etw_products2 ul li ol li.product_con a{color: #333;
display: block;font-family:HelveticaNeueLT Std Med Cn;
line-height: 22px;
font-size: 18px;
padding: 15px 3px;}
.etw_products2 ul li ol li.product_con span{ font-size:13px; text-align:center; display:block; line-height:20px; padding:0 6%}
.etw_products2 ul li ol:hover li.product_con a{color:#979797}
.etw_products2 ul li ol:hover li.product_img{border-color:#fed100}



.relatedname{color:#999}
.img_products{width:47%;margin:10px 0;float:left;border: 1px solid #ccc; }

/*etw_photo*/
.img_center{width:100%;clear:both;margin:10px auto 20px;text-align:center;font-size:15px;line-height:26px;position: relative;}
.img_center img{display:block;margin:0 auto;border:1px solid #ddd}
.img_center.whole{background:#fff;}
.img_center.whole img{ border:none;}
.img_left,.img_right{width:44%;float:right;position: relative; margin:5px 0 10px 2%;text-align:center;font-size:13px}
.img_left{float:left;margin:5px 3% 10px 0;width:30%}
.img_left_video{width:44%;float:left;margin:5px 0 10px 0;text-align:center;font-size:13px}
.img_right_video{width:52%;margin-bottom:10px;margin-top:0;float:right}
.img_right_video .video-pro{margin-top:5px}
.img_left img,.img_right img,.img_left_video img{border:1px solid #ddd;display:block;width:100%}
.img_left img:hover,.img_right img:hover{border:1px solid #445961}
.img_right span{font-size:14px;line-height:16px;display:block;margin-top:5px}
.img_right.swidth{width:32.66%}
.img_right.bwidth{width:28%}
.img_left.swidth{width:25%}
.etw_photo{float:left;margin:5px 0;width:100%;height:auto}
.etw_photo ul{display:block;width:100%;height:auto}
.etw_photo ul li{float:left;display:block;margin:0 1% 15px 0;text-align:center;line-height:18px;font-size:14px}
.etw_photo ul li span{text-align:center;display:block;padding:0 5px}
.etw_photo ul li p{text-align:left;margin:0 0 5px}
.etw_photo ul li img{display:block;border:1px solid #ccc;width:99%;margin-bottom:3px}
.etw_photo ul li img:hover{border:1px solid #223a5e}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49.5%}
.etw_pic3 ul li{width:32.66%}
.etw_pic4 ul li{width:24.25%}
.etw_pic5 ul li{width:19.2%}
.etw_pic6 ul li{width:15.66%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both}
.etw_pic2 ul li.big_img{width:72.9%}
.etw_pic2 ul li.small_img{width:26.1%}

/*Contactez-nous*/
#etw_contactin{width:54%;float:left;padding:15px 0; font-size:16px;}
#etw_contactin p a{color:#223a5e}
#etw_contactin p a:hover{color:#fed100}
#etw_contactin p{margin-bottom:10px!important;line-height:26px}
.c_name{font-size:17px}
.location{width:54%;height:auto;float:left}
#etw_set_feedback_form{overflow:hidden;margin:15px 0;height:auto;border:1px solid #ccc;background:#fff;text-align:center;width:42%;float:right}
#etw_form_title{overflow:hidden;background:#f0f0f0;text-align:left;line-height:34px;border-bottom:1px solid #ccc;margin-bottom:12px;color:#555;text-transform:uppercase;font-size:16px;padding:2px 0 0 20px}
#etw_form_title span{padding-right:5px}
#floatchatiframe2011{height:500px}
#etw_form{width:100%}
#etw_form #etw_set_feedback_form{border-radius:5px;margin:10px 0;width:49%}
#etw_form #etw_form_title{font-size:18px;padding:2px 0 0 20px;font-family:HelveticaNeueLT Std Med Cn;}
#etw_form .etw_contactin{width:49%;border:1px solid #ccc;margin:10px 2% 10px 0;height:550px;border-radius:5px;background:0;padding:0}
#etw_form .etw_hometitle{background:#f0f0f0;text-align:left;line-height:34px;border-bottom:1px #ddd solid;margin-bottom:12px;color:#555;font-size:18px;padding:2px 0 0 20px;text-transform:uppercase;font-family:HelveticaNeueLT Std Med Cn;}
#etw_form .etw_hometitle span{padding-right:5px}
#etw_form .etw_hometitle a{color:#555}
#etw_form .etw_hometitle a:hover{color:#979797}
#etw_form .etw_contact{padding:0 20px;color:#333}
#etw_form .etw_contact p a{color:#223a5e}
#etw_form .etw_contact p a:hover{color:#fed100}

/*other_pro*/
.othertitle{font-size:18px;margin:20px 0 15px 0;position:relative;width:100%;overflow:hidden;font-family:HelveticaNeueLT Std Med Cn;}
.othertitle:after{position:absolute;content:"";background:#333;height:5px;width:100%;right:5px;bottom:0;z-index:1;transform:skew(40deg)}
.othertitle strong{background:#333;display:inline-block;padding:5px 10px 5px 15px;color:#fff;position:relative;font-weight:400}
.othertitle strong:before{position:absolute;content:"";right:-28px;top:0;border-left:28px solid #333;border-top:32px solid transparent}
.othertitle strong:after{position:absolute;content:"";top:0;background:#fff;width:10px;height:40px;transform:skew(40deg);right:-26px;z-index:3}

.other_pro{width:100%;margin:10px 0 5px 0;overflow:hidden}
.other_pro ul>li{width:23.5%;margin:0 2% 20px 0;overflow:hidden;float: left;}
.other_pro ul li ol{width:100%}
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li:nth-child(4n+1){clear:both}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.other_pro ul li ol:hover li.product_img img{border-color:#223a5e}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:10px 2px;font-size:14px}
.other_pro ul li ol:hover li.product_con a{color:#223a5e;text-decoration:underline}
.left_pic{width:100%; height:auto; float:right; margin:5px 0 25px 4%;}
.left_pics,.left_pics1{ width:100%; height:auto; float:left;position: relative;} 
.left_pics img,.left_pics1 img{ width:100%; text-align:center; border:1px #ccc solid}
.left_pics img:hover,.left_pics1 img:hover{border:1px #999 solid}
.related_pic,.related_pic1{ width:100%; height:auto; float:left;  text-align:center}
.related_pic img,.related_pic1 img{ width:26%; height:auto; float:left; border:1px #ccc solid; margin:10px 10px 10px 0}
.related_pic img:hover,.related_pic1 img:hover{ border:1px #000 solid}
.relatedpro{width:100%;overflow:hidden;margin:20px auto}
.relatedpro ul{width:100%;border:1px solid #ccc;margin-bottom:5px;box-shadow:#ccc 0 2px 6px;-moz-box-shadow:#ccc 0 2px 6px;-webkit-box-shadow:#ccc 0 2px 6px;-o-box-shadow:#ccc 0 2px 6px;padding:15px 0; overflow:hidden}
.relatedpro ul li{width:48%; float:left;}
.relatedpro ul li:nth-child(2n+1){clear:both}
.relatedpro ul li a{padding:6px 10px 6px 28px;display:block;overflow:hidden;color:#666;position:relative;line-height:16px;font-size:13px}
.relatedpro ul li a:before{position:absolute;content:'';width:5px;height:5px;left:15px;top:11px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.relatedpro ul li a.dq,.relatedpro ul li a:hover{color:#223a5e}
.relatedpro ul li a.dq:before,.relatedpro ul li a:hover:before{background:#223a5e}
.quicklink ul>li{width:32%;margin:0 2% 20px 0;overflow:hidden}
.quicklink ul>li:nth-child(3n){margin-right:0}
.quicklink ul>li:nth-child(3n+1){clear:both}
.quicklink ul>li:nth-child(4n){margin-right:2%}

/*footer*/
#footer{width:100%;height:auto;margin:0 auto;font-size:13px; border-top:1px solid #dde2e6;}
#chatbox{z-index:999}
#etw_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center;max-width:1200px;padding:15px 0}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#etw_homefooter a{padding:0 10px;color:#222;line-height:13px;margin:6px 0;font-size:13px;display:inline-block;border-right:1px solid #555;text-transform:uppercase;font-family:Open Sans;}
#etw_homefooter a:last-child{border-right:none}
#etw_homefooter a:hover{color:#979797}
#etw_coper{margin-top:10px;width:100%;line-height:22px}
#etw_coper a{display:block;color:#222}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#222;display:inline-block;padding:3px;font-size:12px;line-height:12px;margin:4px 5px 0;border:1px solid #222}
#otherlink a span{position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#979797;border:1px solid #979797}
#otherlink a:hover span{top:-2px;transition:all .3s ease-in-out}

/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both}
#sitemap a{color:#223a5e;width:100%;display:block;background:#eee;font-weight:600;line-height:24px}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline!important;background:0 0;font-size:14px}
#sitemap a:hover{text-decoration:underline!important}
#sitemap a.sname:hover{color:#223a5e;text-decoration:none!important}
#sitemap p{margin:0 0 10px;line-height:22px}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden}
#sitemap .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px}
#sitemap .list_m a:nth-child(2n+1){clear:both}
#sitemap .list_m a:hover{color:#223a5e}

/*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:#223a5e}
.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:#223a5e;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}



.xxk{width:100%;margin:20px auto 0 auto;}
.xxk .xxktit ul{width:100%}
.xxk .xxktit{height:42px;line-height:42px;position:relative;}
.xxk .xxktit ul li{float:left;width:15%;height:42px;border-left:1px solid #dedede;font-size:14px;color:#333;text-align:center;margin-right: 1%;}
.xxk .xxktit ul li a{color:#333;}
.xxk .xxktit ul li a:hover,.xxk .xxktit ul li a.cur{color:#245fa0;}
#khxgd{clear:both;width:100%;margin-top:10px;;}
#kmtbd{clear:both;width:100%;margin-top:10px}
.kinfo{display:none}
.xxk .kinfo:nth-child(2){display:block}
.xxk .xxktit ul li{background:#fed000}
.xxk .xxktit ul li:nth-child(1) {background:#333}
.xxk .xxktit ul li:nth-child(1) a{color:#fff}

.etw_photo h2 {  font-size: 60px;color: #000;font-family: "Impact";}
.cases li:nth-child(1){border-right:1px dashed #ccc}
.time{    font-weight: bold;color: #000;}
/*responsive*/
@media screen and (max-width:1300px){.banner_text h2, .banner_text h2 span{line-height: 40px;
font-size: 40px;}}
@media screen and (max-width:1200px){
.banner_text h2, .banner_text h2 span{line-height: 35px;font-size:35px;}
#etw_logo{margin:20px 0 20px 10px}
.navbar-default .navbar-nav>li>a{padding: 15px;font-size: 15px;}
.etw_case ul li{ width:100%; margin:0 0 20px 0;}
.navbar-nav li a{padding:15px 9px;}
.banner_text h2 span{margin: 10px 0 0 0px;}
#etw_language {
    margin-right: 15px;
}
}
@media screen and (max-width:991px){
	.navbar-nav li a{padding:15px 10px;}
}
@media screen and (max-width:980px){.navbar-default .navbar-nav>li>a{padding: 15px 8px;

font-size: 13px;}
#mainpro ul > li > ol > li.product_con > a{ font-size:16px; height:120px;}
.company_txt{ width:100%; margin:10px auto 20px auto;}
#etw_productlist,#other_bg{display:none}
#etw_right,#etw_sidebar{width:100%;margin:0}
#home_bg{ padding:20px 0;}
.etw_contactin{margin:10px auto;border:none}
#home_list .etw_contactin{ width:100%;}
.relatedProducts ul li{width:50%}
.relatedProducts ul li:nth-child(3n+1){clear:none}
.relatedProducts ul li:nth-child(2n+1){clear:both}
.etw_video{width:100%;float:none;max-width:768px;margin:0 auto 10px;height:140px}
.etw_video:before{width:94%;left:3%;height:80%;top:10%}
.banner_text1{top:10%}
.banner_text1 h2 span{font-size:34px}
}
@media screen and (max-width:767px){
	.xxk .xxktit ul li{width:32.3333%;margin-top:10px}
	#etw_logo {
		width: 150px;
	}


.table-responsive{border:none}
#chatbox,#clienteditlogin,#etw_banner,#etw_top,.etw_products1 ul li ol li.product_con span,.location,.qrcode,.qulickpro,.xs{display:none}
#mainpro{ margin:0 auto;}
#mainpro .etw_hometitle{ font-size: 24px;

padding: 20px 0;

line-height: 28px;}
#mainpro ul>li{width:49%;margin:0 2% 20px 0}
#mainpro ul>li:nth-child(3n){margin-right:2%}
#mainpro ul>li:nth-child(3n+1){clear:none}
#mainpro ul>li:nth-child(2n){margin-right:0}
#mainpro ul>li:nth-child(2n+1){clear:both}
#mainpro ul > li > ol > li.product_con > a{ height:90px;}
.etw_products ul>li,.etw_products1 ul>li{width:49%;margin:0 2% 20px 0;padding:0}
.etw_products ul>li:nth-child(3n+1){clear:none}
.etw_products ul>li:nth-child(2n+1),.etw_products1 ul li:nth-child(2n+1){clear:both}
.etw_products ul>li:nth-child(3n){margin-right:2%}
.etw_products ul>li:nth-child(2n),.etw_products1 ul li:nth-child(2n){margin-right:0}
.etw_products1 ul li ol li.product_con,.etw_products1 ul li ol li.product_img{width:100%}
.etw_products1 ul li ol li.product_con a{text-align:center;padding:5px;font-size:14px}


.img_products,.img_right.bwidth{width:100%;margin:10px auto;text-align:center;padding-top:20px;border-top:1px dashed #ddd}
#etw_contactin{width:100%;float:none}
#sitemap .sname a{float:none;width:100%;margin-right:0}
#sitemap .list_m a{width:100%;float:none}
#etw_form #etw_set_feedback_form,#etw_form .etw_contactin,#etw_set_feedback_form{width:100%;margin:10px 0}
#etw_form .etw_contactin{height:auto}
.home_video{margin:10px auto;width:100%;float:none;height:140px}
.history_date-list{padding-left:25px}
.history_date-list li strong{ position:static;display: block;padding: 10px 20px;}
}
@media screen and (max-width:650px){

#etw_producttitle{display:none}
.other_pro{border:0;width:100%}
.other_pro ul li{width:49%}
.other_pro ul li:nth-child(2n){margin-right:0}
.other_pro ul li:nth-child(4n+1){clear:none}
.other_pro ul li:nth-child(2n+1){clear:both}
.quicklink ul>li:nth-child(3n){margin-right:2%}
.other_pro ul li:nth-child(2n){margin-right:0}
.other_pro ul li:nth-child(2n+1){clear:both}
.quicklink ul>li:nth-child(2n+1){clear:both}
.quicklink ul>li:nth-child(3n+1){clear:none}
.other_pro ul li ol{padding:0 1%;width:98%}
.relatedpro ul li{width:100%}
.etw_pic4 ul li{width:49%}
.etw_pic4 ul li:nth-child(2n+1){clear:both}
.etw_pic4 ul li:nth-child(4n+1){margin-bottom:10px}
.etw_pic5 ul li,.etw_pic5 ul li:nth-child(5n){width:32%;margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1){clear:none}
.etw_pic5 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1){clear:both}
.whole img{width:100%}
.half{width:100%;padding-right:0;margin:0 0 15px}
.news_list{margin:0 auto}
.new_next,.new_prev,.news_list ul>li>ol>li.product_con,.news_list ul>li>ol>li.product_img{width:100%}
.news_list ul>li>ol>li.product_img{height:auto}
.news_list ul>li>ol>li.product_con a{padding:10px 0}
}
@media screen and (max-width:480px){#mainpro>ul>li{width:100%;margin:0 0 20px}
#mainpro ul > li > ol > li.product_con > a{ height:auto; padding:20px 10px;}
.etw_products2 ul>li{width:100%;margin:0 0 15px 0}
.other_pro>ul>li{margin:0 0 20px 0}
.etw_pic2 ul li{width:100%}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n){width:49%;margin-right:1%}
.etw_pic3 ul li:nth-child(3n+1){clear:none}
.etw_pic3 ul li:nth-child(2n){margin-right:0}
.etw_pic3 ul li:nth-child(2n+1){clear:both}
.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic5 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n){width:49%;margin-right:1%}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){width:49%}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n+1){clear:none}
.img_left,.img_left.swidth,.img_right,.img_right.swidth{width:100%;margin:10px 0}
.etw_pic2 ul li.big_img,.etw_pic2 ul li.small_img{width:100%}
.etw_case ul li img,.etw_case ul li p{ width:100%; margin:5px 0;}
.etw_pic3 ul li.aa{width:1000%}
.img_left_video, .img_right_video{width:100%}
.cases ul li{width:49.5%}

}

@media screen and (max-width:360px){
.etw_products ul>li,.etw_products1 ul>li,.other_pro,.other_pro ul>li,.relatedProducts ul li{width:100%;margin:10px 0}
}