@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; background:url(../images/bg.jpg) repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; }
a{ text-decoration:none;}
ul li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none;}
.clear{ clear:both;} 
#header{ width:960px; height:150px;    margin:0 auto; overflow:hidden; }
.logo{  width:100%; height:97px; float:left; text-align:center;}  
.language{ float:left; width:680px;   }
.language ul{ width:600px;height:auto; float:right; }
.language ul li{ float:left; text-align:center;   }
.language ul li a{ color:#fff;  display:block; line-height:51px;  padding:0 20px; }
.language ul li a:hover,.language ul li.langdq a{ color:#fff; text-decoration:underline;}
.contact_title{float:right; width:170px; text-align:center; background:url(../images/conatct.jpg) no-repeat left top; color:#fff; font-size:20px;  line-height:51px; font-weight:bold; padding-left:30px;    }
.contact_title a{ color:#fff;    }  
 
#container{width:960px;  margin:0 auto; padding-bottom:30px; overflow:hidden; }  
.video{ width:660px; height:380px; float:right;margin-top:30px;  border:1px solid #facdb0; }
.etw_video{ width:640px; height:360px;float:left; padding:10px;} 
#left{width:260px;  float:left; background:#f8f8f8; margin-top:30px; height:380px; border:1px solid #fde4d3;  } 
.pro_title{width:240px;  float:left; background:#fa7620; font-size:18px; font-weight:bold; color:#fff; padding-left:20px; line-height:45px;}
.pro{ width:100%;  float:left;      }
.pro ul{float:left; width:88%; padding-left:17px; }  
.pro ul li{ width:100%;  float:left; border-bottom:1px dashed #cccece; padding:8px 0; }  
.pro ul li.subli_2{ border-bottom:none;}
.pro ul li.styleli_0 a,.pro ul li.styleli_1 a,.pro ul li.styleli_2 a{ color:#000; font-size:16px; display:block; line-height:38px;display:block;padding:0px 5px 0px 48px; background:url(../images/menu.jpg) no-repeat left center;   }
.pro ul li.styleli_0 a:hover,.pro ul li.styleli_0 a.videoliststyle,.pro ul li.styleli_1 a:hover,.pro ul li.styleli_1 a.videoliststyle,.pro ul li.styleli_2 a:hover,.pro ul li.styleli_2 a.videoliststyle{background:url(../images/dqmenu.jpg) no-repeat left center; color:#f86404;  text-decoration:underline;    }  

.pro ul li a{ color:#000; font-size:14px; display:block; line-height:20px; background:url(../images/list.jpg) no-repeat 5px center; padding:0px 5px 0px 45px;  } 
.pro ul li a:hover,.pro ul li a.Subliststyle{ text-decoration:underline;color:#f86404; background:url(../images/dqlist.jpg) no-repeat 5px center;  } 

.about{ width:100%;  float:left; margin-top:20px; }
.about h1{  color:#f16003; line-height:60px; font-family:Times New Roman;  font-size:28px; font-weight:bold;} 
.sub-description-container{width:100%;float:left; line-height:24px;  font-size:16px;  }
.sub-description-container p{ color:#333;  }
.more{  float:left; width:75px; text-align:center; margin-top:10px;  }
.more a{color:#fff; font-size:16px; line-height:30px; background:#f16003; display:block;  font-weight:bold;  }
.more a:hover{background:#0d8ffd; }  

#footer{width:975px; height:auto; margin:0 auto; border-top:2px solid #e3e3e3;  overflow:hidden;  color:#333; } 
#foot{ width:975px;  margin:0 auto; padding-bottom:15px;overflow:hidden; } 
.copyright-cont{  float:left;width:100%;  font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-bottom:8px;padding-top:15px;} 
#other_link{ text-align:center; margin:0 auto; width:100px;}
#other_link a{ float:left; margin-right:10px;}
.langlink{ text-align:center; margin:0 auto; color:#000;  clear:both;}
.langlink a{ color:#333;margin-left:5px;font-size:12px; padding-top:10px; display:inline-block;}
.langlink a:hover{ color:#f16003;}

.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:#296597;position:relative}
.jspDrag{background:#cc7002;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}

.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:50%;margin-left:-300px;width:520px;background:#eee;position:absolute;z-index:101;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}