article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

input,
select {
   vertical-align: middle;
}

ol,
ul {
   list-style: none;
}

blockquote,
q {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: '';
   content: none;
}

strong {
   font-weight: bold;
}

input {
   outline: none;
   padding: 0;
}

img {
   border: 0;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
   -webkit-appearance: none;
   border-radius: 0;
}

textarea {
   -webkit-appearance: none;
   border-radius: 0;
   background: none;
   outline: none;
   padding: 0;
   margin: 0;
   border: none;
}

::-moz-selection {
   background: #f7a300;
   color: #fff;
   text-shadow: none;
}

::selection {
   background: #f7a300;
   color: #fff;
   text-shadow: none;
}

a {
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

a:link,
a:visited {
   text-decoration: none;
   color: inherit;
}

a:active,
a:hover {
   text-decoration: none;
   color: inherit;
}

.fc {
   text-align: center;
}

.fr {
   text-align: right;
}

.fl {
   float: right;
}

.vt {
   vertical-align: top;
}

.vm {
   vertical-align: middle;
}

.inner {
   width: 1200px;
   margin: 0px auto;
}

.innerWidth {
   width: 1440px;
   margin: auto;
}

.slick-list {
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.slick-track {
   position: relative;
   left: 0;
   top: 0;
   display: block;
   zoom: 1;
}

.slick-track:before,
.slick-track:after {
   content: "";
   display: table;
}

.slick-track:after {
   clear: both;
}


.popUpblack {
   background: #000 \9;
   filter: alpha(opacity=80);
   background: rgba(0, 0, 0, 0.8);
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0px;
   top: 0px;
   z-index: 1010;
   display: none;
}

.popUp {
   width: 220px;
   border: 2px solid #6cccdc;
   background: #fff;
   position: fixed;
   left: 50%;
   top: 50%;
   margin: -87px 0 0 -115px;
   z-index: 1004;
}

.popUp .t {
   padding: 0 0 0 10px;
   height: 26px;
   line-height: 26px;
   color: #666;
   font-weight: bold;
   border-bottom: 1px solid #e8e8e8;
   background: #f2f2f2;
}

.popUp .t .close {
   padding: 0 10px 0 0;
   float: right;
   cursor: pointer;
   color: #666;
   font-weight: normal;
}

.popUp .img {
   padding: 20px;
}

.popUp .img img {
   width: 100%;
   display: block;
}

.slick-dots {
   width: 100%;
   text-align: center;
   position: absolute;
   left: 0;
   bottom: 27px;
   line-height: 0;
   z-index: 10;
}

.slick-dots li {
   display: inline-block;
   margin-right: 8px;
   line-height: 0;
}

.slick-dots li:last-child {
   margin-right: 0;
}

.slick-dots li button {
   display: block;
   padding: 0;
   margin: 0;
   width: 8px;
   height: 8px;
   background-color: #fff;
   line-height: 1;
   border: none;
   margin: 0;
   padding: 0;
   text-indent: 99999px;
   overflow: hidden;
   outline: none;
   cursor: pointer;
   border-radius: 50%;
   transition: 0.3s;
}

.slick-dots li.slick-active button {
   background: #BB965E;
}

.menubtn-box {
   float: right;
   position: relative;
   z-index: 20;
   margin-right: 80px;
   margin-top: 8px;
   cursor: pointer;
}

.menubtn-small {
   margin-top: 10px;
   text-align: center;
   width: 50px;
   position: relative;
   line-height: 1;
}

.menubtn-small span {
   display: block;
   line-height: 1;
   color: #432820;
   font-size: 16px;
   font-family: "庞门正道标题体";
   transition: 0.38s;
}

.menubtn-small span:last-child {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center;
   color: #fff;
   transform: translateY(100%);
   opacity: 0;
   visibility: hidden;
   transition: 0.38s;
}

.menubtn {
   position: relative;
   width: 26px;
   height: 13px;
   padding-top: 12px;
   margin: auto;
   z-index: 20;
   cursor: pointer;
   transition: 0.4s;
   cursor: pointer;
   cursor: pointer;
}

.menubtn span {
   display: block;
   width: 26px;
   height: 2px;
   background: #432820;
   position: relative;
   vertical-align: middle;
   -webkit-transition-duration: .3s, .3s;
   -moz-transition-duration: .3s, .3s;
   -ms-transition-duration: .3s, .3s;
   -o-transition-duration: .3s, .3s;
   transition-duration: .3s, .3s;
   -webkit-transition-delay: .3s, 0s;
   -moz-transition-delay: .3s, 0s;
   -ms-transition-delay: .3s, 0s;
   -o-transition-delay: .3s, 0s;
   transition-delay: .3s, 0s;
   transition: background 0.3s 0s;
}

.menubtn span:after,
.menubtn span:before {
   content: "";
   position: absolute;
   display: inline-block;
   width: 26px;
   height: 2px;
   left: 0;
   background-color: #432820;
   -webkit-transition-duration: .3s, .3s;
   -moz-transition-duration: .3s, .3s;
   -ms-transition-duration: .3s, .3s;
   -o-transition-duration: .3s, .3s;
   transition-duration: .3s, .3s;
   -webkit-transition-delay: .3s, 0s;
   -moz-transition-delay: .3s, 0s;
   -ms-transition-delay: .3s, 0s;
   -o-transition-delay: .3s, 0s;
   transition-delay: .3s, 0s;
   transition: background 0.3s 0s;
}

.menubtn span:before {
   top: -12px;
   -webkit-transition-property: top, transform;
   -moz-transition-property: top, transform;
   -ms-transition-property: top, transform;
   -o-transition-property: top, transform;
   transition-property: top, transform;
}

.menubtn span:after {
   bottom: -12px;
   -webkit-transition-property: bottom, transform;
   -moz-transition-property: bottom, transform;
   -ms-transition-property: bottom, transform;
   -o-transition-property: bottom, transform;
   transition-property: bottom, transform;
}

.menubtn-box.active .menubtn span {
   background: transparent;
   -webkit-transition-delay: 0s, 0s;
   -moz-transition-delay: 0s, 0s;
   -ms-transition-delay: 0s, 0s;
   -o-transition-delay: 0s, 0s;
   transition-delay: 0s, 0s;
}

.menubtn-box.active .menubtn span:after,
.menubtn-box.active .menubtn span:before {
   -webkit-transition-delay: 0s, .3s;
   -moz-transition-delay: 0s, .3s;
   -ms-transition-delay: 0s, .3s;
   -o-transition-delay: 0s, .3s;
   transition-delay: 0s, .3s;
   background: #fff;
}

.menubtn-box.active .menubtn span:before {
   top: 0px;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg)
}

.menubtn-box.active .menubtn span:after {
   bottom: 0px;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.menubtn-box.active .menubtn-small span:first-child {
   opacity: 0;
   visibility: hidden;
   transform: translateY(-100%);
}

.menubtn-box.active .menubtn-small span:last-child {
   opacity: 1;
   visibility: visible;
   transform: translateY(0px);
}