@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "zitibron";
  src: 
       url("../fonts/zitibron.woff") format("woff"),
       url(".../fonts/zitibron.eot") format("embedded-opentype"),
}
@font-face {
  font-family: "zitibronB";
  src: 
       url("../fonts/zitibron_Bold.woff") format("woff"),
       url(".../fonts/zitibron_Bold.eot") format("embedded-opentype"),
}

.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.container {width: 100%;padding:60px 0;}

@media screen and (max-width:1580px) {
.main {margin-left:70px;margin-right:70px;}
.skinw{margin-left:70px;margin-right:70px;}
}
@media screen and (max-width:1360px){
.main{margin-left:60px;margin-right:60px;}
.skinw{margin-left:60px;margin-right:60px;}
}
@media screen and (max-width:1200px){
.main{margin-left:50px;margin-right:50px;}
.skinw{margin-left:50px;margin-right:50px;}
}
@media screen and (max-width:1024px){
.main{margin-left:30px;margin-right:30px;}
.skinw{margin-left:30px;margin-right:30px;}
.container {padding:60px 0;}
}
@media screen and (max-width:767px){
.main{margin-left:15px;margin-right:15px;}
.skinw{margin-left:15px;margin-right:15px;}
.container {padding:30px 0;}
}



header{width: 100%;height:90px;position: fixed;top: 0;transition: 0.5s;z-index: 100;background: #FFFFFF;-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);box-shadow: 0px 0px 15px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

.headcolumn{display: flex;flex-wrap: wrap;justify-content:center;align-items: center;}
.logo img{width: auto;height:90px;transition: all .5s ease;}
.Navlist{}
.Navlist > ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.Navlist > ul > li{display:block;height:90px;line-height:90px;margin-right: 30px;margin-left: 30px;font-size:16px;position: relative;}
.Navlist > ul > li > a{display: block;color:#333;font-weight:bold;position: relative;text-transform: uppercase;}
.Navlist > ul > li > a:after{z-index: 1;content: '';position: absolute;left: 0;bottom:0px;display: block;height:3px;background-color: #a2905f;width: 0;transition:.5s;}
.Navlist > ul > li > a:hover, .Navlist > ul > li > a.current{color:#a2905f;}
.Navlist > ul > li > a:hover:after, .Navlist > ul > li > a.current:after{width:100%;}
.Navlist > ul > li > a i{padding-left:5px;}
.Navlist > ul > li:hover .nav_son{opacity:1; visibility:visible; margin-top:0}
.Navlist > ul > li .nav_son{width:150px;position: absolute;top: 100%;left: 50%;margin-left: -75px;z-index: 1;opacity: 0;visibility: hidden;margin-top: 20px;background-color: #fff;transition: margin .15s, opacity .15s;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);}
.Navlist .nav_son ul{padding-top: 15px;margin-top: 0px;padding-bottom: 15px;margin-bottom: 0px;}
.Navlist .nav_son ul li{width:100%;text-align:center;}
.Navlist .nav_son ul li a{display: block;border-color:#fff;line-height: 20px;font-size: 14px;padding:10px 5px;}
.Navlist .nav_son ul li a:hover{background:#a2905f;color:#ffffff;}

header.white {height:60px;}
header.white .Navlist > ul > li{height:60px;line-height:60px;}
header.white .logo img{width:auto;height: 60px;}


@media screen and (max-width:1280px){
.Navlist > ul > li{margin-left:20px;margin-right:20px;}
}
@media screen and (max-width:1080px) {
.Navlist > ul > li {margin-left:12px;margin-right:12px;}
}
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.wap {display: none;}
.top {max-width: 1920px;margin: 0 auto;position: fixed;right: 10px;top: 18px;width: 25px;height: 25px;z-index: 9999;}
.top>img {display: block;width: 100%;}
.wap-menu {position: relative;z-index: 99999;}
.wap-menu img {height: 25px;}
.close-menu {display: none;position: absolute;right: 0;top: 0;}

@media screen and (max-width: 1024px){
.wap {display: block;}
.m-head {position: fixed;top: 0;left: 0;right: 0;background:#FFF;z-index: 999;padding: 10px;}
.m-logo {font-size: 0;}
.m-logo a {font-size: 0;line-height: 40px;display: block;}
.m-logo img {max-height: 40px;max-width: 80%;vertical-align: middle;}
.m-nav {position: fixed;top: 60px;right: -100%;bottom: 0;z-index: 999;background:#1d1e20;overflow-y: scroll;width: 100%;max-width: 375px;}
.m-nav ul {padding: 0 15px;}
.m-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.12);position: relative;}
.m-nav ul li>span.on {transform: rotateZ(90deg);}
.m-nav ul li ul {display: none;}
.m-nav ul li ul li {border: none;}
.m-nav>ul>li a {display: block;font-size: 14px;line-height: 20px;padding: 15px 0;position: relative;color: #fff;font-weight: bold;text-transform: uppercase;}
.m-nav>ul>li ul li a {padding: 10px 0;font-weight: normal;text-transform: none;opacity: 0.8;}
.m-nav>ul>li>span {position: absolute;width: 20px;height: 20px;background: url(../images/m-nav_down.png) no-repeat;background-size: 14px 14px;background-position: center center;right: 0;top: 15px;cursor: pointer;display: block;color: #fff;transition: all 0.3s;}
}




/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top:90px;}
.banner .swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}
.banner .swiper-button-next, .banner .swiper-button-prev{width:34px;height:63px;background-size:34px 63px;opacity:0.66;}
.banner .swiper-pagination-bullet {width:60px;height:3px;background:#333;border-radius: 0px;margin: 0px 4px;opacity: 1;outline: none;position: relative;}
.banner .swiper-pagination-bullet:after {content: '';position: absolute;left: 0px;top: 0px;background:#a2905f;width: 0%;height: 3px;}
.banner .swiper-pagination-bullet-active:after {content: '';width: 100%;transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;height:3px;}

@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
}




/*FOOTER*/
footer{width:100%;height: auto;box-sizing: border-box;}
.foot_box{padding-top:30px;padding-bottom:30px; background:#a2905f;}
.foot_box .ft_logo{padding-top:30px;padding-bottom:20px;overflow: hidden;}
.foot_box .ft_logo img{display:block;margin:auto;}
.foot_box .ft_contain{padding-top:30px;overflow: hidden;}
.ft_contain .ft_nav{width:100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft_contain .ft_nav .ft_navbox{width: 16.66667%;padding:0 10px;margin-bottom:20px;}
.ft_contain .ft_nav .ft_navbox .ft_bt{display:block;margin-bottom:16px;}
.ft_contain .ft_nav .ft_navbox .ft_bt h5{display:block;height:auto;line-height:1.2;font-size:15px;color:#FFF;text-transform: uppercase;}
.ft_contain .ft_nav .ft_navbox .ft_nav_li {height: auto;overflow: hidden;}
.ft_contain .ft_nav .ft_navbox .ft_nav_li p{padding-bottom:10px;transition: 0.5s;line-height:1.2;}
.ft_contain .ft_nav .ft_navbox .ft_nav_li p a{color:#FFF;font-size:14px;opacity:0.7;}
.ft_contain .ft_nav .ft_navbox .ft_nav_li p a:hover{color:#FFF;opacity:1;}

.ft_share{width: 16.66667%;padding:0 10px;}
.ft_share .ft_bt{display: block;margin-bottom:20px;}
.ft_share .ft_bt h5{display:block;height: auto;line-height:1.2;font-size:15px;color:#FFF;text-transform: uppercase;}
.ft_share .follow_share {display: flex;flex-wrap:wrap;align-items: center;}
.ft_share .follow_share a{display:block; width:35px;height:35px;border-radius: 50%;border:1px solid #b4a57e;text-align: center;line-height:35px;color:#FFF;transition: 0.36s;margin-right:6px;margin-bottom:6px;}
.ft_share .follow_share a i{font-size:16px;}

.copyright {background: #928256;padding-top: 20px;padding-bottom: 20px;font-size:14px;}
.copyright .skinw {display: flex;align-items: center;justify-content: space-between;}
.copyright p{line-height:1.2;color: #FFF;opacity: 0.8;}
.copyright p a{color: #FFF;}
.copyright p a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}
.otherinfo a{color: #FFF;opacity: 0.8;}
.otherinfo a:hover{text-decoration:underline;color:#FFF;transition:0.5s;}
.copyright p em {padding: 0 8px;color: #ffffff;}

@media only screen and (max-width:960px) {
.ft_contain .ft_nav .ft_navbox{width:33.33%;}
.ft_share{width:33.33%;}
}
@media only screen and (max-width:767px) {
.ft_contain .ft_nav .ft_navbox{width:50%;}
.ft_share{width:50%;}
.copyright .skinw{display: block;text-align: center;}
}
@media only screen and (max-width:499px) {

}