/*css reset*/
html{color:#000; -webkit-text-size-adjust: none;}
html,body{width: 100%; font-size: 12px; line-height: 16px; color: #000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

#main div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,span,strong,blockquote,th,td{font-family: "Hiragino Sans GB W3","Hiragino Sans GB","Microsoft YaHei" !important;}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}

.textCenter{text-align: center;}
.textLift{text-align: left;}
.textRight{text-align: right;}

.inner{display: inline-block; *display:inline; *zoom:1;}
.relative{position: relative;}
.left{float: left;}
.right{float: right;}
.none{float: none;}

a{color: #3c3c3c; text-decoration: none;}
a:hover{text-decoration: none;}

.noneShow{display: none;}

img,a img{border: 0px;}
img.block{display: block;}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.video embed,
.video object,
.video iframe {
    /*width: 100%;
    height: auto;*/
}

.textInput{border: 1px solid #000; background-color: #fff; color: #000; padding: 0px 5px;}

div.scrollFont{font-family: "myfont" !important; font-style: italic;}
div.scrollFont span{font-style: italic;}

.fixed-top{position:fixed;bottom:auto;top:0px;}
.fixed-bottom{position:fixed;bottom:0px;top:auto;}
.fixed-left{position:fixed;right:auto;left:0px;}
.fixed-right{position:fixed;right:0px;left:auto;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}

.relative{position: relative;}
.absolute{position: absolute;}

.lb{left: 0px; bottom: 0px;}
.rb{right: 0px; bottom: 0px;}
.lt{left: 0px; top: 0px;}
.rt{right: 0px; top: 0px;}

/*body{min-width:1300px; width:expression(document.body.clientWidth < 1300? "1024px": "auto" ); font-size: 12px; line-height: 16px; color: #000;}*/
#main{background:#dfdfdf;}
#main  .sectionArea{text-align:center;}
.fullImg{width: 100%; display: block;max-width:1300px;margin:auto;}

.w1300{width: 1300px; margin: 0px auto;}

.w80{width: 80%; float: left;}
.w70{width: 70%; float: left;}
.w65{width: 65%; float: left;}
.w60{width: 60%; float: left;}
.w55{width: 55%; float: left;}
.w50{width: 50%; float: left;}
.w45{width: 45%; float: left;}
.w40{width: 40%; float: left;}
.w35{width: 35%; float: left;}
.w30{width: 30%; float: left;}
.w20{width: 20%; float: left;}
.w10{width: 10%; float: left;}

.center{margin: 0px auto; float: none;}

div.table-block {display: table; position: relative; overflow: hidden;}  
div.table-cell-block {vertical-align: middle; display: table-cell; *position: absolute; *top: 50%; width: 100%;}  
div.table-cell-block .content {*position: relative; *top: -50%; width: 100%;} 

.fullHeight{height: 100%;}

.alpha08{filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.alpha07{filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
.alpha06{filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
.alpha05{filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.alpha04{filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
.alpha03{filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30;}
.alpha02{filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;}
.alpha01{filter:alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10;}
.alpha0{filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

.bigIcon{width: 28px; height: 28px; display: block; position: absolute; top: 60%; right: 10%; background: url(../images/bigIcon.png) no-repeat;}

/* bodyTest style*/
#bodyTest{z-index: 1000; width: 100%; background: #000; text-align: center; padding: 10px 0px;}
#bodyTest span{color: #fff; display: inline-block; *display:inline; *zoom:1; padding: 0px 20px; cursor: pointer;}
#bodyTest span.on{background: #ccc; color: #000;}
#iframeBlock{display: block; border:0px; padding:0px;}

/*temp css style*/
#header{height: 60px; background: #fff; width: 100%; z-index: 50;}
.header{height: 60px; background: #fff; width: 100%; z-index: 50;}
#footer{height: 35px; background: #000; width: 100%; z-index: 50; font-weight: normal;}

#footer p{font-weight: normal;}
#footer a{color:#fff;text-decoration:none; font-weight: normal;}
#footer a:hover{text-decoration:underline;}
#footer{left:0;bottom:0;width:100%;overflow:hidden;min-width:1024px;clear:both;height:35px; background:#000;}
#footer p{line-height:35px;color:#fff;text-align:center;font-size:12px;}
#footer span{margin:0 15px; font-weight: normal;}
#footer span a:hover{color:#CC9B38;}

#nav{text-align: center; /*padding: 0px 120px;*/ font-size: 0px; line-height: 0;}
#nav li{display: inline-block; *display: inline; *zoom:1; padding:0px 30px; font-size: 16px; font-weight:bold; height: 60px; line-height: 60px;}
#nav li#logo{width:23%;}
#nav li a{display: inline-block; *display: inline; *zoom:1; width: 100%; height: 60px; overflow: hidden; line-height: 60px;}

#nav li .subMenu{position: absolute; width: 100%; left: 0px; top: 60px; height: 30px; background: #7f7f7f; display: none; text-align: left; z-index: 50;}
#nav li .subMenu{width:expression(document.body.clientWidth < 1024? "1024px": document.body.clientWidth);}
#nav li .subMenu a{display: inline-block; padding: 0px 10px; line-height: 30px; height: 30px; color: #fff; width: auto; font-size: 12px; background: none !important;}
#nav li .subMenu a:hover{color:#CC9B38; background: none !important;}

#nav #nav01 .subMenuBlock{display: block; padding-left: 10%; line-height: 30px;}
#nav #nav02 .subMenuBlock{display: block; padding-left: 15%; line-height: 30px;}
#nav #nav03 .subMenuBlock{display: block; padding-left: 22%; line-height: 30px;}
#nav #nav04 .subMenuBlock{display: block; padding-left: 52%; line-height: 30px;}
#nav #nav05 .subMenuBlock{display: block; padding-left: 69%; line-height: 30px;}
#nav #nav06 .subMenuBlock{display: block; padding-left: 72%; line-height: 30px;}

#loginButton{height: 40px; width: 60px; background: url(../images/dl.png) center 15px no-repeat; display: block; position: absolute; right: 40px; top:8px; overflow: hidden; line-height: 1000%;}
#loginButton:hover{background: url(../images/dl2.png) center 15px no-repeat;}
#searchBlock{height: 40px; width: 40px; position: absolute; right: 100px; top: 8px; overflow: hidden; float: left; border: 1px solid #6a6a6a; border-radius: 20px; margin-right: 10px; background: #fff; behavior: url(PIE.htc);}
#searchBlock #searchOpen{width: 40px; height: 40px; display: block; float: right; background: url(../images/serach-btn.jpg) center center no-repeat;}
#searchForm{float: right; width: 124px;margin: 0px; padding:0px; border:0px;}
#searchInput{border:0px; padding:0px; height: 40px; line-height: 40px; width: 100%;}

#enButton{width: 20px; height: 40px; display: block; background: url(../images/en.png) center center no-repeat; position: absolute; right: 10px; top: 8px;}
#enButton:hover{background: url(../images/enhover.png) center center no-repeat;}