@charset "utf-8";
/* CSS Document */
img,object{max-width:100%;}
img{-ms-interpolation-mode:bicubic;border:none;} 
body{font-family:Arial, Helvetica, sans-serif; line-height:20px;font-size:65%;color:#333;  }
a{ text-decoration:none;}
ul,ol,li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none;}
.clear{ clear:both;}
.gridContainer{margin:0 auto; width:100%; overflow:hidden;}
.menu {position:relative;   z-index:1000;  }  
.menu ul li {display: inline-block;  }
.menu ul li a { display: block;} 
.menu ul li.start{ display:none;}
@media screen and (max-width: 768px) {
.menu {width:100%; float:left;min-height:40px; margin-bottom:20px; }	
.menu ul {width:100%;background:url(../images/menu.png) no-repeat top right #000;}
.menu ul li {display:none; margin-bottom:1px;}
.menu ul li.start {display:block; height:40px;   line-height:40px; color:#fff; padding:0px 5px 0px 5%; font-weight:bold; font-size:1.4em;width:94.3%;}
.menu ul li a{display:block; padding:0px 5px 0px 65px;color:#fff; line-height:40px; background:url(../images/video_bg1.png)no-repeat 18px 10px #000; font-size:1.2em;}  
.menu ul  li a:hover,.menu ul  li.videoliststyle a{ color:#fff; text-decoration:underline; background:url(../images/video_dq1.png) no-repeat 18px 10px #353434;} 
#etw_logo{ height:140px;}
.contact_title{
	position: absolute;
	margin: 0 auto;
	top: 80px;
	margin-bottom: 50px;
	left: 9px;
}
.contact_title a{padding:12px 0px 12px 90px; color:#555555; background:url(../images/contact_bg.png) no-repeat 10px;  font-size:1.8em;} 
.contact_title a:hover{ text-decoration:underline; color:#ff8a33;background:url(../images/contact1.png) no-repeat 10px;}
#theme-popover-chatbox{ display:none;}
#chatbox{ display:none;}
.feedback{ display:block; width:98%; margin:10px auto 0px auto; border:1px solid #ccc;}
#floatchatiframe2011{width:100%;}   

}  
#headers{ width:100%;  margin:0 auto; background:none;  background:#fafafa; } 
#header{width:100%;margin:0 auto; font-size:1.4em;  } 
#etw_logo{float:left;text-align:center; width:100%;} 
.language{ float:right;height:24px; width:100%; display:block; }
.language ul{ width:100%; height:auto; float:left;}
.language ul li{ float:right;width:auto;}
.language ul li a{ font-size:1em; color:#000; padding:0px 10px;display:block; line-height:28px; font-weight:bold; }
.language ul li a:hover,.language ul li.langdq a{ color:#ff5050; text-decoration:underline;}
.etw_hometitle{ font-size:1.8em; line-height:30px; font-weight:bold;}
.etw_hometitle h2{ font-size:1em; display:inline;}
#container{  width:100%;   margin:0 auto;  font-size:1.4em;  display:block;} 
#containerin{ width:100%; margin:0 auto;display:block; padding:25px 0px;}
.etw_left{ float:left; width:100%;  display:block; padding-top:20px;border:none; }
.menu{ float:left; width:100%;}
.menu ul{width:100%;float:left;    }
.menu ul li{float:left; width:100%;} 
.menu ul li a{ color:#fff;  display:block; line-height:40px;font-weight:normal;} 
.menu ul li a:hover,.menu ul li a.videoliststyle{ color:#fff; text-decoration:underline;} 
.contact_title{float:left; width:100%;}
.contact_title a{ color:#fff;  display:block; line-height:40px; padding:10px 0 10px 65px;} 
.contact_title a:hover{ color:#fff; text-decoration:underline; } 
.etw_right{width:100%;float:right; height:auto; display:block;}  
.video{width:99%; float:left;  position:relative;}
#etw_video{width:100%; height:auto;}
#display-cont{margin:0 auto;text-align:center;   }
#display-cont_wrapper{margin:0 auto;text-align:center;border:1px solid #000;  } 

#footer{width:100%; height:auto; margin:0 auto;  overflow:hidden; padding-bottom:15px;}
#foot{ margin:10px auto;width:100%; border-top:3px solid #f1f1f1; padding:10px 0px;}
#mainbottom{ width:100%; height:auto; margin:0 auto; background:#e6e6e6;}
#mainbody{width:100%; margin:0 auto; overflow:hidden;}
.productlist1{ width:100%; height:auto;  margin:0px auto;}
.productlist1 ul{ width:100%; height:auto;margin:0 auto; }
.productlist1 ul li{float:left;   display:block;margin-right:3%;}
.productlist1 ul li a{ width:auto;color:#000000;  font-size:1.3em; display:block; font-weight:bold;padding:6px 10px 0px 40px;background:url(../images/list_bg.jpg) no-repeat left center #f5f4f4; line-height:20px;}
.productlist1 ul li a:hover,.productlist1 ul li a.Subliststyle{ color:#fff; background:url(../images/list_dq.jpg) no-repeat left center #a0a1a3;}
.productlist1 ul li.styleli_3{margin-right:0px;}

.about{ margin:0 auto;width:100%; margin-top:10px;} 
.about p{ padding:10px 0px 0px 0px; color:#4b4a4a; font-size:1.4em; width:94%} 
.more{  float:right; width:100px;  margin-top:10px; text-align:center;  }
.more a{color:#fff; font-size:1.4em;  line-height:26px;   display:block;   background:#e30505; }
.more a:hover{background:#a0a1a3;} 

.copyright-cont{ text-align:center;width:100%;  padding-bottom:8px; color:#383838; font-size:1.2em;} 
#other_link{ text-align:center; margin:0 auto; width:100px;}
#other_link a{ float:left; margin-right:10px;}
.langlink{ float:left;  width:100%;text-align:center; font-size:1.2em;  }
.langlink a{ color:#333;margin-left:5px; padding-top:10px; display:inline-block;}
.langlink a:hover{ color:#e30505; text-decoration:underline;} 


.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0}.reveal-modal{visibility:hidden;top:100px; left:4%; width:55%;background:#eee;position:absolute;z-index:1001;padding:30px 40px 34px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);line-height:24px}.reveal-modal.small{width:200px;margin-left:-140px}.reveal-modal.medium{width:400px;margin-left:-240px}.reveal-modal.large{width:600px;margin-left:-340px}.reveal-modal.xlarge{width:800px;margin-left:-440px}.reveal-modal h1{font-size:22px;padding-bottom:5px}.reveal-modal .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0}#jquery-lightbox a img{border:0}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box>#lightbox-nav{left:0}#lightbox-nav a{outline:0}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{padding:0 10px;color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}


#video_productlist{ width:100%; height:auto; float:left;}
#video_productlist ul{ width:100%; height:auto; float:left;}
#video_productlist ul li{ width:100%; height:auto; float:left; margin:10px 0px; } 
#video_productlist ul li.video_img{ float:left; }
#video_productlist ul li.video_img img{ padding:1px; border:1px solid #000;}
#video_productlist ul li.video_img img:hover{border:1px solid #e30505;}
#video_productlist ul li.video_txt{ width:100%; height:auto; float:right; font-size:1.3em;}
#video_productlist ul li.video_txt a{ display:block; color:#A43013;text-decoration:underline; font-size:1.2em;}
#video_productlist ul li.video_txt a:hover{ text-decoration:none;} 
#video_productlist ul li.video_txt a.more{color:#fff; float:right; width:60px; line-height:20px; text-align:center; font-size:1em; background:#e30505; margin-top:10px; text-decoration:none;}
#video_productlist ul li.video_txt a.more:hover{  background:#a0a1a3;} 


/*移动设备*/
.pro_title{ display:none;} 
#scrollfull{ display:none;}
#header{width:98%;}
#etw_logo{ width:100%; margin:0 auto; text-align:center; } 
.language{ display:none; }
#container{  width:98%;} 
#containerin{ width:100%; padding:0px 0px 25px 0px;}
.etw_left{padding-top:10px;}
.contact_title{
	top: 79px;
	width: 90%;
} 
.contact_title a{padding:12px 0px 12px 90px; color:#555555; background:url(../images/contact_bg.png) no-repeat 10px;  font-size:1.8em;} 
.contact_title a:hover{ text-decoration:underline; color:#ff8a33;background:url(../images/contact1.png) no-repeat 10px;}   
#mainbottom{ width:100%; padding:10px 0px 16px 0px;}
.productlist1{width:100%;}
.productlist1 ul{ width:94%; margin:0 auto;}
.productlist1 ul li{ width:100%; margin-top:6px; float:left;}
.productlist1 ul li a{ padding:6px 0px 6px 40px;}
#footer{width:98%;}
#theme-popover-chatbox{ display:none;}
.reveal-modal p img{ display:none;}

@media screen and (max-width: 650px) {
#video_productlist ul li.video_img{ width:96%; float:none;text-align:center; }
#etw_video{float:none; clear:both;} 
}	


@media only screen and (min-width:651px){
#video_productlist ul li.video_txt{ width:63%; }
	}
@media only screen and (min-width:700px){
#video_productlist ul li.video_txt{ width:63%; }
#video_productlist ul li.video_img{  width:34.3%;}
	}

 /*Pad*/
@media only screen and (min-width:769px){
#etw_logo{ width:50.5%; float:left; text-align:left; height:120px;} 
.language{width:46%; padding:62px 0px 10px 0px; float:right;}
.language ul{ width:100%; height:auto; float:left;}
.language ul li{width:auto; float:left; background:none; }
.language ul li a{font-size:1em; padding:0px 10px;}
#container{ background:url(../images/bg1.jpg) repeat-x top center;}
#containerin{ width:100%; padding:25px 0px 25px 0px;}
.pro_title{width:95%; float:left; line-height:36px;color:#fff; background:#262525; font-weight:bold; font-size:1.7em; padding:0px 0px 0px 5%;font-family:Cambria, Arial;display:block; }
.etw_left{width:23.6%;padding-left:1%;  padding-top:20px; }
.menu{width:100%; padding-top:15px;}
.menu ul li{float:left; width:100%; margin-bottom:10px;} 
.menu ul li a{ color:#fff;  display:block; line-height:40px; padding:8px 0 8px 65px; font-weight:normal; background:url(../images/video_bg.png) no-repeat left center; font-size:1.5em;} 
.menu ul li.styleli_0 a{ line-height:24px; display:block; padding:16px 0px 16px 65px;} 
.menu ul li.styleli_1 a{ line-height:24px; display:block;}
.menu ul li.styleli_2 a{ line-height:24px; display:block;}
.menu ul li a:hover,.menu ul li a.videoliststyle{ color:#ff8a33; text-decoration:underline; background:url(../images/video_dq.png) no-repeat left center #353434; border-radius:5px;} 
.contact_title{padding-bottom:0px;      }
.contact_title a{  line-height:30px; color:#fff;   display:block;  padding:10px 0px 10px 70px;   background:url(../images/contact.png) no-repeat left center;  font-size:1.5em;  }
.contact_title a:hover{background:url(../images/contact1.png) no-repeat left center #353434; color:#ff8a33; border-radius:5px;} 
.etw_right{ width:72.4%; float:right; padding-top:20px;}
.productlist1 ul li{ width:49.5%; height:50px; margin-right:1%}   
.productlist1 ul li.styleli_1{ margin-right:0px;} 
.productlist1 ul li.styleli_2 a{ padding-right:15px;}
.productlist1 ul li.styleli_3 a,.productlist1 ul li.styleli_0 a{padding:4px 0px 2px 38px; line-height:45px;}
.video{ width:96%; float:left; text-align:left;} 
#scrollfull{ display:block;}
.reveal-modal{left:50%;margin-left:-300px;width:520px;}
#video_productlist ul li.video_txt{ width:60%; }
.feedback{display:none;}
#theme-popover-chatbox{ display:block;}
#chatbox{ display:block;}

	}


@media only screen and (min-width:886px){
.productlist1 ul li.styleli_0 a{padding:6px 10px 0px 40px;line-height:20px; display:block;}
}
/* 电脑 */
@media only screen and (min-width:981px){
#headers{ width:100%;}
#footer{ width:100%;}
#header{max-width:886px;}
#containerin{max-width:886px;}
#container{ width:100%; background:url(../images/bg.jpg) no-repeat top center;}
.contact_title a{line-height:60px;  display:block;  padding:0px 0px 0px 70px;    }
.video{ width:640px; height:360px;margin:0px auto; display:block; border:none}
#foot{max-width:886px;}
#mainbody{max-width:886px;height:84px;}
.productlist1{ max-width:886px;  margin:14px auto;}
.productlist1 ul{ width:100%;}
.productlist1 ul li{ width:22.7%;height:50px; margin-right:3%} 
.productlist1 ul li a{ width:auto;height:50px; color:#000000;  font-size:1.3em; display:block; font-weight:bold;padding:6px 10px 0px 40px;background:url(../images/list_bg.jpg) no-repeat left center #f5f4f4; line-height:20px;}   

.productlist1 ul li.styleli_0 a{padding:6px 10px 0px 40px;line-height:20px; display:block;}
.productlist1 ul li.styleli_1{ margin-right:3%;} 
.productlist1 ul li.styleli_1 a{padding:4px 0px 2px 40px; line-height:15px;}
.productlist1 ul li.styleli_2 a{padding:4px 0px 2px 40px; line-height:15px;}
.productlist1 ul li.styleli_3 a{padding:4px 0px 2px 38px; line-height:45px;}
.productlist1 ul li a:hover,.productlist1 ul li a.Subliststyle{ color:#fff; background:url(../images/list_dq.jpg) no-repeat left center #a0a1a3;}
.about{max-width:886px;}
#foot{max-width:886px;}
#video_productlist ul li.video_txt{ width:560px; }
.language{ float:right; width:360px; height:24px;  display:block;  padding:72px 0px 10px 0px;  }
.language ul{ width:100%; height:auto; float:left;}
.language ul li{ float:left;width:auto;}
.language ul li a{  font-size:1em; color:#000; padding:0px 10px;display:block; line-height:28px; font-weight:bold;}
.language ul li a:hover,.language ul li.langdq a{ color:#ff5050; text-decoration:underline;}
.reveal-modal p img{ display:block;}
	}