@charset "utf-8";


.minW320 {
	min-width: 3.2rem;
}


.myWrap {
	margin-right: auto;
	margin-left: auto;
	width: 7.1rem;
}

.myContainer {
	margin-right: auto;
	margin-left: auto;
	min-width: 3.2rem;
	max-width: 7.5rem;
	position: relative;
}

@media (min-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

@media (min-width: 768px) {
	.navbar-toggle {
		display: block;
	}


	.navbar-nav>li {
		float: none;
	}

	.navbar-nav {
		float: none;
		margin: 0;
	}
}
.title-container.swiper-container .swiper-wrapper .swiper-slide{
	width:2.16333rem !important;
	margin-right:10px !important;
}

.nav>li>a:focus,
.nav>li>a:hover,
nav>li>a.on,
.nav li:hover a {
	background: #a39380;
	opacity: .8;
}
	.navbar-toggle img{
	height:1.08rem;
}

/*-- 引入字体 --{*/
@font-face {
	/*font-family: "PingFang";*/
	/*src: url("PingFang Regular.ttf");*/
	/* IE9 Compat Modes */
	/*src: url("PingFang Regular.ttf") format("embedded-opentype"),*/
	/* IE6-IE8 */
	/*url("PingFang Regular.ttf") format("woff"),*/
	/* Modern Browsers */
	/*url("PingFang Regular.ttf") format("truetype"),*/
	/* Safari, Android, iOS */
	/*url("PingFang Regular.ttf") format("svg");*/
	/* Legacy iOS */
	/*font-weight: normal;*/
	/*font-style: normal;*/
}

body {
	/* min-width: 750px; */
	font-size: .3rem;
}

.hed {
	width: 100%;
}

/*.fontPF { font-family: "PingFang"; }*/
/*}-- 引入字体 --*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

p {
	text-align: justify;
	margin: 0;
	display: block;
	line-height: 2;
}

/* 显示 */
.show {
	display: block;
}

.hide {
	display: none;
}

body {
	font-family: "微软雅黑";
}

/* 定位 */
.potir {
	position: relative;
}

.potia {
	position: absolute;
}

.potif {
	position: fixed;
}

.potis {
	position: static;
}

/* 浮动 */
.fl {
	float: left;
}

.fr {
	float: right;
}

.fnone {
	float: none;
}

.clearboth {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/* 容器 */
.minW1400 {
	min-width: 1400px;
}

/* .myWrap {
	margin-right: auto;
	margin-left: auto;
	width: 1400px;
} */

/* 溢出 */
.overhide {
	overflow: hidden;
}

.textover {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.textover-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.textover-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.textover-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

/* 透明 */
.opacity0 {
	filter: alpha(opacity=0);
	opacity: 0;
}

.opacity1 {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* 过渡 */
.trtidu25 {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
}

.trtidu30 {
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.trtidu35 {
	-webkit-transition-duration: .35s;
	-moz-transition-duration: .35s;
	-ms-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
}

.trtidu50 {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

.trtidu80 {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
}

.trtidu100 {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

/* BS */
.no-margin-rl {
	margin-right: 0;
	margin-left: 0;
}

.no-padding-rl {
	padding-right: 0;
	padding-left: 0;
}


.no-float {
	overflow: hidden;
}

table {
	max-width: 100%;
	border-collapse: collapse;
}

table,
th,
td {
	border: 1px solid #000;
}

body {}




/*** s 主色调 ***/
.mainC {
	color: #006ebf;
}

.mainB {
	background-color: #006ebf;
}

/*** 主色调 e ***/



/*** s header ***/
.header {
	position: relative;
	width: 100%;
}

.header .myWrap {}

.header .logo {
	position: relative;
	z-index: 1;
	display: inline-block;
	height: 1rem;
	line-height: 1rem;
}

.header .logo a {
	display: block;
}

.header .logo img {
	max-width: 3.45rem;
}



@media (min-width:1400px) {
	.container {
		width: 1370px;
	}
}


.header {}

.top {
	height: 1.3ren;
	line-height: 1.3rem;

}

.header-icon {
	background: #fff5e5;
	width: 100%;
	height: 1.3rem;
	line-height: 1.3rem;
}

.header-icon.back {
	background: #fff;
}

.icon {
	text-align: right;
}

.icon img {
	margin-right: 0.1rem;
	height: 0.36rem;
	width: 0.36rem;
}

.head-nav {
	background: #c3a166;
}

.header-nav {
	display: -webkit-flex;
}

.header-nav ul {
	margin: auto;
}

.header-nav ul li {
	float: left;
	padding: 0.18rem 0.22rem;
	margin: 0 .2rem;
	font-size: .3rem;
	color: #392f1f;
}

.header-nav ul li {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.header-nav.color {
	color: #f2f2f2;
}

.header-nav ul li:hover {
	/* background: #FFF5E5; */
	color: #fff;

}

.header-nav ul li:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.header-nav ul li a {}

.bannerSw {
	margin-bottom: .4rem;
}

.bannerSw .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: auto;
}

.swiper-pagination-bullet {
	background: #fff;
	height: .18rem;
	width: .18rem;
	position: relative;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	content: "";
	height: .13rem;
	width: .13rem;
	background: #c4a167;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

.banner-sper {
	margin-bottom: .5rem;
	position: relative;
}

.img-swiper {
	cursor: pointer;
}

.sec4,
.img-swiper {
	overflow: hidden;
	height: 2.27rem;
	margin-bottom: .4rem;
}


.sec4 .swiper-button-next {
	background: url(index/right.png) center no-repeat;
	z-index: 100;
}

.sec4 .swiper-button-prev {
	background: url(index/left.png) center no-repeat;
	left: 0;
	z-index: 100;
}

.img-swiper.swiper-container .swiper-wrapper .swiper-slide a img {
	width: 100%;
	height: auto;
}

.img-swiper.swiper-container .swiper-wrapper .swiper-slide {
	width: 3.26rem;
	position: relative;
}

.img-swiper.swiper-container .swiper-wrapper .swiper-slide:after {
	/* content: url(index/img.png);
	position: absolute;
	bottom: -0.05rem;
	right: 0.05rem;
	transform: translate(0.05rem, 0); */
}

.img-swiper.swiper-container .swiper-wrapper .swiper-slide a p {
	position: absolute;
	bottom: 0;
	left: 0;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	z-index: 100;
	color: #f6e9ca;
	background: url(index/img.png) no-repeat center;
	background-size: cover;
	display: block;
	width: 100%;
	font-size: .26rem;
}

.img-swiper.swiper-container .swiper-wrapper .swiper-slide a p:before {
	content: url(index/spot.png);
	padding-right: .1rem;
}

.img-swiper.swiper-container .swiper-wrapper .swiper-slide a p span {
	font-size: .24rem;
}

.hidden-xs.hidden-sm.hidden-md {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	color: #fff;

}


.list {
	float: left;
	padding: 0 .41rem;
	margin-top: .54rem;

}

.list h5 {
	font-size: .3rem;
	color: #c7c7c7;
}

.list li {
	display: block;
	line-height: 2;
	font-size: .28rem;
	color: #8b8b8b;
}

.info {
	font-size: .28rem;
	height: .86rem;
	line-height: .86rem;
	color: #8e8e8e;
	border-top: 2px solid #444444;
}

.info-f {
	margin: 0 auto;
}

.img img {
	padding-left: .2rem;
}


/* banner */

.banner img {
	height: auto;
	width: 100%;

}

.banner {}

.banner .ban-img {
	height: 4.2rem;
	position: absolute;
	z-index: 30;
}


/* 二级导航 */

.title {
	background: #ebebeb;
	text-align: center;
	margin: auto;
	width: 100%;

	position: relative;
}

.title ul {
	width: 100%;
	padding: .15rem 0;
overflow-x: auto;
    display: -webkit-flex;
}

.title ul li {
	float: left;
	background: #c4a167;
	color: #fff;
	/*height: .7rem;
	line-height: .7rem;*/
    margin: 0 .1rem;
}

.title ul li a {
	display: block;
	width:100%;
	height: .7rem;
	line-height: .7rem;
	padding: 0 .2rem;
	font-size: .3rem;
    	white-space: nowrap;
}

/* 应用案例 */
.case {
	margin: auto;
	height: 100%;
}

.case .case-img .col-xs-6.col-md-4 img {
	height: 3.1rem !important;
	width: 100%;
	padding-bottom: .3rem;

}

/* 联系我们 */

.contact-us {
	padding-top: .2rem;
}

.contact-us h4 {
	font-size: .26rem;
	color: #505050;
}

.contact-us p {
	font-size: .26rem;
}

.case-r img {
	height: 5.32rem;
	width: 5.26rem;
}

.case-l {
	background: #ebebeb;
	width: 100%;
	height: 100%;
	margin-top: .45rem;
	margin-bottom: .6rem;
	padding-bottom: .4rem;
}

.case-l p input {

	height: .40rem;
	line-height: .4rem;
	border: none;
}

.case-form {
	padding-top: .3rem;
	padding-left: .7rem;
}

.case-form table {
	border: none;
}

.case-form table tbody tr {
	margin-bottom: .2rem;
}

.case-form table tbody tr td {
	border: none;
}

.words textarea {
	border: none;
}


/* 产品 */

.product {
	text-align: center;
	padding-top: .3rem;
}

.product p {
	margin: auto;
	text-align: center;
	position: relative;
	padding: 0.1rem;
	border: 1px solid #e1d1b5;
	height: 3.36rem;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0 0.03rem .30rem rgba(0, 0, 0, .2);
}

.prodt-img {
	padding-bottom: .15rem;
}

.product p a img {
	height: 2.94rem;
	width: 100%;
}

.product p span {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0 .15rem;
	height: .60rem;
	line-height: .6rem;
	margin: auto;
	position: absolute;
	left: 50%;
	bottom: .16rem;
	transform: translate(-50%, 0);
	z-index: 100;
	color: #f6e9ca;
	font-size: .16rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	background: url(index/cp-img-1.png) no-repeat center;
	background-size: 100%;
	background: cover;
}

.product p:after {}

.product p img {
	/* width: 3.7rem; */
	/* height: 2.94rem; */
}

/* 集团资讯 */

.article-info {
	margin-top: .30rem;
	border-bottom: .02rem solid #e5e5e5;
	box-sizing: border-box;
}

.article-info .info-img {
	position: relative;
	padding-right: 0;
}

.article-info .info-img span {
	display: block;
	text-align: center;
	background: #AB8D5B;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
}


.article-info .info-img img {
	height: auto;
	width: 100%;
	margin-right: 0;
}

.article-info p {
	font-size: .24rem;
	display: block;
	line-height: 2;
}

.article-info .info-content {
	height: 1.60rem;
}

.info-content h4 {
	font-weight: bold;
	position: relative;
	font-size: .26rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
margin-top:0.1rem;
}

/*.info-content h4:before {
	content: "";
	border-bottom: 0.02rem solid #ab8d5b;
	width: .30rem;
	position: absolute;
	bottom: 0;
}*/

.article-info .info-content p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 金凤凰微晶石 */

.content-info {
	margin: auto;
	position: relative;
	margin-top: .30rem;
}

.info-details {
	display: block;
	height: 100%;
}

.info-details>img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.right-img img {
	width: 6.35rem;
	height: 6.18rem;
}

.info-left h4 {
	color: #c4a167;
	font-size: .35rem;
	font-weight: bold;
}

.info-left p {
	font-size: .32rem;
	text-indent: 2rem;
}

.info-left p img {
	padding-bottom: .3rem;
}


/* 首页头部 */

.kj-navbar {
	background: #fff;
}

.tag {
	height: 1.1rem;
	position: relative;
}

/* .tag .navbar-toggle {
    position: relative;
    float: right;
    padding: .17rem .2rem;
    margin-top: .2rem;
    margin-right: .2rem;
    margin-bottom: 0.2rem;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	background: #bd9f7e;
} */
.navbar-toggle {
	padding: 0;
	margin: 0;
}

.navbar-default {
	background: #faf2e5;

}

.navbar-toggle {

	border: none;
}

.dropdown {
	height: 1.08rem;
}

.navbar-toggle.collapsed {}

.navbar-toggle.collapsed span.icon-bar {
	background-color: #f6e9ca;
}

.navbar-toggle .icon-bar {
	background-color: #f6e9ca;
}

.navbar {
	margin-bottom: 0;
	border: none;
}

.navbar-header {
	position: relative;
}

.navbar-brand>img {
	width: 60% !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.top .col-xs-12.col-lg-8 {
	line-height: 1.3rem;
}

.collapse {
	position: absolute;
	right: 0;
	left: 0;
}

.navbar-nav {
	position: relative;
	margin: 0;
	z-index: 999999;
	background: #bda57c;
	width: 100%;
	opacity: .8;
	transition: all 1s 0.3s ease-in;
}

.navbar-nav>li {
	border-bottom: 1px dashed #bd9f7e;
	color: #fff;
}

.navbar-nav>li>a {
	font-size: .3rem;
}



img {
	width: 100% !important;
	height: auto !important;
}

.col-md-4.title-img p {
	text-align: center;
}


/* 金凤凰微晶石 */
.font-back {
	text-align: center;
	height: 2.86rem;
	width: 6.94rem;
	padding-top: .75rem;
	position: relative;
	z-index: 99;
}

.font-back {
	background: url(index/jws-img3.png) no-repeat 100%;
	background-size: cover;
	margin: auto;
	color: #fff;
}

.font-back h5 {
	font-size: .26rem;
	font-weight: bold;

}

.font-back p {
	text-align: center;
	font-size: .2rem;
}

.info-left {
	position: absolute;
	top: 0;
margin-bottom:0.6rem;
}

.footer-bot {
	height: 1.3rem;
}

.kjjt {
	padding-top: .3rem;
}

.data,
.data tr {
	background-color: #EBEBEB;
}

.data .pl_btn {
	background: #C3A166;
	width: 1.30rem;
}

#txtmessage_3,
#txtmessage_4 {
	width: 3rem;
}

.data .left_width {
	height: .60rem;
}

.data td {
	height: .60rem;
	border-collapse: collapse;
}

table,
th,
td {
	border: none;
}

.data .input {
	margin: 1px;
	padding-left: .06rem;
	width: 3.8rem;
	height: .6rem;
	font-size: .3rem;
	background-color: #fff;
	background-repeat: repeat-x;
	border: #ccc solid 1px;
	vertical-align: middle;
	border-radius: 5px;
}

.data .textarea {
	margin: 0.05rem 1px;
	padding-left: .06rem;
	width: 3.80rem;
	height: 1.60rem;
	font-size: .3rem;
	line-height: 1.8;
	background-color: #fff;
	border: #ccc solid 1px;
	vertical-align: middle;
	resize: none;
	border-radius: 5px;
}

#txtcode {
	width: 3.00rem;
}

.data #imgValidateCode {
	margin: .04rem 0;
	width: .70rem;
	height: .40rem;
	cursor: pointer;
}

.data .pl_btn {
	padding: 0px 3px;
	height: .46rem;
	line-height: .46rem;
	font-size: .32rem;
	text-align: center;
	color: #fff;
	background: #C3A166;
	width: 1.30rem;
	border: 0;
	outline: none;
	cursor: pointer;
	border-radius: 2px;
}

#form1 {
	padding-top: .3rem;
}

.dy-img {
	padding-top: .3rem;
}

.title ul li a:hover,
.title ul li a.on {
	background: #a4895a;
}

.case-img {
	padding-top: .3rem;
}

.case-img .col-xs-6.col-md-6 img {
	height: 2.5rem;
margin-bottom:.3rem;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #a6947f;
	border: none;
}

.article-i {
	height:100%;
}

.ate-info,
.ate-info p {
	text-align: center;
}

.ate-info {
	height: 3rem;
	background: url(index/sj-back.png) no-repeat center;
	background: cover;
	width: 100%;
	text-align: center;
	color: #fdf8f1;
	padding-top: .4rem;
}

.ate-info h4 {
	margin: 0;
	font-size: .36rem;

}

.content {
	width: 100%;
	box-shadow: 0px 5px 10px rgba(196, 161, 103, 0.2);
	margin-top: -1.4rem;
	background: #fff;

}

.content p {
	padding: .4rem .7rem 0 .7rem;
	line-height: 1.8;
}
.click-btn{
	text-align: right;
	}
.click-btn img{
	width: .5rem !important;
	height: .4rem !important;
}

.pageClass strong {
	background-color: #bd9f7e;
	color: #f6e9ca;
}

.en span {
	display: block;
	height: .25rem;
	width: .25rem;
	border-radius: 50%;
}

.en {
	position: absolute;
	top: 50%;
	right: 1.2rem;
	transform: translateY(-50%);
}

.en img {
	height: .5rem !important;
	width: .5rem !important;

}
.s5-title{
	margin-bottom:1rem;
}

.s5-title.container.myContainer h4 {
	font-size: .36rem;
}

.article h4 {
	padding-bottom: .1rem;
}

.div {
	height: 1rem;
}

/* 底部 */
.footer {
	
	color: #fff;
	text-align: center;
	color: #8e8e8e;
	height: 1rem;
	line-height: 1rem;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	z-index: 999;
	width: 7.5rem;
	margin: auto;
	font-size: .2rem;

}

.footer .container .row {}

.address {
	width: 50%;
	background:#383838;
}

.address img {
	width: .34rem !important;
	height: .4rem !important;
}

.address span,
.tel span {
	padding-left: .2rem;
	color: #ddc7a2;
font-size:.3rem;
}

.tel {
	width: 50%;
background: #2f2f2f;
}

.tel img {
	height: .34rem !important;
	width: .34rem !important;
}

.kjjt-info p img{
	padding-bottom:.2rem;
}

.sec5-img{
	height:4rem;
}
.sec5-img img{
	height:100%;
}
.pageClass{
line-height:.32rem;
}
.pageClass span{
	min-width:.36rem;
}