﻿
/**jia men**/
body{    background: #EFECE7;}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
.listWrapper {
    font-size: 14px;
    line-height: 1.5;
    font-family: "微软雅黑",Arial,Helvetica;
    color: #666;
    background: #fff;
    overflow-x: hidden;
}
.f-l {
    float: left;
}
.f-r {
    float: right;
}



/*Page banner*/
.page-banner {

	/*height: 300px;*/
	overflow: hidden;
	position: relative;
}

.page-banner.banner-650 {

	/*height: 650px;*/
}

.page-banner.banner-650 .pb-tit.center h3:before {
	display: none;
}

.page-banner2 {
	height: 640px;
}

.page-banner.banner-650 .pb-tit.center {
	margin-top: -100px;
}

.page-banner2 .pb-pic {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}

.page-banner .pb-pic {

	/*position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;*/
}

.page-banner .pb-pic .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.page-banner .pb-pic .cover1 {
	background: url(404.png) no-repeat center;	/*background-size: cover;*/
}

.page-banner .pb-pic .cover2 {
	background: url(404.png) no-repeat center;	/*background-size: cover;*/
}

.page-banner .pb-pic img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}

.page-banner2 .pb-pic img {
	max-width: none;
	max-height: none;
	width: auto;
}

.page-banner .pb-pic.pic-scale img {
	transform: scale(1.05);
	transition: transform 7s cubic-bezier(.165, .84, .44, 1), opacity .5s;
}

.page-banner .pb-tit {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -600px;
	margin-top: -75px;
	width: 1200px;
}

.page-banner .pb-tit2 {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -600px;
	margin-top: 50px;
	width: 1200px;
	text-align: center;
}

.page-banner.pb2 .pb-tit {
	margin-top: -78px;
}

.page-banner .pb-tit.big {
	margin-top: -85px;
}

.page-banner .pb-tit.center {
	text-align: center;
	margin-top: -48px;
}

.page-banner .pb-tit h3 {
	position: relative;
	display: inline-block;
	font-size: 48px;
	line-height: 1.2;
	padding-bottom: 40px;
	color: #0070be;
	font-weight: 300;
}

.page-banner.pb2 .pb-tit h3 {
	font-size: 48px;
	line-height: 1;
	padding-bottom: 50px;
}

.page-banner .pb-tit h3 span {
	font-size: 60px;
}

.page-banner .pb-tit h3 i {
	font-size: 18px;
	color: #0070be;
}

.page-banner .pb-tit h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 88px;
	border-bottom: 1px solid #0070be;
}

.page-banner .pb-tit.center h3:before {
	left: 50%;
	margin-left: -44px;
}

.page-banner .more {
	position: absolute;
	left: 50%;
	bottom: 40px;
	width: 20px;
	height: 9px;
	background: url(404.png) no-repeat center;
	margin-left: -10px;
}


.com-title.page {
    padding-top: 50px;
    padding-bottom: 50px;
	text-align:center;
}
.com-title h3 {
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    color: #a98e4f;
    font-weight: 300;
}
.com-title.page2 {
    padding-top: 65px;
    padding-bottom: 65px;
	text-align:center;
}
.com-title h3 span {
    display: inline-block;
    width: 60px;
    border-bottom: 1px solid #CCBD9B;
    vertical-align: top;
    margin: 19px 30px 0;
}



.com-btn {
    /* font-weight: 300; */
    position: relative;
    margin: 0 2px;
    display: inline-block;
    width: 156px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.cate-content a, .com-btn-5 {
    position: relative;
    width: 156px;
    background: url(../image/btn_bg_5.png) no-repeat center;
    color: #a2884d;
    overflow: hidden;
    margin: 0 6px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.com-width {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

.hz-youshi {
	padding-bottom: 50px;
}

.hz-youshi .pic {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.hz-youshi .pic:hover {
	opacity: .9;
}

.hz-youshi .pic.f-l {
	margin-right: 78px;
}

.hz-youshi .pic.f-r {
	margin-left: 50px;
}

.hz-youshi .item {
	margin-bottom: 50px;
}

.hz-youshi ul li {
	min-height: 87px;
	padding-top: 25px;
	font-weight: 300;
}

.hz-youshi ul li .pt {
	width: 87px;
	height: 87px;
	line-height: 85px;
	border: 1px solid #a98e4f;
	border-radius: 50%;
	text-align: center;
	font-size: 48px;
	color: #a98e4f;
	margin-right: 28px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.hz-youshi ul li:hover .pt {
	background: #a98e4f;
	color: #fff;
}

.hz-youshi ul li .tit {
	font-size: 22px;
	color: #a98e4f;
	margin-bottom: 10px;
	line-height: 1.2;
}

.hz-youshi ul li .des {
	font-size: 16px;
	font-weight: 400;
}

.hz-support {
	height: 844px;
	background: url(../image/support_bg.jpg) no-repeat center;
}

.support-list {
	width: 1220px;
	padding-bottom: 25px;
}

.support-list li {
	float: left;
	width: 328px;
	/* height: 125px; */
	border: 1px solid #3D3931;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 28px 28px 28px 28px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.support-list li:hover {
	border-color: #A98E4F;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 5px 10px #736137;
}

.support-list li .tit {
	font-size: 18px;
	color: #a98e4f;
	font-weight: normal;
}

.support-list li .tit span {
	font-size: 18px;
	font-size: 36px;
	/* font-weight: normal; */
}

.support-list li .des {
	color: #A6A7AA;
	line-height: 25px;
	float: left;
	width: 100%;
}

.hz-support .hotline {
	color: #a98e4f;
	font-size: 16px;
	line-height: 1;
	min-height: 55px;
	padding-left: 66px;
	background: url(../image/icon_tel.png) no-repeat left center;
	font-weight: 300;
}

.hz-support .hotline .tit {
	padding-top: 4px;
	margin-bottom: 4px;
}

.hz-support .hotline .des {
	font-size: 30px;
}

.hz-support .zx {
	padding-top: 15px;
}

.hz-model {
	margin: -36px auto 0;
	width: 1340px;
	height: 360px;
	background: url(../image/hezuo_bg.jpg) no-repeat center;
}

.hz-model-list {
	width: 1260px;
	margin: 0 auto;
	padding-top: 15px;
}

.hz-model-list li {
	float: left;
	width: 234px;
	text-align: center;
	padding: 0 40px;
}

.hz-model-list li .tit {
	position: relative;
	font-size: 24px;
	color: #a98e4f;
	line-height: 1;
	padding-bottom: 18px;
	margin-bottom: 15px;
	font-weight: 300;
}

.hz-model-list li .tit:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	border-bottom: 1px solid #D9D0BC;
	margin-left: -20px;
}

.hz-model-list li ~ li {
	border-left: 1px solid #D9D0BC;
}

.hz-model-list li .des {
	line-height: 25px;
	text-align: left;
}

.hz-photo {
	padding-bottom: 40px;
}

.hz-photo-list {
	width: 1220px;
}

.hz-photo-list li {
	float: left;
	width: 390px;
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: center;
}

.hz-photo-list li .pic {
	width: 390px;
	height: 250px;
	overflow: hidden;
}

.hz-photo-list li .tit {
	padding: 15px 0;
	font-size: 16px;
}

.hz-message {
	background: #E9E4DA;
}

.message-content {width: 1200px;display: block;}

.message-content .tit {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
}

.message-content form .tit ~ .tit {
	margin-top: 35px;
}

.message-content .inp {
	border: 1px solid #aaa;
	padding: 0 20px;
	height: 50px;
	line-height: 48px;
}

.message-content .first .inp {
	float: left;
	width: 344px;
	border: 1px solid #D6CEBF;
	padding: 0 20px;
	background: #F1EDE7;
	font-size: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.message-content .first .inp:hover, .message-content .area:hover {
	background: #fff;
}

.message-content .first .inp ~ .inp {
	margin-left: 20px;
}

.message-content .first .inp.last {
	margin-left: 0;
	margin-top: 17px;
	width: 1158px;
	float: left;
}

.message-content .three {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}

.message-content .three .xx3 {
	border: 1px solid #aaa;
	padding: 0 5px;
	height: 50px;
	line-height: 48px;
}

.message-content .three span {
	display: inline-block;
	margin-left: 20px;
}

.message-content .three .rad {
	vertical-align: unset;
	margin-right: 5px;
}

.message-content .three .rad ~ .rad {
	margin-left: 20px;
}

.message-content .area {
	width: 100%;
	height: 230px;
	border: 1px solid #D6CEBF;
	margin-bottom: 60px;
	padding: 10px 20px;
	background: #F1EDE7;
	font-size: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.message-content .sub {
	cursor: pointer;
}

.message-content .first .inp::-webkit-input-placeholder, .message-content .area::-webkit-input-placeholder {
	color: #999999;
}
.btn-wrap {
    text-align: center;
}
.pd-80 {
    padding-bottom: 80px;
}




/*Service*/
.service-tit {
	padding-top: 38px;
	padding-bottom: 26px;
	line-height: 24px;
}

.service-tit h3 {
	font-size: 24px;
	color: #a98e4f;
	font-weight: 300;
}

.service-list li {
	float: left;
	width: 585px;
	height: 200px;
	border: 1px solid #D6CEBF;
	font-size: 16px;
	background: #F5F3EF;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.service-list li a {
	display: block;
	padding: 48px 60px 0 80px;
}

.service-list li:hover, .auto-service li:hover {
	background: #fff;
}

.service-list li:first-child {
	margin-right: 25px;
}

.service-list li .pic {
	float: left;
	margin-right: 30px;
}

.service-list li .tit {
	font-size: 22px;
	color: #a98e4f;
	font-weight: 300;
	margin-bottom: 10px;
	padding-top: 5px;
}

.service-list li .des {
	color: #666;
}

.auto-service li {
	float: left;
	width: 282px;
	height: 190px;
	border: 1px solid #D6CEBF;
	background: #F5F3EF;
	text-align: center;
	padding-top: 28px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.auto-service li ~ li {
	margin-left: 20px;
}

.auto-service li .tit {
	font-size: 22px;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #666;
}

.auto-service li .btn {
	display: inline-block;
	width: 116px;
	height: 22px;
	line-height: 20px;
	color: #999;
	border: 1px solid #D0CFCD;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.auto-service li:hover .btn {
	background: #a98e4f;
	border-color: #a98e4f;
	color: #fff;
}



/*Faq*/
.faq-list li {
	border: 1px solid #D0CFCD;
	background: #F5F3EF
}

.faq-list li ~ li {
	margin-top: 10px;
}

.faq-list .question {
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
	padding: 0 22px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.faq-list li .question.on, .faq-list li:hover .question {
	background: #fff;
}

.faq-list .question .fa-q {
	vertical-align: top;	/*width: 17px;*/
	height: 100%;
	color: #666;
}

.faq-list .question .fa-dropdown {
	float: right;
	width: 18px;
	height: 100%;
	background: url(404.png) no-repeat center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.faq-list .question.on .fa-dropdown {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.faq-list .answer {
	padding: 0 22px 20px 56px;
	line-height: 1.8;
	display: none;
	position: relative;
	margin-top: 20px;
}

.faq-list .answer:before {
	content: "答：";
	position: absolute;
	left: 24px;
	top: 0;
	font-size: 16px;
	width: 30px;
}

.faq-list .answer p {
	line-height: 2;
}


/*  联系我们*/
.listMenu {
    padding: 10px 0;
	border-bottom: none;
    margin-bottom: 5px;
}
.listMenu a:hover, .listMenu a.current {
    background: none;
    color: #a98e4f;
    transition: all 0.3s;
    border: none;
}

.listMenu a {
    padding: 0 35px;
    height: 45px;
    line-height: 45px;
    transition: all 0.3s;
    border:none;
    /* margin-right: 15px; */
    display: inline-block;
    font-size: 16px;
	
}
.listBox01{border: 1px solid #DAD4CB;}


/*企业文化*/


.clearfix {
    zoom: 1;
}

.culture-list {
	width: 1230px;
	margin-bottom: 30px;
}

.culture-list li {
	float: left;
	margin-right: 30px;
	width: 380px;
	height: 370px;
	overflow: hidden;
	position: relative;
}

.culture-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 1;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.culture-list li:hover:before {
	opacity: .3;
}

.culture-list li .cont {
	position: absolute;
	left: 28px;
	bottom: 28px;
	width: 100%;
	color: #fff;
	z-index: 2;
	font-weight: 300;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.culture-list li:hover .cont {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}

.culture-list li .cont .tit {
	font-size: 24px;
	margin-bottom: 5px;
}


.culture-item {
	width: 665px;
	height: 164px;
	border: 1px solid #a98e4f;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 18px;
	background: rgba(255, 255, 255, .3);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.culture-item:hover {
	background: rgba(255, 255, 255, .5);
}

.culture-item.right {
	width: 395px;
	padding-left: 46px;
	padding-right: 0;
}

.culture-item .tit {
	font-size: 24px;
	color: #a98e4f;
	line-height: 36px;
	height: 36px;
	margin-bottom: 20px;
	font-weight: 300;
}

.culture-item .tit .icon-cul {
	width: 21px;
	height: 100%;
	vertical-align: top;
	background: url(../image/icon_c1.png) no-repeat center;
	margin-right: 15px;
}

.culture-item .tit .icon-cul.cul2 {
	background: url(../image/icon_c2.png) no-repeat center;
}

.culture-item ul {
	float: left;
}

.culture-item ul.right {
	float: right;
}

.culture-item ul li {
	margin-bottom: 10px;
}


.shili-content {
	position: relative;
	height: 450px;
}

.shili-content:before {
	content: "";
	position: absolute;
	right: 20px;
	top: -45px;	/* margin-left: -15px; */
	width: 30px;
	height: 36px;
	background: url(../image/icon_lr.png) no-repeat center;
	background-size: contain;
}

.shili-content .item {
	float: left;
	width: auto;
	cursor: move;
}

.shili-content .item img {
	max-width: 100%;
}

.page-cate {
    height: 68px;
    line-height: 68px;
    background: url(../image/cate_bg2.jpg) no-repeat center;
    text-align: center;
    font-size: 0;
}
.page-cate a {
    display: inline-block;
    font-size: 16px;
    padding: 0 22px;
}
.swiper-wrapper {
	height: 100%;
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


