@charset "utf-8";
*{padding:0;margin:0;border:0;}
ul,ol,li{list-style:none;}
input:focus,button:focus{outline:0;}
img{border:0;vertical-align:top;}
var,em{font-weight:normal;font-style:normal;}
html,body{font-family:'Microsoft YaHei',Arial,sans-serif;font-size:14px;color:#333;}
a{color:#333;text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:'';overflow:hidden;width:100%;height:0px;font-size:0px;display:block;clear:both;}
.m_mob{display: none;}
.m_l_main{float: left;}
.m_r_main{float: right;}
.m_banner{width: 1200px; text-align: center; margin-left: auto; margin-right: auto;}

.g_bdw{ width: 100%;}
.m_header{height: 916px; position: relative; width: 1200px; margin-left: auto; margin-right: auto;}
.m_h_img{position: absolute; top: 166px; left: 77px; height: 0;}
.m_h_img img{opacity: 0;}
.m_webBan{display: none;}
.g_pub_footer{margin-top:0 !important;}

/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;*/

/*.g_part5 .m_ulLists ul{height: 540px; overflow-y: auto;}
.g_part5 .m_ulLists ul::-webkit-scrollbar{width:10px;height:10px;background-color:#08b2db; border-radius: 15px;}
.g_part5 .m_ulLists ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#aed9e1; border-radius: 15px;}
.g_part5 .m_ulLists ul::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);width:1px;background-color:#08b2db; border-radius: 15px;}*/


.m_1200{width: 1200px; margin-left: auto; margin-right: auto; position: relative;}
html, body {
	position: relative;
	height: 100%;
	width: 100%;
}
body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*.swiper-container-vertical>.swiper-pagination-bullets{right: -140px !important;}
.swiper-container-vertical>.swiper-pagination-bullets:hover{right: 0 !important;}
.swiper .swiper-pagination-bullet{opacity:1; }
.swiper .swiper-pagination span{width: 170px;height: 61px;border-radius: 0;margin:3px 0;}
.swiper .swiper-pagination span:nth-child(1){background: url(../images/nav1.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(1):hover,.swiper .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background: url(../images/nav1_1.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(2){background: url(../images/nav3.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(2):hover,.swiper .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background: url(../images/nav3_3.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(3){background: url(../images/nav3.png?v=1) 0 0 no-repeat; display: none;}
.swiper .swiper-pagination span:nth-child(3):hover,.swiper .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background: url(../images/nav3_3.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(4){display: none;}
.swiper .swiper-pagination span:nth-child(5){display: none;}
.swiper .swiper-pagination span:nth-child(6){display: none;}
.swiper .swiper-pagination span:nth-child(7){display: none;}
.swiper .swiper-pagination span:nth-child(8){display: none;}

.swiper .swiper-pagination span:nth-child(8){background: url(../images/nav4.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(8):hover,.swiper .swiper-pagination span:nth-child(8).swiper-pagination-bullet-active{background: url(../images/nav4_4.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(9){background: url(../images/nav5.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(9):hover,.swiper .swiper-pagination span:nth-child(9).swiper-pagination-bullet-active{background: url(../images/nav5_5.png) 0 0 no-repeat;}*/

.swiper-container-vertical>.swiper-pagination-bullets{right: -140px !important;}
.swiper-container-vertical>.swiper-pagination-bullets:hover{right: 0 !important;}
.swiper .swiper-pagination-bullet{opacity:1; }
.swiper .swiper-pagination span{width: 170px;height: 61px;border-radius: 0;margin:3px 0;}
.swiper .swiper-pagination span:nth-child(1){background: url(../images/nav1.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(1):hover,.swiper .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background: url(../images/nav1_1.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(2){background: url(../images/nav2.png) 0 0 no-repeat; display:none;}
.swiper .swiper-pagination span:nth-child(2):hover,.swiper .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background: url(../images/nav2_2.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(3){background: url(../images/nav3.png?v=1) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(3):hover,.swiper .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background: url(../images/nav3_3.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(4){display: none;}
.swiper .swiper-pagination span:nth-child(5){display: none;}
.swiper .swiper-pagination span:nth-child(6){display: none;}
.swiper .swiper-pagination span:nth-child(7){display: none;}
.swiper .swiper-pagination span:nth-child(8){display: none;}

.swiper .swiper-pagination span:nth-child(9){background: url(../images/nav4.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(9):hover,.swiper .swiper-pagination span:nth-child(9).swiper-pagination-bullet-active{background: url(../images/nav4_4.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(10){background: url(../images/nav5.png) 0 0 no-repeat;}
.swiper .swiper-pagination span:nth-child(10):hover,.swiper .swiper-pagination span:nth-child(10).swiper-pagination-bullet-active{background: url(../images/nav5_5.png) 0 0 no-repeat;}



.m_icon{text-align: center; margin-top: 35px;}

.m_tips{position: absolute; bottom: 2%; text-align: center; width: 300px; left: 50%; margin-left: -150px;}
.m_tips p{margin-top: 5%; color: #fff; font-size: 22px;}

/* 首屏 */
.m_slide1{background: url(../images/page1.jpg) center no-repeat; width: 100%; height: 100%; background-size: 100% 100%;}
.g_page1 .m_con{width: 60%; margin-left: auto; margin-right: auto; text-align: center; height: auto !important; margin-top: 300px;}
.g_page1 .m_con .m_img1{margin-bottom: 3%;}

/* 第二屏 综宣纵览 */
.m_slide2{background: url(../images/page2.jpg) center no-repeat; width: 100%; height: 100%; background-size: 100% 100%;}
.m_1000{width: 1000px; margin-left: auto; margin-right: auto;}
.g_page2 .g_headline {
    width: 1000px;
    height: 180px;
    background: url(../images/page2_bza.png) no-repeat;
    margin: 144px auto 0 auto; overflow: hidden;
}
.g_page2 .g_headline p {
    line-height: 30px;
    text-indent: 2em;
    padding: 15px 90px 0 130px;
    color: #ffd398;
    font-size: 18px;
}
.g_page2 .m_video{
	background: url(../images/page2_video.png) center no-repeat; height: 541px; margin-top: 30px; overflow: hidden;
}
.g_page2 .gmwvideo{width: 858px; height: 483px; margin-left: auto; margin-right: auto; margin-top: 52px;}

/* 第三屏 非遗焕新 */
.m_slide3{background: url(../images/page3_bg1.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.g_page3 .m_con{margin-top: 170px;}
.m_1100{width: 1100px; margin-left: auto; margin-right: auto;}
.g_page3 .m_con ul{margin-right: -68px;}
.g_page3 .m_con ul li{
	float: left;
	background: url(../images/page2_block.png) no-repeat; position: relative; width: 354px; height: 217px; margin-right: 26px;
}
.g_page3 .m_con ul li img{width: 317px; border-radius:5px; height: 180px; display: block; margin-left: 18px; margin-top: 13px;}
.g_page3 .m_con ul li .m_icon{
	background: url(../images/playIcon.png) no-repeat;
	position: absolute; top: 50%; left: 50%; width: 43px; height: 43px; margin-top: -21.5px; margin-left: -21.5px;
}
.g_page3 .m_con ul li .m_imgTitle {
    position: absolute;
    bottom: 22px;
	left: 19px;
	border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 10px 0;
    line-height: 20px;
    font-size: 14px;
    width: 317px;
	color: #eecca6;
	font-weight: bold;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	background: url(../images/page2_titleBg.png) repeat;
}
.g_page3 .m_con ul li .m_imgTitle a{color: #eecca6; padding: 0 15px;}
.g_page3 .m_710{width: 730px; margin-left: auto; margin-right: auto; margin-top: 20px;}

.m_slide4{background: url(../images/page3_bg2.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.m_slide5{background: url(../images/page3_bg3.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.m_slide6{background: url(../images/page3_bg4.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.m_slide7{background: url(../images/page3_bg5.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.m_slide8{background: url(../images/page3_bg6.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}

/* AI动画 */
.m_slide9{background: url(../images/page4_1.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.g_page4 .m_videoWrap{background: url('../images/page4_videoBg.png') 0 no-repeat; width: 1000px; height: 541px; margin-left: auto; margin-right: auto; overflow: hidden; margin-top: 165px; position: relative;}
.g_page4 .m_videoWrap img{width: 858px; height: 483px; margin-left: auto; margin-right: auto; margin-top: 52px; position: relative; display: block; border-radius: 10px;}
.g_page4 .m_videoWrap .m_imgTitle { position: absolute; height: 39px; line-height: 39px; font-size: 20px; width: 858px;bottom: 4px; left: 71px; border-radius: 0 0 10px 10px; text-align: center; background: url(../images/page2_titleBg.png) repeat; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #eecca6;}
.g_page4 .m_videoWrap .m_imgTitle a { color: #eecca6; padding: 0 20px;}

.g_page4 .swiper-container3{position: relative; width: 800px; overflow: hidden; margin-left: auto; margin-right: auto;}
.g_page4 .m_imgs{position: relative; width: 930px; margin-left: auto; margin-right: auto; margin-top:20px;}

.g_page4 .swiper-container3 img{width: 255px; height: 145px; display: block; margin-left: auto; margin-right: auto; }
.g_page4 .swiper-container3 .m_imgTitle { position: absolute; bottom: 0; left: 0; height: 36px; line-height: 36px; background: url(../images/page2_titleBg.png) repeat; font-size: 18px; width: 257px;text-align: center; margin-left: auto; margin-right: auto; color: #eecca6;}
.g_page4 .swiper-container3 .m_imgTitle a { color: #eecca6; display: block; width: 96%; margin-left: auto; margin-right: auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.g_page4 .next, .g_page4 .prev{background-image: none; cursor: pointer; width: 41px; height: 145px; position: absolute; top: 50%; margin-top: -72.5px;}
.g_page4 .next{float: right; right: 0;}
.g_page4 .prev{float: left;}
.g_page4 .swiper-slide{position: relative; background: none !important;}
.g_page4 .swiper-slide .m_icon{background: url('../images/icon2.png') no-repeat; width: 41px; height: 40px; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20.5px; display: none;}
.g_page4 .prev{background: url(../images/left.png) center no-repeat;}
.g_page4 .next{background: url(../images/right.png) center no-repeat;}
.g_page4 .prev:hover{background: url(../images/left_on.png) center no-repeat;}
.g_page4 .next:hover{background: url(../images/right_on.png) center no-repeat;}

/* 精彩定格 */
.m_slide10{background: url(../images/page5_1.png) center no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden;}
.g_page5 .m_con{width: 1045px; margin-left: auto; margin-right: auto; margin-top: 180px;}
.m_roundAbout {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.m_roundAbout .poster-main {
  width: 930px;
  height: 712px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.m_roundAbout .poster-btn {
  width: 49px;
  height: 64px;
  position: absolute;
  top: 0px;
  cursor: pointer;
}
.m_roundAbout .poster-prev-btn {
  left: -95px;
  background: url(../images/left.png) no-repeat;
  background-position: left center;
}
.m_roundAbout .poster-prev-btn:hover{background: url(../images/left_on.png) no-repeat; background-position: left center;}

.m_roundAbout .poster-next-btn {
  right: -95px;
  background: url(../images/right.png) no-repeat;
  background-position: right center;
}
.m_roundAbout .poster-next-btn:hover{background: url(../images/right_on.png) no-repeat; background-position: right center;}

.m_roundAbout .poster-list .list-item {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/jzbg.png) center no-repeat;
}
.m_roundAbout .poster-list .list-item .u-pic {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.m_roundAbout .poster-list .list-item .u-pic img {
  display: block;
  width: 378px;
  height: 629px;
  vertical-align: top;
  margin-left: auto; margin-right: auto; margin-top: 35px;
}
.m_roundAbout .m_title{width:100%;color:#fff;font-size:20px;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); text-align: center; background: rgba(0, 0, 0, 0.35); position: absolute; bottom: 0; left: 0; height: 70px; line-height: 70px; text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; display: none;}
	
@media screen and (max-width: 750px){
	.m_slide1{background-size:cover;}
	.m_1100,.m_1000{width:96%;}
	.g_page3 .m_710{width:100%; margin-top:0;}
	.g_page3 .m_con ul{margin-right:0; width:96%; margin-left:auto; margin-right:auto;}
	.g_page3 .m_con{margin-top:30px;}
	.g_page3 .m_con ul li{background:none; margin: 0 auto 2% auto;
    width: 53%; height:auto; float:none;}
	.g_page3 .m_con ul li .m_imgTitle{width:100%; bottom:0; left:0; border-radius:0;}
	.g_page3 .m_con ul li img{width:100%; height:auto; margin-left:0; margin-top:0;}
	.m_slide9 .m_1000{zoom:0.3;}
	.g_page5 .m_con{zoom:0.3;}
	.g_page4 .m_videoWrap,.g_page5 .m_con{margin-top:50%;}
}