body {background:url(bg.jpg);overflow-x:hidden;}
.fl {float:left;}
.fr {float:right;}

.navbg {height:160px;width:100%;position:relative;background:url(b-bg.jpg);border-bottom:1px solid #af760d;}
.nav-star {width:100%;height:160px;overflow:hidden;position:absolute;left:0;}
.sl {margin-left:50%;position:absolute;left:-900px;}
.sr {margin-right:50%;position:absolute;right:-950px;}
.nav {width:1200px;height:160px;margin:0 auto;}
.logo {width:228px;}
.logo img {margin-top:56px;}

.nav-ul>li {float:left;position:relative;padding-left:20px;}
.nav-ul>li>a {display:inline-block;width:100%;height:100%;color:#fff;font-size:16px;padding-top:10px;line-height:150px;position:relative;}
.nav-ul>li>a:hover,.nav-ul>li>a.active {color:#daa024;-webkit-transition:all .8s cubic-bezier(.7,0,.1,1);transition:all .8s cubic-bezier(.7,0,.1,1);}
.nav-ul>li>a:hover:after,.active:after {content:'';position:absolute;top:108px;left:16px;width:30px;height:3px;border-radius:2px;background-color:#b0760c;-webkit-transition:all .8s cubic-bezier(.7,0,.1,1);transition:all .8s cubic-bezier(.7,0,.1,1);}
/* 下拉菜单 */
.nav-menu {position:absolute;z-index:2;width:150px;left:0;top:100%;}
.nav-menu-ul {height:0;overflow:hidden;opacity:0;-webkit-transition:all .8s cubic-bezier(.7,0,.1,1);transition:all .8s cubic-bezier(.7,0,.1,1);}
.nav-menu li {overflow:hidden;word-wrap:nowrap;background-color:#c1870d;}
.nav-menu a {display:inline-block;width:100%;text-align:center;line-height:56px;font-size:16px;-webkit-transition:all .4s linear;transition:all .4s linear;color:#fff;}
.nav-menu a:hover {background-color:#ebebeb;color:#c1870d;}

.section {width:1200px;margin:30px auto 26px;padding-top:20px;padding-bottom:30px;background:#fff;-moz-box-shadow:0px 0px 10px #e1e1e1;-webkit-box-shadow:0px 0px 10px #e1e1e1;box-shadow:0px 0px 10px #e1e1e1;}

.footer {height:200px;border-top:4px solid #c1870d;}
.f-con {height:152px;background:url(b-bg.jpg);}
.f-top,.f-bottom {width:1200px;margin:0 auto;}
.f-logo img {margin-top:42px;margin-left:30px;}
.moto {margin-right:30px;margin-top:58px;}
.f-bottom {line-height:48px;text-align:center;}
.f-bottom span {padding-right:26px;font-size:12px;color:#333;}
.nav-bottom ul {margin-left:120px;margin-top:46px;width:400px;height:60px;}
.nav-bottom ul li {width:80px;text-align:center;float:left;height:30px;line-height:30px;}
.nav-bottom ul li a {color:#d4d0d4;}
.nav-bottom ul li a:hover {color:#fff;}
@font-face {
    font-family: 'myFirstFont';
    src: url('shelleyandantebt-webfont.woff2') format('woff2'),
         url('shelleyandantebt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}