swiper-button-next2.product-titbar {
	height: 120px;
	text-align: center;
	background-size: auto 100% !important;
}

.product-titbar h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 120px;
	letter-spacing: 5px;
	text-align: center;
}
.product-showbar {
	/*height: 380px;*/
	background:#ededed;
	overflow: hidden;
}
.product-showbar .com-width {
	position: relative;
}
.product-show-content  {
	margin: 0 auto;
	/*width: 500px;*/
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	height:480px;
	padding-top:20px;
}

.product-colorful-slide {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative; background:#000; height:480px;
}


.swiper-button-next,
.swiper-button-next2,
.swiper-button-prev,
.swiper-button-prev2  {
	display: block;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 1 !important;
}
.swiper-button-prev ,
.swiper-button-prev2{
	background: url(../images/icon-p-prev-on.png) no-repeat center;
}
/*.product-showbar .swiper-button-prev:hover {
	background: url(../images/icon-p-prev-on.png) no-repeat center!important;
}*/
.swiper-button-next,
.swiper-button-next2 {
	background: url(../images/icon-p-next-on.png) no-repeat center;
}
/*.product-showbar .swiper-button-next:hover {
	background: url(../images/icon-p-next-on.png) no-repeat center!important;
}*/
.product-show-content .swiper-slide h5, .product-colorful-slide .swiper-slide h5 {
	padding-top: 16px;
	padding-bottom: 6px;
	font-size: 24px;
	color: #333;
}





.product-show-content .swiper-slide .pic {
	 
	font-size: 0;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.product-show-content .swiper-slide .pic img{
	height: auto;width: 78%;
}

.product-colorful-slide .swiper-slide .pic img{
	height: auto; width:78%;
}

.section-item {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}
.section-item .p-cont {
	position: absolute;
	height: 100%;
}
.section-item .p-cont.left {
	/*left: 50%;
	margin-left: -600px;*/
}
.section-item .p-cont.right {
	left: 50%;
	margin-left: 220px;
}
.section-item .cont-jian h3,
.sfq-list li .tab-cont h3 {
	font-size: 36px;
	color: #000;
	line-height: 1.3;
	font-weight: 300;
	font-family: "Microsoft Yahei Light"
}
.section-item .cont-jian h3 .en,
.sfq-list li .tab-cont h3 .en {
	display: block;
	font-size: 24px;
	color: #d6d6d6;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.section-item .cont-jian .des,
.sfq-list li .tab-cont .des {
	margin-top: 35px;
	font-size: 16px;
	color: #b5b5b5;
	line-height: 28px;
} 
.section-item .cont-jian .more {
	display: inline-block;
	margin-top: 70px;
	width: 140px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #b2b2b2;
	color: #000;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.section-item .cont-jian .more:hover {
	background: #1e54a3;
	color: #fff;
	border-color: #1e54a3;
}
.section-item .cont-jian.white h3,
.sfq-list li .tab-cont.white h3 {
	color: #fff;
}
.section-item .cont-jian.white h3 .en,
.sfq-list li .tab-cont.white .en {
	color: #8e8e8f;
	text-transform: uppercase;
}
.section-item .cont-jian .des {
	color: #b7b5b6;
}
.section-item .cont-jian .tip {
	margin-top: 150px;
	font-size: 16px;
	color: #fff;
}
.sfq-list li.white .tab-cont h3 {
	color: #fff;
}
.sfq-list li.white .tab-cont h3 .en {
	color: #978f80;
}
.sfq-list li .tab-cont .des {
	margin-top: 25px;
}
.sfq-list li.white .tab-cont .des {
	color: #c3c0bb;
}

/*.jian-one {
	height: 820px;
}
.jian-two {
	height: 760px;
}
.jian-four {
	height: 720px;
}
.jian-five {
	height: 720px;
}
.jian-six {
	height: 640px;
}*/
.jian-four .cont-jian.right {
	margin-left: 55px;
}
.open-list {
	margin-bottom: -40px;
	margin-top: 95px;
}
.open-list li {
	float: left;
	width: 33.3333%;
	margin-bottom: 40px;
}
.open-list li .box {
	display: inline-block;
	text-align: center;
	width: auto;
}
.open-list li .box h5 {
	margin-top: 10px;
	color: #666;
}
.section-title {
	padding: 90px 0;
	text-align: center;
}
.section-title h3 {
	font-size: 36px;
	color: #000;
	line-height: 1;
}
.section-title h3.en span {
	color: #999;
}
.section-title p {
	margin-top: 20px;
	font-size: 16px;
	color: #a1a1a1;
	line-height: 1;
}
.jian-five .com-width {
	position: relative;
	height: 100%;
}
.jian-five .pic-big {
	position: absolute;
	right: 0;
	top: -165px;
	width: 361px;
	height: 854px;
	background-repeat: no-repeat;
}
.inview {
    /*-moz-transform: translateY(50px);
    -moz-transition: all .8s cubic-bezier(.39,.575,.565,1);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    -o-transition: all .8s cubic-bezier(.39,.575,.565,1);
    -webkit-transform: translateY(50px);
    -webkit-transition: all .8s cubic-bezier(.39,.575,.565,1);
   
    transform: translateY(50px);
    transition: all .8s cubic-bezier(.39,.575,.565,1);*/
    /*opacity: 0;*/
}
.jian-five .pic-big.inview {
/*	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	 -webkit-transform: translateY(0); 
	
	 transform: translateY(0); */
	 /*opacity: 1;*/
}
.jian-five ul {
	margin-top: 160px;
}
.jian-five ul li {
	float: left;
	text-align: center;
}
.jian-five ul li ~ li {
	margin-left: 90px;
}
.jian-five ul li h5 {
	margin-top: 10px;
	color: #b8b8b8;
}
.jian-five .cont-jian h3 {
	line-height: 1.4;
}
.jian-six {
	overflow: hidden;
}
.jian-six .intro-list {
	height: 100%;
}
.jian-six .intro-list .item {
	float: left;
	width: 399.3333px;
	height: 100%;
}
.jian-six .intro-list .item ~ .item {
	margin-left: 1px;
}
.jian-six .intro-list .item {
	text-align: center;
	padding: 170px 88px 0;
	background: #000;
	background: rgba(0, 0, 0, .75);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.jian-six .intro-list .item:hover {
	background: #000;
}
.jian-six .intro-list .item h4 {
	color: #b7b7b7;	
	font-size: 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.jian-six .intro-list .item p {
	margin-top: 90px;
	text-align: left;
	color: #a0a0a0;
	font-size: 16px;
	line-height: 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.jian-six .intro-list .item:hover h4,
.jian-six .intro-list .item:hover p {
	color: #fff;
}
.seciton-foot {
	padding: 30px 0;
}
.seciton-foot .item {
	margin: 0 auto;
	width: 80%;
	height: 90px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-bottom: 5px;
	
}
.seciton-foot .item .box {
	overflow: hidden;
	position: relative;
}
.seciton-foot .item h3 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 5;
	font-size: 30px;
	color: #fff;
	letter-spacing: 12px;
	font-weight: bold;
	line-height: 90px;
}
.seciton-foot .item .xp{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.sfq-list {
	height: 600px;
	background: #000;
}
.sfq-list li {
	position: relative;
	float: left;
	width: 7.3%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.sfq-list li ~ li {
	margin-left: 0.2%;
}
.sfq-list li img {
	position: absolute;
	left: 50%;
	margin-left: -816.5px;
	top: 0;
	max-width: none;
}
.sfq-list li.on {
	width: 85%;
}
.sfq-list li .tab-tit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 24px;
	color: #fff;
	padding-top: 165px;
	line-height: 28px;
	font-weight: 300;
	font-family: "Microsoft Yahei Light";
	background: rgba(0, 0, 0, .4);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.sfq-list li.on .tab-tit {
	opacity: 0;
	visibility: hidden;
}
.sfq-list li .tab-cont {
	position: absolute;
	left: 20%;
	top: 0;
	height: 100%;
	width: 400px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.sfq-list li.on .tab-cont {
	opacity: 1;
	visibility: visible;
}



/*藏系列*/
.cang-one {
	height: 680px;
}
.cang-two {
	height: 680px;
}
.section-item .cang-cont h3 .en {
	font-size: 30px;
}
.cang-one .pic-big {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 230px;
	margin-top: -60px;
	width: 276px;
	height: 985px;
	background-repeat: no-repeat;
}

.cang-three {
	padding-top: 120px;
	height: 1212px;
	text-align: center;
}
.cang-three h3 {
	font-size: 36px;
	color: #000;
	font-weight: 300;
	font-family: "Microsoft Yahei Light";
	line-height: 1;
}
.cang-three .en {
	font-size: 30px;
	color: #999;
	text-transform: uppercase;
	line-height: 1.5;
}
.cang-three .life-list {
	font-size: 0;
	margin-top: 60px;
}
.cang-three .life-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px;
}
.cang-three .life-list li .cont {
	overflow: hidden;
	padding-left: 14px;
	text-align: left;
}
.cang-three .life-list li .cont h5 {
	padding-top: 3px;
	font-size: 18px;
	color: #333;
}
.cang-three .life-list li .cont p {
	font-size: 16px;
}
.cang-three .pic-big {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -309px;
	width: 618px;
	height: 774px;
	background-repeat: no-repeat;
}








/*藏系列*/
.cang-one {
	height: 680px;
	overflow: hidden;
}
.cang-two {
	height: 680px;
}
.section-item .cang-cont h3 .en {
	font-size: 30px;
}
.cang-one .pic-big {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 230px;
}


.cang-two .pic-icon {
	position: absolute;
	left: 50%;
	top: 164px;
	margin-left: -451px;
	width: 263px;
	height: 379px;
	background: url(../images/cang-light.png) no-repeat center;
	-webkit-animation: pulse 2s 0s ease both infinite;
	    -moz-animation: pulse 2s 0s ease both infinite;
	    animation: pulse 2s 0s ease both infinite;
}

.cang-two .pic-icon2 {
	position: absolute;
	left: 50%;
	top: 164px;
	margin-left: -476px;
	width: 299px;
	height: 368px;
	background: url(../images/cang-scale.png) no-repeat center;
	-webkit-animation: pulse 2s 0s ease both infinite;
	    -moz-animation: pulse 2s 0s ease both infinite;
	    animation: pulse 2s 0s ease both infinite;
}


@keyframes warn {  
    0% {  
        transform: scale(1);  
        opacity: 1;
    }  
    25% {  
        transform: scale(0.8);  
        opacity: 0.6;
    }  
    50% {  
        transform: scale(0.9);  
        opacity: 0.7;
    }  
    75% {  
        transform: scale(1);  
        opacity: 0.8;
    } 
    85% {  
        transform: scale(1);  
        opacity: 0.9;
    } 
    90% {  
        transform: scale(1);  
        opacity: 1;
    }  
    100% {  
        transform: scale(1);  
        opacity: 1;
    }  
}  
@-webkit-keyframes "warn" {  
    0% {  
        -webkit-transform: scale(1);
        opacity: 1;
    }  
    25% {  
        -webkit-transform: scale(0.8); 
        opacity: 0.6;
    }  
    50% {  
        -webkit-transform: scale(0.9);  
        opacity: 0.7;
    }  
    75% {  
        -webkit-transform: scale(1);  
        opacity: 0.8;
    }  
    85% {  
        -webkit-transform: scale(1); 
        opacity: 0.9;
    } 
    85% {  
        -webkit-transform: scale(1); 
        opacity: 1;
    }  
    100% {  
        -webkit-transform: scale(1);  
        opacity: 1;
    }  
} 

/*呼吸效果*/
@-webkit-keyframes pulse {
    from {
    opacity: 0.5;
}
50% {
    opacity: 1;
}
to {
    opacity: 0.5;
}
}
@keyframes pulse {
    from {
    opacity: 0.5;
}
50% {
    opacity: 1;
}
to {
    opacity: 0.5;
}
}
.cang-three {
	padding-top: 120px;
	height: 1212px;
	text-align: center;
}
.cang-three h3 {
	font-size: 36px;
	color: #000;
	font-weight: 300;
	font-family: "Microsoft Yahei Light";
	line-height: 1;
}
.cang-three .en {
	font-size: 30px;
	color: #999;
	text-transform: uppercase;
	line-height: 1.5;
}
.cang-three .life-list {
	font-size: 0;
	margin-top: 60px;
}
.cang-three .life-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px;
}
.cang-three .life-list li .cont {
	overflow: hidden;
	padding-left: 14px;
	text-align: left;
}
.cang-three .life-list li .cont h5 {
	padding-top: 3px;
	font-size: 18px;
	color: #333;
}
.cang-three .life-list li .cont p {
	font-size: 16px;
}
.cang-three .pic-big {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -309px;
}

.cang-four {
	padding-top: 95px;
	height: 990px;
	overflow: hidden;
	text-align: center;
}
.cang-four h3 {
	font-size: 36px;
	color: #fff;
	line-height: 1.3;
}
.func-content {
	margin-top: 390px;
}
.func-content ul {
	float: left;
	width: 50%;
	text-align: center;
	padding-left: 10%;
}
.func-content ul li {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	text-align: left;
}
.func-content ul li .pic {
	display: inline-block;
	width: 87px;
	height: 87px;
	line-height: 87px;
	font-size: 0;
	background: url(../images/cang-4-icon.png) no-repeat center;
	text-align: center;
	-webkit-animation: pulseBig 2s 0s ease both infinite;
    -moz-animation: pulseBig 2s 0s ease both infinite;
    animation: pulseBig 2s 0s ease both infinite;
}
/*呼吸效果*/
@-webkit-keyframes pulseBig {
    from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulseBig {
    from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.func-content ul li h5 {
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
}
.func-content ul li p {
	margin-top: 10px;
	font-size: 16px;
	color: #b6b6b7;
}
.cang-five {
	padding-top: 150px;
	padding-bottom: 95px;
	height: 854px;
	position: relative;
}
.cang-five .left {
	position: relative;
	float: left;
	width: 50%;
	height: 609px;
	background: url(../images/cang-5-bg.png) no-repeat left bottom;
}
.cang-five .left ul {
	position: absolute;
	right: 0;
	width: 600px;
}
.cang-five .left ul li {
	position: absolute;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.cang-five .left ul li.on {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.cang-five .right {
	float: left;
	position: relative;
	width: 50%;
}
.cang-five .right .p-cont {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 710px;
	height: 520px;
	padding-top: 10px;
	margin-left: -110px;
	padding-left: 110px;
	background: #fff;
}
.cang-five .right .p-cont .des {
	margin-top: 20px;
	color: #666;
}
.product-color {
	margin-top: 105px;
}
.product-color li {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	margin-bottom: 25px;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.product-color li.on {
	color: #000;
}
.product-color li .icon-color {
	display: inline-block;
	position: relative;
	width: 28px;
	height: 28px;
	background: #ddd;
	border-radius: 50%;
	vertical-align: top;
	margin-right: 18px;
}
.product-color li .icon-color:before {
	content: "";
	position: absolute;
	left: -6px;
	top: -6px;
	width: 28px;
	height: 28px;
	background: transparent;
	border: 6px solid transparent;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.product-color li.on .icon-color:before {
	opacity: .5;
}
.product-color li.on .icon-color.c-1:before {
	border-color: #927c6d;
}
.product-color li.on .icon-color.c-2:before {
	border-color: #eaeaea;
}
.product-color li.on .icon-color.c-3:before {
	border-color: #fcdfca;
}
.product-color li.on .icon-color.c-4:before {
	border-color: #565656;
}
.product-color li .icon-color.c-1 {
	background: #927c6d;
}
.product-color li .icon-color.c-2 {
	background: #eaeaea;
}
.product-color li .icon-color.c-3 {
	background: #fcdfca;
}
.product-color li .icon-color.c-4 {
	background: #565656;
}



@media screen and (max-width: 1600px) {
	/*产品*/
	.func-content ul li {
	    width: 26%;
	}
	.func-content ul li p {
		font-size: 14px;
	}
}


















/*产品详情*/
.product-colorful {
	position: relative;
	/*padding: 100px 0;*/
	padding: 0 10px;
	box-sizing: border-box;
}
.product-colorful .pic {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
	background: url(../images/product-dbg.jpg) no-repeat center;
	background-size: 100% 100%;
}
.product-colorful .pic li {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 30px 0;
}
.product-colorful .pic li img{
	max-height: 100%;
	width: auto;
}
.product-colorful .pic li h4{
	color: #fff;
	font-size: 14px
}
.product-colorful .cont {
	overflow: hidden;
	padding: 30px 15px;
	text-align: center;
	box-sizing: border-box;
}
.product-colorful .cont .tit {
	font-size: 30px;
	color: #0054a3;
	line-height: 1;
}
.product-colorful .cont .des {
	margin-top: 10px;
	color: #999;
	line-height: 20px;
	font-size: 12px;
}
.product-colorful .cont .des h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.product-colorful .colorful-list {
	position: absolute;
	left: 50%;
	bottom: 100px;
	margin-left: -80px;
	width: 100%;
	line-height: 66px;
	height: 66px;
	background: #fff;
	padding: 0 22px;
}
.product-colorful .colorful-list li {
	float: left;
	margin: 0 22px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.product-colorful .colorful-list li.on {
	color: #000;
}
.product-colorful .colorful-list li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 0;
	border-bottom: 2px solid #000;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.product-colorful .colorful-list li.on:before {
	width: 100%;
}
.ohter-product-show .item {
	padding: 30px 10px 30px;
	margin-top: 30px;
}
.ohter-product-show .item ~ .item {
	border-top: 1px solid #dfdfdf;
}
.ohter-product-show .item h3 {
	font-size: 24px;
	color: #333;
	width: 100%;
	margin-bottom: 5px;
}
.ohter-product-show .item .cont {
	overflow: hidden;
	line-height: 34px;
	font-size: 14px;
	display: block;
	width: 100%;
}

.products_list-content { height:auto;}

.products_list { width:48%;float:left; margin-left:1.2%; padding:20px 0;}
.products_list h5 { text-align:center; font-size:1.2rem; line-height:2rem;}