.font14{font-size: 14px !important;}
.w1200{width: 1200px; width: 0 auto;}
.head{background-color: #333; height: 80px; line-height: 80px;}
.head .w1200{ display: flex;}
.head01{ width: 120px; text-align: center; margin-right: 20px;}

.head03{ background-color: #fff; border-radius: 5px; height: 36px; line-height: 36px; width: 300px; margin-top: 22px; margin-left: 55px;}
.head03a{ border: none; line-height: 34px; height: 34px; padding-left: 8px; border-radius: 6px;}
.head03b{ background: #b2986c;color: #fff;padding: 0 22px;border: none;width: 68px;text-align: center;float: right;height: 36px;border-radius: 5px;}
.banner {
  margin: 0 auto;
  width: 100%;
  height: 350px;
}
.swiper-container {
  height: 350px;
}
.swiper-container > .swiper-wrapper > .swiper-slide > a:not(.cont2d6) {
	display: block;
  width: 100%;
  height: 100%;
}
.swiper-container.swiper2 {
	border-radius: 5px;
	height: 280px;
}
.swiper-container.swiper3 {
	height: 195px;
	padding-top: 15px;
}
.swiper-container.swiper2 a {
	border-radius: 5px;
	height: 280px;
	width: 560px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px !important;
}
.swiper-container > .swiper-pagination > .swiper-pagination-bullet {
  margin: 0 8px;
  background: #ffffff;
}
.swiper-container > .swiper-pagination > .swiper-pagination-bullet-active {
  background-color: rgba(255, 255, 255, 0.7);
  width: 20px;
  border-radius: 3px;
  transition: width 0.3s;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  width: 66px;
  height: 66px;
  display: none;
}
.swiper-container.swiper2 .swiper-button-prev,
.swiper-container.swiper2 .swiper-button-next {
  width: 40px;
  height: 40px;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  display: block;
}
.swiper-container > .swiper-button-prev {
  left: 50px;
  background: url('../images/icon_button_left.png') no-repeat center;
  background-size: 100%;
}
.swiper-container > .swiper-button-next {
  right: 50px;
  background: url('../images/icon_button_right.png') no-repeat center;
  background-size: 100%;
}
.swiper-container.swiper2 > .swiper-button-prev {
  left: 24px;
}
.swiper-container.swiper2 > .swiper-button-next {
  right: 24px;
}


.gallerytitle {
text-align: center;
font-size: 20px;
height: 42px;
line-height: 42px;
color: #fafafa;
position: absolute;
left: 25px;
bottom: 35px;
right: 0;
font-weight: normal;
text-shadow: 1px 1px 1px #000;

display: inline-block;
width: 510px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

}

.cont{ display: flex; justify-content: space-between; margin: 60px auto;}
.cont1{ border-radius: 8px; width: 560px; height: 280px; }
.cont2{ background-color: #fff; box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.05); width: 560px; padding: 10px 40px 18px; box-sizing: border-box; border-radius: 8px;}
.cont2a{ padding-bottom: 12px;}
.cont2a a{ font-size: 16px; margin-right: 20px; display: inline-block; line-height: 30px; position: relative; line-height: 38px;}
.cont2a a.on{color: #b2986c;}
.cont2a a.on::after{ background: #b2986c; content: ''; display: block; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0;}
.cont2b1 a{font-size: 14px; color: #333; line-height: 25px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.cont2b1 a:hover{ color: #b22d23;}
.cont2b1 a font{float: right; color: #b2986c;}
.colorb2986c{ color: #b2986c;}
.cont2c{ width: 400px; margin: 60px auto; position: relative; }
.cont2c::before{ content: ''; background-color: #b2986c; width: 400px; height: 1px; position: absolute; top: 50%; left: 0; z-index: 1;}
.cont2c span{ text-align: center; width: 150px; text-align: center; display: block; margin: 0 auto; position: relative; z-index: 2; background-color: #f5f5f5; font-size: 22px;}
.cont2d{ display: flex; justify-content: space-between; margin-bottom: 68px; flex-wrap: wrap;}
.cont2d1{ width: 270px; box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 10px;cursor:pointer;}
.cont2d1 img{width:270px; border-top-right-radius: 10px;border-top-left-radius: 10px;height: 150px;}  /*修改新增*/
.cont2d2{ font-size: 16px; color: #333; padding: 10px 16px; line-height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.cont2d3{ font-size: 14px; color: #999; padding: 10px 16px 24px;}
.cont2d3 font{ color: #b2986c; float: right;}
.cont2d1:hover .cont2d2{ color: #b22d23;}
.cont2d1:hover {  box-shadow: 0 0px 15px 0 rgba(125, 93, 40, 0.6);}
.cont2b2{ text-align: center; padding-top: 2px;}
.cont2b2 span{ display: inline-block; width: 8px; height: 8px; border: 1px solid #c3c3c3; border-radius: 50%; margin: 0 3px;}
.cont2b2 span.on{ border: 1px solid #b2986c; background-color: #b2986c;}
.cont3{ background: #252630; padding: 50px 0;margin-top: 60px;}
.cont3 > div { display: flex;align-items: center;}
.cont3a{ width: 300px; text-align: center;}
.cont3b{ width: 720px; font-size: 16px; line-height: 40px;}
.cont3b span{ display: block; color: #fff;}
.cont3b a{ display: block; color: #fff;cursor:default; line-height: 30px;}
.cont3b a:hover{ color: #fff;}
.cont3c a{ display: block; width: 180px; text-align: center; line-height: 50px; height: 50px; color: #fff; background: #b2996f; border-radius: 5px;}
.cont2d4{ width: 380px; font-size: 18px; line-height: 60px; text-align: center; display: block;}
.cont2d4 p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.cont2d4 img:hover{ box-shadow: 0 0px 15px 0 rgba(125, 93, 40, 0.6); border-radius: 8px;}
.cont2d4:hover{}
.cont2d5{ text-align: center;}
.cont2d5 a{ font-size: 16px; color: #b2996f;}
.cont2d5 a:hover{ color: #b22d23;}
.cont2d6{ display: inline-block; width: 180px !important; margin:0px 25px 25px; border-radius: 8px;}
.cont2d6:hover{ box-shadow: 0 0px 15px 0 rgba(125, 93, 40, 0.5);}
.cont2d7{ color: #b2996f; font-size: 16px; position: relative; padding: 0 20px;}
.cont2d7::before{ content: ''; background-color: #b2986c; width: 1px; height: 15px; position: absolute; right: 0%; top: 5px;}
.cont2d7:last-child::before{ display: none;}
.foot{ background-color: #252630;}
.foot1{ display: flex; justify-content: space-between; align-items: center; padding: 38px 0;}
.foot1a,.foot1b{ width: 460px;}
.foot1c{ font-size: 18px; color: #b2996f;}
.foot1d{ font-size: 12px; color: #ababab; line-height: 28px; padding-top: 22px;}
.foot1b{ display: flex; justify-content: center;}
.foot1e{ color: #ababab; font-size: 16px; text-align: center; margin: 0 30px;}
.foot1e img{ margin-top: 20px;}
.foot2{background-color: #1d1e26; font-size: 12px; color: #ababab; line-height: 42px;}

.head02 ul li{ float: left;text-align: center;position: relative;font-size: 18px;}
.head02 ul li .menuList {background: rgba(0,0,0,0.9);display: none;top: 80px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);position: absolute;font-size: 12px;color: #8f7c6d;line-height: 22px;width: 100%;left: 0;height: 0;z-index: 2;text-align: left;box-sizing: border-box;}
.head02 ul li:hover .menuList{display: block;}
.head02 ul li .menuList a {display: block;line-height: 38px;font-size: 18px;color: #f8f8f8;text-align: center}
.head02 ul li .menuList a:hover{background: rgba(0,0,0,0.9);color: #f3d660;}
.head02 ul li > a{ color: #fff; display: inline-block; padding:  0 25px; }
.head02 ul li.on > a,.head02 ul li:hover > a{ color: #ba9f72; position: relative; background: #fff;}
.head02 ul li.on > a::after,.head02 ul li:hover > a::after{ background: #ba9f72; content: ''; display: block; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0;}

.homeArticleName{display: inline-block;width: 380px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}