@import url('public.css');

html{background-color: #f5f5f5;overflow: hidden;}
body{position: relative;min-width: 1003px;overflow-y: scroll}
#wrap{position:relative;min-height: 100%;min-width: 1003px;}
#head{height: 125px;background-color: #ffffff}
.head-i{overflow: hidden;max-width: 1003px;margin:auto;}
.logo{float: left;position: relative;top:12px;width: 306px;}
.logo img{display: block;max-width: 100%;max-height: 100%;}
#lang{float: right;position: relative;top:50px;width:70px;height:24px;padding:0 5px;line-height:24px;overflow:hidden;background: url(../images/web/language-bg.png) no-repeat 50% 0;}
#lang a{float: left;position:relative;width:50%;text-align: center;text-decoration: none}
#lang .en{margin-right:0}
#lang .cn{margin-left:0}
#lang .active{cursor: default;font-weight: 700}
#lang span.active{position:absolute;top:0;width:35px;height:24px;background: url(../images/web/language-bg.png) no-repeat 0 -24px;}

#nav{float: right;position: relative;padding-top:30px;font-size:0;margin-bottom: 20px;}
#nav li{display: inline-block;height:60px;line-height:60px;vertical-align: middle;border-right:1px solid #d9d9d9;}
#nav li:first-child{border-left:1px solid #d9d9d9;}
#nav li a{position:relative;display: inline-block;min-width:4.5em;height:60px;line-height:60px;padding:0 20px;vertical-align: middle;text-align: center;font-size: 15px;text-decoration: none}
* + html #nav li{display: inline;}
#nav a.active{color:#eb8928;font-weight: 700; }
#nav > span.active{position:absolute;bottom: 0;left: 0;border-bottom:3px solid #eb8928 }

#navLevel{position:absolute;z-index:100;top:95px;right:0;white-space: nowrap;font-size: 0}
#navLevel .item{display: none}
#navLevel div.active{display: block}
#navLevel li{display: inline-block;height:28px;line-height: 30px;}
* + html #navLevel li{display: inline;}
#navLevel li a{position:relative;display: inline-block;min-width:4.5em;padding:0 10px;vertical-align: middle;text-align: center;font-size: 14px;text-decoration: none;}
#navLevel a.active{color:#eb8928;font-weight: 700; }
#navLevel > span.active{position:absolute;bottom: 0;left: 0;border-bottom:3px solid #eb8928;}

#main{padding-bottom: 140px}
#main:after{content: '';display: block;height: 0;overflow: hidden;clear: both;}
* + html #main{zoom:1;}

#foot{width:100%;margin-top:-100px;height: 100px;background:#ebebeb url(../images/web/bg-01.png) repeat-x 0 100%;/* #e7ccb1 */text-align: center;position: relative;z-index: 2}
.foot-in{padding-top: 12px;}
.foot-in p{margin-top:0;margin-bottom:0;}
.foot-row{margin:auto;zoom:1;white-space: nowrap;}
.foot-row:after{content: '';display: block;height: 0;overflow: hidden;clear: both;}
.foot-row .col{display:inline-block;padding:0 20px;white-space: normal;vertical-align: top}
* + html .foot-row .col{display:inline;}
.foot-row .col:first-child{border-right:1px solid #666666;}
.foot-row .col ul{white-space: nowrap;padding:0;text-align: left;}
.foot-row .col li{display: inline-block;padding-left: 15px}
.foot-row .col li:first-child{padding-left: 0px}
* + html .foot-row .col li{display: inline;}
.company{display:block;font-size: 18px;font-weight: 700}
.copyright{display:block;font-size: 11px;letter-spacing:1px}
.hotline{font-size: 14px;padding-top:1px}
.hotline .text{margin:0 10px;font-weight: 700;}
#foot-2d-box{font-size: 0;width: 120px;text-align: left;}
#foot-2d-box a{display: inline-block;}
.link{padding-top: 8px}
.link a{display: inline-block;padding:0 20px;border-left:1px solid #cccccc;}
.link a:hover{text-decoration: underline;}
.link a:first-child{border-left:none;}