body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei";font-size: 12px;background: #ffffff;}
a,a:hover{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.fl{float: left;}
.fr{float: right;}
.clear{display: block;width: 0;height: 0;clear: both;}
.w980{width: 980px;margin: 0 auto;}

.top{
    width:100%;
    height:44px;
    line-height: 44px;
    border-bottom: 1px solid #eeeeee;
}
.top ul.fr li{
    float: left;
    text-align: right;
    padding-left: 30px;
    line-height: 44px;
    font-size: 14px;
}
.top ul.fr li a{
    color: #585858;
}
.top ul.fr li:hover a{
    color: #ec8300;
}

.box{
    padding: 50px 0;
}
.box .w980{
    height: 480px;
}
.box .w980 .fl,.box .w980 .fr{
    width: 490px;
    height: 480px;
}
.box .w980 .fl{
    background: url("../images/black-bg.jpg") no-repeat;
}
.box .w980 .fr{
    background: url("../images/khaki-bg.png") no-repeat;
}
.box .w980 .fl p{
    font-size: 36px;
    color: #e8a84e;
    line-height: 60px;
    text-align: center;
}
.box .w980 .fl p.first-child{
    margin-top: 150px;
}
.box .w980 .fr ul.nav{
    width: 362px;
    margin: 62px auto 0;
}
.box .w980 .fr ul.nav li{
    background: url("../images/arr.png") no-repeat right center;
    line-height: 68px;
    border: 1px solid #b1803b;
    margin-bottom: 30px;
    padding-left: 30px;
    font-size: 36px;
}
.box .w980 .fr ul.nav li:hover{
    background-color: #b1803b;
}
.box .w980 .fr ul.nav li a{
    color: white;
}

.box2{
    padding: 0 0 50px;
}
.box2 .w980{
    height: 540px;
}
.box2 .w980 .location{
    float:right;
    height: 60px;text-align:right;
    line-height: 60px;
    background: url("../images/location.png") no-repeat center left;
    font-size: 14px;
    color: #b1803b;
    padding-left: 30px;

}
.box2 .w980 .location a{
    color: #b1803b;
}
.box2 .w980 .fl{
    width: 360px;
    height: 480px;
    background: url("../images/black-bg2.png") no-repeat;
}
.box2 .w980 .fr{
    width: 620px;
    height: 480px;
    background: url("../images/khaki-bg.png") repeat-x;
}
.box2 .w980 .fl p{
    font-size: 36px;
    color: #e8a84e;
    line-height: 60px;
    text-align: center;
}
.box2 .w980 .fl p.first-child{
    margin-top: 150px;
}
.box2 .w980 .fr ul.nav{
    width: 502px;
    margin: 100px auto 0;
}
.box2 .w980 .fr ul.nav li{
    background: url("../images/arr.png") no-repeat right center;
    line-height: 68px;
    border: 1px solid #b1803b;
    margin-bottom: 30px;
    padding-left: 30px;
    font-size: 36px;
}
.box2 .w980 .fr ul.nav li:hover{
    background-color: #b1803b;
}
.box2 .w980 .fr ul.nav li a{
    color: white;
}

.box3{
    padding: 0 0 20px;
}
.box3 .w980 .location{
    float:right;
    height: 60px;
    line-height: 60px;
    background: url("../images/location.png") no-repeat center left;
    font-size: 14px;
    color: #b1803b;
    padding-left: 20px;
     text-align:right;
}
.box3 .w980 .location a{
    color: #b1803b;
}
.box3 .w980 .fl{
    width: 220px;
    height: 570px;
    background: url("../images/black-bg3.png") no-repeat;
}
.box3 .w980 .fr{
    width: 760px;
    min-height: 570px;
    
    border-top: 3px solid #b1803b;
}
.box3 .w980 .fl p{
    font-size: 36px;
    color: #e8a84e;
    line-height: 60px;
    text-align: center;
}
.box3 .w980 .fl p.first-child{
    margin-top: 150px;
}
.box3 .w980 .fr div.content{
    width: 700px;
    margin: 30px auto;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.box3 .w980 .fr div.content p.title{
    font-size: 26px;
    font-weight: bold;
    color:#b1803b;
}

.bottom{
    width:100%;
    height:60px;
    line-height: 60px;
    border-top: 1px solid #eeeeee;
}
.bottom .copy{
    font-size: 12px;
    color: #9b9b9b;
}
