@charset "gb2312";
*{margin:0px;padding:0px; }
a{color: #4b4b4b; text-decoration: none;transition: all 0.7s;}
a:hover{color:#cf0000;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:100%; line-height:1.5em;font-family:"Arial","Heiti SC","Microsoft Yahei",simsun,sans-serif;color: #4b4b4b; background:#f8f8f8 url(qcbg_2016.jpg) no-repeat center top;}   
a img { padding: 0; border: none;}
.left{ float:left;}
.right{ float:right;}
img,video { max-width: 100%; height: auto; }
.oz{ overflow:hidden;zoom:1;}
.clear{ clear:both;}
 
/*¹«¹²µ¼º½*/
#qc-head{width:1000px; margin:0 auto;font-size:12px; line-height:28px; overflow:hidden;zoom:1; padding:0px 10px;}
.qc-lang span{ padding:0px 5px}
#qc-top{width:1000px; margin:0 auto; padding:25px 0px; overflow:hidden;zoom:1;}
#qc-nav{ background:#e78e01;}
.qc-navbox{ font-size:18px; font-weight:700; margin:0 auto; width:1000px; color:#fff;height:54px;background:#403f3f;position: relative;z-index: 1;}
.qc-logo-s{ display:none; text-align:center; line-height:45px; font-size:14px; font-weight:700; height:45px;}
#enableBtn {float:right;width:22px;height:17px;margin:-31px 10px 0px 0px;display:none;cursor:pointer;background:url(qc_navbg_2016.gif) no-repeat;}
ul.subSNav{ overflow:hidden; zoom:1;}
ul#subSNav li a{color:#fff; text-decoration:none; display:block;padding:0px 20px;float:left; line-height:54px; }
ul#subSNav li a:hover{ color:#fff; text-decoration:none;background:#f7b608;}
ul#subSNav li#current a{ background:#f7b608;}
ul#subSNav li#current a:hover{ background:#f7b608;}
@media screen and (max-width:480px){
  #qc-head,#qc-top{ display:none;}
   .qc-navbox {width:100%; font-size:14px; height:45px;}
   .qc-logo-s,#enableBtn {display:block;}
   ul#subSNav {width:100%;padding-left:0%;height:0px;transition:height ease 0.5s; overflow:hidden; background:#403f3f; }
   ul#subSNav li a{color:#fff; text-decoration:none; display:block;padding:0px; text-align:center; width:33.3%;float:left;line-height:30px; height:30px; font-weight:300;}
   h3.eBtn ~ ul#subSNav {height:60px;}
} 

@media screen and (min-width: 481px) and (max-width: 769px) {
#qc-head{ max-width:769px; width:96%; padding:0px 2%;}
#qc-top{max-width:769px;width:100%; padding:10px 0px;}
.qc-navbox{max-width:769px;width:100%; font-size:14px;}
ul#subSNav li a{ padding:0 2%;}
}
@media screen and (min-width: 481px) and (max-width: 551px){
ul#subSNav li a{ padding:0 1.1%;}
.qc-twlogo{ width:30%}
.qc-logo{width:65%}
}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1000px){body{-webkit-text-size-adjust:none}}
/*****************************       Fix       *****************************************/
@media screen and (max-width:480px){
   h3.eBtn ~ ul#subSNav {height:90px;}
}