@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
body{  font:12px Arial, Helvetica, sans-serif;line-height:20px; color:#333; min-width:978px; background: url(../images/bg.jpg) top no-repeat fixed; }   
a{ text-decoration:none;} 
h2{line-height:22px;padding:4px 0; color:#333;font-weight:bold;font-size:18px;font-weight:normal;} 
*{margin:0;padding:0;}
p{ padding:6px 0;}  
img{ border:none;}
.clear{ clear:both;}  
ul,li{ list-style:none;}
   

#header{width:100%; margin:0 auto;height:115px;  padding-top:10px;} 
#head{ width:978px; height:115px; margin:0 auto;}
.etw_logo{ width:449px; height:100px;float:left;} 
 
#etw_language{ width:320px; height:43px; float:right; margin-top:47px; padding-right:20px;} 
#etw_language ul{ width:100%; height:43px; float:left;} 
#etw_language ul li{float:left; }
#etw_language ul li a{ display:block; color:#555; line-height:43px; font-size:14px; font-weight:bold; padding:0 10px;}
#etw_language ul li a:hover,#etw_language ul li.langdq a{text-decoration:underline; color:#ee721c;} 
 

#container{ width:978px; margin:0 auto;overflow:hidden;background:url(../images/con_bg.jpg) repeat-x; padding-top:20px;}  
#etw_mainbody{ width:920px; height:434px; margin:0 auto; display:block; padding:0 12px; overflow:hidden;}
#etw_product{ width:280px;  float:left;   }
#etw_product ul{ width:100%;  float:left; }
#etw_product ul li{ width:264px; height:161px;  float:left;} 
#etw_product ul li a{  border:6px solid #a6a19e;color:#fff;line-height:28px; padding:106px 0 17px 0;display:block;overflow:hidden;text-align:center;  font-family:impact; font-size:24px; text-transform:uppercase;  }
#etw_product ul li.styleli_0{ background:url(../images/left.jpg) no-repeat; }
#etw_product ul li a:hover,#etw_product ul li a.videoliststyle{ color:#ee721c;border:6px solid #ee721c; }
#etw_product ul li.styleli_1{ background:url(../images/right.jpg) no-repeat; margin-top:26px;}
 

#video{width:630px; height:401px; float:right;background:url(../images/videobg.jpg) bottom no-repeat;  } 
#display-cont{width:630px; height:351px;float:left;}



#etw_content{ width:978px; margin:0 auto; overflow:hidden;} 

.etw_about{ width:885px; height:170px; margin:0 auto;color:#333;font-size:14px; font-family:Arial;}
.etw_about h1{ font-size:25px; font-weight:bold; color:#000; font-family: "Times New Roman"; background:url(../images/companybg.jpg) center no-repeat; text-align:center; text-transform:uppercase;}
.sub-description-container{width:100%; height:138px; overflow:hidden; line-height:20px; margin-top:20px;}

.contact_con{ width:100%; height:160px; background:#eb711b; margin-top:30px; float:left; color:#fff;padding-top:15px;}
.contact_con .con_left{ width:45%; height:160px; float:left;text-align:center;}
.con_left h2{ color:#fff; font-size:25px; font-family:"Times New Roman", Times, serif; display:block; border-bottom:1px solid #fff; width:80%; margin:0 auto; padding-top:30px; line-height:35px; text-transform:uppercase;}
.contact_con p{ padding-left:30px; display:block; width:50%; float:left; font-size:14px; line-height:18px;}
.contact_con a{ color:#fff; }
.contact_con a:hover{ text-decoration:underline;}
.add{ background:url(../images/add.jpg) left no-repeat;}
.tel{ background:url(../images/tel.jpg) left no-repeat;}
.fax{ background:url(../images/fax.jpg) left no-repeat;}
.mail{ background:url(../images/mail.jpg) left 5px no-repeat;}
.con_left p{ padding-left:0px; width:100%;}


#footer{width:978px;height:50px;display:block;line-height:20px; margin:0 auto; }  
#etw_foot{ width:978px;height:50px; display:block; margin:0 auto;padding-top:15px;}
.copyright-cont{width:100%; text-align:center; height:auto; color:#000; margin:0 auto;overflow:hidden; font-size:13px; padding-top:10px;}
.copyright-cont span{ padding-right:30px;color:#c8c8c8; line-height:25px; font-size:12px;} 
#other_link{width:100%;text-align:center; margin:0 auto; padding-top:8px;}
#other_link a img{ padding:0px; margin-right:5px;}


.langlink{ text-align:center; margin:0 auto; color:#000;}

.langlink a{ color:#000;margin-left:5px;font-size:12px;}
.langlink a:hover{ color:#999;}

.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:100%;background:red}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#00a5ab;position:relative}
.jspDrag{background:#017278;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#DEDEDE;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}
#sitemap li {
    display: block;
    width: 99%;
}
#sitemap li.home_directory a {
    margin-bottom: 5px;
    background: #fff;
    font-weight: 700;
    line-height: 30px;
    font-size: 18px
}
#sitemap li a {
    display: block;
    padding: 5px 0 2px 10px;
    color: #333;
    line-height: 22px;
}
#sitemap li a:hover {
    color: #d7001b;
}