@charset "utf-8";

/*----------------------------------------------------
                 Procyon - CSS File
------------------------------------------------------*/
ul,li,p{
	padding:0px;
	margin:0px;
	list-style: none;
}
a{
	text-decoration: none;
}
body {
	font-size: 14px;
	min-width: 1200px;
	padding: 0px;
	margin: 0;
	background: #fff;
	font-family: "Microsoft Yahei", "微软雅黑";
}
::-webkit-scrollbar{
	width:6px;
	height: 5px;
	background:#ddd;/* 鏁翠釜婊氭潯鑳屾櫙 */
}
::-webkit-scrollbar-thumb{
	-webkit-border-radius:4px;
	border-radius:2px;
	background:#AA7A51; /* 婊氭潯鍐呭祵棰滆壊 */
}
::-webkit-scrollbar-button {
	background-color:#ddd;/* 涓よ竟绔寜閽鑹� */
	display: none;
}
/*banner*/
.banner {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.banner .swiper-slide img{
	width: 100%;
}
.banner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 15px;
}
img{
	vertical-align: middle;
}
.banner .swiper-pagination-bullet{
	width:33px;
	height:10px;
	background:#AA7A51;
	border-radius:5px;
}

/*导航*/
.top_nav{
	width: 100%;

	margin: auto;
	background:rgba(255,255,255,0.4);
	line-height: 150px;
	height: 150px;
	z-index: 9999999;
}
.top_nav>div{
	width: 100%;
	justify-content: center;
    display: flex;
	margin: auto;
}
.top_nav>div>a>img{
	margin-right: 140px;
}
.top_nav>div>.title{
	display: inline-block;
	margin: 0 17.5px;
}
.top_nav>div>.title>a{
	font-size:22px;
	color:#393939;
	display: block;
}
.top_nav>div>.title>a:hover,.top_nav>div>.title>a.active{
	font-weight:bold;
	color:rgba(109,79,53,1);
}

/*产品中心*/
.cpzx{
	padding-top: 80px;
	padding-bottom: 100px;
}
.p-tit{
	text-align: center;
	width: 1200px;
	margin: auto;
}
.p-tit>div:nth-child(1){
	font-size:34px;
	font-weight:bold;
	color:rgba(0,0,0,1);
	line-height:30px;
	padding-bottom: 23px;
	background: url("../images/ttth.png")no-repeat;
	background-position: center bottom;
}
.p-tit>div:nth-child(2){
	font-size:18px;
	font-weight:400;
	color:rgba(0,0,0,0.8);
	line-height:30px;
	margin-top: 10px;
}

.p-nav{
	width: 1200px;
	margin: auto;
	text-align: center;
	margin-top: 50px;
}
.p-nav>a{
	display: inline-block;
	width:160px;
	height:40px;
	line-height: 40px;
	background:rgba(49,49,49,1);
	font-size:20px;
	font-weight:400;
	color:rgba(255,255,255,1);
}
.p-nav>a:nth-child(1){
	border-radius:20px 0px 0px 20px;
}
.p-nav>a:last-child{
	border-radius:0px 20px 20px 0px;
}
.p-nav>a:hover{
	background:rgba(169,121,81,1);
}

.pro-box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 40px;
}

.pro-box .swiper-slide {
	text-align: center;

}
.pro-box .swiper-slide img{
	width: 100%;
}
.pro-box .swiper-slide .tit{
	font-size:22px;
	font-weight:400;
	color:rgba(0,0,0,1);
	line-height:30px;
	margin-top: 20px;
}
.pro-box .swiper-slide .desc{
	font-size:12px;
	font-weight:400;
	color:rgba(0,0,0,0.7);
	line-height:30px;
}

.fanye{
	width: 1200px;
	margin: auto;
	text-align: center;
	margin-top: 80px;
}
.swiper-button-nextp{
	display: inline-block;
	width:50px;
	height: 30px;
	background: url("../images/pr.png")no-repeat center;
	margin: 0 3px;
}
.swiper-button-nextp:hover{
	background: url("../images/prh.png")no-repeat center;
}
.swiper-button-prevp{
	display: inline-block;
	width:50px;
	height: 30px;
	background: url("../images/pl.png")no-repeat center;
	margin: 0 3px;
}
.swiper-button-prevp:hover{
	background: url("../images/plh.png")no-repeat center;
}

/*公司优势*/
.gsys{
	background: url("../images/ysbg.jpg")#404040 no-repeat center;
}
.gsys>div{
	width: 1200px;
	height: 780px;
	margin: auto;
	padding-top: 100px;
	position: relative;
}
.ys-box{
	text-align: center;
}
.ys-box>.ys-list{
	float: left;
	width: 33.33%;
	margin-top: 100px;
}
.ys-box>.ys-list>div{
	width: 309px;
	margin: auto;
}

.ys-box>.ys-list .img{

}
.ys-box>.ys-list .tit{
	font-size:23px;
	font-weight:bold;
	color:rgba(222,156,100,1);
	line-height:27px;
	margin: 25px 0;
}
.ys-box>.ys-list .desc{
	font-size:17px;
	font-weight:400;
	color:rgba(255,255,255,0.6);
	line-height:27px;
}

.yuan{
	width:80px;
	height:80px;
	background:url("../images/yuan.png")no-repeat center;
	border-radius:50%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -40px;
}

/*流程*/
.index-lc{
	background: #F7F7F7;
}
.index-lc>div{
	width: 1200px;
	margin: auto;
	height: 282px;
	padding-top: 118px;
}
.lc-tit{
	font-size:34px;
	font-weight:bold;
	color:rgba(0,0,0,1);
	line-height:40px;
	background: url("../images/3y.png")no-repeat;
	background-position: left center;
	text-indent: 22px;
}
.lc-con{
	margin-top: 30px;
}
.lc-con>.lc-list{
	float: left;
	width:228px;
	height:110px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(224,224,224,1);
	border-radius:8px;
	margin-left: 12px;
}
.lc-con>.lc-list:hover{
	border:1px solid rgba(169,121,81,1);
}
.lc-con>.lc-list:nth-child(1){
	margin-left: 0;
}
.lc-con>.lc-list>.left{
	float: left;
	width: 56px;
	line-height: 108px;
	text-align: center;
	margin-left: 14px;
}
.lc-con>.lc-list>.right{
	float: left;
	margin-left: 14px;
}
.lc-con>.lc-list>.right>div:nth-child(1){
	font-size:20px;
	font-weight:bold;
	color:rgba(169,121,81,1);
	margin-top: 30px;
}
.lc-con>.lc-list>.right>div:nth-child(2){
	font-size:15px;
	font-weight:400;
	color:rgba(0,0,0,0.8);
}

/*关于我们*/
.about{
	width: 1200px;
	margin: auto;
	height: 700px;
}

.about>.left{
	float: left;
	width: 779px;
	margin-top: 146px;
}
.about>.right{
	float: right;
	width:330px;
	height:430px;
	margin-top: 146px;
}
.about>.right>img{
	width: 330px;
	height: 430px;
}
.about>.left>div:nth-child(1){
	font-size:34px;
	font-weight:bold;
	color:rgba(0,0,0,1);
	line-height:30px;
}
.about>.left>div:nth-child(2){
	width:80px;
	height:3px;
	background:rgba(49,49,49,1);
	margin-top: 14px;
}
.about>.left>div:nth-child(3){
	font-size:16px;
	font-weight:400;
	color:rgba(0,0,0,0.7);
	line-height:24px;
	margin-top: 55px;
	height: 120px;
	overflow: hidden;
}
.about>.left>div:nth-child(4){
	height: 200px;
	border-left: 1px solid rgba(49,49,49,0.2);
	margin-top: 15px;
}
.ab-con>div{
	float: left;
	margin-left: 119px;
	margin-top: 80px;
}
.ab-con>div:nth-child(1){
	margin-left: 56px;
}
.ab-con>div>div:nth-child(1){
	font-size:70px;
	font-weight:bold;
	color:rgba(170,122,81,1);
}
.ab-con>div>div:nth-child(2){
	font-size:16px;
	font-weight:400;
	color:rgba(0,0,0,1);
	line-height:24px;
}

/*合作伙伴*/
.hzhb{
	background:rgba(49,49,49,1);
}
.hzhb>div{
	height: 400px;
	width: 1200px;
	margin: auto;
	position: relative;
}

.hb-box {
	width: 1000px;
	margin: auto;
	height: 135px;
	overflow: hidden;
	margin-top: 50px;
}
.hb-box .swiper-slide{
	height: 135px;
}
.hb-box .swiper-slide>.img{
	text-align: center;
	font-size: 18px;
	height: 91px;
	overflow: hidden;
	/* Center slide text vertically */
	/*display: -webkit-box;*/
	/*display: -ms-flexbox;*/
	/*display: -webkit-flex;*/
	/*display: flex;*/
	/*-webkit-box-pack: center;*/
	/*-ms-flex-pack: center;*/
	/*-webkit-justify-content: center;*/
	/*justify-content: center;*/
	/*-webkit-box-align: center;*/
	/*-ms-flex-align: center;*/
	/*-webkit-align-items: center;*/
	/*align-items: center;*/
}
.hb-box .swiper-slide>.img>img{
	width: 100%;
}
.hb-box .swiper-slide>div:nth-child(2){
	font-size:20px;
	font-weight:400;
	color:rgba(255,255,255,1);
	margin-top: 20px;
	text-align: center;
}

.swiper-button-prevh{
	position: absolute;
	width:30px;
	height:60px;
	left: 0;
	top: 208px;
	background:url("../images/hbl.png")no-repeat center;
}
.swiper-button-nexth{
	position: absolute;
	width:30px;
	height:60px;
	right: 0;
	top: 208px;
	background:url("../images/hbr.png")no-repeat center;
}
.swiper-button-prevh:hover{
	position: absolute;
	width:30px;
	height:60px;
	left: 0;
	top: 208px;
	background:url("../images/hblh.png")no-repeat center;
}
.swiper-button-nexth:hover{
	position: absolute;
	width:30px;
	height:60px;
	right: 0;
	top: 208px;
	background:url("../images/hbrh.png")no-repeat center;
}

/*新闻*/
.index-news{
	width: 1200px;
	margin: auto;
	height: 600px;
}
.index-news>.left{
	float: left;
	width:380px;
	height:440px;
	border:1px solid rgba(230,227,230,1);
	margin-top: 77px;
}
.index-news>.right{
	width: 765px;
	float: right;
	margin-top: 77px;
}
.index-news>.left>div{
	width: 338px;
	margin: auto;
	margin-top: 13px;
}
.index-news>.left .l{
	float: left;
	font-size:18px;
	font-weight:bold;
	color:rgba(170,122,81,1);
	background: url("../images/wen.png")no-repeat;
	background-position: left center;
	text-indent: 33px;
}
.index-news>.left .r{
	float: right;
	margin-top: 3px;
}
.index-news>.left .r>a{
	display: inline-block;
	width:62px;
	height:20px;
	line-height: 20px;
	border:1px solid rgba(230,227,230,1);
	text-align: center;
	font-size:12px;
	font-weight:400;
	color:rgba(154,154,154,1);
}
.index-news>.left .img{
	margin-top: 35px;
}
.index-news>.left .img>img{
	width: 100%;
	height: 130px;
}
.l-list>a:nth-child(1){
	margin-top: 30px;
}
.l-list>a{
	position: relative;
	display: block;
	line-height: 55px;
	height: 55px;
	font-size:15px;
	font-weight:400;
	color:rgba(102,102,102,1);
	text-indent: 34px;
	overflow: hidden;
}
.l-list>a:hover{
	color: rgba(170,122,81,1);
}
.l-list>a::after{
	content: '';
	position: absolute;
	left: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	width:12px;
	height:12px;
	background:rgba(170,122,81,1);
	border-radius:50%;
}
.ttti{
	width:763px;
	height:50px;
	border:1px solid rgba(230,227,230,1);
}
.ttti>.l{
	float: left;
}
.ttti>.l>a{
	width:194px;
	height:50px;
	background:rgba(49,49,49,1);
	display: inline-block;
	line-height: 50px;
	font-size:24px;
	font-weight:bold;
	color:rgba(255,255,255,1);
	text-align: center;
}
.ttti>.r{
	float: right;
	margin-right: 25px;
}
.ttti>.r>a{
	font-size:12px;
	font-weight:400;
	color:rgba(154,154,154,1);
	line-height: 50px;
}

.news-1{
	margin-top: 30px;
	height: 130px;
	overflow: hidden;
}
.news-1>.img{
	float: left;
	width:194px;
	height:130px;
}
.news-1>.img>img{
	width:194px;
	height:130px;
}
.news-1>.con{
	float: left;
	width: 405px;
	margin-left: 29px;
}
.news-1>.con>div:nth-child(1)>a{
	font-size:18px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:23px;
	height: 23px;
	overflow: hidden;
	display: block;
}
.news-1>.con>div:nth-child(2){
	font-size:14px;
	font-weight:400;
	color:rgba(102,102,102,0.8);
	line-height:23px;
	height: 46px;
	overflow: hidden;
	margin-top: 15px;
}
.news-1>.con>div:nth-child(3)>a{
	display: block;
	font-size:14px;
	font-weight:400;
	color:rgba(170,122,81,1);
	line-height:23px;
	margin-top: 20px;
}
.news-1>.time{
	float: right;
	width: 70px;
}
.news-1>.time>div:nth-child(1){
	font-size:60px;
	font-weight:bold;
	color:rgba(102,102,102,1);
}
.news-1>.time>div:nth-child(2){
	font-size:16px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:23px;
}
.news-1:hover{
	box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.34);
}

.ne-list>a{
	display: block;
	font-size:14px;
	font-weight:400;
	color:rgba(102,102,102,1);
	position: relative;
	line-height: 38px;
	height: 38px;
}
.ne-list{
	margin-top: 35px;
}
.ne-list>a>.l{
	float: left;
	margin-left: 22px;
	width: 500px;
	overflow: hidden;
	height: 38px;
	line-height: 38px;
}
.ne-list>a>.r{
	float: right;
}
.ne-list>a::after{
	content: "";
	position: absolute;
	width:4px;
	height:4px;
	background:rgba(170,122,81,1);
	border-radius:50%;
	left: 3px;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*底部*/
.foot{
	height:500px;
	background:rgba(0,0,0,1);
}
.links{
	background: url("../images/links.png")#AA7A51 no-repeat;
	background-position: 40px center;
	height: 60px;
	line-height: 60px;
	width: 1200px;
	margin: auto;
	text-indent: 146px;
}
.links>a{
	margin-left: 48px;
	display: inline-block;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	color:rgba(255,255,255,1);
	text-indent: 0;
}
.foot-con{
	width: 1200px;
	margin: auto;
}
.foot-con>.left{
	float: left;
	width: 500px;
	margin-top: 81px;
}
.foot-con>.right{
	width: 340px;
	float: right;
	margin-top: 81px;
	text-align: center;
}
.foot-con>.right>div{
	font-size:17px;
	font-weight:400;
	color:rgba(255,255,255,1);

}
.foot-con>.right img{
	width: 100%;
	margin-top: 28px;
}

.foot-con>.left>div:nth-child(1){
	font-size:30px;
	font-weight:bold;
	color:rgba(170,122,81,1);
	line-height:40px;
}
.foot-con>.left>div:nth-child(2){
	font-size:16px;
	margin-top: 25px;
	font-weight:400;
	color:rgba(255,255,255,0.6);
	line-height:40px;
}
.p-nav{
	text-align: center;
	width: 504px;
	/*margin: auto;*/
}
.p-nav .swiper-slide{
	width:160px;
height:40px;
background:rgba(50,50,50,1);
line-height: 40px;
font-size:20px;
font-weight:400;
color:rgba(255,255,255,1);
}
.p-nav .swiper-slide:nth-child(1){
	border-radius:20px 0px 0px 20px;
}
.p-nav .swiper-slide:last-child{
	border-radius:0px 20px 20px 0px;
}
.p-nav .swiper-slide.swiper-slide-thumb-active{
	background:rgba(170,122,82,1);
}
.list-p:nth-child(1){
	margin-left: 0;
}

.list-p{
	float: left;
	width: 19%;
	margin-left: 1%;
}
.list-p img{
	width: 100%;
}

.list-p>div:nth-child(1){
	/*height: 500px;*/
}

.hs_n_nav>div{
	position: relative;
}
.hs_n_nav>div:hover>.con-sub{
	display: block;
		box-shadow: 0 -5px 12px rgba(0, 0, 0, .3);
}
.con-sub{
	position: absolute;
	width: 235px;
	line-height: 46px;
	left: 235px;
	top: 0px;
	background: #fff;
	z-index: 99;
	display: none;

}
.con-sub>a{
	display: block;
	border-bottom: 1px solid #ddd;

    font-size: 16px;
    color: #444;
 
    text-indent: 30px;
}
.con-sub>a:hover{
	background: #AA7A51;
	color:#fff;
}