body {
	background-color: #f8f9fb;
}

header {
	width: 100%;
	height: 120px;
	background: #000A3F;
	display: flex;
	align-items: center;
}

.headerone {
	justify-content: space-between;
}

nav a {
	color: rgba(255, 255, 255, 0.8);
	margin-right: 100px;
	font-size: 18px;
}

nav a:last-child {
	margin-right: 0;
}

nav a:hover{
	color: #C7A989;
}

.aActive{
	color: #C7A989;
}

.jmpbg {
	/*background: url(../images/banner.png) no-repeat center;*/
	/*height: 800px;*/
	/*background-size: auto 100%;*/
}

.jmpbg img{width:100%}

.bannerj {
	position: relative;
}

.zuoyou {
	position: absolute;
	bottom: 40px;
	z-index: 999;
	height: 54px;
	width: 112px;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-button-prev1 {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 54px;
	height: 54px;
	transform: rotate(180deg);
	cursor: pointer;
}

.swiper-button-next1 {
	position: absolute;
	left: 56px;
	background: url(../images/right.png) no-repeat;
	width: 54px;
	height: 54px;
	cursor: pointer;
}


.swiper-button-prev1.swiper-button-disabled {
	opacity: 0.5;
}

.swiper-button-next1.swiper-button-disabled {
	opacity: 0.5;
}

.swiper-button-prev2.swiper-button-disabled {
	opacity: 0.5;
}

.swiper-button-next2.swiper-button-disabled {
	opacity: 0.5;
}

.aboutUs {
	padding-top: 80px;
	display: flex;
	align-items: flex-end;
	padding-bottom: 60px;
}

.able img {
	width: 560px;
	height: 660px;
	border-radius: 4px;
}

.abri {
	background-color: #fff;
	width: 880px;
	height: 560px;
	border-radius: 0 4px 4px 0;
	padding: 0 70px;
	padding-top: 70px;
	box-sizing: border-box;
	position: relative;
}

.abtit {
	display: flex;
	align-items: center;
	justify-content: center;
}

.abtit p {
	font-size: 40px;
	padding: 0 18px;
	font-weight: bold;
}

.abtit1 {
	transform: scaleX(-1);
}

.abcon {
	padding-top: 40px;
	color: #666666;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
}

.abgd {
	width: 150px;
	height: 44px;
	border-radius: 100px;
	border: 1px solid #2B217D;
	color: #2B217D;
	font-size: 16px;
	margin: 0 auto;
	margin-top: 50px;
	cursor: pointer;
	font-weight: bold;
}

.abpos {
	position: absolute;
	right: 10px;
	top: 10px;
}

.abpos1 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	transform: rotate(90deg);
}

.produtJ {
	background: url(../images/bg1.png) no-repeat;
	height: 930px;
	padding-top: 70px;
	box-sizing: border-box;
	position: relative;
	background-size: 100% 100%;
}

.pJtit p {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	padding: 0 18px;
}

.pJtit {
	display: flex;
	align-items: center;
	justify-content: center;
}

.abtit2 {
	transform: scaleX(-1);
}

.pJcon {
	color: #fff;
	padding-top: 70px;
	width: 1660px;
	margin: 0 auto;
	position: relative;
}

.pJle p {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 28px;
}

.pJle span {
	width: 50px;
	height: 1px;
	background: rgba(255, 255, 255, 0.8);
	display: inline-block;
}

.pJleCon {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	line-height: 30px;
	width: 634px;
	margin-top: 28px;
}

.pJbot {
	width: 150px;
	height: 44px;
	border-radius: 100px;
	border: 1px solid #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	margin-top: 60px;
	cursor: pointer;
	color: #fff;
}

.pJlr {
	justify-content: space-between;
}

.Pjri{
	width: 710px;
	height: 510px;
}
.Pjri img{
	width: 710px;
	height: 462px;
}

.jmpswiper {
	width: 1660px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 50%;
}

.swiper1 {
	width: 1440px;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-button-prev2 {
	background: url(../images/sw2ri.png) no-repeat;
	width: 54px;
	height: 54px;
	cursor: pointer;
}

.swiper-button-next2 {
	background: url(../images/sw2ri.png) no-repeat;
	width: 54px;
	height: 54px;
	cursor: pointer;
	transform: rotate(180deg);
}

.product-tab-btn {
	position: absolute;
	left: 0;
	bottom: 90px;
	z-index: 10;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 12.5%;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.product-tab-list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.product-tab-list li {
	position: relative;
	cursor: pointer;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-tab-list li:hover i:before,
.product-tab-list li.active i:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.product-tab-list li .product-wr {
	display: inline-block;
}

.product-tab-list li.active:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: 2s 1.5s linear transform;
	-o-transition: 2s 1.5s linear transform;
	-moz-transition: 2s 1.5s linear transform;
	transition: 2s 1.5s linear transform;
}

.product-tab-list li:first-child:before {
	left: 0;
	width: -webkit-calc(130%);
	width: -moz-calc(130%);
	width: calc(100% + 80px);
}

.product-tab-list li:first-child .product-wr {
	text-align: left;
}

.product-tab-list li:first-child .product-wr i {
	margin-left: 0;
}

.product-tab-list li:first-child .product-wr span {
	text-align: left;
}

.product-tab-list li.active .product-wr span{
	color: #FBCF4A;
}

.product-tab-list li:nth-child(5):before {
	width: -webkit-calc(94%);
	width: -moz-calc(94%);
	width: calc(94%);
}

.product-tab-list li:last-child {
	-webkit-flex: none;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.product-tab-list li:last-child:before {
	width: 14vw;
	left: 17px;
}

.product-tab-list li:before {
	position: absolute;
	left: 33px;
	top: -1px;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: 2s 0s linear transform;
	-o-transition: 2s 0s linear transform;
	-moz-transition: 2s 0s linear transform;
	transition: 2s 0s linear transform;
}

.product-tab-list li i {
	display: block;
	position: relative;
	margin: auto;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
}

.product-tab-list li i:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -8px;
	margin-top: -8px;
	content: "";
	width: 16px;
	height: 16px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.45s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: 0.45s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: 0.45s cubic-bezier(0.86, 0, 0.07, 1);
	transition: 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}

.product-tab-list li span {
	display: block;
	text-align: center;
	margin-top: 20px;
	line-height: 1;
	color: #fff;
	font-size: 16px;
}

.miracle {
	padding-top: 80px;
	overflow: hidden;
}

.miracletit {
	display: flex;
	align-items: center;
	justify-content: center;
}

.miracletit p {
	font-size: 40px;
	color: #050F2E;
	font-weight: bold;
	padding: 0 18px;
}

.mCle {
	width: 320px;
	height: 470px;
}

.mCle img{
	width: 320px;
	height: 470px;
}


.mCri {
	width: 414px;
	height: 387px;
	background-color: #fff;
	padding: 0 40px;
	padding-top: 40px;
	box-sizing: border-box;
}

.miracleCon {
	margin-top: 80px;
}

.miracleConend {
	align-items: flex-end;
	width: 734px;
}

.mCritit {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

.mCritit1 {
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	margin-bottom: 27px;
}

.mCritit2 {
	width: 100px;
	height: 1px;
	background: #E0E0E0;
}

.mCritit3 {
	margin-top: 16px;
	font-weight: 500;
	line-height: 28px;
	color: #999999;
}

.mCritit4 {
	display: flex;
	width: 120px;
	height: 40px;
	border-radius: 100px;
	border: 1px solid #2B217D;
	color: #2B217D;
	margin-top: 57px;
	font-weight: bold;
}

.mCri {
	position: relative;
}

.jmp3 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0;
}

.swiper-button-prev3 {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #eeeeee;
	border-radius: 50%;
	margin-right: 10px;
}

.swiper-button-prev3:hover {
	background-color: #2B217D;
}

.swiper-button-prev3:hover img {
	content: url(../images/jle.png)
}

.swiper-button-next3 {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: #eeeeee;
	border-radius: 50%;
}

.swiper-button-next3:hover {
	background-color: #2B217D;
}

.swiper-button-next3:hover img {
	content: url(../images/jri.png)
}

.jmpNews {
	background-color: #fff;
	padding: 60px 0;
}

.jmpNewsCon {
	margin-top: 57px;
	display: flex;
}

.newleLi {
	width: 460px;
	margin-right: 30px;
}

.newleLi:hover .nlebot p{
	color: #C7A989;
}

.newleLi:hover .nleTime  img{
	content: url(../images/bs.png);
}

.nletop {
	width: 460px;
	height: 330px;
}

.nletop img {
	width: 460px;
	height: 330px;
}
.newri{
	width:460px;
}
.nlebot {
	margin-top: 30px;
}

.nlebot p {
	color: #333333;
	line-height: 21px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

.nlebot span {
	color: #999999;
	font-weight: 500;
	line-height: 28px;
}

.nleTime {
	margin-top: 20px;
	justify-content: space-between;
}

.newriLi {
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 24px;
}

.newriLi p {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.newriLi span {
	color: #999999;
	font-weight: 500;
	line-height: 28px;
}

.newriLi:hover p{
	color: #C7A989;
}

.newriLi:hover{
	border-bottom: 1px solid #C7A989;
}

.newriLi:hover img{
	content: url(../images/bs.png);
}

.nleTime p {
	color: #999999;
	font-size: 14px;
}

.gdd {
	width: 150px;
	height: 44px;
	border-radius: 100px;
	border: 1px solid #2B217D;
	margin: 0 auto;
	margin-top: 40px;
	color: #2B217D;
	font-weight: bold;
}

.ritime {
	display: flex;
	align-items: center;
	padding-bottom: 24px;
	margin-top: 20px;
	justify-content: space-between;
}

.ritime div {
	color: #999999;
	font-size: 14px;
}

.newriLi:last-child {
	margin-bottom: 0;
}

.honor {
	background: url(../images/bg2.png) no-repeat;
	height: 794px;
	padding-top: 90px;
	box-sizing: border-box;
}

.honorLe {
	width: 450px;
	height: 624px;
	background: url(../images/img_bg.png) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 70px;
	background-size: 100% 100%;
}

.gallery-top {
	overflow: hidden;
	width: 372px;
}

.honorLe img {
	width: 100%;
	height: 557px;
}

.honorRi {
	width: 820px;
}

.honorCon {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hrdes {
	font-weight: 500;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 32px;
	margin: 30px 0 60px 0;
}

.hRswiper {
	position: relative;
}
.hRswiper .swiper-slide{
	width:125px;
	height:184px;
}
.hRswiper .swiper-slide img {
	width:125px;
	height:180px;
	border: 2px solid transparent;
}

.gallery-thumbs {
	width: 710px;
}

.jmpswiper4 {
	width: 860px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.swiper-button-prev4 {
	background: url(../images/swri3.png) no-repeat;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-size: 100% 100%;
}

.swiper-button-next4 {
	background: url(../images/swri3.png) no-repeat;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-size: 100% 100%;
	transform: rotate(180deg);
}

.hRswiper .swiper-slide-thumb-active img {
	border: 2px solid #FBCF4A !important;
}

#container {
	width: 100%;
	height: 700px;
}

#containerCon{
    width: 100%;
	height: 700px;
}

.JmpMap {
	position: relative;
}

.jmpMapPos {
	width: 440px;
	height: 500px;
	background: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	top: 100px;
	right: 240px;
	z-index: 9999;
	padding: 35px 15px 35px 35px;
	box-sizing: border-box;
}

.jmLi{
	margin-bottom: 30px;
}

.jmtit {
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 40px;
	border-bottom: 1px solid #F0EFEE;
	width: 336px;
	margin-bottom: 35px;
	line-height: 1.4;
}

.jmLitop p{
	color: #666666;
	font-size: 16px;
	font-weight: 500;
	margin-left: 10px;
}

.jmLibot{
	margin-top: 15px;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	line-height:1.4;
}

.jmpFooter{
	height: 390px;
	background: url(../images/Jfooter.png) no-repeat;
	padding-top: 50px;
	box-sizing: border-box;
	background-size: 100% 100%;
}

.footerNav{
	margin-left: 180px;
	display: flex;
}

.fNli{
	display: flex;
	flex-direction: column;
	margin-right: 60px;
}

.fNli1{
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 40px;
}

.fNli2{
	font-size: 16px;
	color: rgba(255,255,255,0.4);
	margin-bottom: 20px;
}

.jFone{
	display: flex;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(107,107,107,0.4);
}

.jFtop p{
	font-size: 16px;
	color: rgba(255,255,255,0.8);
	margin-left: 10px;
}

.jFtop1{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 20px;
}

.jFtop2{
	font-size: 16px;
	color: rgba(255,255,255,0.5);
	margin-top: 16px;
}

.jFoneRi{
	padding-left: 60px;
	border-left:1px solid rgba(107,107,107,0.4);
}

.copyright{
	display: flex;
	justify-content: center;
	color: rgba(245,245,245,0.4);
	font-size: 14px;
	margin-top: 20px;
}

.classifys-box{
    margin-top: 30px;
    text-align: center;
}
.classifys{
    display: inline-block;
    font-size: 15px;
    padding: 10px 15px;;
    border-radius: 5px;
    margin-right: 10px;
    background-color: rgba(199,169,137,0.7);
}
.classifys a{
    color: #212121;
}
.classifys-box .active{
    background-color: #C7A989;
}
.classifys-box .active a{
     color: #FFFFFF;
}