@charset "utf-8";
*{box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{ font-size: 18px; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4,h5,h6{ font-size: 100%; }
small{ font-size: 12px; }
img,input{ vertical-align: middle; border:none; }
ul,ol,li{ list-style: none; }
a{ text-decoration:none;outline:none}
a:hover{ text-decoration: underline;}
table{ border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{ height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
textarea,button,input{outline: none;}


/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/* 宽度 */
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w1700{ width:96%; max-width: 1700px;  margin:0 auto; }
@media all and (max-width:1460px){
	.w1400{width:100%;padding:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}
@media all and (max-width:768px){
  .w1700{ width:94%; }
	.w1400{ padding:0 3%; }
	.w1200{ padding:0 3%; }
}

/* 弹性布局 */
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}

/* 图片比例 */
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }
.picScale img:hover{ transform: translate(-50%,-50%) scale(1.1); }

/* 文本溢出 */
.text_clamp1{	overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.text_clamp2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.text_clamp3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.swiper-container{ --swiper-theme-color: #b69b47; --swiper-navigation-color: #b69b47; --swiper-navigation-size: 30px; }

/* PC and Moble */
.pc{ display: block; } 
.m{ display: none; }
@media (max-width: 768px) {
	.pc{ display: none; }
	.m{ display: block; }
}

/* 边距 */
.pd100{padding: 100px 0;}
.pd120{padding: 120px 0;}
.pd150{padding: 150px 0;}
@media (max-width: 1240px) {
	.pd100{padding: 70px 0;}
	.pd120{padding: 80px 0;}
	.pd150{padding: 90px 0;}
}
@media (max-width: 1024px) {
	.pd100{padding: 60px 0;}
	.pd120{padding: 70px 0;}
	.pd150{padding: 80px 0;}
}
@media (max-width: 768px) {
	.pd100{padding: 50px 0;}
	.pd120{padding: 60px 0;}
}
@media (max-width: 480px) {
	.pd100{padding: 40px 0;}
	.pd120{padding: 50px 0;}
	.pd150{padding: 50px 0;}
}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}


/************** 导航栏 ***************/
.head{background: #FFFFFF;padding:68px 0 34px;position:relative;width:100%}
.head .kd{position:relative}
.head .logo{position:relative;z-index:2;height: 63px;}
.head .logo img{ height: 63px; }
.head .t-txt{ padding: 5px 0; padding-left:16px;margin-left:22px;position:relative;top:-2px}
.head .t-txt:before{content:'';width:1px;border-left:1px solid #f7f7f7;height:60px;background:#d4d4d4;display:inline-block;position:absolute;left:0}
.head .t-txt h3{color:#000;font-size:18px;font-weight: normal;}
.head .t-txt p{font-size:20px;padding-top: 5px;
  
}
.head .t-txt p b{
  background-image: linear-gradient(45deg, #b69b47 40%, #f3d455, #b69b47, #f3d455, #b69b47 70%);
  -webkit-background-clip: text;
  color: transparent;
}
.head .t-tel{background:url(../images/tel.png) left center no-repeat;padding-left:60px}
.head .t-tel span{font-size:16px;color:#000}
.head .t-tel h3{ font-size:30px;color:#dab866;padding-top: 5px; }
.head .welcome{ font-size: 14px; color: #000000; position: absolute; top: -60px; left: 0;}
.head .lalbb{position:absolute;right:0;top:-60px;font-size: 14px;}
.head .lalbb a{color:#000;transition:all .5s;}
.head .lalbb a img{margin-bottom:; vertical-align: ;}
.head .lalbb a:hover{color:#ffc000}
.menu{background: #000000;width:100%;min-height:63px;position:relative;z-index:3}
.menu li{float:left;line-height:63px; height: 63px; width:9.111%;text-align:center;position:relative;font-size: 16px;}
/* .menu li:after{content:'';width:1px;border-right:1px solid #e4c060;height:13px;background:#866409;display:inline-block;position:absolute;right:0;top:42%} */
.menu li:nth-child(3){width: 12.111%;}
.menu li:nth-child(4){width: 14.111%;}
.menu li:nth-child(5){width: 12.111%;}
.menu li:nth-child(6){width: 8.111%;}
.menu li:nth-child(7){width: 7.111%;}
.menu li:nth-child(8){width: 7.111%;}
.menu li:nth-child(9){margin-left: 4%;}
.menu li:last-child:after{display:none}
.menu li a{display:block;color:#FFFFFF;transition:all .5s ease-in-out;width: 100%;height: 100%;}
.menu li a:hover,
.menu li a.cur{ text-shadow:1px 1px 1px rgba(118, 98, 44, 1.0); color:#fff; background-image: linear-gradient(65deg,#debc56 0%, #f3d455 20%, #b69b47 45%, #b69b47 52%, #f3d455, #debc56 100%); }
.sticky.menu{ position:fixed; top:0; margin-top:0; z-index:80}
.sticky.menu .fl{ width:50%;}
.sticky.menu .fr{ width:50%;}
.sticky.menu li:last-child:after{ display:inline-block}
@media screen and (max-width:1660px){
.menu li a{font-size: 14px;}
}
@media screen and (max-width:1440px){
.menu li{width: 11.111%;}
}
@media screen and (max-width:1200px){
  .head .logo{height: 50px;}
  .head .logo img{height: 50px;}
  .head .t-txt{padding: 0; padding-left: 20px; margin-left: 20px;}
  .head .t-txt:before{height: 52px;}
  .head .t-txt h3{color:;font-size:16px;}
  .head .t-txt p{font-size:18px;}
  
  .head{padding-top: 60px;}
  .head .welcome{top: -54px;}
  .head .t-tel{background-size: 42px; padding-left: 50px;}
  .head .t-tel span{font-size: 14px;}
  .head .t-tel h3{font-size: 26px; padding-top: 2px; }
}
@media screen and (max-width:768px){
  .head{position:fixed;padding:15px 0;z-index:88; box-shadow: 0 0 25px 3px rgba(0,0,0,0.1);}
  .menu{display:none}
  .head .logo{height: 40px;}
  .head .logo img{height: 40px;}
  .head .t-tel{display:none}
  .head .t-txt{padding: 0; padding-left: 15px; margin-left: 15px;}
  .head .t-txt:before{height: 46px;}
  .head .t-txt h3{color:;font-size:16px;}
  .head .t-txt p{font-size:15px;}
  .ctop{height:70px}
  .head .lalbb{display:none}
}
@media screen and (max-width:620px){
  .head .t-txt{display: none;}
  .head .logo{height: 30px;}
  .head .logo img{height: 30px;}
  .ctop{height:60px}
}

.menuBtn{position:relative;z-index:999;right:0;display:none;width: 46px; height: 46px; background-color: ;}
@media screen and (max-width:768px){
.menuBtn{position:absolute;right:0px;display:inline-block;top:50%; transform: translateY(-50%);}
}

.special-button {width: 46px; height: 46px; display: block; position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.st0 { fill: none;stroke: #000000; stroke-width: 12; stroke-miterlimit: 10;stroke-dasharray: 500;stroke-dashoffset: 2430;transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease; }
.st0.active {stroke-dasharray: 500;stroke-dashoffset: 1880;}

.top, .bottom {pointer-events: none;width: 26px;background-color: #000000;height: 4px;border-radius: 2px;position: absolute;left: 10px;transition: transform 0.5s ease, top 0.5s ease, left 0.5s ease;}
.top.active, .bottom.active {left: 10px;}

.top { top: 13px; }
.top.active { transform: rotate(45deg);top: 21px;}

.bottom { top: 31px; }
.bottom.active { transform: rotate(-45deg);top: 21px; }
@media screen and (max-width:768px){
  
}


.moble_nav{ padding-top: 140px; padding-bottom: 50px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 86; display: none; }
.moble_nav nav{ padding: 0 20px; height: 100%; }
.moble_nav ul{ height: 100%; overflow-y: auto; border-top: 1px solid rgba(100,100,100,0.3); }
.moble_nav ul li{  }
.moble_nav ul li span{ display: block; border-bottom: 1px solid rgba(100,100,100,0.3); overflow: hidden; }
.moble_nav ul li span.icon{ background: url(../images/icon_next1.png) no-repeat right center; background-size: 25px; padding-right: 30%; }
.moble_nav ul li span.icon.cur{ background-image: url(../images/icon_next.png);border-bottom: 1px solid rgba(219, 0, 0, 0.6);}
.moble_nav ul li span a{ padding: 18px 0; display: block; font-size: 18px; font-weight: bold; color: #FFFFFF; }
.moble_nav ul li .subnav{  border-bottom: 1px solid rgba(219, 0, 0, 0.6); padding: 6px 0 10px; display: none;}
.moble_nav ul li .subnav a{ display: block; padding: 10px 0; font-size: 16px; padding-left: 10px; color: #eeeeee;}
@media (max-width:768px){
	.moble_nav{padding-top: 130px;}
}
@media (max-width:480px){
  .moble_nav ul li span a{font-size: 16px;}
}





/*友情链接*/
.in-fri{ /* border-top:1px solid #eee; */ padding:30px 0; background:#000; }
.gg1{ width:96%; margin-left: 2%; }
.ftit{   line-height: 40px; height: 18px; box-sizing: border-box; }
.ftit p{ font-size:18px; color:#fff}
.fgun{ width:calc(100% - 100px); height:18px; font-size: 17px; line-height:18px;}
.fgun a{ display:inline-block; padding:0 25px; float:left; color:#ffffff; border-left:1px solid #fff; }
.fgun a:first-child{ border-left: 0; padding-left: 10px; }
.fgun a.first{ border-left: 0; padding-left: 10px; }
.backtop{ width:6%; margin-top:-9px; }
.backtop i{ font-style:normal; transform:rotate(-90deg); font-family:'宋体'; display:inline-block; color:#fff; font-size:1.5rem; margin-right:10px; margin-top:5px;}
.backtop span{ color:#fff; font-size:1rem;}
@media screen and (max-width:1440px){
  .gg1{width: 100%; margin-left: 0;}
  .fgun{font-size: 15px; width: calc(100% - 80px);}
  .fgun a{padding: 0 20px;}
  .ftit p{font-size: 16px;}
  .ftit{width: 80px;}
  
}
@media screen and (max-width:1240px){
  .in-fri{padding: 24px 0;}
  .ftit p{font-size: 13px;}
  .fgun{font-size: 13px;}
}
@media screen and (max-width:1024px){}
@media screen and (max-width:768px){
  .in-fri{ display:none; }
}


/*footer*/
.foot{ background:url(../images/footbg.jpg) no-repeat center / cover; min-height:360px; width:100%; overflow:hidden;}
.border{ height:4px; width:100%; background:#B69B47}
.fcox{ padding:70px 0 50px;}

.fmenu{ width:30.06%; margin-left: 4%; }
.fmenu ul{ border-bottom:2px solid #515151; border-top:2px solid #515151; padding:35px 0; }
.fmenu li{ float:left; width:50%; padding: 15px 0; }
.fmenu li a{ color:#fff; font-size:16px; line-height:20px; transition:all 0.7s ease; }
.fmenu li a span{ font-family:'宋体'; font-size:16px; transform:scale(0.8); display:inline-block; }
.fmenu li a:hover{ color:#DAB866}
.fmenu p{ color:#fff; margin-top:30px; font-size:14px;}
.fmenu p a{ color:#fff;}

.fcon{ width:24%; margin-left:10%;}
.fcon .fctxt{border-bottom:2px solid #515151;border-top:2px solid #515151; padding:33px 0; max-height:178px}
.fcon .fctxt li{ padding-left:40px; margin-bottom:15px; }
.fcon .fctxt li:nth-child(1){ background:url(../images/ico1.png) left 3px top 5px no-repeat;}
.fcon .fctxt li:nth-child(2){ background:url(../images/ico2.png) left top 5px no-repeat;}
.fcon .fctxt p{ color:#fff; font-size:16px; line-height: ; padding-bottom: 5px;}
.fcon h4{  background:url(../images/ico3_03.png) left center no-repeat; padding-left:40px; margin-top:20px;}
.fcon h4 a{font-size:24px; color:#fff;}

.fwx{ width: 16%; margin-right: 4%;}
.fwx .fl{ max-width:46%; }
.fwx .fr{ max-width:46%; }
.fwx img{ max-width: 100%;}
.fwx p{ color:#fff; font-size:14px; margin-top:38px; text-align:right;}
.fwx p a{ color:#fff;}

@media screen and (max-width:1440px){
  .fmenu{margin-left: 2%;}
  .fwx{margin-right: 2%;}
  .fmenu ul{padding: 28px 0;}
  .fmenu li{ padding: 12px 0;}
  .fmenu li a{font-size: 15px; }
  .fcon{width: 340px;}
  .fcon .fctxt{padding: 28px 0; max-height: 160px;}
  .fcon .fctxt p{font-size: 15px;padding-bottom: 3px;}
  .fcon .fctxt li{margin-bottom: 10px;}
  .fcon h4{ line-height: 24px;}
  .fcon h4 a{font-size: 22px;}
}
@media screen and (max-width:1240px){
  .foot{ min-height: auto;}
  .fcox{ padding: 60px 0 40px; }
  .fmenu{ margin-left: 0; width: calc(100% - 500px); }
  .fcon{margin-left: 0; float: right;}
  .fwx{ margin-right: 0; }
  .fwx{ display: none; }
  .fwx p{ margin-top: 28px;}
}
@media screen and (max-width:1024px){
  .fmenu{ width: 70%; float: none; margin: 0 auto; padding-bottom: 30px; }
  .fcon{width: 70%; float: none; margin: 0 auto;}
  .fcon h4 a{font-size: 18px;}
  .fwx .fl{ max-width:48%; }
  .fwx .fr{ max-width:48%; }
}
@media screen and (max-width:768px){
.foot{ padding-bottom:30px;}
.fmenu{ display:none; }
.fcox{padding-bottom: 10px;}
.fcon{ width:75%; }
.fcon h4 a{ display: inline-block; line-height:36px;}
.fwx{ width:26%; text-align:center;}
.fwx .fl{ max-width:100%; float:none;}
.fwx .fr{ max-width:100%; float:none;}
}
@media screen and (max-width:480px){
  .fcox{padding-top: 60px;}
  .fcon{ width:90%; }
}