@charset "utf-8";
/* CSS Document */
/*公用*/

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
img {
	border: none;
	max-width: 100%;
}
.donghua, ::before, ::after {
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
	text-decoration: none;
	color: #333;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
html {
	min-height: 100%;
	max-width: 800px;
	margin: auto;
}
body {
	min-height: 100%;
	font-size: 14px;
	font-family: Arial, "Microsoft Yahei";
	overflow-x: hidden;
	background:#2B030E;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
}
input, textarea {
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	outline: none;
}
.fg {
	clear: both;
	width: 100%;
	height: 0px;
}
.red {
	color: #F00;
}
/*page1*/
.page1 {
	position: relative;
}
.page1 img.bg {
	display: block;
	width: 100%;
}
.page1 .href {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 78.125%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.page1 .href img {
	display: block;
	width: 100%;
}
/*page4*/
.page4 {
	background-image: url(../images/phonejoinbg_05.jpg);
	background-size: 100% 100%;
	padding: 0 3%;
}
/*page5*/
.page5 {
	background-image: url(../images/phonejoinbg_06.jpg);
	background-size: 100% 100%;
	padding: 0 3%;
}
/*page6*/
.page6 {
	background-image: url(../images/zsj_03.jpg);
	background-size: cover;
	background-position: center;
}
.page6 ul li {
	color: #20020a;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	height: 70px;
	background: rgba(218,182,132,.75);
	padding: 0 3%;
	position:relative;
}


.page6 ul li:after,.page6 ul li:before{
	transition:all 0s;
	
	
	
	 content:""; display:block; opacity:.5; right:60px; top:50%; width:6px; height:6px; margin:-3px; border-radius:100%; background:#370c15; transform:scale(0.00001);
position:absolute; z-index:5;

}


.page6 ul li:nth-child(1):after{
	animation: myfirst2 2s linear 0s infinite ;
	}
.page6 ul li:nth-child(1):before{
	animation: myfirst2 2s linear 0.2s infinite ;
	}


@keyframes myfirst2
{
0%,100% {transform:scale(0.00001); opacity:.5;}
50%{transform:scale(10); opacity:0;}
99.99% {transform:scale(0.00001); opacity:0;}
}




.page6 ul li .tu {
	width: 70px;
	height: 70px;
	overflow: hidden;
	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;
	position:relative;
}
.page6 ul li .tu img{ display:block; width:100%;}
.page6 ul li .tu img.tt{ position:absolute; left:0px; top:0px; height:100%; opacity:0;}
.page6 ul li .title {
	height: 70px;
	overflow: hidden;
	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;
	margin-left: 30px;
}
.page6 ul li .title .bbt {
	width: 100%;
}
.page6 ul li .bbt .demo {
	display: none;
	font-size: 12px;
	padding-top: 3px;
}
.page6 ul li:hover .bbt .demo, .page6 ul li.on .bbt .demo {
	display: block;
}
.page6 ul li:hover, .page6 ul li.on {
	color: #fff;
	background: rgba(32,2,10,.8);
	font-size: 16px;
}
.page6 ul li:hover .tu .ico, .page6 ul li.on .tu .ico {
	opacity: 0;
}
.page6 ul li:hover .tu .tt, .page6 ul li.on .tu .tt {
	opacity: 1;
}
/*page7*/
.page7 {
	background-image: url(../images/phonejoinbg_09.jpg);
	background-size: 100% 100%;
	padding: 0 3%;
}
.hangye-box .swiper-slide {
	width: auto;
	position: relative;
}
.hangye-box .swiper-slide img {
	display: block;
	max-height:500px;
	max-width:85%;
	margin:auto;
}
.page7 .hangye {
	width: 107%;
	margin-left: -3.5%
}
.hangye-box {
	padding-bottom: 80px;
	position: relative;
}
.hangye-box .swiper-slide .text {
	color: #d4b684;
	font-size: 18px;
	overflow: hidden;
	line-height: 80px;
	height: 80px;
	text-align: center;
	position: absolute;
	width: 100%;
	overflow: hidden;
	bottom: -80px;
	left: 0px;
}
.hangye-box .btn {
	height: 80px;
	width: 50px;
	position: absolute;
	bottom: 0px;
	z-index:10;
}
.hangye-box .btn:after {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	border-top: 2px solid #D4B684;
	border-left: 2px solid #D4B684;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-14px;
}
.hangye-box .btn.prev {
	left: 3%;
}
.hangye-box .btn.next {
	right: 3%;
}
.hangye-box .btn.prev:after {
	margin-left:-15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hangye-box .btn.next:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-left:-9px;
}



/*qushi-list*/
.qushi-list{}
.qushi-list ul:after,.qushi-list:after{ content:""; display:block; clear:both;}
.qushi-list ul li{ display:block; float:left; width:22%; margin:0 4% 0 0;}
.qushi-list ul li:nth-child(4n){ margin:0px;}
.qushi-list ul li .title{ color:#fff; font-size:14px; font-weight:bold; text-align:center; padding:10px 0;}
.qushi-list ul li .title .color{ color:#D4B684; display:none;}
.qushi-list ul li.on .title .color{ display:block;}
.qushi-list ul li.on .title .bai{ display:none;}
.qushi-content{ border:1px dashed #D4B684; padding:4%; color:rgba(255,255,255,.7); margin:25px 0 0px;}
.qushi-content .vv{ display:none; line-height:1.8;}
/*storelist*/
.storelist{ background-color:#191919; background-image:url(../images/phonejoinbg_10.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom:40px;}
.storelist-box .swiper-slide{ width:56%; margin:0 24px;}
.storelist-box .swiper-slide .tu{ border:3px solid #D4B684; margin-bottom:12px;}
.storelist-box .swiper-slide .tu img{ display:block; width:100%;}
.storelist-box .swiper-slide .color{ color:#D4B684; line-height:1.8; font-weight:bold;}
.storelist-box .swiper-slide .color span{ font-size:16px;}
.storelist-box .swiper-slide .text{ font-size:12px; line-height:1.6; color:#fff; padding:8px 0;}
.storelist-box .swiper-slide .phone{ color:#fff; font-weight:bold;}



/*bottom*/
.bottombg{ padding:0 3%; background-image:url(../images/phonejoinbg_11.jpg); background-size:100% 100%;}
.case-show{
	
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}
.case-show .li{    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.case-show .li:nth-child(2){ margin-left:8px;}	





.case-show .li .boxshow:after,.case-show .li .boxshow:before{
	transition:all 0s;
	
	
	
	 content:""; display:block; opacity:.5; left:50%; top:50%; width:6px; height:6px; margin:-3px; border-radius:100%; background:#CA8924; transform:scale(0.00001);
position:absolute; z-index:5;

}


.case-show .li:nth-child(1) .boxshow:nth-child(1):after{
	animation: myfirst 5.5s linear 0s infinite ;
	}
.case-show .li:nth-child(1) .boxshow:nth-child(1):before{
	animation: myfirst 13 linear 0.3s infinite ;
	}

.case-show .li:nth-child(2) .boxshow:nth-child(3):after{
	animation: myfirst 5.5s linear 1s infinite ;
	}
.case-show .li:nth-child(2) .boxshow:nth-child(3):before{
	animation: myfirst 5.5s linear 1.3s infinite ;
	}

.case-show .li:nth-child(1) .boxshow:nth-child(2):after{
	animation: myfirst 5.5s linear 2s infinite ;
	}
.case-show .li:nth-child(1) .boxshow:nth-child(2):before{
	animation: myfirst 5.5s linear 2.3s infinite ;
	}

.case-show .li:nth-child(2) .boxshow:nth-child(2):after{
	animation: myfirst 5.5s linear 3s infinite ;
	}
.case-show .li:nth-child(2) .boxshow:nth-child(2):before{
	animation: myfirst 5.5s linear 3.3s infinite ;
	}
.case-show .li:nth-child(2) .boxshow:nth-child(1):after{
	animation: myfirst 5.5s linear 4s infinite ;
	}
.case-show .li:nth-child(2) .boxshow:nth-child(1):before{
	animation: myfirst 5.5s linear 4.3s infinite ;
	}



@keyframes myfirst
{
0%,100% {transform:scale(0.00001); opacity:.5;}
20%{transform:scale(20); opacity:0;}
99.99% {transform:scale(0.00001); opacity:0;}
}

.case-show .li .boxshow{ background:rgba(0,0,0,1); margin-bottom:4px; position:relative;}
.case-show .li .boxshow img{ background-position:center; background-size:cover; opacity:.6; -webkit-transition:all .3s; transition:all .3s;}
.case-show .li .boxshow:hover img{ opacity:1}
.case-show .li:nth-child(1) .boxshow:nth-child(1){ margin-bottom:8px;}
.caseshow{ background:rgba(0,0,0,.8); width:100%; position:fixed !important; height:100%; left:0px; top:0px; z-index:20;-webkit-transform:scale(0.00000000000001);transform:scale(0.000000000000001); opacity:0; transition:all .3s;}
.caseshow.on{ -webkit-transform:scale(1);transform:scale(1); opacity:1; z-index:100;}
.savebox{ display:none;}
.caseshow .gb{ position:fixed; right:10px; top:10px; width:40px; height:40px; z-index:100;}
.caseshow .gb:after,.caseshow .gb:before{ content:""; display:block; width:24px; height:1px; background:#fff; position:absolute; top:50%; left:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:-12px}
.caseshow .gb:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.caseshow .swiper-slide{    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;}
.caseshow .swiper-slide img{ max-height:100%; max-width:100%; width:auto; height:auto;}	
/**/
.phone-ewm{ background:#fff; height:100px; position:relative; padding:5px; padding-left:105px; font-size:16px;}
.phone-ewm img{ display:block; width:90px; height:90px; left:5px; top:5px; position:absolute;}
.phone-ewm .big{ font-size:30px; padding-top:12px;}
.bottom-feedback{ padding:0 3% 30px;}.bottom-feedback .bbt{ color:#D8BA87; line-height:40px; font-size:18px; text-align:center; padding:30px 0;
	
	}
.bottom-feedback input{ background:none; border:1px #D8BA87 dashed; height:40px; width:100%; padding:0 10px; margin-bottom:8px; color:#D4B684}

.bottom-feedback textarea{background:none; border:1px #D8BA87 dashed; width:100%; padding: 10px; line-height:20px; margin-bottom:8px; height:120px; color:#D4B684}
.bottom-feedback button{ display:block; width:160px; font-size:16px; color:#000; background:#D4B684; border:0px; height:40px; margin:auto;}

.pc-join{ display:none}

/*PC*/
@media only screen and (min-width: 1024px){
	html{ max-width:none;}
	.phone-join{ display:none;}
	body{ background:#fff;}
	.pc-join{ display:block;}
	/*pc-box1*/
	.pc-box1{ background-position:center; background-size:cover; height:900px; position:relative;}
	.pc-box1 .tu{ text-align:center; position:absolute; left:50%; top:50%; 
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);}
	.pc-box1 .tu img{ display:block; margin:auto;}
	@media only screen and (max-width: 1660px){
	.pc-box1{ height:800px;}	
		
	}
	@media only screen and (max-width: 1440px){
	.pc-box1{ height:700px;}	
	
	}
	/*pc-box2*/
	.pc-box2{ background-position:center; background-size:cover; padding:5% 0 10%; position:relative;}	
	.pc-box2 .tbbt{ margin-bottom:3%;}
	.pc-box2 .tbbt img{ display:block; margin:auto;}
	.pc-box2 .main{ width:94%; margin:auto; background:rgba(32,2,10,.25); padding:5% 2.8%; color:#fff; border-radius:4px;}
	.pc-box2 .main .up{ border-bottom:4px solid #fff;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
	.pc-box2 .main .down{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal; padding:0 6%;}
	
	
	.pc-box2 .main .item{ text-align:center;    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; }
	.pc-box2 .main .up .item{padding:0 1% 50px; background:url(../images/pcbg/PCico_14.png) bottom no-repeat;}
	.pc-box2 .main .down .item{padding:50px 1% 0px; background:url(../images/pcbg/PCico_18.png) top  no-repeat;}
	.pc-box2 .main .item .big{ font-size:14px; margin-bottom:8px;}
	.pc-box2 .main .item .big span{ font-size:30px;}
	@media only screen and (max-width: 1440px){
	.pc-box2 .main .item .small{ font-size:12px;}	
	.pc-box2 .main .item .big span{ font-size:24px;}
	.pc-box2 .tbbt img{ height:100px}	
	}
	/*pc-box3*/
	
	.pc-box3{ background-position:center; background-size:cover; padding:5% 0 18%; position:relative;}	
	.pc-box3 .tbbt{ margin-bottom:5%;}
	.pc-box3 .tbbt img{ display:block; margin:auto;}
	.pc-box3 .tu{ color:#20020a; position:relative; margin:auto; width:270px;

	}
	.pc-box3 .tu .item{ position:absolute;}
	.pc-box3 .tu .item .bt{ font-size:24px; font-weight:bold;position:absolute; width:200px;}
	.pc-box3 .tu .item:nth-child(1){ top:-20px; right:110%; padding-right:200px; width:430px; text-align:right; line-height:26px;}
	.pc-box3 .tu .item:nth-child(1) .bt{ background:url(../images/pcbg/PCico_26.png) 100% 10px no-repeat; right:0px; top:0px; height:84px; padding:36px 0 0 28px; text-align:left; }
	
	
	.pc-box3 .tu .item:nth-child(2){ top:-20px; left:110%; padding-left:200px; width:430px; line-height:26px;}
	.pc-box3 .tu .item:nth-child(2) .bt{ background:url(../images/pcbg/PCico_29.png) 0% 10px no-repeat; left:0px; top:0px; height:84px; padding:36px 28px 0 0px; text-align:right; }
	.pc-box3 .tu .item:nth-child(3){ bottom:-20px; right:110%; padding-right:200px; width:430px; text-align:right; line-height:26px;}
	.pc-box3 .tu .item:nth-child(3) .bt{ background:url(../images/pcbg/PCico_36.png) 100% 80% no-repeat; right:0px; bottom:0px; height:84px; padding:10px 0 0 28px; text-align:left; }
	.pc-box3 .tu .item:nth-child(4){ bottom:-20px; left:110%; padding-left:200px; width:430px; line-height:26px;}
	.pc-box3 .tu .item:nth-child(4) .bt{ background:url(../images/pcbg/PCico_37.png) 0% 80% no-repeat; left:0px; bottom:0px; height:84px; padding:10px 28px 0 0px; text-align:right; }
	@media only screen and (max-width: 1440px){
	.pc-box3 .tbbt img{ height:100px}	
	}
	/*pc-box4*/
	.pc-box4{ background-position:center; background-size:cover; margin-top:20px; position:relative;}
	.pc-box4 .tbbt{ position:absolute; top:-10px;  right:3%;}
	.pc-box4 ul{ width:50%; min-width:600px;}
	.pc-box4 ul li {
	color: #20020a;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	height: 140px;
	background: rgba(218,182,132,.75);
	padding: 0 3% 0 30%;
	position:relative;
	width:100%;
}


.pc-box4 ul li:after,.pc-box4 ul li:before{
	transition:all 0s;
	
	
	
	 content:""; display:block; opacity:.5; right:60px; top:50%; width:6px; height:6px; margin:-3px; border-radius:100%; background:#370c15; transform:scale(0.00001);
position:absolute; z-index:5;

}


.pc-box4 ul li:nth-child(1):after{
	animation: myfirst2 2s linear 0s infinite ;
	}
.pc-box4 ul li:nth-child(1):before{
	animation: myfirst2 2s linear 0.2s infinite ;
	}



.pc-box4 ul li .tu {
	width: 140px;
	height: 140px;
	overflow: hidden;
	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;
	position:relative;
}
.pc-box4 ul li .tu img{ display:block; width:100%;}
.pc-box4 ul li .tu img.ico{
	-moz-transform:scale(.6);
	-ms-transform:scale(.6);
	-o-transform:scale(.6);
	-webkit-transform:scale(.6);
	transform:scale(.6);
	
	
	}
.pc-box4 ul li .tu img.tt{ position:absolute; left:0px; top:0px; height:100%; opacity:0;}
.pc-box4 ul li .title {
	height: 140px;
	overflow: hidden;
	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;
	margin-left: 30px;
}
.pc-box4 ul li .title .bbt {
	width: 100%;
}
.pc-box4 ul li .bbt .demo {
	display: none;
	font-size: 12px;
	padding-top: 3px;
}
.pc-box4 ul li:hover .bbt .demo, .pc-box4 ul li.on .bbt .demo {
	display: block;
}
.pc-box4 ul li:hover, .pc-box4 ul li.on {
	color: #fff;
	background: rgba(32,2,10,.8);
	font-size: 16px;
	width:150%;
}
.pc-box4 ul li:hover .tu .ico, .pc-box4 ul li.on .tu .ico {
	opacity: 0;
}
.pc-box4 ul li:hover .tu .tt, .pc-box4 ul li.on .tu .tt {
	opacity: 1;
}
@media only screen and (max-width: 1440px){
.pc-box4 ul li{ height:100px;}	
.pc-box4 ul li .tu{ width:100px; height:100px;}	
.pc-box4 ul li .title{ height:100px;}
.pc-box4 ul li{ padding-left:25%;}
.pc-box4 .tbbt img{ height:100px;}
}
/*pc-box5*/
.pc-box5{ position:relative; background:#fff; padding:5% 3%;}
.pc-box5:before{ content:""; height:50%; width:100%; position:absolute; left:0px; top:0; background:#e2e3dd;}
.pc-box5 .tbbt{ text-align:center; margin-bottom:5%; position:relative; z-index:2;}

.pc-box5 .swiper-slide .text{ text-align:center; padding:10px 0; display:none}
@media only screen and (max-width: 1440px){
	.pc-box5 .tbbt img{ height:100px;}
}
/*pc-box6*/
.pc-box6{ position:relative; padding:5% 0%;background-position:center; background-size:cover;}
.pc-box6 .main{ width:50%; margin:0 0 0 auto; min-width:750px; }
.pc-box6 .main .tbbt{ margin-bottom:5%;}
.pc-box6 .main:after{ content:""; display:block; clear:both;}
.pc-box6 .main .item{ width:50%; float:left; height:95px; padding:0 5% 0 133px; position:relative; margin-bottom:40px;}
.pc-box6 .main .item img{ position:absolute; height:95px; width:95px; border-radius:2px; left:0px; top:0px;}
.pc-box6 .main .item:after{ content:""; width:1px; height:100%; display:block; position:absolute; top:0px; left:120px; background:#a2a19d;}
.pc-box6 .main .item .title{ color:#852529; font-size:24px; line-height:34px; overflow:hidden; height:34px; margin-bottom:5px;}
.pc-box6 .main .item .text{ color:#4a4a4a; font-size:12px; text-align:justify;}
@media only screen and (max-width: 1440px){
.pc-box6 .main .tbbt img{ height:100px;}	
.pc-box6 .main .item{ margin-bottom:28px;}
}
/*pc-box7*/
.pc-box7{
	position:relative; padding:7% 0%;background-position:center; background-size:cover;
	}
.pc-box7 .main{ max-width:1200px; margin:auto; width:94%; text-align:center;}	
.pc-box7 .main .tbbt{ text-align:center; margin-bottom:3%;}
.pc-box7 .main .item{ color:#20020a; display:block; margin-bottom:20px;}
.pc-box7 .main .item .big{ font-size:28px; font-weight:bold; margin-bottom:10px;}
.pc-box7 .main .item .text{ font-size:18px; line-height:1.6;}
@media only screen and (max-width: 1440px){
.pc-box7 .main .tbbt img{ height:100px;}	


}
.pc-box8{position:relative; padding:6% 0%;background-position:center; background-size:cover;}
.pc-box8 .tbbt{ text-align:center; margin-bottom:8%; text-align:center;}
.pc-box8 .main{ width:44%; margin:0 0 0 auto;}
.pc-box8 .main:after{ content:""; display:block; clear:both;}
.pc-box8 .main .item{ width:170px; height:170px; float:left; margin:0 15px 15px 0;background-position:center; background-size:cover; position:relative;}
.pc-box8 .main .item .title{ background:rgba(32,2,10,.9); line-height:34px; height:34px; overflow:hidden; text-align:center; color:#d4b684; font-size:14px; position:absolute; left:0px; bottom:0px; width:100%;}
@media only screen and (max-width: 1440px){
.pc-box8 .main .item{ width:130px; height:130px;}	
	
	
}
/*pc-box9*/
.pc-box9{ margin:40px; height:880px; position:relative;}
.pc-box9  .boxshow{ cursor:pointer; }
.pc-box9 .l{ width:31%; position:absolute; height:100%; left:0px; top:0px;}
.pc-box9 .l .tbbt{ padding-top:10%;}
.pc-box9 .m{height:100%;position:absolute; top:0px; width:24.5%; left:32%}
.pc-box9 .r{height:100%;position:absolute; top:0px; left:57.5%; width:42.5%}
.pc-box9 .l .boxshow{ height:56%; width:100%; position:absolute; bottom:0px; left:0px;background-position:center; background-size:cover;  }
.pc-box9 .m .boxshow:nth-child(1){ height:42.5%; width:100%; position:absolute; top:0px; left:0px;background-position:center; background-size:cover;  }
.pc-box9 .m .boxshow:nth-child(2){ height:56%; width:100%; position:absolute; bottom:0px; left:0px;background-position:center; background-size:cover;  }
.pc-box9 .r .boxshow:nth-child(1){ height:65%; width:100%; position:absolute; top:0px; left:0px;background-position:center; background-size:cover;  }
.pc-box9 .r .boxshow:nth-child(2){ height:33.5%; width:100%; position:absolute; bottom:0px; left:0px;background-position:center; background-size:cover;  }
@media only screen and (max-width: 1440px){
.pc-box9{ margin:20px; height:620px;}	
	
}
/**/
.pc-box10{ padding:6% 3%;}
.pc-box10 .tbbt{ text-align:center; margin-bottom:4%;}
.pc-box10 .sbbt{ position:relative; margin-bottom:3%; overflow:hidden;}
.pc-box10 .ssbbt{ position:relative; margin-bottom:3%; overflow:hidden; text-align:center;}
.pc-box10 .sbbt img{ display:block; margin:auto; background:#fff; z-index:10; position:relative; padding:0 5%;}
.pc-box10 .sbbt:after{ content:""; display:block; width:70%; left:15%; top:50%; border:1px solid #d4b684; position:absolute; height:100%;}
.pc-box10 .icobox{ padding-bottom:5%;}
.pc-box10 .icobox:after{ content:""; display:block; clear:both;}
.pc-box10 .icobox .item{ display:block; width:16.66666666666%; float:left; text-align:center;}
.pc-box10 .icobox .item img{ width:70%; max-width:210px;}
.pc-box10 .icobox .item .title{ color:#20020a; font-size:24px; padding-top:20px;}
.pc-box10 .imgbottom:after{ content:""; display:block; clear:both;}
.pc-box10 .imgbottom .item{ width:30%; float:left;}
.pc-box10 .imgbottom .item img{ display:block; margin: 0 0 6.5%;}
.pc-box10 .imgbottom .item:nth-child(2){ width:36%; margin:0 2%;}
@media only screen and (max-width: 1440px){
	.pc-box10 .tbbt img{ height:100px;}
	.pc-box10 .sbbt img,.pc-box10 .ssbbt img{ height:60px;}
	.pc-box10 .icobox .item .title{  font-size:18px; padding-top:14px;}
}
/*pc-box11*/
.pc-box11{padding:1% 3% 6%;}
.pc-box11 .tbbt{ text-align:center; margin-bottom:4%;}
.pc-box11 .list{}
.pc-box11 .list:after{ content:""; display:block; clear:both;}
.pc-box11 .list .item:nth-child(1){ margin-left:0px;}
.pc-box11 .list .item{ float:left; width:18%; margin-left:2.5%; height:460px; transition:all .5s; background:#d4b684; color:#20020a; text-align:center; padding:7% 1% 0;}
.pc-box11 .list .item .tu{ display:inline-block; position:relative;}
.pc-box11 .list .item .tu .bbg{ display:block;}
.pc-box11 .list .item .tu .pic{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0;}
.pc-box11 .list .item .tu img{transition:all .5s;}
.pc-box11 .list .item:hover{ background:#20020a; color:#d4b684;}
.pc-box11 .list .item:hover .bbg{ opacity:0;}
.pc-box11 .list .item:hover .pic{ opacity:1;}
.pc-box11 .list .item .title{ font-size:18px; padding:30px 0;}
.pc-box11 .list .item .text{ text-align:justify; line-height:2;}
@media only screen and (max-width: 1440px){
.pc-box11 .tbbt img{ height:100px;}	
.pc-box11 .list .item{ font-size:12px; height:320px; padding:5% 1% 0;}
.pc-box11 .list .item .title{ font-size:16px; padding:15px 0;}
}
/*pc-box12*/
.pc-box12{ padding:6% 3%; background:#20020a;}
.pc-box12 .tbbt{ text-align:center; margin-bottom:4%;}
.pc-box12  .main{ width:1200px; max-width:100%; margin:auto;}
.pc-box12  .main:after{ content:""; display:block; clear:both;}
.pc-box12  .main .l{ color:#d4b684; float:left; width:48%;}
.pc-box12  .main .l .big{ font-size:45px; margin-bottom:10px;}
.pc-box12  .main .l .small{ font-size:18px;}
.pc-box12  .main .l .ewmm{ display:block; margin-top:30px; width:150px;}

.pc-box12  .main .r{ width:50%; float:right;}
.pc-box12  .main .r .bt{ font-size:26px;color:#d4b684; margin-bottom:15px; font-weight:300;}
.pc-box12  .main .r input{ background:none; border:1px #D8BA87 solid; height:40px; width:100%; padding:0 10px; margin-bottom:8px; color:#D4B684}

.pc-box12  .main .r textarea{background:none; border:1px #D8BA87 solid; width:100%; padding: 10px; line-height:20px; margin-bottom:8px; height:120px; color:#D4B684}
.pc-box12  .main .r button{ display:block; width:160px; font-size:16px; color:#000; background:#D4B684; border:0px; height:40px; }
.caseshow .gb{ position:fixed; right:10px; top:10px; width:40px; height:40px; z-index:10;}
.caseshow .gb:after,.caseshow .gb:before{ content:""; display:block; width:24px; height:1px; background:#fff; position:absolute; top:50%; left:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:-12px}
.caseshow .gb:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.caseshow .swiper-slide{    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;}
.caseshow .swiper-slide img{ max-height:100%; max-width:100%; width:auto; height:auto;}	


@media only screen and (max-width: 1440px){
.pc-box12 .tbbt img{ height:100px;}	

}
	}