/* 公共 ----------------------------------------------------- */

	 /* remcss自适应 */
@media (min-width: 320px){html{font-size: 43.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

/* 通用模块 -------------------------------------------------- */

  /* 布局 */
      .wp{ max-width: 1200px; margin: 0 auto;}
	  .w1400{max-width: 1400px; margin: 0 auto;}
	  .h-mid{position: relative;top: 50%;transform: translateY(-50%);}
	  .w-mid{position: relative;left: 50%;transform: translateX(-50%);}
	  .all-mid{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	  .a a{display: block;}
	  
	  /* 动画 */
	  .rotaZ{ animation: rotaZ 8s infinite linear; }
	  @keyframes rotaZ{  0%{transform: rotateZ(0deg);} 100%{transform: rotateZ(360deg);}}
	  	.fl {
	  		float: left;
	  	}
	  
	  	.fr {
	  		float: right;
	  	}
	  
	  	.hmax100 {
	  		height: 100%;
	  	}
	  
	  	.mb10 {
	  		margin-bottom: 10px;
	  	}
	  
	  	.mb15 {
	  		margin-bottom: 15px;
	  	}
	  
	  	.mb20 {
	  		margin-bottom: 20px;
	  	}
	  
	  	.htover::after {
	  		content: '';
	  		display: table;
	  		clear: both;
	  	}
	  
	  	.header {
	  		background: url(../images/nav.jpg) no-repeat center;
	  		background-size: auto 100%;
	  		height: 138px;
	  		box-sizing: border-box;
	  	}
	  
	  	.header .logo {
	  		width: 94px;
	  		height: 70px;
	  	}
	  
	  	.header .logo img {
	  		width: 100%;
	  		height: 100%;
	  	}
	  
	  	.header .icon {
	  		background: url(../images/music.png) no-repeat;
	  		background-size: 100%;
	  		width: 40px;
	  		height: 40px;
	  		margin: 30px 0 0 20px;
	  		cursor: pointer;
	  	}
	  	
	  	.ul-nav{
	  		margin-top: 42px;
	  	}
	  	.ul-nav li{
	  		float: left;
	  		margin: 0 20px;
	  	}
	  	.ul-nav li img{
	  		width: 78px;
	  	}
	  	.ul-nav li:first-of-type img{
	  		width: 38px;
	  	}
	  	.ul-nav .con{
	  		position: relative;
	  	}
	  	.ul-nav li:hover .con::after{
	  		opacity: 1;
	  	}
	  	.ul-nav .con::after{
	  		content: '';
	  		background: url(../images/nav-on.png) no-repeat;
	  		background-size:auto 100%;
	  		width: 132px;
	  		height: 48px;
	  		position: absolute;
	  		left: -45px;
	  		bottom: -8px;
	  		opacity: 0;
	  		transition: opacity .5s;
	  	}
	  	.ul-nav li:first-of-type .con::after{
	  		width: 100px;
	  	}
	  
	  	.banner {
	  		width: 100%;
	  		height: 1080px;
	  		overflow: hidden;
	  		position: relative;
	  	}
	  
	  	.banner img {
	  		width: auto;
	  		height: 100%;
	  	}
	  
	  	.banner .btns {
	  		text-align: center;
	  		position: absolute;
	  		width: 100%;
	  		bottom: 210px;
	  		left: 0;
	  	}
	  
	  	.banner .btn {
	  		display: inline-block;
	  		background: url(../images/btn-buy.png) no-repeat;
	  		background-size: 100%;
	  		width: 163px;
	  		height: 55px;
	  		margin: 0 20px;
	  	}
	  
	  	.banner .btn.vid {
	  		background-image: url(../images/btn-video.png);
	  	}
	  
	  	.fancybox-video {
	  		outline: none;
	  	}
	  
	  	.fancybox-close-small {
	  		right: 0;
	  		top: -55px;
	  	}
	  
	  	.fancybox-button svg {
	  		width: 45px;
	  		height: 45px;
	  		color: #d3c3ae;
	  	}
	  
	  	.g-tit {
	  		background: url(../images/tit1.png) no-repeat center;
	  		background-size: 100%;
	  		width: 322px;
	  		height: 115px;
	  		margin: 0 auto 73px;
	  	}
	  
	  	.g-tit.t2 {
	  		background-image: url(../images/tit2.png);
	  	}
	  
	  	.g-tit.t3 {
	  		background-image: url(../images/tit3.png);
	  	}
	  
	  	.g-tit.t4 {
	  		background-image: url(../images/tit4.png);
	  	}
	  
	  	.main {
	  		background: url(../images/main-2.jpg) center -2px;
	  		background-size: 1920px;
	  	}
	  
	  	.row1 {
	  		/* background: url(../images/row1.jpg) no-repeat center; */
	  		background-size: auto 100%;
	  		/* height: 767px; */
	  		padding-top: 20px;
	  		margin-bottom: 95px;
	  	}
	  
	  	.m-plot .info {
	  		position: relative;
	  	}
	  
	  	.m-plot .tit {
	  		width: 100%;
	  		text-align: center;
	  		background: url(../images/row1-2.jpg) no-repeat center;
	  		background-size: auto 100%;
	  		height: 110px;
	  		color: #000;
	  	}
	  
	  	.m-plot .tit .t {
	  		display: inline-block;
	  		height: 100%;
	  		background: url(../images/t-jqjs.png) no-repeat center;
	  		background-size: auto 24px;
	  		width: 101px;
	  		height: 83px;
	  		margin: 0 100px;
	  		border-bottom: 4px solid transparent;
	  		transition: border-bottom-color .5s;
	  		cursor: pointer;
	  	}
	  
	  	.m-plot .tit .t.on {
	  		border-color: #563a26;
	  	}
	  
	  	.m-plot .tit .t.t2 {
	  		background-image: url(../images/t-ycjs.png);
	  	}
	  
	  	.m-plot .txt {
	  		padding: 10px 60px 115px;
	  		background: url(../images/row1-4.jpg);
	  		background-size: 100%;
	  		font-size: 16px;
	  		line-height: 2;
	  		height: auto;
	  	}
	  
	  	.m-plot .txt.on .t {
	  		height: auto;
	  	}
	  
	  	.m-plot .txt .t {
	  		height: 256px;
	  		/* overflow: hidden; */
			overflow: auto;
	  	}
		
		.m-plot .txt .t::-webkit-scrollbar-track{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			/* background-color: rgba(86,58,38,.05); */
			background-color: #cebda6;
		}
		.m-plot .txt .t::-webkit-scrollbar{
			width: 2px;
			/* background-color: rgba(86,58,38,.05); */
			background-color: #cebda6;
		}
		
		.m-plot .txt .t::-webkit-scrollbar-thumb{
			background-color: #563A26;
		}
		
	  	.m-plot .txt p {
	  		text-indent: 2em;
	  	}
	  
	  	.m-plot .txt .more {
	  		background: url(../images/more.png) no-repeat center;
	  		background-size: 100%;
	  		width: 156px;
	  		height: 52px;
	  		color: rgba(255, 255, 255, .7);
	  		font-size: 16px;
	  		line-height: 52px;
	  		text-align: center;
	  		position: absolute;
	  		left: 50%;
	  		transform: translate(-50%, 50%);
	  		bottom: 0;
	  	}
	  
	  	.m-plot .txt.on .more .icon {
	  		transform: rotateZ(180deg);
	  	}
	  
	  	.m-plot .txt .more .icon {
	  		display: inline-block;
	  		background: url(../images/icon-bt.png) no-repeat center;
	  		width: 16px;
	  		height: 13px;
	  		margin-left: 10px;
	  	}
	  
	  	.m-plot .ft {
	  		background: url(../images/row1-3.jpg) no-repeat center;
	  		background-size: auto 100%;
	  		width: 100%;
	  		height: 17px;
	  	}
	  
	  
	  
	  	.row2 {
	  		/* background: url(../images/row2.jpg) no-repeat center; */
	  		background-size: auto 100%;
	  		height: 882px;
	  		overflow: hidden;
	  	}
	  
	  	.m-act {
	  		background: url(../images/border.png) no-repeat center;
	  		background-size: auto 100%;
	  		height: 651px;
	  		box-sizing: border-box;
	  		padding: 0 20px;
	  	}
	  
	  	.m-act .CKTAB {
	  		text-align: center;
	  		transform: translateY(-50%);
	  		margin-bottom: 15px;
	  	}
	  
	  	.m-act .CKTAB .TAB {
	  		display: inline-block;
	  		background: url(../images/t-zhuchuang.png) no-repeat;
	  		background-SIZE: 100%;
	  		width: 115px;
	  		height: 52px;
	  		margin: 0 70px;
	  		cursor: pointer;
	  	}
	  
	  	.m-act .CKTAB .TAB.a2 {
	  		background-image: url(../images/t-zhuyan.png);
	  	}
	  
	  	.m-act .CKTAB .on.a1 {
	  		background-image: url(../images/t-zhuchuang-on.png);
	  	}
	  
	  	.m-act .CKTAB .on.a2 {
	  		background-image: url(../images/t-zhuyan-on.png);
	  	}
	  
	  	.ul-zc {
	  		overflow: hidden;
	  		margin: 0 -30px;
	  	}
	  
	  	.ul-zc li {
	  		float: left;
	  		width: 25%;
	  		margin-bottom: 30px;
	  	}
	  
	  	.ul-zc .con {
	  		margin: 0 30px;
	  	}
	  
	  	.ul-zc .pic {
	  		width: 246px;
	  		height: 236px;
	  		position: relative;
	  	}
	  
	  	.ul-zc .pic img {
	  		width: 100%;
	  		height: 100%;
	  	}
	  
	  	.ul-zc .pic .desc {
	  		font-size: 18px;
	  		color: #4b300f;
	  		text-align: center;
	  		background: url(../images/lx.png) no-repeat;
	  		background-size: 100%;
	  		width: 123px;
	  		height: 142px;
	  		box-sizing: border-box;
	  		padding-top: 42px;
	  		font-weight: bold;
	  		position: absolute;
	  		bottom: 22px;
	  		left: 20px;
	  	}
	  	.ul-zc .pic .desc.pt16{
	  		padding-top: 16px;
	  	}
	  	.m-swp1{
	  		width: 100%;
	  		overflow: hidden;
	  		position: relative;
	  	}
	  	
	  	.m-act .SHOWTAB{
	  		position: relative;
	  	}
	  	.m-act .icon{
	  		width: 22px;
	  		height: 37px;
	  		position: absolute;
	  		cursor: pointer;
	  	}
	  	.m-act .icon.l{
	  		left: -100px;
	  	}
	  	.m-act .icon.r{
	  		right: -100px;
	  	}
	  	.m-act .icon img{
	  		width: 100%;
	  		height: 100%;
	  	}
	  
	  
	  
	  
	  	.row3 {
	  		margin-bottom: 130px;
	  	}
	  	.m-muhou .CKTAB{
	  		text-align: center;
	  		margin-bottom: 40px;
	  	}
	  	.m-muhou .CKTAB .TAB{
	  		display: inline-block;
	  		background: url(../images/wmsj.png) no-repeat;
	  		background-size: 100%;
	  		margin: 0 60px;
	  		width: 187px;
	  		height: 52px;
	  	}
	  	.m-muhou .CKTAB .a2{
	  		background-image: url(../images/rwsj.png);
	  	}
	  	.m-muhou .CKTAB .a1.on{
	  		background-image: url(../images/wmsj-on.png);
	  	}
	  	.m-muhou .CKTAB .a2.on{
	  		background-image: url(../images/rwsj-on.png);
	  	}
	  	.m-muhou .show1{
	  		background: url(../images/black.png) no-repeat center;
	  		background-size: 100%;
	  		width: 1260px;
	  		height: 780px;
	  		margin: 0 auto;
	  		position: relative;
	  	}
		.m-muhou .show1 img{
			width: 100%;
		}
	  	.m-muhou .show1 .qj{
	  		background: url(../images/qianren.png) no-repeat center;
	  		background-size: 100%;
	  		width: 318px;
	  		height: 397px;
	  		position: absolute;
	  		bottom:30px;
	  		left: 10px;
	  		z-index: 99;
	  	}
	  	.m-muhou .show1 .icons{
	  		position: absolute;
	  		right: 110px;
	  		bottom: 30px;
	  	}
	  	.m-muhou .show1 .icon{
	  		width:50px;
	  		height: 69px;
	  		display: inline-block;
	  		cursor: pointer;
	  		margin: 0 15px;
	  	}
	  	.m-muhou .show1 .icon img{
	  		width: 100%;
	  		height: 100%;
	  	}
	  	.m-swp2{
	  		width: 1081px;
	  		height: 577px;
	  		position: absolute;
	  		left: 90px;
	  		top: 76px;
	  		overflow: hidden;
	  	}
	  	
	  	.m-muhou .show2{
	  		margin-top: 83px;
	  		position: relative;
	  	}
	  	.m-muhou .show2 .icon{
	  		width: 22px;
	  		height: 37px;
	  		position: absolute;
	  		cursor: pointer;
	  	}
	  	.m-muhou .show2 .l{
	  		left: 40px;
	  	}
	  	.m-muhou .show2 .r{
	  		right: 40px;
	  	}
	  	.m-swp3{
	  		width: 1200px;
	  		margin: 0 auto;
	  		padding-top: 73px;
	  		overflow: hidden;
	  	}
	  	.m-swp3 .pic{
	  		margin: 0 auto;
	  		width: 251px;
	  		height: 350px;
	  		position: relative;
	  		background-color: rgba(162,131,102,.6);
	  	}
	  	.m-swp3 .pic img{
	  		width: 100%;
	  		transform: translateY(-73px);
	  	}
	  	.m-swp3 .txt{
	  		position: absolute;
	  		width: 100%;
	  		text-align: center;
	  		bottom: 15px;
	  		font-size: 18px;
	  		color: #fff;
	  	}
	  
	  	.row4 {
	  		/* background: url(../images/row4.jpg) no-repeat center; */
	  		background-size: auto 100%;
	  		padding-bottom: 130px;
	  	}
	  	.ul-media{
	  		padding: 0 20px;
	  	}
	  	.ul-media li{
	  		margin-bottom: 13px;
	  	}
	  	.ul-media li:hover .con{
	  		background-color: #bfae97;
	  		color: #fff;
	  	}
	  	.ul-media .con{
	  		height: 60px;
	  		line-height: 60px;
	  		padding: 0 60px;
	  		font-size: 16px;
	  		color: #000;
	  		background-color: rgba(255,255,255,.4);
	  		border-bottom: 1px solid #a08f75;
	  		overflow: hidden;
	  		transition: .5s;
	  	}
	  	.ul-media .txt{
	  		max-width: 900px;
	  		overflow: hidden;
	  		white-space: nowrap;
	  		text-overflow: ellipsis;	
	  	}
	  	
	  	
	  	
	  .footer{
	  	height: 250px;
	  	background-color: #968773;
	  	color: #fff;
	  	font-size: 18px;
	  	box-sizing: border-box;
	  	padding-top: 40px;
	  }
	  .footer .pic{
	  	width: 31px;
	  	height: 25px;
	  	text-align: center;
	  	overflow: hidden;
	  	float: left;
	  	margin-right: 30px;
	  }
	  .footer .pic img{
	  	height: 100%;
	  }
	  .footer .txt{
	  	overflow: hidden;
	  	line-height: 25px;
	  }
	  .footer .twopic{
	  	height: 83px;
	  }
	  .footer .twopic .pic{
	  	width: 83px;
	  	height: 83px;
	  	margin-right: 5px;
	  }
	  .footer .rpic{
	  	width: 699px;
	  	height: 151px;
	  }
	  .footer .rpic img{
		  width: 100%;
		  height: 100%;
	  }
      
	  
	   @media only screen and (min-width: 1px) and (max-width: 1920px)  {
		  .header {
		  	background: url(../images/nav.jpg) no-repeat center;
		  	background-size: auto 100%;
		  	height: 7.187vw;
		  	box-sizing: border-box;
		  }
		  	  	  
		  .header .logo {
		  	width: 4.895vw;
		  	height: 3.645vw;
		  }
		  	  	  
		  .header .logo img {
		  	width: 100%;
		  	height: 100%;
		  }
		  	  	  
		  .header .icon {
		  	background: url(../images/music.png) no-repeat;
		  	background-size: 100%;
		  	width: 2.083vw;
		  	height: 2.083vw;
		  	margin: 1.562vw 0 0 1.041vw;
		  	cursor: pointer;
		  }
		  
		  .ul-nav{
		  	margin-top: 2.187vw;
		  }
		  .ul-nav li{
		  	float: left;
		  	margin: 0 1.041vw;
		  }
		  .ul-nav li img{
		  	width: 4.062vw;
		  }
		  .ul-nav li:first-of-type img{
		  	width: 1.979vw;
		  }
		  .ul-nav .con{
		  	position: relative;
		  }
		  .ul-nav li:hover .con::after{
		  	opacity: 1;
		  }
		  .ul-nav .con::after{
		  	content: '';
		  	background: url(../images/nav-on.png) no-repeat;
		  	background-size:auto 100%;
		  	width: 6.875vw;
		  	height: 2.5vw;
		  	position: absolute;
		  	left: -2.343vw;
		  	bottom: -0.416vw;
		  	opacity: 0;
		  	transition: opacity .5s;
		  }
		  .ul-nav li:first-of-type .con::after{
		  	width: 5.208vw;
		  }
		  	  	  
		  .banner {
		  	width: 100%;
		  	height: 56.25vw;
		  	overflow: hidden;
		  	position: relative;
		  }
		  	  	  
		  .banner img {
		  	width: auto;
		  	height: 100%;
		  }
		  	  	  
		  .banner .btns {
		  	text-align: center;
		  	position: absolute;
		  	width: 100%;
		  	bottom: 10.93vw;
		  	left: 0;
		  }
		  	  	  
		  .banner .btn {
		  	display: inline-block;
		  	background: url(../images/btn-buy.png) no-repeat;
		  	background-size: 100%;
		  	width: 8.489vw;
		  	height: 2.864vw;
		  	margin: 0 1.041vw;
		  }
		  	  	  
		  .banner .btn.vid {
		  	background-image: url(../images/btn-video.png);
		  }
		  	  	  
		  .fancybox-video {
		  	outline: none;
		  }
		  	  	  
		  .fancybox-close-small {
		  	right: 0;
		  	top: -2.864vw;
		  }
		  	  	  
		  .fancybox-button svg {
		  	width: 2.343vw;
		  	height: 2.343vw;
		  	color: #d3c3ae;
		  }
		  	  	  
		  .g-tit {
		  	background: url(../images/tit1.png) no-repeat center;
		  	background-size: 100%;
		  	width: 16.77vw;
		  	height: 5.989vw;
		  	margin: 0 auto 3.802vw;
		  }
		  	  	  
		  .g-tit.t2 {
		  	background-image: url(../images/tit2.png);
		  }
		  	  	  
		  .g-tit.t3 {
		  	background-image: url(../images/tit3.png);
		  }
		  	  	  
		  .g-tit.t4 {
		  	background-image: url(../images/tit4.png);
		  }
		  	  	  
		  .main {
		  	background: url(../images/main-2.jpg) center -0.104vw;
		  	background-size: 100vw;
		  }
		  	  	  
	  }
	  
	  
	  
	  /* 响应式 */
	  @media only screen and (min-width: 950px) and (max-width: 1920px) {
	  
	        .wp{ max-width: 62.5vw; margin: 0 auto;}
	  	  .w1400{max-width: 72.91vw; margin: 0 auto;}
	  	  .h-mid{position: relative;top: 50%;transform: translateY(-50%);}
	  	  .w-mid{position: relative;left: 50%;transform: translateX(-50%);}
	  	  .all-mid{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	  	  .a a{display: block;}
	  	  
	  	  /* 动画 */
	  	  .rotaZ{ animation: rotaZ 8s infinite linear; }
	  	  @keyframes rotaZ{  0%{transform: rotateZ(0deg);} 100%{transform: rotateZ(360deg);}}
	  	  	.fl {
	  	  		float: left;
	  	  	}
	  	  
	  	  	.fr {
	  	  		float: right;
	  	  	}
	  	  
	  	  	.hmax100 {
	  	  		height: 100%;
	  	  	}
	  	  
	  	  	.mb10 {
	  	  		margin-bottom: 0.520vw;
	  	  	}
	  	  
	  	  	.mb15 {
	  	  		margin-bottom: 0.781vw;
	  	  	}
	  	  
	  	  	.mb20 {
	  	  		margin-bottom: 1.041vw;
	  	  	}
	  	  
	  	  	.htover::after {
	  	  		content: '';
	  	  		display: table;
	  	  		clear: both;
	  	  	}
	  	  
	  	  
	  	  	.row1 {
	  	  		/* background: url(../images/row1.jpg) no-repeat center; */
	  	  		background-size: auto 100%;
	  	  		/* height: 39.94vw; */
	  	  		padding-top: 1.041vw;
	  	  		margin-bottom: 4.947vw;
	  	  	}
	  	  
	  	  	.m-plot .info {
	  	  		position: relative;
	  	  	}
	  	  
	  	  	.m-plot .tit {
	  	  		width: 100%;
	  	  		text-align: center;
	  	  		background: url(../images/row1-2.jpg) no-repeat center;
	  	  		background-size: auto 100%;
	  	  		height: 5.729vw;
	  	  		color: #000;
	  	  	}
	  	  
	  	  	.m-plot .tit .t {
	  	  		display: inline-block;
	  	  		height: 100%;
	  	  		background: url(../images/t-jqjs.png) no-repeat center;
	  	  		background-size: auto 1.25vw;
	  	  		width: 5.260vw;
	  	  		height: 4.322vw;
	  	  		margin: 0 5.208vw;
	  	  		border-bottom: 0.208vw solid transparent;
	  	  		transition: border-bottom-color .5s;
	  	  		cursor: pointer;
	  	  	}
	  	  
	  	  	.m-plot .tit .t.on {
	  	  		border-color: #563a26;
	  	  	}
	  	  
	  	  	.m-plot .tit .t.t2 {
	  	  		background-image: url(../images/t-ycjs.png);
	  	  	}
	  	  
	  	  	.m-plot .txt {
	  	  		padding: 0.520vw 3.125vw 5.989vw;
	  	  		background: url(../images/row1-4.jpg);
	  	  		background-size: 100%;
	  	  		font-size: 0.833vw;
	  	  		line-height: 2;
	  	  		height: auto;
	  	  	}
	  	  
	  	  	.m-plot .txt.on .t {
	  	  		height: auto;
	  	  	}
	  	  
	  	  	.m-plot .txt .t {
	  	  		height: 13.33vw;
	  	  		/* overflow: hidden; */
				overflow: auto;
	  	  	}
			
			/* .m-plot .txt .t::-webkit-scrollbar-track{
				-webkit-box-shadow: inset 0 0 0.312vw rgba(0,0,0,0.3);
				background-color: #cebda6;
			}
			.m-plot .txt .t::-webkit-scrollbar{
				width: 0.104vw;
				background-color: #cebda6;
			}
			
			.m-plot .txt .t::-webkit-scrollbar-thumb{
				background-color: #563A26;
			} */
	  	  
	  	  	.m-plot .txt p {
	  	  		text-indent: 2em;
	  	  	}
	  	  
	  	  	.m-plot .txt .more {
	  	  		background: url(../images/more.png) no-repeat center;
	  	  		background-size: 100%;
	  	  		width: 8.125vw;
	  	  		height: 2.708vw;
	  	  		color: rgba(255, 255, 255, .7);
	  	  		font-size: 0.833vw;
	  	  		line-height: 2.708vw;
	  	  		text-align: center;
	  	  		position: absolute;
	  	  		left: 50%;
	  	  		transform: translate(-50%, 50%);
	  	  		bottom: 0;
	  	  	}
	  	  
	  	  	.m-plot .txt.on .more .icon {
	  	  		transform: rotateZ(180deg);
	  	  	}
	  	  
	  	  	.m-plot .txt .more .icon {
	  	  		display: inline-block;
	  	  		background: url(../images/icon-bt.png) no-repeat center;
				background-size: 100%;
	  	  		width: 0.833vw;
	  	  		height: 0.677vw;
	  	  		margin-left: 0.520vw;
	  	  	}
	  	  
	  	  	.m-plot .ft {
	  	  		background: url(../images/row1-3.jpg) no-repeat center;
	  	  		background-size: auto 100%;
	  	  		width: 100%;
	  	  		height: 0.885vw;
	  	  	}
	  	  
	  	  
	  	  
	  	  	.row2 {
	  	  		/* background: url(../images/row2.jpg) no-repeat center; */
	  	  		background-size: auto 100%;
	  	  		height: 45.93vw;
	  	  		overflow: hidden;
	  	  	}
	  	  
	  	  	.m-act {
	  	  		background: url(../images/border.png) no-repeat center;
	  	  		background-size: auto 100%;
	  	  		height: 33.90vw;
	  	  		box-sizing: border-box;
	  	  		padding: 0 1.041vw;
	  	  	}
	  	  
	  	  	.m-act .CKTAB {
	  	  		text-align: center;
	  	  		transform: translateY(-50%);
	  	  		margin-bottom: 0.781vw;
	  	  	}
	  	  
	  	  	.m-act .CKTAB .TAB {
	  	  		display: inline-block;
	  	  		background: url(../images/t-zhuchuang.png) no-repeat;
	  	  		background-SIZE: 100%;
	  	  		width: 5.989vw;
	  	  		height: 2.708vw;
	  	  		margin: 0 3.645vw;
	  	  		cursor: pointer;
	  	  	}
	  	  
	  	  	.m-act .CKTAB .TAB.a2 {
	  	  		background-image: url(../images/t-zhuyan.png);
	  	  	}
	  	  
	  	  	.m-act .CKTAB .on.a1 {
	  	  		background-image: url(../images/t-zhuchuang-on.png);
	  	  	}
	  	  
	  	  	.m-act .CKTAB .on.a2 {
	  	  		background-image: url(../images/t-zhuyan-on.png);
	  	  	}
	  	  
	  	  	.ul-zc {
	  	  		overflow: hidden;
	  	  		margin: 0 -1.562vw;
	  	  	}
	  	  
	  	  	.ul-zc li {
	  	  		float: left;
	  	  		width: 25%;
	  	  		margin-bottom: 1.562vw;
	  	  	}
	  	  
	  	  	.ul-zc .con {
	  	  		margin: 0 1.562vw;
	  	  	}
	  	  
	  	  	.ul-zc .pic {
	  	  		width: 12.81vw;
	  	  		height: 12.29vw;
	  	  		position: relative;
	  	  	}
	  	  
	  	  	.ul-zc .pic img {
	  	  		width: 100%;
	  	  		height: 100%;
	  	  	}
	  	  
	  	  	.ul-zc .pic .desc {
	  	  		font-size: 0.937vw;
	  	  		color: #4b300f;
	  	  		text-align: center;
	  	  		background: url(../images/lx.png) no-repeat;
	  	  		background-size: 100%;
	  	  		width: 6.406vw;
	  	  		height: 7.395vw;
	  	  		box-sizing: border-box;
	  	  		padding-top: 2.187vw;
	  	  		font-weight: bold;
	  	  		position: absolute;
	  	  		bottom: 1.145vw;
	  	  		left: 1.041vw;
	  	  	}
	  	  	.ul-zc .pic .desc.pt16{
	  	  		padding-top: 0.833vw;
	  	  	}
	  	  	.m-swp1{
	  	  		width: 100%;
	  	  		overflow: hidden;
	  	  		position: relative;
	  	  	}
	  	  	
	  	  	.m-act .SHOWTAB{
	  	  		position: relative;
	  	  	}
	  	  	.m-act .icon{
	  	  		width: 1.145vw;
	  	  		height: 1.927vw;
	  	  		position: absolute;
	  	  		cursor: pointer;
	  	  	}
	  	  	.m-act .icon.l{
	  	  		left: -5.208vw;
	  	  	}
	  	  	.m-act .icon.r{
	  	  		right: -5.208vw;
	  	  	}
	  	  	.m-act .icon img{
	  	  		width: 100%;
	  	  		height: 100%;
	  	  	}
	  	  
	  	  
	  	  
	  	  
	  	  	.row3 {
	  	  		margin-bottom: 6.770vw;
	  	  	}
	  	  	.m-muhou .CKTAB{
	  	  		text-align: center;
	  	  		margin-bottom: 2.083vw;
	  	  	}
	  	  	.m-muhou .CKTAB .TAB{
	  	  		display: inline-block;
	  	  		background: url(../images/wmsj.png) no-repeat;
	  	  		background-size: 100%;
	  	  		margin: 0 3.125vw;
	  	  		width: 9.739vw;
	  	  		height: 2.708vw;
	  	  	}
	  	  	.m-muhou .CKTAB .a2{
	  	  		background-image: url(../images/rwsj.png);
	  	  	}
	  	  	.m-muhou .CKTAB .a1.on{
	  	  		background-image: url(../images/wmsj-on.png);
	  	  	}
	  	  	.m-muhou .CKTAB .a2.on{
	  	  		background-image: url(../images/rwsj-on.png);
	  	  	}
	  	  	.m-muhou .show1{
	  	  		background: url(../images/black.png) no-repeat center;
	  	  		background-size: 100%;
	  	  		width: 65.62vw;
	  	  		height: 40.62vw;
	  	  		margin: 0 auto;
	  	  		position: relative;
	  	  	}
	  	  	.m-muhou .show1 .qj{
	  	  		background: url(../images/qianren.png) no-repeat center;
	  	  		background-size: 100%;
	  	  		width: 16.56vw;
	  	  		height: 20.67vw;
	  	  		position: absolute;
	  	  		bottom:1.562vw;
	  	  		left: 0.520vw;
	  	  		z-index: 99;
	  	  	}
	  	  	.m-muhou .show1 .icons{
	  	  		position: absolute;
	  	  		right: 5.729vw;
	  	  		bottom: 1.562vw;
	  	  	}
	  	  	.m-muhou .show1 .icon{
	  	  		width:2.604vw;
	  	  		height: 3.593vw;
	  	  		display: inline-block;
	  	  		cursor: pointer;
	  	  		margin: 0 0.781vw;
	  	  	}
	  	  	.m-muhou .show1 .icon img{
	  	  		width: 100%;
	  	  		height: 100%;
	  	  	}
	  	  	.m-swp2{
	  	  		width: 56.30vw;
	  	  		height: 30.05vw;
	  	  		position: absolute;
	  	  		left: 4.687vw;
	  	  		top: 3.958vw;
	  	  		overflow: hidden;
	  	  	}
	  	  	
	  	  	.m-muhou .show2{
	  	  		margin-top: 4.322vw;
	  	  		position: relative;
	  	  	}
	  	  	.m-muhou .show2 .icon{
	  	  		width: 1.145vw;
	  	  		height: 1.927vw;
	  	  		position: absolute;
	  	  		cursor: pointer;
	  	  	}
	  	  	.m-muhou .show2 .l{
	  	  		left: 2.083vw;
	  	  	}
	  	  	.m-muhou .show2 .r{
	  	  		right: 2.083vw;
	  	  	}
	  	  	.m-swp3{
	  	  		width: 62.5vw;
	  	  		margin: 0 auto;
	  	  		padding-top: 3.802vw;
	  	  		overflow: hidden;
	  	  	}
	  	  	.m-swp3 .pic{
	  	  		margin: 0 auto;
	  	  		width: 13.07vw;
	  	  		height: 18.22vw;
	  	  		position: relative;
	  	  		background-color: rgba(162,131,102,.6);
	  	  	}
	  	  	.m-swp3 .pic img{
	  	  		width: 100%;
	  	  		transform: translateY(-3.802vw);
	  	  	}
	  	  	.m-swp3 .txt{
	  	  		position: absolute;
	  	  		width: 100%;
	  	  		text-align: center;
	  	  		bottom: 0.781vw;
	  	  		font-size: 0.937vw;
	  	  		color: #fff;
	  	  	}
	  	  
	  	  	.row4 {
	  	  		/* background: url(../images/row4.jpg) no-repeat center; */
	  	  		background-size: auto 100%;
	  	  		padding-bottom: 6.770vw;
	  	  	}
	  	  	.ul-media{
	  	  		padding: 0 1.041vw;
	  	  	}
	  	  	.ul-media li{
	  	  		margin-bottom: 0.677vw;
	  	  	}
	  	  	.ul-media li:hover .con{
	  	  		background-color: #bfae97;
	  	  		color: #fff;
	  	  	}
	  	  	.ul-media .con{
	  	  		height: 3.125vw;
	  	  		line-height: 3.125vw;
	  	  		padding: 0 3.125vw;
	  	  		font-size: 0.833vw;
	  	  		color: #000;
	  	  		background-color: rgba(255,255,255,.4);
	  	  		border-bottom: 1px solid #a08f75;
	  	  		overflow: hidden;
	  	  		transition: .5s;
	  	  	}
	  	  	.ul-media .txt{
	  	  		max-width: 46.87vw;
	  	  		overflow: hidden;
	  	  		white-space: nowrap;
	  	  		text-overflow: ellipsis;	
	  	  	}
	  	  	
	  	  	
	  	  	
	  	  .footer{
	  	  	height: 13.02vw;
	  	  	background-color: #968773;
	  	  	color: #fff;
	  	  	font-size: 0.937vw;
	  	  	box-sizing: border-box;
	  	  	padding-top: 2.083vw;
	  	  }
	  	  .footer .pic{
	  	  	width: 1.614vw;
	  	  	height: 1.302vw;
	  	  	text-align: center;
	  	  	overflow: hidden;
	  	  	float: left;
	  	  	margin-right: 1.562vw;
	  	  }
	  	  .footer .pic img{
	  	  	height: 100%;
	  	  }
	  	  .footer .txt{
	  	  	overflow: hidden;
	  	  	line-height: 1.302vw;
	  	  }
	  	  .footer .twopic{
	  	  	height: 4.322vw;
	  	  }
	  	  .footer .twopic .pic{
	  	  	width: 4.322vw;
	  	  	height: 4.322vw;
	  	  	margin-right: 0.260vw;
	  	  }
	  	  .footer .rpic{
	  	  	width: 36.40vw;
	  	  	height: 7.864vw;
	  	  }
	  	  
	  }