/**********
 *页面样式*
 **********/


/* ==========
   基本默认值
   ========== */

select::-ms-expand { display: none; }
* {
	box-sizing: border-box;
}

a{
	text-decoration: none;
}

p{
	margin: 0;
}

ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	font-weight: normal;
}

/* ==========
   工具样式
   ========== */

.width-auto {
	width: 100%;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.invisible {
	/*将元素隐藏，但保留元素占位*/
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	/*IE6 and IE7*/
	zoom: 1;
}


@media only screen and (max-width: 1024px) {
	html.home{
		font-size: -webkit-calc(100vw / 6.84);
		font-size: -moz-calc(100vw / 6.84);
		font-size: calc(100vw / 6.84);
	}
	
	html{
		font-size: -webkit-calc(100vw / 6.84);
		font-size: -moz-calc(100vw / 6.84);
		font-size: calc(100vw / 6.84);
	}
}


body {
	overflow-x: hidden;
	width: 100vw;
	min-height: 100vh;
	background: #F5F6F5;
	margin: 0 auto;
	font-family: "微软雅黑", "microsoft yahei";
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: subpixel-antialiased;
	/*position: relative;*/

	font-size: medium;
}

.JS_back{
	cursor: pointer;
}


.o-left{
	width: 150px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}
.o-left .copyright{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 36px;
}
.o-left .inscribe{
	display: none;
}
@media only screen and (max-width: 1024px) {
	.o-left{
		width: .98rem;
	}
	.o-left .inscribe{
		width: .58rem;
		display: block;
		margin: .55rem auto 0;
	}
	.o-left .copyright{
		display: none;
	}
}


.home-container{
	background: #F5F6F5;
	min-height: 100vh;
	position: relative;
	overflow: hidden;
}
.home-container:before{
	content: '';
	display: block;
	/*background: url(../images/right-bg.png) 226px top no-repeat;*/
	/*background: url(../images/home-bg.jpg) 4px -162px;*/
	background: url(../images/home-bg.jpg) 4px -162px;
	/*background-size: cover;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	-webkit-animation: fade 2s infinite alternate;
	-moz-animation: fade 2s infinite alternate;
	animation: fade 2s infinite alternate;
}
@-webkit-keyframes fade{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-moz-keyframes fade{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-ms-keyframes fade{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes fade{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@media only screen and (max-width: 1024px) {
	.home-container:before{
		background: url(../images/home-bg2.png);
		background-size: cover;
		
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}
}



.wrap{
	padding: 0 -webkit-calc(50vw - 600px);
	padding: 0 -moz-calc(50vw - 600px);
	padding: 0 calc(50vw - 600px);
}
.home-container .center-middle{
	position: relative;
	z-index: 1;
	top: 50vh;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
@media only screen and (max-width: 1600px) {
	.home-container .center-middle{
		padding: 0 200px;
	}
}
@media only screen and (max-width: 1280px){
	.home-container .center-middle{
		width: 100%;
		/*padding:0 100px;*/
		padding-top: 120px;
		padding-bottom: 120px;
		padding-right: 15px;
		top:auto;
		
		text-align: center;
		
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
@media only screen and (max-width: 1024px) {
	.home-container .center-middle{
		padding: 0;
		padding-left: .98rem;
		min-height: 100vh;
		text-align: left;
	}
}


.center-middle .painter{
	width: 52.75%;
	position: relative;
	top: 0;
	margin: 0 auto;
}

.center-middle .painter img{
	vertical-align: top;
	width: 100%;
}
.center-middle .painter .info{
	text-align: left;
	padding-left: 45px;
	
	position: absolute;
	top: -webkit-calc(50% - 5.5px);
	top: -moz--calc(50% - 5.5px);
	top: calc(50% - 5.5px);
	right: 0;
	
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	
	/*background: url(../images/gt.png) 23px 18.5px no-repeat;*/
	
	transition: top .5s;
}
.center-middle .painter .info .gt{
	content: '';
	display: inline-block;
	cursor: pointer;
	width: 8px;
	height: 12px;
	background: url(../images/gt.png) no-repeat;
	background-size: cover;
	
	position: absolute;
	top: 18.5px;
	left: 23px;
}
.center-middle .painter .info p{
	font-size: 16px;
	line-height: 27px;
	color: #201613;
}
.center-middle .painter .info.about{
	max-width: 272px;
	right: 29px;
	top: -webkit-calc(50% - 113px);
	top: -moz--calc(50% - 113px);
	top: calc(50% - 113px);
	
	padding-left: 35px;
}
.center-middle .painter .info.about .gt{
	top: 133px;
	left: 0;
}

.center-middle .painter .info .about-txt{
	display: none;
}
.center-middle .painter .info.about .about-txt{
	display: block;
}
.center-middle .painter .info.about p{
	font-size: 14px;
	line-height: normal;
	color: #595757;
}
@media only screen and (max-width: 1600px){
	.center-middle .painter .info.about{
		max-width: 236px;
		right: 70px;
	}
	.center-middle .painter .info.about p{
		font-size: 12px;
	}
}
@media only screen and (max-width: 1280px) {
	.center-middle .painter .info{
		position: static;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
	}
	.center-middle .painter .info.about{
		max-width: 100%;
	}
	.center-middle .painter .info.about .gt{
		top: 18px;
		left: 0;
	}
}
@media only screen and (max-width: 1024px) {
	.center-middle .painter{
		margin: 0;
		margin-top: ;
		margin-left: .23rem;
		display: inline-block;
		width: 5.25rem;
		margin-top: -webkit-calc(50vh - 2.625rem);
		margin-top: calc(50vh - 2.625rem);
	}
	.center-middle .painter .info,
	.center-middle .painter .info.about{
		margin-top: .88rem;
		position: relative;
		padding-left: .88rem;
	}
	.center-middle .painter .info .gt,
	.center-middle .painter .info.about .gt{
		width: .08rem;
		height: .12rem;
		top: 50%;
		left: .56rem;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.center-middle .painter .info p,
	.center-middle .painter .info.about p{
		font-size: .16rem;
		line-height: .27rem;
	}
	
	.center-middle .painter .info.about{
		max-width: none;
		right: auto;
		margin-bottom: .88rem;
	}
}



.center-middle .nav{
	text-align: left;
	font-size: 0;
	float: left;
}
.center-middle .nav li{
	padding-left: 27px;
	position: relative;
}
.center-middle .nav li + li{
	margin-top: 37px;
}
.center-middle .nav li:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #B9C5CB;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 10px;
	transition: all .3s; 
}
.center-middle .nav a{
	cursor: pointer;
	display: block;
	
	font-size: 18px;
	line-height: 1;
	color: #727171;
	transition: all .3s; 
}
.center-middle .nav li:hover:before{
	background: #433F3E;
}
.center-middle .nav li:hover a{
	color: #3F3A39;
}
@media only screen and (max-width: 1024px) {
	.center-middle .nav{
		position: fixed;
		top: 38px;
		right: 0;
		z-index: 1;
	}
	.center-middle .nav li{
		box-sizing: content-box;
		height: .53rem;
		line-height: .53rem;
		padding-right: .5rem;
		padding-left: .07rem;
		border-bottom: 1px solid #DFDFDF;
	}
	.center-middle .nav li + li{
		margin: 0;
	}
	.center-middle .nav li:before{
		display: none;
	}
	.center-middle .nav a{
		vertical-align: middle;
		display: inline;
		font-size: .18rem;
	}
}
.center-middle .inscribe{
	float: right;
}
.center-middle .inscribe2{
	float: right;
	display: none;
}
@media only screen and (max-width: 1024px){
	.center-middle .inscribe{
		display: none;
	}
}







.container{
	position: relative;
}
@media only screen and (max-width: 1440px) {
	.container{
		padding-left: 120px;
		padding-right: calc(50vw - 600px);
	}
}
@media only screen and (max-width: 1230px) {
	.container{
		padding-right: 15px;
	}
}
@media only screen and (max-width: 1024px) {
	.container{
		padding: 0 .35rem;
		transition: all .5s;
	}
	
	.container.active{
		-webkit-transform: translateX(-50vw);
		transform: translateX(-50vw);
	}
}




/*右条*/
.left-bar{
	max-width: 150px;
	width: -webkit-calc(50vw - 600px - 15px);
	width: calc(50vw - 600px - 15px);
	min-width: 105px;
	
	height: 100%;
	background: #FFFFFF;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.left-bar .copyright{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 36px;
}
.left-bar .inscribe{
	display: none;
}
@media only screen and (max-width: 1024px) {
	.left-bar{
		display: none;
	}
}



/*头部*/
.header input[type='checkbox']{
	display: none;
}
.header label{
	display: none;
}
.header{
	min-height: 195px;
	padding-top: 116px;
	background: #F5F6F5;
}
.header .nav{
	font-size: 0;
	min-height: 65px;
}
.header .nav > li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	line-height: 1;
	margin-right: 48px;
}
.header .nav > li:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin-right: 10px;
	background: #B9C4CA;
	vertical-align: middle;
	transition: all .5s; 
}
.header .nav > li > a{
	cursor: pointer;
	display: inline-block;
	color: #898989;
	font-size: 18px;
	line-height: 1;

	vertical-align: middle;
	transition: all .5s; 
}
.header .second-menu.hover{
	display: block;
}
.header .second-menu{
	display: none;
	position: absolute;
	left: 20px;
	top: 100%;
	white-space: nowrap;
	height: 41px;
	line-height: 41px;
	
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.header .second-menu li{
	line-height: 1;

	display: inline-block;
	vertical-align: bottom;
}

.header .second-menu li:before{
	content: '> ';
	line-height: inherit;
	font-size: 22px;
	color: #dcdddd;
	vertical-align: middle;
}
.header .second-menu li + li{
	margin-left: 32px;
}
.header .second-menu li a{
	cursor: pointer;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1;
	color: #898989;
	display: inline-block;
}
.header .nav > li.active:before{
	background: #433F3E;
}
.header .nav > li.active > a{
	color: #3E3A39;
}
.header .second-menu li.active{
	font-weight: 700;
}
.header .second-menu li.active:before{
	color: #403C3C;
}
.header  .h-bar{
	display: none;
}
/*hover*/
@media only screen and (max-width: 1440px) {
	.header{
		padding-left: 120px;
		padding-right: calc(50vw - 600px);
	}
}
@media only screen and (max-width: 1230px) {
	.header{
		padding-right: 15px;
	}
}
@media only screen and (min-width: 1025px) {
	.header .nav > li:hover:before{
		background: #433F3E;
	}
	.header .nav > li:hover > a{
		color: #3E3A39;
	}
}
@media only screen and (max-width: 1024px) {
	.header{
		display: none;
	}
	.header{
		padding: 0 .35rem;
		transition: all .5s;
	}
}


/*新头部*/
.sidebar-header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	font-size: 0;
	display: block;
	height: .88rem;
	line-height: .88rem;
	background: #FFFFFF;
	padding: 0 .35rem;
	text-align: right;
	transition: all .5s; 
}
@media only screen and (min-width: 1025px) {
	.sidebar-header{
		display: none;
	}
}
.sidebar-header.active{
	-webkit-transform: translateX(-50vw);
	transform: translateX(-50vw);
}
.sidebar-header .c-l{
	height: inherit;
	line-height: inherit;
	float: left;
}
.sidebar-header .c-l span{
	font-size: .24rem;
	color: #727171;
}
.sidebar-header .c-l span a{
	color: #727171;
}
.sidebar-header .c-l span:first-child:nth-last-child(2):after{
	content: ' > ';
}
.sidebar-header .c-l .act{
	color: #666666;
	font-weight: bold;
}
.sidebar-header .switch{
	display: inline-block;
	vertical-align: middle;
	width: .45rem;
	height: .45rem;
	background: url(../images/sort.png) center/cover no-repeat;
}
.sidebar-header .switch.active{
	background: url(../images/close.png) center/cover no-repeat;
}
/*侧边栏导航*/
.sidebar{
	width: 50vw;
	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	
	text-align: right;

	background: #F5F6F5;
	z-index: 99;
	
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	
	transition: all .5s;
	
	/*border-left: 1px solid #dfdfdf;*/
}
@media only screen and (min-width: 1025px) {
	.sidebar{
		display: none;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}
.sidebar.active{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.sidebar .sidebar-li{
	padding-right: .35rem;
}
.sidebar .sidebar-li .sidebar-second{
	font-size: .24rem;
	color: #898989;
	line-height: .68rem;
}
.sidebar .sidebar-li .sidebar-second.active{
	font-weight: bold;
}



.sidebar .sidebar-li + .sidebar-li{
	border-bottom: 1px solid #dfdfdf;
}
.sidebar .sidebar-li .sidebar-second a{
	color: #898989;
}



.sidebar .sidebar-second-menu{
	display: none;
}
.sidebar .sidebar-second-menu li{
	line-height: .58rem;
	font-size: .22rem;
}
.sidebar .sidebar-second-menu li a{
	color: #B6B6B6;
	position: relative;
}
.sidebar .sidebar-second-menu li a.active{
	color: #767675;
}
/*.sidebar .sidebar-li:hover .sidebar-second-menu{
	display: block;
}*/
.sidebar .sidebar-li.active .sidebar-second-menu{
	display: block;
}



.grid-item img{
	vertical-align: top;
	width: 100%;
}


/*林曦水墨*/
.B{
	margin-top: 29px;
	background: url(../images/inscribe4.png) right -4px top no-repeat;
}
@media only screen and (max-width: 1024px) {
	.B{
		margin-top: 0;
		padding-top: .88rem;
		background: none;
	}
}
/*林曦水墨 看人间*/
.B1 .grid{
	max-width: -webkit-calc(100% - 96px);
	max-width: calc(100% - 96px);
	cursor: pointer;
}
.B1 .grid-item{
	font-size: 0;
	width: -webkit-calc((100% - 43px * 3) / 4);
	width: calc((100% - 43px * 3) / 4);
	margin-bottom: 52px;
}
.B1 .inscribe{
	display: block;
	float: right;
}
@media only screen and (max-width: 1024px) {
	.B1{
		padding-top: .29rem;
	}
	.B1 .grid{
		max-width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.B1 .grid-item{
		width: -webkit-calc((100% - 15px * 2) / 3);
		width: calc((100% - 15px * 2) / 3);
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 425px) {
	.B1 .grid{
		max-width: none;
	}
	
	.B1 .grid-item{
		width: -webkit-calc((100% - 15px) / 2);
		width: calc((100% - 15px) / 2);
	}
	.B1 {
		text-align: center;
	}
	.B1 .inscribe{
		float: none;
		margin-bottom: 15px;
	}
}





/*D 暄桐教室*/
.D{
	margin-top: 29px;
	background: url(../images/d.png) right -4px top no-repeat;
}
@media only screen and (max-width: 1024px) {
	.D{
		margin-top: 0;
		padding-top: .88rem;
		background: none;
	}
}
.D .s{
	min-height: 704px;
	/*background: url(../images/d-c.png) left 18px no-repeat;*/
}
.D .s .img{
	width: 100%;
}
.D .s .text{
	margin-top: 225px;
	box-sizing: content-box;
	padding-left: 36px;
	max-width: 524px;
	width: 100%;
	float: right;
	padding-right: 40px;
}
.D .s .text p{
	color: #595757;
	font-size: 16px;
	line-height: 30px;
	position: relative;
}
.D .s .text p:first-child:before{
	content: '';
	width: 8px;
	height: 11px;
	background: url(../images/e3-1-gt-act.png) center/100% no-repeat;
	position: absolute;
	margin: auto;
	top: 0;
	left: -23px;
	bottom: 0;
}
@media only screen and (max-width: 1366px) {
	.D .s .text{
		padding-right: 0;
		width: -webkit-calc(100% - 540px);
		width: calc(100% - 576px);
	}
}
@media only screen and (max-width: 1024px) {
	.D .s .img{
		width: 100%;
		display: block;
	}
	.D .s{
		min-height: auto;
		background: none;
		padding-top: .47rem;
		padding-bottom: 0;
	}
	.D .s .text{
		padding: 0;
		margin-top: .52rem;
		padding-left: .45rem;
		box-sizing: border-box;
		float: none;
		width: 100%;
		max-width: none;
	}
	.D .s .text p{
		font-size: .16rem;
		line-height: .3rem;
	}
	.D .s .text p:first-child:before{
		width: .08rem;
		height: .11rem;
		left: -.23rem;
	}
}




.D .head{
	padding-bottom: 10px;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 34px;
}
.D .head .title{
	float: left;
	font-size: 18px;
	line-height: 34px;
	color: #3F3A39;
}
.D .head .summary{
	float: right;
	max-width: -webkit-calc(100% - 149px);
	max-width: calc(100% - 149px);
}
.D .head .summary p{
	font-size: 15px;
	line-height: 34px;
	color: #333333;
}
.D .head .summary p + p{
	margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
	.D .head{
		padding-bottom: .34rem;
	}
	.D .head .title{
		font-size: .18rem;
		line-height: .34rem;
	}
	.D .head .summary{
		max-width: -webkit-calc(100% - 1.31rem);
		max-width: calc(100% - 1.31rem);
	}
	.D .head .summary p{
		font-size: .15rem;
		line-height: .34rem;
	}
	.D .head .summary p + p{
		margin-top: .2rem;
	}
}



.D .swiper-pagination{
	margin-top: 21px;
	position: static;
	line-height: 0;
	font-size: 0;
	text-align: center;
}
.D .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	margin: 0 4px;
	opacity: 1;
	background: #FFFFFF;
}
.D .swiper-pagination-bullet-active{
	background: #595656;
}
@media only screen and (max-width: 1024px) {
	.D .swiper-pagination-bullet{
		width: .08rem;
		height: .08rem;
		margin: 0 .04rem;
	}
}




/*D1 暄桐教室-写字的人*/
.D1 .w{
	max-width: 992px;
	width: -webkit-calc(100% - 77px);
	width: calc(100% - 77px);
}
.D1 .list{
	font-size: 0;
	padding-top: 52px;
}
.D1 .list .end{
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
.D1 .list a{
	float: left;
	vertical-align: top;
	text-align: center;
	width: 159px;
	display: inline-block;
	margin-bottom: 50px;
}
.D1 .list a:nth-child(4n-3),
.D1 .list a:nth-child(4n-2),
.D1 .list a:nth-child(4n-1){
	margin-right: -webkit-calc((100% - 159px * 4) / 3 - 0.02px);
	margin-right: calc((100% - 159px * 4) / 3 - 0.02px);
}
.D1 .list a img{
	width: 100%;
	border-radius: 100%;
}
.D1 .list a .name{
	margin-top: 22px;
	font-size: 14px;
	line-height: 24px;
	color: #3F3A39;
}
.D1 .list a .name:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #AAAAAA;
	margin-right: 7px;
	vertical-align: middle;
}
.D1 .list a .name:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #AAAAAA;
	margin-left: 7px;
	vertical-align: middle;
}
@media only screen and (max-width: 1024px) {
	.D1 .w{
		padding-top: .63rem;
		width: 100%;
	}
	.D1 .list{
		padding-top: .59rem;
	}
	.D1 .list a{
		width: 1.59rem;
		margin-bottom: .48rem;
	}
	.D1 .list a:nth-child(4n-3), .D1 .list a:nth-child(4n-2), .D1 .list a:nth-child(4n-1){
		margin-right: 0;
	}
	.D1 .list a:nth-child(3n-2), .D1 .list a:nth-child(3n-1){
		margin-right: -webkit-calc((100% - 1.59rem * 3) / 2);
		margin-right: calc((100% - 1.59rem * 3) / 2);
	}
	.D1 .list a .name{
	    margin-top: .22rem;
	    font-size: .14rem;
	    line-height: .24rem;
	}
	.D1 .list a .name:before{
		width: .14rem;
		height: 1px;
		margin-right: .07rem;
	}
	.D1 .list a .name:after{
		width: .14rem;
		height: 1px;
		margin-left: .07rem;
	}
}



/*D1-3 暄桐教室-写字的人详情（写字的人16问）*/
.D1-3 {
	background: #FFFFFF;
	min-height: 100vh;
	transition: all .5s;
}
.D1-3 .title{
	text-align: center;
	font-size: 22px;
	line-height: 36px;
	padding: 0 -webkit-calc(50% - 404px);
	padding: 0 calc(50% - 404px);
	padding-top: 78px;
	/*margin-bottom: 43px;*/
	position: relative;
}
.D1-3 .title .back{
	position: absolute;
	top: 22px;
	right: 22px;
}
.D1-3 .c{
	margin-top: 43px;
	max-height: 778px;
	padding: 0 -webkit-calc(50% - 404px);
	padding: 0 calc(50% - 404px);
}
.D1-3 .text p{
	color: #333333;
	font-size: 18px;
	line-height: 36px;
}
.D1-3 .text img{
	max-width: 100%;
}
.D1-3 .swiper-container-vertical>.swiper-scrollbar{
	right: 123px;
}
@media only screen and (max-width: 1024px) {
	.D1-3{
		padding-top: .88rem;
	}
	.D1-3.active{
		-webkit-transform: translateX(-50vw);
		transform: translateX(-50vw);
	}
	.D1-3 .c{
		padding: 0 .35rem;
		padding-bottom: 1.63rem;
	}
	.D1-3 .swiper-container-android .swiper-slide, .D1-3 .swiper-wrapper{
		-webkit-transform: none;
		transform: none;
	}
	.D1-3 .title{
		font-size: .22rem;
		line-height: .36rem;
		padding-top: .78rem;
	}
	.D1-3 .title .back{
		position: absolute;
		top: .22rem;
		right: .22rem;
		width: .44rem;
	}
	.D1-3 .text p{
		font-size: .18rem;
		line-height: .36rem;
	}
}







/*D2 暄桐教室-线上课程*/
.D2{
	max-width: 1060px;
	width: -webkit-calc(100% - 77px);
	width: calc(100% - 77px);
}
.D2 .swiper-slide img{
	vertical-align: top;
	max-width: 100%;
}
.D2 .text{
	margin-top: 52px;
	max-width: 559px;
	float: right;
	color: #595757;
}
.D2 .text .title{
	font-size: 22px;
	line-height: 42px;
}
.D2 .text .ss{
	font-size: 18px;
	line-height: 42px;
}
.D2 .text p{
	font-size: 18px;
	line-height: 30px;
}
@media only screen and (max-width: 1024px) {
	.D2{
		width: 100%;
		margin-top: .46rem;
	}
	
	.D2 .swiper-pagination{
		margin-top: .32rem;
	}
	.D2 .text{
		margin-top: .48rem;
		padding-left: .93rem;
	}
	.D2 .text .title{
		font-size: .22rem;
		line-height: .42rem;
	}
	.D2 .text .ss{
		font-size: .18rem;
		line-height: .42rem;
	}
	.D2 .text p{
		font-size: .18rem;
		line-height: .3rem;
	}
}



/*D3 暄桐教室-读书*/
.D3 .w{
	max-width: 992px;
	width: -webkit-calc(100% - 77px);
	width: calc(100% - 77px);
}
.D3 .list{
	padding-top: 52px;
	text-align: justify;
	line-height: 0;
}
.D3 .list .end{
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
.D3 .list a{
	vertical-align: top;
	text-align: center;
	width: 220px;
	display: inline-block;
	margin-bottom: 50px;
}
.D3 .list a img{
	width: 100%;
}
.D3 .list a .name{
	margin-top: 22px;
	font-size: 14px;
	line-height: 24px;
	color: #3F3A39;
}
.D3 .list a .name:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #AAAAAA;
	margin-right: 7px;
	vertical-align: middle;
}
.D3 .list a .name:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #AAAAAA;
	margin-left: 7px;
	vertical-align: middle;
}
.D3 .list a .author{
	font-size: 12px;
	line-height: 24px;
	color: #9F3A39;
}
@media only screen and (max-width: 1024px) {
	.D3 .w{
		padding-top: .63rem;
		width: 100%;
	}
	.D3 .list{
		padding-top: .59rem;
	}
	.D3 .list a{
		width: 1.59rem;
		margin-bottom: .48rem;
	}
	.D3 .list a .name{
	    margin-top: .22rem;
	    font-size: .14rem;
	    line-height: .24rem;
	}
	.D3 .list a .name:before{
		width: .14rem;
		height: 1px;
		margin-right: .07rem;
	}
	.D3 .list a .name:after{
		width: .14rem;
		height: 1px;
		margin-left: .07rem;
	}
	.D3 .list a .author{
		font-size: .12rem;
	    line-height: .24rem;
	}
}






/*D4 暄桐教室-书画作业*/
.D4 .grid{
	max-width: -webkit-calc(100% - 96px);
	max-width: calc(100% - 96px);
}
.D4 .grid-item{
	font-size: 0;
	width: -webkit-calc((100% - 43px * 3) / 4);
	width: calc((100% - 43px * 3) / 4);
	/*margin-right: 43px;*/
	margin-bottom: 52px;
}
.D4 .inscribe{
	display: block;
	float: right;
}
@media only screen and (max-width: 1024px) {
	.D4{
		padding-top: 29px;
	}
	.D4 .grid{
		max-width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.D4 .grid-item{
		width: -webkit-calc((100% - 15px * 2) / 3);
		width: calc((100% - 15px * 2) / 3);
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 425px) {
	.D4 .grid{
		max-width: none;
	}
	
	.D4 .grid-item{
		width: -webkit-calc((100% - 15px) / 2);
		width: calc((100% - 15px) / 2);
	}
	.D4 {
		text-align: center;
	}
	.D4 .inscribe{
		float: none;
		margin-bottom: 15px;
	}
}




/*D4-A 暄桐教室-书画作业-点击后*/
.D4-A{
    min-height: 100vh;
    line-height: 100vh;
    background: #F5F6F5;
	padding: 0 -webkit-calc(50vw - 493px);
	padding: 0 calc(50vw - 493px);
	position: relative;
	text-align: center;
	font-size: 0;
}

.D4-A .img{
	max-width: -webkit-calc(100% - 30px);
	max-width: calc(100% - 30px);
	max-height: 100vh;
	vertical-align: middle;
}



.D4-A-r{
	position: absolute;
	top: 0;
	right: 0;
	line-height: normal;
	text-align: left;
	height: 100vh;
	float: right;
	width: -webkit-calc(50vw - 493px);
	width: calc(50vw - 493px);
	min-width: 328px;
	padding-top: 195px;
	padding-bottom: 140px;
}
.D4-A-r .control{
	box-sizing: content-box;
	display: inline-block;
	vertical-align: top;
	width: 107px;
	height: 100%;
	position: relative;
}
.D4-A-r .control .b{
	position: absolute;
	left: 0;
	bottom: 0;
}
.D4-A-r .control .b .pn img{
	display: block;
}
.D4-A-r .control .b .pn .next{
	margin-bottom: 68px;
}
.D4-A-r .control .b .pn .prev{
	margin-bottom: 116px;
}
.D4-A-r .control .b p{
	font-size: 18px;
	line-height: 32px;
	color: rgba(4,0,0,.7);
}

/*分享*/
.D4-A-r .share{
	display: inline-block;
	vertical-align: top;
	width: 115px;
	margin-top: 112px;
	margin-left: 91px;
	text-align: center;
}
.D4-A-r .share .code{
	width: 100%;
	margin-bottom: 33px;
}
.D4-A-r .share .s-weixin,
.D4-A-r .share .s-weibo{
	display: block;
	border-radius: 5px;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
}
.D4-A-r .share .s-weixin{
	background: url(../images/iconfont-weixin.png) center no-repeat;
}
.D4-A-r .share .s-weibo{
	background: url(../images/iconfont-xinlang.png) center no-repeat;
	margin-top: 15px;
}
@media only screen and (max-width: 1642px) {
	.D4-A{
		padding-right: 328px;
		padding-right: 328px;	
	}
	
}
@media only screen and (max-width: 1024px) {
	.D4-A{
		padding-right: 137px;
	}
	.D4-A-r{
		width: 122px;
		min-width: 122px;
	}
	.D4-A-r .share{
		display: none;
	}
}
@media only screen and (max-width: 425px){
	.D4-A{
		padding: 0 15px;
	}
	.D4-A .img{
		max-width: -webkit-calc(100%);
		max-width: calc(100%);
		
		max-height: 72vh;
		vertical-align: middle;
	}
	.D4-A-r{
		padding: 0;
		height: auto;
	}
	.D4-A-r .info{
		padding-left: 15px;
		position: fixed;
		bottom: 0;
		left: 0;
	}
/*	.D4-A-r .info p{
		display: inline-block;
	}*/
	.D4-A-r .control{
		width: auto;
		position: fixed;
		height: auto;
		top: 7px;
		right: 0;
		bottom: auto;
		font-size: 0;
	}
	.D4-A-r .control img{
		margin-right: 15px;
	}
	.D4-A-r .control .b{
		position: static;
		display: inline-block;
		vertical-align: top;f
	}
	.D4-A-r .control .b .pn{
		display: inline-block;
		vertical-align: top;
	}
	.D4-A-r .control .b .pn img{
		display: inline-block;
		vertical-align: top;
	}
	.D4-A-r .control .b .pn .next{
		margin-bottom: 0;
	}
	.D4-A-r .control .b .pn .prev{
		margin-bottom: 0;
	}
}



/*D5 暄桐教室-花与茶*/
.D5 .w{
	max-width: 992px;
	padding-bottom: 53px;
}
.D5 .grid{
	width: 100%;
	padding-top: 52px;
}
.D5 .grid-item{
	width: -webkit-calc((100% - 54px * 2) / 3);
	width: calc((100% - 54px * 2) / 3);
	margin-bottom: 53px;
}
.D5 .grid-item img{
	width: 100%;
}
@media only screen and (max-width: 1024px) {
	.D5 .w {
	    padding-top: .63rem;
		padding-bottom: .53rem;
	    width: 100%;
	}
	.D5 .grid{
		padding-top: .52rem;
	}
	.D5 .grid-item{
		width: -webkit-calc((100% - 30px) / 3);
		margin-bottom: 15px;
	}
}





/*D6 暄桐教室-活动与展览*/
.D6 {
	font-size: 0;
	padding-top: 84px;
	padding-bottom: 84px;
}
.D6 .left{
	vertical-align: middle;
	display: inline-block;
	width: 50%;
	text-align: center;
}
.D6 .left img{
	vertical-align: top;
	max-width: 100%;
}
.D6 .left .title{
	display: none;
}
.D6 .right{
	vertical-align: middle;
	display: inline-block;
	width: 50%;
	color: #6B6B6B;
}
.D6 .title{
	color: #6b6b6b;
	padding-left: 42px;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 68px;
}
.D6 .item{
	font-size: 0;
	position: relative;
	padding-left: 142px;
}
/*.D6 .item:nth-of-type(3){
	margin-top: 15px;
}
.D6 .item:nth-of-type(4){
	margin-top: 36px;
}
*/
.D6 .item{margin-bottom: 15px;}
.D6 .item span,
.D6 .item p{
	font-size: 20px;
	line-height: 36px;
	color: #6b6b6b;
}
.D6 .item .b{
	display: inline-block;
	padding-left: 42px;
	position: absolute;
	top: 0;
	left: 0;
}
.D6 .item .b:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 16px;
	bottom: 0;
	border-radius: 100%;
	background: #B9C5CC;
}
@media only screen and (max-width: 1024px) {
	.D6 {
		font-size: 0;
		padding-top: .84rem;
	}
	.D6 .left{
		width: 100%;
		text-align: left;
	}
	.D6 .left img{
		width: 3.34rem;
		max-width: 334px;
		vertical-align: middle;
	}
	.D6 .left .title{
		display: inline-block;
		vertical-align: middle;
		font-size: .3rem;
		line-height: .36rem;
		padding-left: .42rem;
		margin-bottom: 0;
	}
	.D6 .right{
		width: 100%;
		margin-top: .5rem;
		padding-bottom: 1.4rem;
	}
	.D6 .right .title{
		display: none;
	}
	.D6 .right .item{
		padding-left: 1.42rem;
	}
	.D6 .right .item:nth-of-type(3){
		margin-top: .15rem;
	}
	.D6 .right .item:nth-of-type(4){
		margin-top: .36rem;
	}
	.D6 .right .item span,
	.D6 .right .item p{
		font-size: .2rem;
		line-height: .36rem;
		color: #6b6b6b;
	}
	.D6 .right .item .b{
		display: inline-block;
		padding-left: .42rem;
	}
	.D6 .right .item .i-b{
		float: left;
	}
	.D6 .item .b:before{
	    width: .1rem;
	    height: .1rem;
	    left: .16rem;
	}

}




/*E 林曦的小世界*/
.E{
	margin-top: 29px;
	background: url(../images/e.png) right -4px top no-repeat;
}
@media only screen and (max-width: 1024px) {
	.E{
		margin-top: 0;
		padding-top: .88rem;
		background: none;
	}
}
.E .head{
	padding-bottom: 10px;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 34px;
}
.E .head .title{
	float: left;
	font-size: 18px;
	line-height: 34px;
	color: #3F3A39;
}
.E .head .summary{
	float: right;
	width: -webkit-calc(100% - 149px);
	width: calc(100% - 149px);
}
.E .head .summary p{
	font-size: 15px;
	line-height: 34px;
	color: #333333;
}
.E .head .summary p + p{
	margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
	.E .head{
		padding-bottom: .34rem;
	}
	.E .head .title{
		font-size: .18rem;
		line-height: .34rem;
	}
	.E .head .summary{
		max-width: -webkit-calc(100% - 1.31rem);
		max-width: calc(100% - 1.31rem);
	}
	.E .head .summary p{
		font-size: .15rem;
		line-height: .34rem;
	}
	.E .head .summary p + p{
		margin-top: .2rem;
	}
}


.E .s{
	font-size: 0;
	padding-top: 94px;
}
.E .s img{
	display: inline-block;
	vertical-align: bottom;
	max-width: 708px;
	width: 100%;
}
.E .s .text{
	max-width: -webkit-calc(100% - 708px);
	max-width: -moz-calc(100% - 708px);
	max-width: calc(100% - 708px);
	display: inline-block;
	padding-left: 86px;
	margin-bottom: 56px;
}
.E .s .text p{
	color: #201613;
	font-size: 16px;
	line-height: 32px;
}
@media only screen and (max-width: 1024px){
	.E .s {
		padding-top: .67rem;
	}
	.E .s img{
		max-width: 100%;
		width: 100%;
	}
	.E .s .text{
		max-width: 3.73rem;
		margin-left: .44rem;
		margin-top: .46rem;
		margin-bottom: 1.76rem;
	}
	.E .s .text p{
		font-size: .16rem;
		line-height: .32rem;
	}
}


.swiper-container-vertical>.swiper-scrollbar{
	background: #E9E9E9;
}
.swiper-scrollbar-drag {
	background: #747474;
}


/*E1 林曦的小世界-糊说*/
.E1{
	padding-top: 74px;
}
.E1 .img-box{
	float: left;
}
.E1 .img-box .title{
	display: none;
}
.E1 .img-box img{
	vertical-align: top;
	max-width: 421px;
} 
.E1 .c {
	float: right;
	max-width: 725px;
	width: -webkit-calc(100% - 436px);
	width: calc(100% - 436px);
}
.E1 .c .title{
	margin-top: 32px;
	margin-bottom: 41px;
	font-size: 22px;
	line-height: 42px;
	color: #595757;
	padding-right: 76px;
}
.E1 .text{
	max-height: 468px;
	padding-right: 76px;
}
.E1 .text p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}
.E1 .swiper-container-vertical>.swiper-scrollbar{
	right: 11px;
}
@media only screen and (max-width: 1024px) {
	.E1 {
		padding-top: .64rem;
	}
	.E1 .img-box{
		float: none;
		width: 100%;
		font-size: 0;
	}
	.E1 .img-box img{
		vertical-align: middle;
		max-width: none;
		width: 2.61rem;
	} 
	.E1 .img-box .title{
		display: inline-block;
		vertical-align: middle;
		font-size: .22rem;
		line-height: .42rem;
		margin-left: .62rem;
		color: #595757;
	}
	.E1 .c{
		float: none;
		max-width: 100%;
		width:100%;
		padding-top: .45rem;
		padding-bottom: .88rem;
	}
	.E1 .c .title{
		display: none;
	}
	.E1 .text{
		padding: 0;
	    max-height: none;
	}
	.E1 .text p{
		font-size: .18rem;
		line-height: .36rem;
	}
}




/*E2 林曦的小世界-申请录*/
.E2 .c{
	max-width: 992px;
	padding-bottom: 53px;
}
.E2 .c .list{
	margin-top: 52px;
	text-align: justify;
}
.E2 .c .list .end{
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
.E2 .c .list a{
	cursor: pointer;
	display: inline-block;
	text-align: center;
	width: 299px;
	margin-bottom: 50px;
	vertical-align: top;
}
.E2 .c .list a img{
	width: 100%;
	vertical-align: top;
}
.E2 .c .list a .title{
	margin-top: 13px;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.E2 .c .list a .subtitle{
	font-size: 14px;
	line-height: 22px;
	color: #3F3A39;
}
.E2 .c .list a .subtitle:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	vertical-align: middle;
	background: #AAAAAA;
	margin-right: 7px;
}
.E2 .c .list a .subtitle:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	vertical-align: middle;
	background: #AAAAAA;
	margin-left: 7px;
}
.E2 .d{
	max-width: 1106px;
	max-height: 564px;
}
.E2 .d .t{
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	margin-top: 53px;
	margin-bottom: 25px;
}
.E2 .d .t .title{
	color: #000000;
}
.E2 .d .t .title:after{
	content: '';
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #898989;
	margin-left: 13px;
	margin-right: 14px;
}
.E2 .d .t .subtitle{
	color: #3e3a39;
}
.E2 .d .content img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.E2 .swiper-container-vertical>.swiper-scrollbar{
	right: 0px;
}
@media only screen and (max-width: 1024px) {
	.E2 .c{
		padding-bottom: .53rem;
	}
	.E2 .c{
		padding-top: .68rem;
		max-width: none;
	}
	.E2 .c .list{
		font-size: 0;
		margin-top: .52rem;
	}
	.E2 .c .list a{
		width: 2.99rem;
		margin-bottom: .5rem;
	}
	.E2 .c .list a .title{
		margin-top: .13rem;
		font-size: .14rem;
		line-height: .22rem;
	}
	.E2 .c .list a .subtitle{
		font-size: .14rem;
		line-height: .22rem;
	}
	.E2 .c .list a .subtitle:before{
	    width: .14rem;
	    margin-right: .07rem;
	}
	.E2 .c .list a .subtitle:after{
		width: .14rem;
	    margin-left: .07rem;
	}
	.E2 .d .t{
		font-size: .22rem;
	}
}



/*E3 林曦的小世界-写字的人*/
.E3 .w{
	max-width: 992px;
}
.E3 .list{
	text-align: justify;
	font-size: 0;
	padding-top: 52px;
}
.E3 .list .end{
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
.E3 .list a{
	float: left;
	vertical-align: top;
	text-align: center;
	width: 159px;
	display: inline-block;
	margin-bottom: 50px;
}
.E3 .list a:nth-child(4n-3),
.E3 .list a:nth-child(4n-2),
.E3 .list a:nth-child(4n-1){
	margin-right: -webkit-calc((100% - 159px * 4) / 3 - 0.02px);
	margin-right: calc((100% - 159px * 4) / 3 - 0.02px);
}
.E3 .list a img{
	width: 100%;
	border-radius: 100%;
}
.E3 .list a .name{
	margin-top: 22px;
	font-size: 14px;
	line-height: 24px;
	color: #3F3A39;
}
.E3 .list a .name:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #AAAAAA;
	margin-right: 7px;
	vertical-align: middle;
}
.E3 .list a .name:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #AAAAAA;
	margin-left: 7px;
	vertical-align: middle;
}
@media only screen and (max-width: 1024px) {
	.E3 .w{
		padding-top: .63rem;
		width: 100%;
	}
	.E3 .list{
		padding-top: .59rem;
	}
	.E3 .list a{
		width: 1.59rem;
		margin-bottom: .48rem;
	}
	.E3 .list a:nth-child(4n-3), .E3 .list a:nth-child(4n-2), .E3 .list a:nth-child(4n-1){
		margin-right: 0;
	}
	.E3 .list a:nth-child(3n-2), .E3 .list a:nth-child(3n-1){
		margin-right: -webkit-calc((100% - 1.59rem * 3) / 2);
		margin-right: calc((100% - 1.59rem * 3) / 2);
	}
	.E3 .list a .name{
	    margin-top: .22rem;
	    font-size: .14rem;
	    line-height: .24rem;
	}
	.E3 .list a .name:before{
		width: .14rem;
		height: 1px;
		margin-right: .07rem;
	}
	.E3 .list a .name:after{
		width: .14rem;
		height: 1px;
		margin-left: .07rem;
	}
}





/*E3-3 林曦的小世界-写字的人详情（写字的人16问）*/
.E3-3{
	background: #FFFFFF;
	min-height: 100vh;
	transition: all .5s;
}
.E3-3 .title{
	text-align: center;
	font-size: 22px;
	line-height: 36px;
	padding: 0 -webkit-calc(50% - 404px);
	padding: 0 calc(50% - 404px);
	padding-top: 78px;
}
.E3-3 .c{
	margin-top: 43px;
	max-height: 778px;
	padding: 0 -webkit-calc(50% - 404px);
	padding: 0 calc(50% - 404px);
}
.E3-3 .text p{
	color: #333333;
	font-size: 18px;
	line-height: 36px;
}
.E3-3 .text img{
	max-width: 100%;
}
.E3-3 .swiper-container-vertical>.swiper-scrollbar{
	right: 123px;
}

@media only screen and (max-width: 1024px) {
	.E3-3{
		padding-top: .88rem;
	}
	.E3-3.active{
		-webkit-transform: translateX(-50vw);
		transform: translateX(-50vw);
	}
	.E3-3 .c{
		padding: 0 .35rem;
		padding-bottom: 1.63rem;
	}
	.E3-3 .swiper-container-android .swiper-slide, .D1-3 .swiper-wrapper{
		-webkit-transform: none;
		transform: none;
	}
	.E3-3 .title{
		font-size: .22rem;
		line-height: .36rem;
		padding-top: .78rem;
	}
	.E3-3 .text p{
		font-size: .18rem;
		line-height: .36rem;
	}
}


/*E7 林曦的小世界-视频*/
.E7 .w{
	max-width: 1060px;
	width: 100%;
	width: -webkit-calc(100% - 93px);
	width: calc(100% - 93px);
}
.E7 .s-w{
	position: relative;
	border-bottom: 1px solid #D1D1D0;
}
.E7 .row + .row{
	margin-top: 40px;
}
.E7 .row .h{
	line-height: 1;
	height: 36px;
	font-size: 18px;
	color: #3F3A39;
}
.E7 .row .h:after{
	content: '/';
	margin-left: 15px;
}
.E7 .swiper-container{
	width: -webkit-calc(100% - 64px);
	width: calc(100% - 64px);
	margin: 0;
}
.E7 .swiper-slide{
	/*width: 303px;*/
	width: 100%;
}
.E7 .swiper-slide a{
	font-size: 0;
	display: inline-block;
	width: 100%;
}
.E7 .swiper-slide a img{
	vertical-align: top;
	width: 100%;
	max-width: 302px;
	max-height: 176px;
}
.E7 .swiper-slide a .title{
	padding-top: 15px;
	height: 66px;
	text-align: center;
}
.E7 .swiper-slide a .title span{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 24px;
	color: #3F3A39;
}
.E7 .swiper-slide a .title span:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 1px;
	background: #C3C3C3;
	margin-right: 8px;
}
.E7 .swiper-slide a .title span:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 1px;
	background: #C3C3C3;
	margin-left: 8px;
}
.E7 .swiper-button-next,
.E7 .swiper-button-prev{
	width: 13px;
	height: 19px; 	
	margin: 0;
}
.E7 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	top: 80px;
	left: auto;
	right: 0;
	background: url(../images/e3-1-lt-act.png) left/100% no-repeat;
}
.E7 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	top: 0;
	left: auto;
	right: 0;
	background: url(../images/e3-1-gt-act.png) left/100% no-repeat;
}
@media only screen and (max-width: 1024px) {
	.E7 .w{
		padding-top: .47rem;
		max-width: none;
		width: 100%;
		padding-bottom: .29rem;
	}
	.E7 .row + .row{
		margin-top: .29rem;
	}
	.E7 .row .h{
		height: .36rem;
		font-size: .16rem;
	}
	.E7 .swiper-container{
		width: -webkit-calc(100% - .35rem);
		width: calc(100% - .35rem);
	}
	.E7 .swiper-button-next, .E7 .swiper-button-prev{
		width: .13rem;
		height: .19rem;
	}
	.E7 .swiper-slide a .title{
	    padding-top: .15rem;
		height: .66rem;
	}
	.E7 .swiper-slide a .title span{
		font-size: .14rem;
		line-height: .24rem;
	}
	.E7 .swiper-slide a .title span:before{
	    width: .14rem;
	    margin-right: .08rem;
	}
	.E7 .swiper-slide a .title span:after{
	    width: .14rem;
	    margin-left: .08rem;
	}
	.E7 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		top: .8rem;
	}
}



/*F 山林曦照*/
.F{
	margin-top: 29px;
	background: url(../images/f.png) right top no-repeat;
}
@media only screen and (max-width: 1024px){
	.F{
		margin-top: 0;
		padding-top: .88rem;
		background: none;
	}
}



/*F2 山林曦照-艺术空间*/
.F2 .w{
	max-width: 1060px;
}
.F2 .s1{
	float: left;
	position: relative;
	max-width: 702px;
	width: 100%;
}
.F2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	width: 13px;
	height: 19px;
	top: 80px;
	left: auto;
	right: -93px;
	margin: 0;
	background: url(../images/e3-1-lt-act.png) no-repeat;
}
.F2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	width: 13px;
	height: 19px;
	top: 0;
	left: auto;
	right: -93px;
	margin: 0;
	background: url(../images/e3-1-gt-act.png) no-repeat;
}
.F2 .swiper-slide img{
	width: 100%;
}
.F2 .s2{
	margin-top: 194px;
	float: right;
	position: relative;
	max-width: 277px;
	width: 100%;
	cursor: pointer;
}
.F2 .b{
	margin-top: 76px;
}
.F2 .b .codes{
	float: left;
	font-size: 0;
	padding-top: 6px;
}
.F2 .b .code1,
.F2 .b .code2{
	vertical-align: top;
	display: inline-block;
	font-size: 12px;
	width: 6em;
	text-align: justify;
	text-align-last: justify;
}
.F2 .b .code2{
	margin-left: 62px;
}
.F2 .b .code1 img,
.F2 .b .code2 img{
	width: 100%;
	vertical-align: top;
	height: 6em;
}
.F2 .b .codes .name{
	line-height: 1;
	font-size: 12px;
	color: #6b6b6b;
	margin-top: 10px;
}
.F2 .b .info{
	float: right;
}
.F2 .b .info p{
	line-height: 36px;
	font-size: 18px;
	color: #6b6b6b;
}
@media only screen and (max-width: 1129px) {
	.F2{
		padding-top: 29px;
	}
	.F2 .s2{
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	.F2 .s1{
		width: 5.22rem;
		max-width: none;
		line-height: 0;
	}
	.F2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.F2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right: -.64rem;
	}
	.F2 .b{
		margin-top: .6rem;
	}
	.F2 .b .info{
		float: none;
	}
	.F2 .b .info p{
		font-size: .18rem;
		line-height: .36rem;
	}
	.F2 .b .codes{
		padding-top: .5rem;
	}
	.F2 .b .code1, .F2 .b .code2{
		width: .72rem;
	}
	.F2 .b .code1 img, .F2 .b .code2 img{
		width: .72rem;
		height: .72rem;
	}
	.F2 .b .codes .name{
		font-size: .12rem;
	}
	.F2 .b .code2{
		margin-left: .62rem;
	}
}



/*F3 山林曦照-音乐*/
.F3{
	padding-top: 59px;
	padding-bottom: 91px;
	font-size: 0;
}
.F3 .left{
	display: inline-block;
	width: 50%;
	/*vertical-align: middle;*/
	vertical-align: top;
}
.F3 .left img{
	max-width: 100%;
	cursor: pointer;
}
.F3 .right{
	display: inline-block;
	margin-top: 84px;
	width: 50%;
	/*vertical-align: middle;*/
}
.F3 .right .title{
	font-size: 30px;
	line-height: 36px;
	color: #6B6B6B;
}
.F3 .right .subtitle{
	color: #6B6B6B;
	font-size: 20px;
	line-height: 36px;
	margin-top:65px;
}
.F3 .right .subtitle:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #B9C5CC;
	margin-left: 16px;
	margin-right: 18px;
	vertical-align: middle;
}
.F3 .right .summary{
	margin-top: 43px;
	max-height: 290px;
	overflow-x: auto;
	position: relative;
}
.F3 .right .summary p{
	color: #6B6B6B;
	font-size: 20px;
	line-height: 36px;
	display: none;
	text-align: justify;
}
.F3 .right .summary.show p{
	display: block;
}
.F3 .right .summary p:nth-of-type(1){
	display: block;
}
.F3 .right .summary .more{
	padding-left: 1em;
	color: #9c9c9c;
	font-size: 20px;
	line-height: 36px;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background: -webkit-linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
	background: -moz-linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
	background: -o-linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
	background: linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
}
.F3 .right .summary .more.after{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.F3 .right .summary .more.after:after{
	content: '收起';
	display: block;
	padding-left: 1em;
	color: #9c9c9c;
	font-size: 20px;
	line-height: 36px;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background: -webkit-linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
	background: -moz-linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
	background: -o-linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
	background: linear-gradient(to right, transparent 0, #F5F6F5 .5em, #F5F6F5);
}
@media only screen and (max-width: 1024px) {
	.F3{
		padding-top: .3rem;
		padding-bottom: 1.11rem;
	}
	.F3 .left{
		width: 100%;
	}
	.F3 .left img{
		width: 100%;
	}
	.F3 .right{
		margin-top: .16rem;
		width: 100%;
	}
	.F3 .right .title{
		font-size: .3rem;
		line-height: .36rem;
	}
	
	.F3 .right .subtitle{
		font-size: .2rem;
		line-height: .36rem;
		margin-top: .46rem;
	}
	.F3 .right .subtitle:before{
	    width: .1rem;
	    height: .1rem;
	    border-radius: 100%;
	    margin-left: .16rem;
	    margin-right: .18rem;
	}
	.F3 .right .summary{
		margin-top: .43rem;
		max-height: none;
	}
	.F3 .right .summary p{
		font-size: .2rem;
		line-height: .36rem;
	}
}



/*F4 山林曦照-音乐*/
/*F4 山林曦照-音乐*/
.F4{
	padding-top: 59px;
	padding-bottom: 59px;
}
.F4 .w{
	max-width: 1060px;
	padding-bottom: 115px;
}
.F4 .r{
	float: left;
	
	width: 515px;
	height: 515px;
	background: url(../images/record.png) center/100% no-repeat;
	position: relative;
}
.F4  .t-name{
	display: none;
}
.F4 .r img{
	width: 60%;
	height: 60%;
	border-radius: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*新的*/


.F4 .m{
	max-width: 460px;
	width: -webkit-calc(100% - 545px);
	width: calc(100% - 545px);
	float: right;
}

.F4 .m .swiper-container{
	max-height: 415px;
}
.F4  .m .title{
	font-size: 28px;
	color: #B66366;
	margin-bottom: 60px;
}
.F4  .m2{
	display: none;
}
.mp3-list li{
	height: 22px;
	line-height: 22px;
	margin-bottom: 44px;
	font-size: 0;
	text-align: right;
}
.mp3-list .name{
	float: left;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
	
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #787878;
}
.mp3-list .playing .name{
	color: #666666;
}
.mp3-list .play{
	margin-right: 36px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background: url(../images/lx-audiolist-play.png) center no-repeat;
}
.mp3-list .playing .play{
	background: url(../images/lx-audiolist-playing.png) center no-repeat;
}
.mp3-list .download{
	cursor: pointer;
	
	margin-right: 48px;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background: url(../images/lx-audiolist-download.png) center/cover no-repeat;
}
.mp3-list .download:active{
	background: url(../images/lx-audiolist-downloada.png) center/cover no-repeat;
}
@media only screen and (max-width: 1024px) {
	.F4 {
		padding-top: .4rem;
	}
	.F4 .t-name{
		display: block;
		text-align: center;
		font-size: .28rem;
		line-height: .66rem;
		color: #B66366;
		margin-bottom: .28rem;
	}
	.F4 .r{
		width: 5.12rem;
		height: 5.12rem;
		float: none;
		margin: 0 auto;
	}
	
	
	
	.F4 .m{
		display: none;
	}
	.F4 .m .swiper-container{
		max-height: 4.15rem;
	}
	.F4 .m2{
		display: block;
		max-width: none;
		width: 100%;
	}
	.F4 .m2 .title{
		display: none;
	}
	
	.F4 .w{
		padding-bottom: 1.15rem;
	}
	.F4 .w2{
		width: 4.6rem;
		margin: 0 auto;
	}
	
	.mp3-list li{
		margin-bottom: 22px;
	}
	.mp3-list .name{
		font-size: .2rem;
	}	
	.mp3-list .play{
		margin-right: .36rem;
	}
	.mp3-list .download{
		margin-right: .48rem;
	}
	
	.audiojs .play-pause{
		margin: 0 .2rem;
	}
}




/*联系我们*/
.contact{
	padding-top: 74px;
	padding-left: 32px;
}
.contact .title{
	line-height: 1;
	font-size: 24px;
	color: #333333;
	margin-bottom: 60px;
}
.contact .info{
	font-size: 0;
}
.contact .info .text{
	display: inline-block;
	vertical-align: top;
}
.contact .info .text p{
	font-size: 18px;
	line-height: 1;
	color: #6b6b6b;
}
.contact .info .text p + p{
	margin-top: 32px;
}
.contact .codes {
	display: inline-block;
	vertical-align: top;
	margin-left: 172px;
}
.contact .codes .code{
	display: inline-block;
	vertical-align: top;
}
.contact .codes .code + .code{
	margin-left: 65px;
}
.contact .codes .code img{
	width: 88px;
	height: 88px;
	vertical-align: top;
}
.contact .codes .code p{
	line-height: 1;
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}
@media only screen and (max-width: 1024px) {
	.contact{
		padding-top: -webkit-calc(1.5rem + .88rem);
		padding-top: -calc(1.5rem + .88rem);
		padding-left: .88rem;
	}
	.contact .title{
		font-size: .24rem;
		margin-bottom: .6rem;
	}
	.contact .info .text p{
	    font-size: .18rem;
	}
	.contact .codes{
		display: block;
		margin: 0;
		margin-top: 1rem;
	}
	.contact .codes .code img{
		width: .88rem;
		height: .88rem;
	}
	.contact .codes .code p{
		font-size: .16rem;
		margin-top: .15rem;
	}
	.contact .codes .code + .code{
		margin-left: .65rem;
	}
}



audio{
	display: none;
}
.F4 .m .list .btns .play{
	cursor: pointer;
}


body .layui-layer-dialog .layui-layer-content{
text-align: center;
}
body .layui-layer-btn{
text-align: center;
}
   
body .layui-layer-btn .layui-layer-btn0 {
   border: none; 
   background-color: #8D8D8D;
   color: #fff;
}

.E7 .swiper-slide .title{
 padding-top: 15px;
 height: 66px;
 text-align: center;
}
.E7 .swiper-slide .title span{
 display: inline-block;
 vertical-align: top;
 font-size: 14px;
 line-height: 24px;
 color: #3F3A39;
}
.E7 .swiper-slide .title span:before{
 content: '';
 display: inline-block;
 vertical-align: middle;
 width: 14px;
 height: 1px;
 background: #C3C3C3;
 margin-right: 8px;
}
.E7 .swiper-slide .title span:after{
 content: '';
 display: inline-block;
 vertical-align: middle;
 width: 14px;
 height: 1px;
 background: #C3C3C3;
 margin-left: 8px;
}
.E7 .swiper-slide video{
 width: 100%;
}