* { margin:0; padding:0;}
body {font-size:16px; height:auto; margin:0 auto;font-family:'Microsoft Yahei'}
a { color:#000; text-decoration:none;transition: all 1s;}
a:hover { color:#F00; text-decoration:none;}
.aw{color:#FFF;}
.aw a { color:#FFF; text-decoration:none;}
.aw a:hover { color:#F00; text-decoration:none;}
.aw1 a { color:#FFF; text-decoration:none; }
.aw1 a:hover { color:yellow; text-decoration:none;}
.al{color:#000;}
.al a { color:#F00; text-decoration:none; }
.al a:hover { color:#0303fb; text-decoration:none;}
a img { border:0; }
ul,ul li { list-style-type:none; }
.of{ overflow:hidden;}
.width1 { width:100%; }
.width2 { width:1200px; }
.width3 { width:1020px; }
.mar { margin:0 auto;}
.cl{clear:both;}
.db{ display:block;}
.fs0{ font-size:0;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs30{ font-size:30px;}
.fs36{ font-size:36px;}
.lts1{ letter-spacing:1px;}
.lh2{ line-height:2;}
.lh22{ line-height:22px;}
.lh23{ line-height:23px;}
.lh24{ line-height:24px;}
.lh25{ line-height:25px;}
.lh26{ line-height:26px;}
.lh27{ line-height:27px;}
.lh28{ line-height:28px;}
.lh30{ line-height:30px;}
.lh32{ line-height:32px;}
.lh36{ line-height:42px;}
.border1{ border:1px solid #dedede;}
.bg2{ background-color:#f3f5f4; padding:35px 0 20px 0;}
.colorw{ color:#FFF;}
.colorr{ color:#bb0000;}
.fwb{ font-weight:bold;}
.fwn{ font-weight:normal;}
.fl { float:left;}
.fr { float:right;}
.h0{ height:0;}
.h100{ height:100%;}
.pr{ position:relative;}
.pa{ position:absolute;}
.tac{ text-align:center;}
.p10{ padding:10px;}
.p20{ padding:20px 2px 20px 2px;}
.mr20{ margin-right:20px;}
.w193{ background-color:#FFF; padding:8px 10px 10px 10px; width:193px;}
.w855{ width:855px;}
.w833{ width:833px;}
.w788{ width:788px;}
.w995{ width:995px;}
.to{height: 120px;}
.to div{padding-top: 30px;width: 1041px;}

.head{padding: 40px 0;}
.head1{}
.head2{background-color: #30955f; height: 64px; line-height: 63px;}
.head3{padding: 30px 0;}
.ul1{line-height:60px;height: 61px;width: 1200px;}
.ul1 li {display:block;float:left; height:61px; text-align:center; width:150px;transition: all 1s ease-in 0s;}
.ul1 li a{display: block;z-index: 3;}

.one{background: url(../images/2.jpg) repeat-x 0px 50px;height: 100px;}
.one p{line-height: 25px;color: #7f7f7f; font-size: 13px;}
.one h3{font-size: 30px; width: 300px;position: relative;line-height: 50px;background-color: #fff;}
.h30{height:30px;}
.two {
	overflow: hidden;width: 1200px;margin: 50px auto;
}

.two li {
	width: 23%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 2.66% 2.66% 0;
}

.two li:nth-child(4n) {
	margin-right: 0;
}

.two li .pic-w {
	overflow: hidden;
	position: relative;
	height: 439px;
	width: 363px;
}

.two li .op {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/1.png);
	z-index: 2;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.two li .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #fff;
	width: 75%;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.two li .txt h1 {
	letter-spacing: 5px;
	padding-top: 15%;
}
.two ul li:nth-child(1) .pic{background: url(../images/3.jpg) no-repeat 0 0!important;}
.two li .txt .line {
	background: #fff;
	opacity: .3;
	width: 25px;
	height: 2px;
	margin: 8% auto;transition: all 1s;
}
.two li:hover .line{width: 200px;background-color: red;}
.two li .txt h2 {
	opacity: .7;
	margin-bottom: 15%;
}

.two li .txt .more {
	background: #977f63;
	padding: 8%;
	box-shadow: 0px -7px 20px 0 #666;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
}
.two li .txt .more:hover {
	background: #fff;
	
}
.two li .txt.on {
	background: #977f63;
}

.two li:hover .txt {
	background: #977f63;
	transform: translate(-50%, -60%);
}

.two li:hover .txt .more {
	opacity: 1;
}

.two li:hover .op {
	opacity: 0;
}

.two li .more:hover {
	
	color: #977f63;
}



.pro-xl {
	overflow: hidden;
	position: relative;
	width: 1200px;
}

.pro-xl .main {
	float: right;
	width: 35.7%;
	overflow: hidden;
}

.pro-xl .pro-swiper {
	width: 64.3%;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	overflow: hidden;
}

.pro-xl .main li {
	background: #303030;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-bottom: 1px solid #000;
	border-top: 1px solid #6e6e6e;
	padding: 6.5% 0;
	position: relative;
}

.pro-xl .main li .txt {
	position: relative;
	z-index: 2;
}

.pro-xl .main li p {
	font-family: arial;
}

.pro-xl .main li .line {
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 5% auto;
	opacity: .6;
}

.pro-xl .main li:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	background: #a18c72;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.pro-xl .main li.on:after {
	transform: translate(-50%, -50%) scale(1);
}

.pro-swiper .txt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
}

.pro-swiper .txt .left {
	float: left;
	width: 90%;
	padding: 4.7% 5%;
	background: rgba(0, 0, 0, 0.5);
	
}

.pro-swiper .txt .left p {
	font-size: 12px;
	font-family: simsun;
	opacity: .7;

}

.pro-swiper .txt .left .line {
	width: 10px;
	height: 3px;
	background: #706f6f;
	margin: 3% 0;
	transition: all 1s;
	
}

.pro-swiper .pro-a {
	position: absolute;
	width: 10%;
	height: 20%;
	z-index: 2;
	bottom: 0;
	right: 0;
}

.pro-swiper .txt .right {
	width: 16.7%;
	float: right;
	background: url(../images/op-h.png);
	position: absolute;
	height: 100%;
	right: 0;
	text-align: center;
}

.pro-swiper .txt .right p {
	font-size: 12px;
	font-family: arial;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pro-swiper .txt .word {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}



.swiper-slide {
	overflow: hidden;
	text-align: center;
}

.swiper-slide .pic-w {
	position: relative;
	overflow: hidden;
}

.swiper-slide .pic-w .pic {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	
}

.swiper-slide .txt {
	display: inline-block;
	padding: 10px;
	letter-spacing: 5px;
	border: 1px solid #977F63;
	margin-top: 10%;
}

.swiper-slide:hover .txt {
	background: #977F63;
	color: #fff;
	cursor: pointer;
}

.swiper-slide:hover .pic {
	transform: rotateY(180deg);
}
.pro-xl .main li.on:after {
	transform: translate(-50%, -50%) scale(1);
}

.ppjs{padding: 0px 0;margin: 0px auto;}
.ppjsb{padding-top: 40px;}
.ppjsb div.fl,.ppjs>div .fl img{height: 460px;width: 630px;transition: all 1s;}
.ppjsb div.fl,.ppjs>div .fl{}
.ppjsb div.fl:hover img{transform: scale(1.1);}
.ppjsb div.fr{height: 360px;width: 470px;background-color: white;padding: 50px;}
.three{height: 50px;width:180px;background-color: #977f63;transition: all 1s;line-height: 48px;}
.three:hover{background-color:red;}
.three:hover a{color:yellow;}

.maina{background:url(../images/12.jpg) no-repeat center center;height: 480px;padding-top: 110px;margin: 40px auto;}
.maina ul{width: 1200px;margin: 0 auto;}
.maina li{width: 23%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 2.66% 0 0;
	background: url(../images/2.png);
	padding: 3% 0;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;}
.maina li:nth-child(4) {
	margin-right: 0;
}
.maina li h1 {
	margin-top: 8%;
	color: #fff;
}
.maina li h2 {
	color: #fff;
	opacity: .5;
	margin-top: 5%;
}
.maina li .line {
	width: 40%;
	margin: 10% auto;
	background: #fff;
	height: 2px;
	opacity: .5;
}
.maina li .des {
	width: 80%;
	margin: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
	opacity: .7;
	height: 90px;
}
.maina li .more {
	display: block;
	margin: auto;
	margin-top: 10%;
	width: 130px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	opacity: .8;
}
.maina li:hover {
	background: url(../images/13.jpg);
}
.maina li .more:hover {
	background: #977f63;
	border-color: #977f63;
	opacity: 1;
	box-shadow: 0 0 10px 0 #fff;
}

.index-new .index-title span {
	background: #cac6c6;
}

.index-new .main1 {
	overflow: hidden;
}

.index-new .main1 li {
	width: 30%;
	float: left;
	margin-right: 3.33%;
}

.index-new .main1 li:nth-child(3) {
	margin-right: 0;
}

.index-new .main1 li .pic-w {
	position: relative;
	overflow: hidden;
}

.index-new .main1 li .txt {
	padding: 12% 9%;
}

.index-new .main1 li .txt span {
	opacity: .5;
	font-size: 14px;
}

.index-new .main1 li .txt .z16 {
	margin-top: 15%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1;
}

.index-new .main1 li .txt .des {
	line-height: 20px;
	height: 40px;
	opacity: .5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 5%;
}

.index-new .main1 li .txt .line {
	background: #000;
	opacity: .5;
	margin-top: 6%;
	height: 1px;
}

.index-new .main1 li:hover .pic {
	transform: scale(1.1);
}

.index-new .main1 li:hover .txt {
	background: #977F63;
	color: #fff;
}

.index-new .main1 li:hover .line {
	background: #fff;
}

.flash {z-index:-100; }
main{padding: 30px 0;}

.bg1231{ padding:170px 20px 50px 15px;}
.bg1233{ padding:170px 10px 50px 15px;}
.bg1232{ width:1050px; height:440px;}
.bg1232 ul li img{ 
    height: 300px;
    display: block;
    margin: 50px auto 0px;}
.bg1232 ul li h4{font-size: 20px; font-weight: normal; height: 80px; line-height: 79px;}
.bg1232 ul li{background: url(../images/13.png) no-repeat center center; float:left; height:440px; display:inline; overflow:hidden;  margin: 0 10px;}
.bg1232 ul li:hover{background: url(../images/12.png) no-repeat center center;}
.bg1232 ul li:hover a{color: red;}
.bg1235{ height:230px; width:1080px;}



.dul211{padding-top: 30px;}
.dul211 li{height:442px; width:280px; margin:0px 10px 0px 10px; float:left; overflow:hidden; }
.dul211 li img{ height:380px; width:280px; display:block;}
.dul211 li h3{ height:81px; font-size: 16px; line-height:80px;}

.xw_list{
    padding-top: 78px;
}
.xw_list li {
    float: left;
    width: 592px;
    height: 132px;
    background: url(../images/23.png) no-repeat center center;
    margin-bottom: 20px;
    margin-right: 16px;
}

.xw_list li:nth-child(2n) {
    margin-right: 0px;
}

.xw_list li a {
    display: block;
	height: 132px;
	
}
.xw_list li:first-child a {
    background: url(../images/24.png) no-repeat 20px center;	
	 background-size:150px 100px;
}
.xw_list li:nth-child(2) a {
    background: url(../images/25.png) no-repeat 20px center;
	background-size:150px 100px;
}
.xw_list li:nth-child(3) a {
    background: url(../images/26.png) no-repeat 20px center;
	background-size:150px 100px;
}
.xw_list li:nth-child(4) a {
    background: url(../images/27.png) no-repeat 20px center;
	background-size:150px 100px;
}
.xw_list li:nth-child(5) a {
    background: url(../images/28.png) no-repeat 20px center;
	background-size:150px 100px;
}
.xw_list li:nth-child(6) a {
    background: url(../images/29.png) no-repeat 20px center;
	background-size:150px 100px;
}
.news_sub h3 {
	font-size: 16px;
}
.xw_list li a:hover .news_sub h3 {
    color: #9e292f;
}

.xw_list li a:hover .news_sub span {
    color: #9e292f;
}

.xw_list li a img.xw_img {
    float: left;
    padding: 15px 20px;
    width: 150px;
    height: 100px;
}

.xw_list li a .news_sub {
    text-align: left;
    float: left;
    padding: 10px 0px;
    width: 385px;
	margin-left: 190px;
}

.xw_list li a .news_sub h3 {
    height: 40px;
    line-height: 40px;
    color: #333333;
}

.xw_list li a .news_sub span {
    line-height: 28px;
    font-size: 12px;
    color: #4c4c4c;
    font-family: "宋体";
    font-weight: normal;
	padding-top: 5px;
}
.clearfix::before,.clearfix::after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}


.secon1{padding-bottom: 20px;}
.secon11{padding:5px 12px 6px 12px; background-color:#cc0101; border-radius:5px;}
.secon12,.secon13{display:block; padding-top:6px;}
.secon13{color:#666;}
.secon11 a{}
.secon11 a:hover{color: yellow;}
.secon2{ background-color:#f4f4f4;padding:30px;border-radius:8px; width: 1140px;}
.secon21{background-color:#fff; border-radius:6px; padding: 20px;}
footer{background-color: #1f1f1f;padding: 50px 0;}

.mycen {
	padding: 10px 0 20px 0;
}

.mycen11 {
	width: 900px;
}

.mycen111 {
	background-color: #f2f2f2;
	font-size: 20px;
	color: #a37963;
	height: 50px;
	line-height: 50px;
	width: 920px;
	border-bottom: 1px solid #c7c7c7;
	text-indent: 20px;
}

.mycen12 {
	background: #a37963;
	width: 268px;
}

.mycen121 {
	padding: 10px;
}

.mycen121 {
	color:yellowgreen;
}

.mycen122 {
	background-color: #fff;
	margin: 0 4px 4px 4px;
	padding: 5px 0 5px 0;
}

.mycen122 div {
		background-color: #f6f6f6;
		margin: 10px 10px;
		padding: 12px 10px 10px 10px;
		letter-spacing:1px;
}

	.mycen122 p {
		margin: 10px 10px 8px 10px;
		background-color: #a37963;
		padding: 10px 0px;
	}

		.mycen122 p span {
			padding: 5px 0px;
			letter-spacing: 2px;
		}

.foot{background: url(../images/20.jpg) no-repeat 0 0;height: 302px;}
.foot1{left: 465px; top:90px;}
.foot li{line-height: 35px;}
.foot2{left: 685px; top:90px;}
.foot3{left: 885px; top:90px;}
.sec{ background-color: #fff; padding:5px 10px 10px 10px; line-height:2;}
.seco{ width:1142px; margin:18px auto;}
.sech3{ font-size:18px; font-weight:bolder; padding:0px 0 0px 0; text-align:center;}

#secp { border-bottom:1px dashed #ccc; margin:8px 0 ; padding-bottom:5px; text-align:center;}
.newslist {}
.newslist li{ border-bottom:1px dotted #ccc; text-indent:5px; line-height: 45px;}
.newslist li span{ float:right; padding-right:5px; }
.sepage { clear:both; text-align:center; padding:8px 0 0 0;}
.prl{}
.prl li{margin:8px 10px; float:left; overflow:hidden; }
.prl li img{ height:230px; width:273px; display:block;}
.prl li h3{height:40px; font-size: 16px; text-align: center;line-height:38px;}


.width100 { width:80px;}
.tdright { text-align:right;}
.indexCon{width:100%;overflow:hidden;}
.indexCon .flashBanner{width:100%;height:800px;overflow:hidden;}
.flashBanner{position:relative;}
.flashBanner .mask{height:0px;line-height:32px;width:100%;text-align:right;
	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer;}
.flashBanner .mask img.show{margin-bottom:3px;}
@media (min-width: 1025px) and (max-width: 1440px) {
	.indexCon .flashBanner{height:100%;}
	.h10{ height:5px;}
	.banner>ul>div{ height:380px;}
	.flash {height:100%;} 
	.banner>ul>div>a{height:23px; font-size:12px; line-height:22px;}
	}
@media (max-width: 1024px) {
	.indexCon .flashBanner{height:200px;}
	.flash{height: 200px;}
	}
.control-box {
    width: 1170px;
    height: 400px;
	margin-top:70px;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 150px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
  width: 1032px;
  height: 350px;
  margin: auto 70px auto;
}
#switcher {
  height: 350px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {
  transition:all .7s ease 0s;
  width: 125px;
  height: 350px;
  float: left;
  border-left: 4px white solid;
  border-color: rgba(0,0,0,0);
}
.box:hover {
}
.shadow {
	margin: 0 10px;
	padding: 10px;
	border-radius: 105px;
	background-color: white;
  width: 85px;
  height: 330px;
  font-size: 14px;
	overflow: hidden;
}
.shadow img{border-radius: 85px;height: 85px; width: 85px;}
.shadow h3 a{color:#9d0209;}
.bg4 ul{margin: 10px auto 40px auto; background-color: white;}
.bg4 ul li{width: 555px;height: 140px;border: 1px solid #ccc;box-shadow: 0px 0px 2px 2px #ccc;padding: 10px; margin: 10px;transition: all 1s;}
.bg4 ul li:nth-child(odd){float: left;margin-left: 12px;}
.bg4 ul li:nth-child(even){float: right;}
.bg4 ul li:nth-child(odd):hover{margin-left: 2px;}
.bg4 ul li:nth-child(even):hover{transform: translateX(-10px);}
.bg4 ul li h4{line-height: 40px;font-size: 16px;color: red;}
.bg4 ul li p{line-height: 26px;}
.down-triangle {
  width: 0;
  height: 0;
top:26px;left:115px;
  border-left: 5px solid transparent; /* 左边框透明 */
  border-right: 5px solid transparent; /* 右边框透明 */
  border-top: 10px solid white; /* 上边框颜色，向下三角形的高度 */
}

.t{background-color: #a37963;height: 61px;margin-bottom: 5px;z-index:1000;} 

.ul1>li ul{background-color:rgba(163,121,99,0.6);height:0px; z-index:999;transition:all 2s ease 0s;}
.ul1>li ul li{height: 45px; line-height: 44px; padding-left: 6px;transition:all 1s ease 0s;}
.ul1>li:nth-child(3):hover ul{height:405px;}
.ul1>li ul li:hover{background-color: #a37963; width: 184px;}
.ul>li:nth-child(3) ul,.mybanner>ul>li:nth-child(4) ul{ top: 0; left: 0;}

.ul>li:nth-child(3):hover ul:hover li,.mybanner>ul>li:nth-child(4):hover ul:hover li{width: 80px;transition:all 1s ease 0s;}
.ul1>li:nth-child(3):hover ul:hover li:hover,.ul1>li:nth-child(4):hover ul:hover li:hover{padding-left: 0px;text-align: center;width: 125px;}
.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	justify-content: center;
	margin-top: 8px;
}

.page-link {
	position: relative;
	display: block;
	color: #0d6efd;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #dee2e6;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.page-link {
		transition: none;
	}
}

.page-link:hover {
	z-index: 2;
	color: #0a58ca;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.page-link:focus {
	z-index: 3;
	color: #0a58ca;
	background-color: #e9ecef;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
	margin-left: -1px;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
	border-color: #dee2e6;
}

.page-link {
	padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
	padding: 0.75rem 1.5rem;
	font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}