 /*p {
 	display: inline-block;
 	max-width: 100%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	position: relative;
 }
 
 p:after {
 	content: '';
 	position: absolute;
 	width: 100%;
 	z-index: -1;
 	height: 12px;
 	margin-left: -.25em;
 	background: #FD1821;
 	left: 0;
 	bottom: 4px;
 	transform: scaleX(0);
 	transform-origin: right center;
 	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
 
 p:hover:after {
 	transform: none;
 	transform-origin: left center;
 }*/
 /*导航*/
 @font-face {
  font-family: 方正宋刻本秀楷简体;
  src:url(/style/font/方正宋刻本秀楷简体.TTF);
}
 .logo{
 	float: left;
 	width: 179px;
 	height: 111px;
 	background: url(/img2018/log01.png) no-repeat 0 0;
 }
  .logo p{
  	padding-top: 40px;
    padding-left: 60px;
  	font-family: "方正小标宋简体","宋简体";
	font-size: 35px;
	color: #fff;
  }

 .mrg_nav {
 	width: 100%;
 	height: 180px;
 	position: fixed;
 	top: 0;
 	left: 0;
 	background: url(/img2018/mrg_nav_bg.png) no-repeat 0 0;
 	background-size: 100%;
 	z-index: 999;
	display: none;
 }
 
 .nav {
 	width: 1008px;
 	height: 180px;
 	margin: 0 auto;
 }
 
 .nav img {
 	float: left;
 }
 
 .nav ul {
 	float: left;
 	width: 750px;
 	margin-left: 70px;
 	margin-top: 34px;
 }
 
 .nav ul li {
 	width: 125px;
 	float: left;
 	font-family: "WenYue-GuDianMingChaoTi-NC-W5";
 	font-size: 24px;
 	margin-left: 60px;
 	cursor: pointer;
 }
 
 .nav ul li p {
 	display: inline-block;
 	max-width: 100%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	position: relative;
 	padding-left: 39px;
 	color: #af8a54;
 	padding-right: 10px;
 }
 
 .nav ul li p:after {
 	content: '';
 	position: absolute;
 	width: 100%;
 	z-index: -1;
 	height: 12px;
 	background: #FD1821;
 	left: 0;
 	bottom: 0;
 	transform: scaleX(0);
 	transform-origin: right center;
 	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
 
 .nav ul .actives p {
 	color: white;
 	transition-delay: 0s;
 }
 
 .nav ul .actives p:after {
 	transform: none;
 	transform-origin: left center;
 }
 
 .nav ul li p:hover {
 	color: white;
 	transition-delay: 0s;
 }
 
 .nav ul li p:hover:after {
 	transform: none;
 	transform-origin: left center;
 }
 
 .nav ul li:nth-of-type(1) p {
 	background: url(/img2018/nav01_bg.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(1) p:hover {
 	background: url(/img2018/nav01_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul .actives:nth-of-type(1) p {
 	background: url(/img2018/nav01_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(2) p {
 	background: url(/img2018/nav02_bg.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(2) p:hover {
 	background: url(/img2018/nav02_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul .actives:nth-of-type(2) p {
 	background: url(/img2018/nav02_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(3) p {
 	background: url(/img2018/nav03_bg.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(3) p:hover {
 	background: url(/img2018/nav03_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul .actives:nth-of-type(3) p {
 	background: url(/img2018/nav03_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(4) p {
 	background: url(/img2018/nav04_bg.png) no-repeat 11px center;
 }
 
 .nav ul li:nth-of-type(4) p:hover {
 	background: url(/img2018/nav04_bg_c.png) no-repeat 11px center;
 }
 
 .nav ul .actives:nth-of-type(4) p {
 	background: url(/img2018/nav04_bg_c.png) no-repeat 11px center;
 }
 /*内容部分*/
 
 .mrg_content {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	position: relative;
 	background: #000;
	display: none;
 }
 
 .mrg_content>div {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	display: none;
 }
 
 .mrg_content .tab1 {
 	display: block;
 	height: auto;
 }
 
 .mrg_content .tab1 .tab1_scroll {
 	width: 1008px;
 	padding-top: 405px;
 	margin: 0 auto;
 }
 
 .mrg_content .tab1 .tab1_scroll h3 {
 	font-family: "方正宋刻本秀楷简体", "宋体";
 	font-size: 40px;
 	text-align: center;
 	color: white;
 	font-weight: normal;
 	letter-spacing: 10px;
 }
 
 .mrg_content .tab1 .tab1_scroll>div {
 	margin-top: 18px;
 	width: 100%;
 	background: rgba(255, 255, 255, 0.7);
 }
 
 .mrg_content .tab1 .tab1_scroll>div:hover {
 	background: rgba(140, 0, 4, 0.7);
 }
 
 .mrg_content .tab1 .tab1_scroll>div:hover p {
 	color: #fff;
 }
 
 .jj_nr {
 	height: 287px;
 }
 
 .jj_nr dl {
 	padding: 10px;
 }
 
 .jj_nr dl dt {
 	float: left;
 	margin-right: 33px;
 }
 
 .jj_nr dl dt img {
 	width: 172px;
 	height: 265px;
 }
 
 .jj_nr dl dd {
 	width: 770px;
 	float: left;
 	color: #111;
 	font-family: "方正宋刻本秀楷简体", "宋体";
 	font-size: 16px;
 	line-height: 24px;
 }
 
 .jj_nr dl dd h2 {
 	float: left;
 	font-family: "方正宋刻本秀楷简体", "宋体";
 	font-size: 25px;
 	color: #cfaf84;
 	font-weight: normal;
 }
 
 .jj_nr dl dd p {
 	text-indent: 32px;
 }
 
 .cj_nr {
 	/*height: 140px;*/
 }
 
  .cj_nr h5 {
 	width: 141px;
    line-height: 75px;
    text-align: center;
    font-family: "方正宋刻本秀楷简体", "宋体";
    font-size: 25px;
    height: 75px;
    color: #c89c5d;
    
    float: left;
    margin-top: 41px;
    font-weight: normal;
 }
 
 .cj_nr p {
 	width: 816px;
 	float: left;
 	font-family: "方正宋刻本秀楷简体", "宋体";
 	font-size: 16px;
 	margin-top: 34px;
 	margin-bottom: 34px;
 	border-left: 1px solid #9c4d37;
 	line-height: 24px;
 	padding-left: 24px;
 }


 
 .mj_fc img {
 	width: 234px;
 	height: 234px;
 	float: left;
 	margin-top: 18px;
 	margin-right: 9px;
 	margin-left: 9px;
 }
 
 .mrg_content .tab2 {
 	background: blanchedalmond;
 }
 /*渐变
 background: -webkit-linear-gradient(left top,rgba(249,224,187,0.7) ,rgba(208,168,109,0.7)); /* Safari 5.1 - 6.0 */
 /*background: -o-linear-gradient(bottom right,rgba(249,224,187,0.7) ,rgba(208,168,109,0.7)); /* Opera 11.1 - 12.0 */
 /*background: -moz-linear-gradient(bottom right,rgba(249,224,187,0.7) ,rgba(208,168,109,0.7)); /* Firefox 3.6 - 15 */
 /*background: linear-gradient(to bottom right,rgba(249,224,187,0.7) ,rgba(208,168,109,0.7)); /* 标准的语法（必须放在最后） */
 
 .mrg_content .tab2 {
 	height: auto;
 }
 
 .mrg_content .tab2 .tab2_scroll {
 	width: 1008px;
 	margin: 0 auto;
 	padding-top: 145px;
 	position: relative;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list {
 	width: 302px;
 	height: 346px;
 	background: rgba(255, 255, 255, 0.7);
 	margin-right: 51px;
 	float: left;
 	font-family: "方正宋刻本秀楷简体", "宋体";
 	margin-top: 15px;
 	cursor: pointer;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list div {
 	width: 100%;
 	height: 276px;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list div p {
 	font-size: 16px;
 	padding: 15px;
 	height: 245px;
 	line-height: 24px;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list div span {
 	float: right;
 	padding-right: 28px;
 	font-size: 16px;
 	color: #a43c3e;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list:nth-of-type(3n+0) {
 	margin-right: 0;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list h3 {
 	width: 100%;
 	height: 70px;
 	text-align: center;
 	line-height: 70px;
 	font-family: "微软雅黑";
 	font-size: 18px;
 	background: -webkit-linear-gradient(left top, rgba(249, 224, 187, 0.7), rgba(208, 168, 109, 0.7));
 	/* Safari 5.1 - 6.0 */
 	background: -o-linear-gradient(bottom right, rgba(249, 224, 187, 0.7), rgba(208, 168, 109, 0.7));
 	/* Opera 11.1 - 12.0 */
 	background: -moz-linear-gradient(bottom right, rgba(249, 224, 187, 0.7), rgba(208, 168, 109, 0.7));
 	/* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom right, rgba(249, 224, 187, 0.7), rgba(208, 168, 109, 0.7));
 	/* 标准的语法（必须放在最后） */
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list:hover {
 	background: #fff;
 }
 
 .mrg_content .tab2 .tab2_scroll .tab2_list:hover h3 {
 	width: 100%;
 	height: 70px;
 	background: -webkit-linear-gradient(left top, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* Safari 5.1 - 6.0 */
 	background: -o-linear-gradient(bottom right, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* Opera 11.1 - 12.0 */
 	background: -moz-linear-gradient(bottom right, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom right, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* 标准的语法（必须放在最后） */
 }
 
 .mrg_content .tab2 .tab2_scroll .act {
 	background: #fff;
 }
 
 .mrg_content .tab2 .tab2_scroll .act h3 {
 	width: 100%;
 	height: 70px;
 	background: -webkit-linear-gradient(left top, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* Safari 5.1 - 6.0 */
 	background: -o-linear-gradient(bottom right, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* Opera 11.1 - 12.0 */
 	background: -moz-linear-gradient(bottom right, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom right, rgba(249, 224, 187), rgba(208, 168, 109));
 	/* 标准的语法（必须放在最后） */
 }
 
 .tab2_lists {
 	width: 100%;
 	/*height: 710px;*/
 	height: 100%;
 	background: #fff;
 	position: fixed;
 	top: 0px;
 	left: 0;
 	display: none;
 	z-index: 99999;
 }
 
 .lists>div {
 	margin: 50px auto 0 auto;
 	width: 90%;
 	/*height: 590px;*/
 	height: 100%;
 	overflow: auto;
 	padding-left: 45px;
 	padding-right: 45px;
 	display: none;
 	text-align: center;
 }

 .lists>div h5 {
 	font-family: "微软雅黑";
 	font-size: 24px;
 	color: #c89c5d;
 	text-align: center;
 	margin-bottom: 44px;
 }
 
 .lists>div p {
 	font-family: "微软雅黑";
 	font-size: 16px;
 	line-height: 24px;
 	margin-top: 10px;
 	text-align: left;
 }
 .lists>div img{
 	max-width: 900px;
 	height: auto;
 }
 
 .mrg_content .tab3 .tab3_lunbo {
 	width: 1008px;
 	margin: 0 auto;
 }
 
 .tab3_bt {
 	width: 336px;
 	float: left;
 	margin-top: 380px;
 }
 .tab3_bt h3{
 	font-family: "方正宋刻本秀楷简体", "宋体";
 	font-size: 28px;
 	color: #c89c5d;
 	margin-top: 50px;
 }
 .tab3_bt p{
 	font-family: Arial, "宋体";
 	font-size:15px;
 	color: #c89c5d;
 	letter-spacing:2px;
 	margin-top: 10px;
 }
 .out_box{
 	float: left;
 	position: relative;
 }
 .mrg_v{
 	z-index: 999;
 	position: absolute;
 	top:275px;
 	left: 0;
 	width: 670px;
 	height:480px;
 	background: #000;
 	display: none;
 }
 .mrg_v img{
 	position: absolute;
 	top:0;
 	right: 0;
 	cursor: pointer;
 }
  .videos{
  	margin-top: 20px;
  	width: 670px;
 	height:460px;
  }
video{
 	display: none;
 }
 .boxs {
 	width: 670px;
 	height:460px;
 	position: relative;
 	overflow: hidden;
 	
 	margin-top:275px;
 }
 .box_list{
 	height: 460px;
 	transform-style: preserve-3d;
	transform:translate3d(0,0,0);
	transition: all ease 1s;

 }
 .silder{
 	float: left;
 	width: 670px;
 	height: 460px;
 	cursor: pointer;
	position:relative;
	 }
 .silder img{
 	max-width:100%;
 	height: auto;
 }
 .liebiao_sp a{ 
	display:block;
	position:absolute; 
	width:43px; 
	height:43px; 
	background:url(/style/images/new/liebiao_ship.png) no-repeat center 	center;
	top:210px; 
	left:305px; 
	z-index:120;}

 .list{
 	margin:20px auto 0 auto ;
 	height: 2px;
 }
  .list >div{
  	width: 54px;
  	height: 2px ;
  	background: #535353;
  	float: left;
  	margin-left: 7px;
  	cursor: pointer;
  	transition: all ease 1s;
  }
    .list >.d_list{
    	background: #c89c5d;
    }
 .mrg_content .tab4 {
 	background: #232323;
 }
  .mrg_content .tab4 .tab4_scroll{
  	margin-top: 158px;
  	height: 665px;
  	position: relative;
  }
  .tab4_next{
  	position: absolute;
  	right:0;
  	top:190px;
  	z-index: 100;
  	cursor: pointer;
  }
  .tab4_prev{
  	position: absolute;
  	left:0;
  	top:190px;
  	z-index: 100;
  	cursor: pointer;
  }

  .anims{
  	height: 665px;
  	transform-style: preserve-3d;
	transform:translate3d(0,0,0);
	transition: all ease 1s;
  }
  .anims div{
  	float: left;
  	height: 665px;
  	margin-right: 50px;
  	overflow: hidden;
  	position: relative;
  }
  .anims div img{
  	position: absolute;
  	top:0;
  	left: 0;
	cursor: pointer;
  	/*max-width: 100%;
  	height: auto;*/
  }
  .anims div:nth-last-of-type(1){
  	margin-right: 0;
  }
  /*弹出*/
 .mrg_img_sf{
				width: 100%;
				height: 100%;
				display: none;
				z-index: 9999;
				background: url(/img2018/5-5.jpg) repeat 0 0;
				position: fixed;
				top: 0;
				left: 0;
			}
			  .imgCon {
			  	width: 830px;
			  	height: 740px;
			  	margin: 40px auto 0 auto;
			  	/*border: 2px solid #000;*/
			  }
			  
			  .imgDiv {
			  	width: 100%;
			  	height: 100%;
			  }
			  
			  .imgCon img {
			  	width: 100%;
			  }
			  .mrg_img{
			  	width: 100%;
			  	height: 100%;
			  	display: none;
			  }
			  .mrg_img h3{
			  	width: 100%;
			  	height: 117px;
			  	background: #3a3a3a;
			  	position: absolute;
				bottom: 0;
				left: 0;
				color: #8e8e8e;
				font-weight: normal;
			  }
			  .mrg_img h3 p{
			  	width: 100%;
			  	padding-left: 50px;
				text-align: left;
			  	font-family: "方正清刻本悦宋简体", "宋体", "微软雅黑";
				font-size: 25px;
				margin: 18px auto 11px auto;
			  }
			  .mrg_img h3 span{
			  	display: inline-block;
			  	width: 100%;
			  	padding: 0 50px;
			  	height: 50px;
			  	margin: 0 auto;
				text-align: left;
			  	font-family: "微软雅黑";
			  	font-size: 16px;
			  	line-height: 25px;
			  }
 /*动画*/
 
 .an1 {
 	animation: loaderPages 900ms ease-in-out forwards;
 }
 
 .an2 {
 	animation: loaderPages 1100ms ease-in-out forwards;
 }
 
 .an3 {
 	animation: loaderPages 1400ms ease-in-out forwards;
 }
 
 @keyframes loaderPages {
 	0% {
 		opacity: 0;
 		transform: translateY(100%);
 	}
 	100% {
 		opacity: 1;
 		transform: translateY();
 	}
 }
  @keyframes loaderPages1 {
 	0% {
 		opacity: 0;
 		transform: translateX(100%);
 	}
 	100% {
 		opacity: 1;
 		transform: translateX();
 	}
 }