@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; position: relative; margin-bottom: 42px;}
.m_banner a{position: absolute; right: 0; top: 77px;}
body{
	background: url(../images/bg.jpg) center repeat-y;
}
.g_bdw{ width: 100%; background: url(../images/header.jpg) top center no-repeat;}
.m_header{height: 970px; position: relative; width: 1200px; margin-left: auto; margin-right: auto;}
.m_h_img{position: absolute; top: 99px; left: 163px; 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;}*/

/* 视频 */
.g_part1{
	background: url(../images/part1_bg.png) center no-repeat;
	width: 1223px; height: 525px; margin-left: auto; margin-right: auto;
}
.gmwvideo{width: 770px; height: 435px; margin-left: 12px;}
.g_part1 .m_text{font-size: 16px; color: #555555; text-indent: 2em; line-height: 32px; width: 350px; margin-right: 30px; margin-top: 30px;}

/* 美丽中国我先行 */
.g_part2{width: 1200px; margin-left: auto; margin-right: auto;}
.g_part2 .m_con{position: relative;}
.swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 300px;

}
.swiper-slide .m_imgWrap{
	background: url(../images/block2.png) no-repeat;
	width: 310px; height: 356px; text-align: center; padding-top: 10px;
}
.swiper-slide .m_imgWrap img{width: 275px; height: 275px; border-radius: 15px;}
.swiper-slide .m_imgWrap .m_title{text-align: center; margin-top: 15px; font-size: 16px; color: #555555; line-height: 24px; padding:0 20px;}
.swiper-slide .m_imgWrap .m_title a{color: #555555;}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{background-image: none !important;}
.g_part2 .swiper-button-prev,.g_part2 .swiper-button-next {width: 47px;height: 47px; margin: 0;left: 0;right: 0;top: 50%;z-index: 1; background: url(../images/left.png) 0 0 no-repeat;}
.g_part2 .swiper-button-prev {left: -20px;}
.g_part2 .swiper-button-prev:hover{background: url(../images/left_on.png) 0 0 no-repeat;}
.g_part2 .swiper-button-next {left: auto;right: -20px; background: url(../images/right.png) 0 0 no-repeat;}
.g_part2 .swiper-button-next:hover{background: url(../images/right_on.png) 0 0 no-repeat;}

/* 绿色答卷 */
.g_part3{
	background: url(../images/part3_bg.jpg) top center no-repeat;
	height: 1249px;
}
.g_part3 .m_con{
	background: url(../images/part3Bg.png) 2px -2px no-repeat;
	width: 1007px;
	height: 1014px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.g_part3 .m_btns{height: 1014px;}
.g_part3 .m_btn{position: absolute; top: 0; width: 159px; opacity: 0.5;}
.g_part3 .m_btn:hover{opacity: 1;}
.g_part3 .m_btn p{font-size: 16px; color: #12818a; text-align: center;}
.g_part3 .m_btn p a{color: #12818a;}
.g_part3 .m_btn img{ height: 221px; width: 159px; margin-top: 30px; position: relative; z-index: 2;}
.g_part3 .m_btn1{transform: rotate(360deg); left: 344px; top: 13px;}
.g_part3 .m_btn2{transform: rotate(22.5deg); left: 485px; top: 8px;}
.g_part3 .m_btn3{transform: rotate(45deg); left: 617px; top: 60px;}
.g_part3 .m_btn4{transform: rotate(67.5deg); left: 722px; top: 156px;}
.g_part3 .m_btn5{transform: rotate(90deg); left: 781px; top: 285px;}
.g_part3 .m_btn6{transform: rotate(112.5deg); left: 787px; top: 426px;}
.g_part3 .m_btn7{transform: rotate(135deg); left: 737px; top: 559px;}
.g_part3 .m_btn8{transform: rotate(157.5deg); left: 639px; top: 662px;}
.g_part3 .m_btn9{transform: rotate(180deg); left: 509px; top: 720px;}
.g_part3 .m_btn10{transform: rotate(202.5deg); left: 367px; top: auto; bottom: 16px;}
.g_part3 .m_btn11{transform: rotate(225deg); left: 232px; top: auto; bottom: 66px;}
.g_part3 .m_btn12{transform: rotate(247.5deg); left: 129px; top: auto; bottom: 162px;}
.g_part3 .m_btn13{transform: rotate(270deg); left: 71px; top: auto; bottom: 292px;}
.g_part3 .m_btn14{transform: rotate(292.5deg); left: 66px; top: auto; bottom: 431px;}
.g_part3 .m_btn15{transform: rotate(315deg); left: 114px; top: auto; bottom: 564px;}
.g_part3 .m_btn16{transform: rotate(337.5deg); left: 212px; top: 72px;}


.m_layers{position: absolute; width: 313px; left: 50%; margin-left: -156.5px; top: 320px;}
.m_layers .m_title{font-size: 18px; margin-bottom: 20px; text-align: center; color: #555555; font-weight: bold;}
.m_layers .m_title a{color: #555555;}
.m_layers .m_zy{font-size: 16px; color: #FFFFFF; line-height: 34px; text-indent: 2em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.m_layer{display: none;}

/* 图集 */
.g_fullScreenImgs { margin-top: 50px; max-width: 1920px; margin-left: auto; margin-right: auto;} 
.g_fullScreenImgs .m_fullImgsWrap { overflow: hidden; zoom: 1; position: relative; margin-bottom: 45px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon { width: 960px; height: 510px; margin: auto; position: relative; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon img { width: 950px; height: 500px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs { overflow: visible; position: absolute; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul { width: 960px; height: 510px; zoom: 1; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul:after { content: ""; display: block; clear: both; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul li {z-index: 1; position: absolute; top: 0; left: 0; width: 950px; height: 500px; overflow: hidden; left: 1920px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul li a { display: inline-block; position: relative; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul li .m_imgTitle { position: absolute; color: #FFFFFF; bottom: 0; left: 0; width: 950px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); height: 55px; line-height: 55px; text-align: center; font-size: 18px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs ul li .m_imgTitle a { color: #FFFFFF; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd { height: 510px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_prev, .g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_next {display: block; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; z-index: 3;} 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_prev img, .g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_next img { width: 26px; height: 77px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_prev:hover img { display: inline; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_next { margin: -25px 5px 0 0; right: 10px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .u_next:hover img { display: inline; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .mask-left, .g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .mask-right {z-index: 4; position: absolute; top: 0; left: 0; width: 950px; height: 500px; left: -960px; filter: alpha(opacity=50); opacity: .5; background: #fff; overflow: hidden;} 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .m_fullImgs_hd .mask-right { left: 960px; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .disabled { background-color: #eee; } 
.g_fullScreenImgs .m_fullImgsWrap .m_fullImgsCon .active { z-index: 2; left: 0; }