﻿ 
html, body, div, span, applet, object, iframe, h1, h2, h3,    
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,    
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,    
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,    
fieldset, form, label, legend, table, caption, tbody, tfoot,    
thead, tr, th, td {    
    margin: 0;    
    padding: 0;    
    border: 0;    
    outline: 0;    
    font-weight: inherit;    
    font-style: inherit;    
    font-size: 100%;    
    font-family: inherit;    
    vertical-align: baselinebaseline;    
} 
body{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size: 14px;
}   
h1, h2, h3,h4, h5, h6{
    font-weight: normal;
}
:focus {    
    outline: 0;    
}    
table {    
    border-collapse: separate;    
    border-spacing: 0;    
}    
caption, th, td {    
    text-align: left;    
    font-weight: normal;    
}    
a img, iframe {    
    border: none;    
} 
a{
    text-decoration: none;
}   
ol, ul {    
    list-style: none;    
}    
input, textarea, select, button {    
    font-size: 100%;    
    font-family: inherit;    
}    
select {    
    margin: inherit;    
}   
h1,h2,h3,h4,h5,h6 { 
    font-weight: normal; 
    font-size: 100%; 
} 
q:before,q:after { 
    content:”; 
}   
  
ol { margin-left:2em; }  
i,em{
    font-style: normal;
}  
   
.clearfix:after {    
    content: "";    
    display: block;    
    height: 0;    
    clear: both;    
    visibility: hidden;    
}    
.clearfix { zoom:1;}
.boxSizing{
    box-sizing: border-box;
}
.inlineBlock{
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.trans{
    transition:all linear 0.2s;
    -webkit-transition:all linear 0.2s;
    -moz-transition:all linear 0.2s;
    -o-transition:all linear 0.2s;
}
 
body{background-color: #462104;}
.header{height: 100px;background: #fff; width:1000px;}
.header .section{width: 1000px;height:inherit;margin: 0 auto;padding: 18px 0;}
.header .section a.logo{float: left;width: 632px;height: 64px;background: url(../images/logo.png) no-repeat center;}
.header .section div.tel{float: right;}
.header .section div.tel i{float:left;display: block;margin-right:8px;width: 52px;height: 52px;background: url(../images/tel_icon.gif) no-repeat center;}
.header .section div.tel p{float: left;font-size: 20px;color: #666;line-height: 25px;}
.header .section div.tel p span{font-size: 30px;color: #b27f2f;}
 
.container{width: 1000px; margin: 0 auto;position: relative;}
 .nav{width: 186px;  background-color:#fff; position: absolute;top: 0;left: 0;z-index: 99; height:200px}
 .nav li{height: 50px;}
 .nav li a{display:block;text-align: center;line-height: 50px;font-size: 16px;color: #202020;text-transform: uppercase;position: relative;}
 .nav li a:hover{color: #fff;background: #b27f2f;}
 .nav li a .arrow{position: absolute;top:20px;right:34px;width: 6px;height: 9px;background: url(../images/nav_arrow.png) -6px 0 no-repeat;}
 .nav li a:hover .arrow{background-position: 0 0; right: 28px;}
 .nav li .item,.container .nav li .item-2{display:none;position: absolute;top: 50px;left: 186px;width:330px;background: rgba(255,255,255,0.9)}
 .nav li .item-2{left: 330px;top: 50px;}
 .nav li .item a,.container .nav li .item-2 a{display:block;width: 100%;font-size: 14px;color: #454545;text-transform: capitalize !important;}
 .nav li .item a:hover,.container .nav li .item-2 a:hover{color: #fff;background: #462104}
 
 
 
 
 
 
 #nav{width: 186px;  background-color:#fff; background:rgb(204,102,0.9);position: absolute;top: 0;left: 0;z-index: 99; height:200px}
#nav li {  width:186px;height: 50px; font-size:14px;font-family:"微软雅黑";line-height: 34px; position:relative; text-align: center;}
#nav li a {display:block;text-align: center;line-height: 50px;font-size: 16px;color: #202020;text-transform: uppercase;}
#nav li a:hover {color: #fff;background: #b27f2f;}
#nav li ul {display: none;position: absolute;background-color:#fff;width: 226px; top:0px; left:185px; font-size:12px; font-weight:normal;}
#nav ul li:hover>ul {position: relative;left: 186px;top: -35px;}
#nav li:hover>ul {display: block;}
#nav li ul li {float: none;width: 226px; color:rgb(255,255,255);margin: 0px;}
#nav li ul li a { background-position:80% 50%; color:#000; font-size:12px;}
#nav li ul li a:hover{ background-position:80% 50%}
#nav li ul li ul{display: none;position: absolute;background-color:#fff;width: 221px; }
#nav li ul li:hover>ul {position: relative;left: 226px;top: -50px;}
#nav li ul li:hover>ul {display: block;}
#nav li ul li  ul li ul{float: none;margin: 0px; background:rgb(29,146,198);}
#nav li ul li ul li a {  background-position:80% 50%;}
#nav li ul li  ul li ul a{ background:none;}
#nav li ul li  ul li ul a:hover{ background:rgb(3,133,191);}
 
 
 
 
 
 
 
 
 
 
  .nav li .item-7{left: 330px;top: 175px;}
 .nav li .item a,.container .nav li .item-7 a{display:block;width: 100%;font-size: 14px;color: #454545;text-transform: capitalize !important;}
 .nav li .item a:hover,.container .nav li .item-7 a:hover{color: #fff;background: #462104}
 
  .nav li .item-8{left: 330px;top: 200px;}
 .nav li .item a,.container .nav li .item-8 a{display:block;width: 100%;font-size: 14px;color: #454545;text-transform: capitalize !important;}
 .nav li .item a:hover,.container .nav li .item-8 a:hover{color: #fff;background: #462104}
 
 
 
.banner{width: 1000px;min-height: 525px;margin: 0 auto;position: relative;overflow: hidden;}
.banner ul.banner_list{position: absolute;top: 0;left: 0;}
.banner ul a{float: left;}
.banner .prev,.banner .next{
    display: block;
    width: 50px;
    height: 100px;
    color: #fff;
    font-size: 56px;
    text-align: center;
    line-height: 100px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    z-index: 99;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    opacity: 0;
}
.banner .next{right: 0;}
.banner .prev{left: 0;}
.banner:hover .next,.banner:hover .prev{opacity: 1;}
.banner .dot{height:12px;position: absolute;top:96%;left: 50%;z-index: 99;}
.active{background: #462104;}
.banner .dot li{width: 8px;height: 8px;float:left;margin-right: 10px;border:2px solid #fff;border-radius: 50%;cursor: pointer;}
.banner .dot li:last-child{margin-right: 0;}
 
footer{width: 1000px;margin: 0 auto;padding: 16px 0;}
footer p{font-size: 14px;color: #fff;text-align: center;line-height: 22px;}
footer p:last-child{color: #999;font-size: 12px;}

.footer{width: 1000px;margin: 0 auto;padding: 16px 0;}
.footer p{font-size: 14px;color: #fff;text-align: center;line-height: 22px;}
.footer p:last-child{color: #999;font-size: 12px;}






