.index .video{padding-top: 80px;}
.index .video .padtop1{ width: 650px; height: 375px;  padding-top: 0px; margin:auto;}

.flexslider .slides img.view-mobile,.view-mobile{ display: none;}
.nav-menu-switch { display: none;}

.index .cover-text{ position: absolute; color: #FFF; width: 40%;width: 300px; text-align: left; top: 34%;left: 24%; font-size: 14px; line-height: 20px;}

.rwd-img-s{ padding-left: 10px; float:right;}
.index .flex-direction-nav .flex-prev,.flexslider:hover .flex-direction-nav .flex-prev{ left:5px;}
.index .flexslider{ border: none;}
.index .newcont{ margin-top:4%;}
@media screen and (max-width: 1023px) {
	
	.index .news{ background: none; display: table; width: 100%;}
	.index .news .cont3{ display: table-row;}
	.index .news .left{ width: 24%;display: table-cell;float: none;background: #EEE8E7;}
	.index .news .right{ display: table-cell; padding: 18px;}


	.index .news .menu_4{  width: 100%; background-position: center 0px;}
	.index .news .newcont{ margin-top: 3%; float: none;}


	.news .newcont span.title{ padding-left: 10px; display: inline-block;}
	.index .margl2{ margin-left:0px; text-align:center; margin-bottom: 50px;}
	.index .padl{padding-left: 0px; display: inline-block; width: 22%; margin:0px 1% ; vertical-align: top;}
	

	.index .video .padtop1{ width: 90%; height: 100%; max-width: 650px; max-height: 375px;}

	.cont3{ max-width: 1000px; width: 100%;}
	#headerdiv .nav{ }
	
	#headerdiv .nav .logo{  width: 188px; overflow: hidden; z-index: 10;}
	#headerdiv .nav .logo img{ width: 335px; max-width: none;}
	
	#headerdiv .gNavi{ margin-left: 200px;}
	
	#headerdiv .cont3{ width: 100%; position: relative; }


	.governancebanner{ background-size: cover; background-position: 49% center;}


	.allbg{ background: none;position: relative; display: table; }
	.allbg2{ display: none;}
	.allbg .cont3{ width: 100%; position: relative; display: table-row; }
	.allbg .cont3 > .left.newcont3{ background: #EEE8E7; width: 20%; min-width: 180px; margin: 0px; padding: 50px 2%;  float: none; display: table-cell; vertical-align: top; height: 100%;  }
	.allbg .cont3 > .right.newcont5{ display: table-cell; float: none; margin: 0px; padding: 50px 4% 50px 4%; }
	.icon{margin: 18px auto; right: 50px; }

	.newcont5{ width: 100%;}
	.padbottom{ line-height: 28px;}

	img{ max-width: 100%;}

	.footcont,.footcont2,.footcont3,.footcont4,.footcont5{
		width:20%; padding:0px;
	}
	.footcont >*,.footcont2 >*,.footcont3 >*,.footcont4 >*,.footcont5 >*{
		padding: 10px;
	}
	.menu-overlay{ position: fixed; height: 100%; width: 100%; background: #000; opacity: .3; display: none;}
	.nav-menu-switch{ display: none;} 
	.nav-menu-switch{  width:auto; cursor:pointer; position:absolute; top:0px; right:2%;}
	.nav-menu-switch span{ display:block; height:8px; background:#91206e; margin-bottom:6px;}


	.cont3.cont4.color1 p{line-height:16px; padding-bottom: 16px;}
	@media screen and (max-width: 850px) {
		#headerdiv .cont8{ width: 70px;}
		#headerdiv .cont9{ width: 140px;}
	}
	
	@media screen and (max-width: 768px) {
		
		@media screen and (max-width: 600px) {
			.rwd-img-s{ max-width:90%; display:block; float:none; margin:auto;}
		}
		
		.flexslider .slides img.view-pc,.view-pc{ display: none;}
		.flexslider .slides img.view-mobile,.view-mobile{ display: block;}
		.allbg{}


		#headerdiv{ position: absolute; width: 100%;}
		.nav-menu-switch{ display: block;}
		.menu-overlay{  display: block;} 
		#headerdiv .cont3{ background: #FFF;}
		#headerdiv .nav .logo{ margin-top: 0px;  position: fixed; background: #FFF;  width: 100%; border-bottom:  solid #CCC 1px;}
		#headerdiv .nav .logo img{ width: auto; height: 38px; margin: 2px auto; }
	
		#headerdiv .nav{ height: auto; width: 100%; position: fixed;}
		#headerdiv .gNavi{  z-index: 5; display: none; width: 100%; margin: 0px 0px; }
		#headerdiv .gNavi.active{ display: block; position: fixed; height: 100%; overflow: scroll; top: 0px; padding-top: 42px;}

		#headerdiv .gNavi > ul{ padding:0px; background: #FFF; position: relative; }
		#headerdiv .gNavi > ul li{ background: #FFF; }
		#headerdiv .gNavi > ul li a{ height: auto; }
		#headerdiv .gNavi ul,#headerdiv .gNavi li{ display: block;  float: none;}
		
		#headerdiv .gNavi a{ width: auto; display: block; border-bottom: 1px solid #CCC; padding: 18px; text-align: center;}
		#headerdiv .gNavi span{ border-left: none;}
		
		#headerdiv .gNavi > ul li.sublinks a{ padding: 6px;}
		ul li.sublinks a{ background: #E7F4FE;}
		ul li.sublinks a:hover,ul li.sublinks a:active { background: #A5D8FF; color: #000;}
		.dropdown.cont9.active{
			color: #1480cc;
		}
		.index .news .left{ display: none;}
		.newcont5 span.title,.news .newcont span.title{ padding-top: 2px; padding-left: 10px; display: inline-block;width: 82%; line-height: 20px;  vertical-align: top;}
		.index .news .newcont{ padding-bottom: 0px;}
		.index .video{padding-top: 20px; height: 230px;background-size: cover;}
		.index .video .padtop1{ max-height: 190px;}

		
		.index .cont-1 img{ display: block; width: 100%;}
		.allbg .cont3 > .left.newcont3{  display: none; }
		#footerdiv{ display: none;}
		.cont3.color1 .cont3.cont4.color1{
			border-top:2px solid #4b99bd;
			padding: 15px;
		}
		.icon{ right: 3%; margin: -32px auto; }
		
		.allbg.onMenu{ opacity: .3}


		.newsbanner,.governancebanner,.governancebanner2,.economybanner,.environmentbanner,.societybanner {
			background-position: center center;
			margin-top: 40px;
			    background-size: cover;
			height:120px;
		}