@charset "utf-8";
.ititle_48{
	font-size: 48px;
}
.op6{
	opacity: .6;
}
.op8{
	opacity: .8;
}
.indexcolor,.hvindexcolor:hover{
	color: #F067A7;
}
.bgcolor,.hvbgcolor:hover{
	background: #F067A7;
	color: #fff;
}
.head{
	height: 95px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	transition: .25s;
}
.head_active{
	background: rgba(0,0,0,.7);
}
.logo{
	display: inline-block;
	height: 56px;
}
.nav li{
	margin-left: 30px;
}
.nava{
	display: block;
	line-height: 95px;
	color: #fff;
	opacity: .6;
	position: relative;
}
.nava::after{
	width: 15px;
	height: 8px;
	background: url(../images/navico.png) no-repeat center;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: -1px;
	opacity: 0;
}
.nav li:hover .nava,.nav li.active .nava{
	opacity: 1;
}
.nav li:hover .nava::after,
.nav li.active .nava::after{
	opacity: 1;
}
.navhide{
	padding: 20px 0;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 99;
	width: 100%;
	border-bottom: 1px solid #eee;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.navhide a{
	margin: 0 35px;
}
.navhide a:hover{
	color: #F067A7;
}
.nav li:hover .navhide{
	opacity: 1;
	visibility: inherit;
}
.md{
	padding: 90px 0;
}
.itopline{
	height: 80px;
	width: 2px;
	background: #000;
	margin: 20px 0 20px 5px;
}
.i1tr{
	margin-left: 20%;
}
.imore{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 72px;
	width: 240px;
	background: #52384D;
	color: #fff;
}
.imore:hover{
	opacity: .85;
}
.i1img{
	position: absolute;
	top: -60px;
	right: 0;
	z-index: 9;
}
.i1bl{
	width: 54.1%;
}
.i1bl_1{
	width: 58.6%;
}
.i1bla,.i1bra{
	border-radius: 10px;
	color: #fff;
}
.i1babox_txt{
	padding: 20px 7%;
}
.i1babox_txt .txt{
	color: #A67DA0;
}
.i2{
	background: url(../images/i2bg.jpg) no-repeat center;
	background-size: cover;
}
.i1t_lr{
	flex-flow: row-reverse;
}
.i1t_lr .i1tr{
	margin-left: 0;
	margin-right: 20%;
}
.i1t_lr .itop{
	text-align: right;
}
.i1t_lr .itopline{
	margin: 20px 5px 20px auto;
}
.i1t_white .itop .itopline{
	background: #fff;
}
.i1t_white .itop *{
	color: #fff;
}
.i2img{
	position: absolute;
	top: -60px;
	left: 0;
	z-index: 99;
}
.i2top{
	padding-top: 160px;
}
.imore_i2{
	background: rgba(82, 56, 77, .8);
}
.i2btxt{
	width: 40%;
}
.i2bimg{
	width: 50%;
}
.i2btxt_t_line{
	margin: 0 15px;
	height: 1px;
	background: #fff;
}
.i2bbox{
	position: relative;
}
.i2bbox::after{
	width: 120px;
	height: 120px;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -60px 0 0 -60px;
	background: url(../images/jt.png) no-repeat center #F067A7;
}
.i2bbox:nth-child(even),
.i2bbox:nth-child(even) .i2btxt_t{
	flex-flow: row-reverse;
}
.i2bbox:nth-child(even){
	text-align: right;
}
.i2bbox:nth-child(even)::after{
	transform:rotate(180deg);
}
.i3tbox{
	width: 70%;
	padding: 40px;
	background: #FFDD75;
	position: absolute;
	left: 0;
	top: 0;
}
.i3more{
	position: absolute;
	right: -120px;
	bottom: -36px;
}
.i3more .imore{
	background: rgb(46, 41, 28,.8);
}
.i3ba{
	width: 50%;
}
.i3ba.active{
	width: 100%;
}
.i4{
	background: url(../images/i4bg.jpg) no-repeat center;
	background-size: cover;
}
.i4 .imore{
	background: #fff;
	color: #000;
}
.i4babox{
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.4));
}
.i4babox_txt_line{
	height: 4px;
	width: 32px;
	background: #fff;
	margin-top: 15px;
}
.i5tr{
	width: 80%;
	margin-left: -45%;
}
.i5tl{
	width: 65%;
	position: relative;
	z-index: 9;
	background: #A67DA0;
	color: #fff;
	position: relative;
	padding: 40px;
}
.i5tl .imore{
	background: #fff;
	color: #A67DA0;
}
.i5vd_ico{
	background: url(../images/vdico.png) no-repeat center;
}
.i5ba{
	padding: 35px 0;
	border-bottom: 1px solid #E6E6E6;
}
.i5baimg{
	width: 240px;
	margin-right: 25px;
}
.foot{
	padding: 50px 0;
	color: #fff;
	background: #52384D;
}
.foot a{
	color: #fff;
}
.foot a:hover{
	text-decoration: underline;
}
.ftaline{
	width: 24px;
	height: 6px;
	background: #fff;
	margin: 10px 0 20px 0;
}
.ftarb a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	background: #8C7487;
	color: #52384D;
	width: 60px;
	height: 60px;
	border-radius: 100%;
}
.ftarb a:hover{
	text-decoration: inherit;
}

.abico{
	margin-left: 15%;
}
.abtitle{
	display: inline-block;
}
.abtitle h2{
	position: relative;
	z-index: 9;
}
/*.abtitle::after{*/
/*	width: 190px;*/
/*	max-width: 100%;*/
/*	height: 8px;*/
/*	content: "";*/
/*	background: #F067A7;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	bottom: 5px;*/
/*	border-radius: 8px;*/
/*}*/
.ab1l{
	padding-bottom: 50px;
	border-bottom: 1px solid #eee;
}
.ab2r{
	width: 65%;
	position: relative;
	z-index: 9;
}
.ab2lbg{
	background: #FFF2F8;
	padding: 50px 0 25px 0;
	overflow: hidden;
}
.ab2ltxt{
	width: 35%;
}
.ab2ltxt .abico{
	margin-left: -10%;
}
.ab2rbox{
	padding-left: 20%;
}
.ab2ra{
	margin: 0 3%;
}
.ab3ltxt{
	position: relative;
	z-index: 9;
}
.ab3l .abico{
	margin-top: -60px;
	margin-left: 0;
}
.ab3r{
	width: 52.5%;
	margin-left: 7%;
}
.ab3ra{
	margin-top: 15px;
}
.ab3ra input,.ab3ra textarea{
	height: 64px;
	border: 1px solid #E6E6E6;
	padding: 0 18px;
	border-radius: 4px;
	width: 100%;
}
.ab3ra input:focus,.ab3ra textarea:focus{
	border: 1px solid #F067A7;
}
.ab3ra textarea{
	padding: 18px;
	height: 120px;
	resize: none;
}
.ab3rasbm button{
	width: 160px;
	height: 64px;
	border-radius: 4px;
	background: #52384D;
	color: #fff;
}

.ss1a{
	width: 25%;
}
.ss1a.active{
	width: 50%;
}
.ss1a.active1{
	width: 75%;
}
.ss2a{
	width: 33.33%;
}
.ss4w{
	position: absolute;
	left: 0;
	bottom: -50px;
}
.ss4l{
	width: 41%;
	margin-right: 20px;
	text-align: center;
}
.ss4l p{
	color: #52384D;
}
.ss4r{
	background: #52384D;
	color: #fff;
	padding: 30px;
}

.zsline{
	width: 140px;
	height: 8px;
	border-radius: 8px;
	margin: 30px auto;
}
.zsa{
	width: 25%;
}
.zsa_a{
	border: 1px solid #E6E6E6;
	padding: 20px;
}
.zsa_a:hover{
	border: 1px solid #F067A7;
}

.jfbg{
	background: url(../images/ab1r.png) no-repeat top right;
	background-size: 25%;
}
.gya:first-child{
	margin-top: 0 !important;
}
.gyaimg{
	width: 53%;
}
.gyatxt{
	width: 44%;
	text-align: right;
}
.gya:nth-child(even) .gyatxt{
	text-align: left;
}
.gyatxt h1{
	font-size: 72px;
}
.gya:nth-child(even){
	flex-flow: row-reverse;
}
.gya:nth-child(odd) .abtitle::after{
	left: inherit;
	right: 0;
}

.pdl{
	width: 20%;
}
.pdr{
	width: 78%;
}
.pdlbox{
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
.pdlb{
	max-height: 450px;
	overflow: hidden;
	overflow-y: auto;
}
.pdlb::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.pdlb::-webkit-scrollbar-track{
	background: #f6f6f6;
	border-radius:2px;
}
.pdlb::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius:2px;
}
.pdlb::-webkit-scrollbar-thumb:hover{
	background: #747474;
}
.pdlb::-webkit-scrollbar-corner{
	background: #f6f6f6;
}
.pdlb li{
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 7px 0;
}
.pdlb li i{
	width: 18px;
	height: 18px;
	border-radius: 2px;
	border: 1px solid #E6E6E6;
}
.pdlb li.active i{
	background: url(../images/check.png) no-repeat center #000;
	border: 1px solid #000;
}
.pdlb li.title i{
	opacity: 0;
}
.pdlb li.none{
	opacity: .5;
	cursor: no-drop;
}
.pdlb li.none i{
	background: #E6E6E6;
}
.pdlt{
	cursor: pointer;
}
.pdlb{
	margin-top: 10px;
	/*display: none;*/
}
.pdlt i{
	transition: .25s;
}
.pdlbox.active .pdlt i{
	transform:rotate(180deg);
}
.pdrt{
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 10px;
}
.pdrtra{
	width: 200px;
	margin-left: 15px;
	border-radius: 3px;
	border: 1px solid #E6E6E6;
}
.pdrtra input,.pdrtra select{
	width: 100%;
	height: 40px;
	padding: 0 12px;
	color: #666;
}
.pdrtra input{
	padding-left: 40px;
}
.pdrtra button{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: none;
}
.slti{
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 12px;
	top: 0;
}
.page a,.page span{
	width: 40px;
	height: 40px;
	display: flex;
	border-radius: 3px;
	align-items: center;
	justify-content: center;
	border: 1px solid #E6E6E6;
	color: #666;
	margin: 3px;
}
.page a:hover,.page a.active{
	background:#1a1a1a;
	border: 1px solid #1a1a1a;
	color: #fff;
}
.pdra{
	width: 33.33%;
}
.pdra_a{
	border: 1px solid #fff;
}
.pdra_a:hover{
	border: 1px solid #1A1A1A;
}
.pdratxt{
	background: #fafafa;
	padding: 12px 20px;
}

.pirra{
	padding: 3px 0;
}
.pirra span{
	width: 90px;
}
.pirl{
	width: 470px;
}
.pi1b{
	width: 400px;
}
.pi1t{
	width: 60px;
}
.gallery-thumbs{
	height: 400px;
}
.pi1ta,.pi1ba{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CDCDCD;
}
.pi1ta img,.pi1ba img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}
.pi1ba{
	height: 400px;
	border: 0;
}
.swiper-slide-thumb-active .pi1ta{
	border: 1px solid #FA5F62;
}

.iftxt *{
	max-width: 100%;
}
.ifbot{
	padding-top: 25px;
	border-top: 1px solid #E6E6E6;
}
.ifbot a{
	width: 120px;
	line-height: 46px;
	border: 1px solid #fff;
	display: inline-block;
	text-align: center;
}
.ifbot a:hover{
	border: 1px solid #1A1A1A;
}

.zy1aimg{
	width: 39%;
}
.zy1atxt{
	background: #FFEBF4;
	padding: 35px 5%;
}
.zy1atxt span{
	line-height: 70px;
	width: 220px;
	color: #F067A7;
	border: 1px solid #F067A7;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zy1b{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 30px;
	width: 30%;
	justify-content: flex-end;
	z-index: 9;
}
.swiper-pagination-zy1{
	position: static;
}
.zy1b i{
	padding: 5px 10px;
	cursor: pointer;
	font-size: 16px;
}
.zy2{
	background: url(../images/zy2bg.jpg) no-repeat center;
	background-size: cover;
}
.zy2tl .ftaline{
	background: #F067A7;
	margin-bottom: 0;
	margin-top: 20px;
	width: 40px;
}
.zy2a{
	width: 33.33%;
}
.zy3a{
	padding: 30px 0;
	border-bottom: 1px solid #E6E6E6;
}
.zy3aimg{
	width: 32%;
	margin-right: 25px;
}
.zy3a:first-child{
	padding-top: 0;
}
.zy3a:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}
.zy4{
	background: #fafafa;
}
.zy4txtmore a{
	background: #F067A7;
	color: #fff;
	line-height: 75px;
	width: 220px;
	text-align: center;
	display: inline-block;
}
.zy4txtmore a:hover{
	opacity: .85;
}
.zy4img{
	border: 10px solid #e6e6e6;
	padding: 80px 0;
	background: #fff;
}
.zy4img_number{
	font-size: 80px;
	line-height: 1;
	padding: 15px;
	font-weight: bold;
	color: #000;
	background: url(../images/zy4ico.png) no-repeat top left;
	position: absolute;
	left: 8%;
	top: -50px;
}
.zy4box:first-child{
	margin-top: 0;
}
.zy4box:nth-child(even){
	flex-flow: row-reverse;
}
.zy4box:nth-child(even) .zy4img_number{
	left: inherit;
	right: 8%;
}

@media only screen and (max-width:1399px) {
	.md{
		padding: 80px 0;
	}
	.ititle_48{
		font-size: 40px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 70px 0;
	}
	.ititle_48{
		font-size: 32px;
	}
	.imore{
		width: 180px;
		line-height: 50px;
		font-size: 16px;
	}
	.imore img{
		height: 8px;
	}
	.i3more{
		right: -90px;
		bottom: -25px;
	}
	.i2bbox::after{
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
		background-size: 20px;
	}
	.ftarb a{
		width: 45px;
		height: 45px;
		font-size: 20px;
	}
	.ftaline{
		height: 4px;
	}
	
	.zy1atxt span,.zy4txtmore a{
		line-height: 50px;
		width: 170px;
		font-size: 16px
	}
	.zy1atxt span img{
		height: 7px;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 50px 0;
	}
	.ititle_48{
		font-size: 28px;
	}
	.i5vd_ico{
		background-size: 100px;
	}
	.zsa{
		width: 33.33%;
	}
	.pdra{
		width: 50%;
	}
}
@media only screen and (max-width:768px) {
    
.pdlb{
	max-height: 250px;
}
	.md{
		padding: 25px 0;
	}
	.ititle_48{
		font-size: 24px;
	}
	.i1img,.i2img{
		width: 100%;
		position: relative;
		top: 0;
	}
	.itopline{
		height: 50px;
	}
	.imore{
		width: 160px;
		line-height: 45px;
		font-size: 14px;
	}
	.imore img{
		height: 6px;
	}
	.i3more{
		right: -80px;
		bottom: -22px;
	}
	.i1babox_txt img{
		height: 40px;
	}
	.i2,.i4{
		padding-top: 25px !important;
	}
	.i2top {
		padding-top: 15px;
	}
	.itop .titleh3{
		line-height: 25px;
		font-size: 14px;
	}
	.i2btxt_t img{
		height: 15px;
	}
	.i2bbox::after{
		display: none;
	}
	.i2bimg {
		margin-top: 15px;
	}
	.i3tbox,.i5tl{
		position: relative;
		padding: 20px;
		width: 100%;
	}
	.i3more{
		position: static;
		margin-top: 15px;
	}
	.i5tr{
		margin: 0;
	}
	.i5vd_ico{
		background-size: 50px;
	}
	.i5ba{
		padding: 15px 0;
	}
	.bdrls{
		border-radius: 4px;
	}
	.fta:nth-child(1),
	.fta:nth-child(2){
		display: none;
	}
	.fta:last-child{
		margin-top: 15px;
	}
	.fta{
		width: 100%;
		text-align: center;
	}
	.fta .ftaline{
		margin: 15px auto;
		height: 3px;
	}
	.ftarb {
		justify-content: center;
	}
	.ftarb a{
		font-size: 15px;
		width: 35px;
		height: 35px;
		margin: 0 8px;
	}
	.foot{
		padding: 20px 0;
	}
	.fb{
		font-size: 13px;
	}
	.lbntxt h1,.bntxt h1{
		font-size: 20px
	}
	.lbntxt p,.bntxt p{
		font-size: 12px;
		line-height: 20px;
	}
	
	.ab1l{
		padding-bottom: 20px;
	}
	.abtitle::after{
		height: 5px;
		width: 100px;
	}
	.abico{
		width: 100%;
		margin: 0 !important;
		margin-top: 15px !important;
		display: flex;
		justify-content: center;
	}
	.abico img{
		max-width: 50%;
	}
	.ab2l{
		position: static;
	}
	.ab2lbg{
		max-height: inherit !important;
		padding-top: 25px;
	}
	.ab2rbox{
		padding-left: 0;
	}
	.ab2ra{
		font-size: 12px;
	}
	.ab3ra input, .ab3ra textarea{
		height: 50px;
		font-size: 13px;
	}
	.ab3ra textarea{
		height: 100px;
	}
	.ab3rasbm button{
		height: 50px;
		width: 120px;
	}
	
	.ss1a{
		width: 50%;
	}
	.ss1a:last-child{
		width: 100%;
	}
	.ss1a.active1,.ss1a.active,.ss2a{
		width: 100%;
	}
	.ss4w{
		position: static;
	}
	.ss4l h1{
		color: #52384D;
		margin-top: 15px;
	}
	.ss4r{
		padding: 20px;
	}
	
	.zsline{
		width: 50px;
		height: 4px;
		margin: 20px auto;
	}
	.zsa{
		width: 50%;
	}
	.zsa_a{
		padding: 12px;
	}
	
	.gyatxt h1{
		font-size: 30px;
	}
	.gya:nth-child(even) .gyatxt{
		text-align: left;
	}
	.gyatxt{
		text-align: left;
	}
	.gya:nth-child(odd) .abtitle::after{
		left: 0;
	}
	
	.pdr{
		margin-top: 15px;
	}
	.pdrtr {
		justify-content: space-between;
	}
	.pdrtra{
		width: 48%;
		margin: 0;
		margin-top: 12px;
	}
	.pdratxt p{
		font-size: 12px
	}
	.pdratxt{
		padding: 10px;
	}
	.page a, .page span{
		font-size: 12px;
		width: 30px;
		height: 30px;
		margin: 3px;
	}
	.page{
		justify-content: center;
	}
	
	.pirl  {
		display: block;
	}
	.pi1t,.pi1b{
		width: 100% !important;
	}
	.gallery-thumbs{
		height: auto;
	}
	.pi1ta{
		height: 75px;
	}
	.pi1ba{
		height: 250px;
	}
	
	.iftxt{
		font-size: 13px;
		line-height: 26px;
	}
	.ifbot{
		padding-top: 15px;
	}
	.ifbot a{
		line-height: 35px;
		font-size: 13px;
		width: 80px;
	}
	
	.zy1atxt span,.zy4txtmore a{
		line-height: 42px;
		width: 150px;
		font-size: 14px
	}
	.zy1atxt span img{
		height: 5px;
	}
	.zy1atxt{
		padding: 25px;
		padding-bottom: 50px;
	}
	.zy2tr img{
		height: 30px;
	}
	.zy2tl .ftaline{
		height: 4px;
		width: 30px;
		margin-top: 15px;
	}
	.zy2a{
		width: 100%;
	}
	.zy1b{
		width: 100%;
		padding: 15px;
	}
	.zy4img_number{
		font-size: 40px;
		background-size: 20px;
		top: -20px;
	}
	.zy4box:nth-child(even) .zy4img_number{
		left: 8%;
	}
}