
.hide{
    display: none;
}

.m3nConWpr{ background:#FBFBFB; padding-bottom:5.2vw;}
		 .m2pos{ font-size: 16px; color: #999999; padding: 0.5vw 0px 1.97vw 0; background: url(../images/m3n_ti.png) no-repeat left center; }
		 .m2pos_a{ color:#999999;}
		 .m3nWpr{}
		 .m3nLx{ float:right; width:80%; padding-left:13px;}/*left*/
		 .m3nLtop{ background: #fff; margin-bottom: 26px; padding: 60px 35px 40px; box-shadow:0 5px 20px rgba(0,0,0,0.05); border-radius:0.4em; }
		 .m3nt{ text-align: center; font-size: 28px; line-height: 16px; font-weight: normal; letter-spacing: 1px; display: block; }
		 .m3ninfo{ text-align: center; border-bottom: 1px solid #E6E6E6; padding: 15px 0px 10px; font-size: 16px; color: #808080; }
		 .m3ninfo span{ display:inline-block; margin:0 10px;}
		 .m3nContent{ font-size: 16px; line-height: 32px; color: #555555; padding: 2.12vw 0px; }
		 .m3nTag{ padding-bottom: 2.6vw; border-bottom: 1px solid #F5F5F5; }
		 .m3nTag strong{ font-size: 16px; float: left; line-height: 34px; font-weight: normal; margin-right:12px; }
		 .m3n_tga{ display: inline-block; font-size: 14px; color: #6d6d6d; background: #EDF0F2; padding: 0px 15px; line-height: 34px; margin-right: 12px; border-radius:0.3em; margin-bottom:12px; }
		 .m3n_tga:hover{ color: #FFF; background: #0e71e9; }
		 .m3nShare{ float: none; height:36px; margin-top:1.62vw;}
		 .m3nShare .footSa span{box-shadow:0 2px 10px rgba(0,0,0,0.1);}
		 .m3nShare .footSa{background-color:#0a51bd!important;}
		 /*.m3nShare .footSa1{ background-image:url(../images/m3n_si1.png)!important;}
		 .m3nShare .footSa2{ background-image:url(../images/m3n_si2.png)!important;}
		 .m3nShare .footSa3{ background-image:url(../images/m3n_si3.png)!important;}
		 .m3nShare .footSa4{ background-image:url(../images/m3n_si4.png)!important;}
		 .m3nShare .footSa5{ background-image:url(../images/m3n_si5.png)!important;}*/
		 .m3nPage{ background: #FFF; padding: 1.25vw 215px 1.25vw 2.08vw; position:relative; border-top:3px solid #0e71e9; box-shadow:0 5px 20px rgba(0,0,0,0.07); border-radius:0.4em;}
		 .m3nPage p{ font-size: 16px; line-height: 36px; height: 36px; }
		 .m3nBack{ background: url(../image/m3nbak.png) no-repeat left center; height: 50px; width: 142px; font-size: 14px; line-height: 50px; color: #FFF; text-align: left; display: inline-block; padding-left: 62px; position: absolute; top: 50%; right: 35px; margin-top: -25px; border-radius:0.3em;}
		 .m3nBack:hover{ color:#fff; box-shadow:0 5px 20px rgba(14,113,233,0.3); transform:translateY(-5px);}
		 .m3nRx{ width:20%; padding-left:0px; float:left; padding-bottom:1.6vw;}/*right*/
		 
		 .m3nRsx{ background:#fff; padding:36px 18px 0; margin-bottom:22px; box-shadow:0 5px 20px rgba(0,0,0,0.05); border-radius:0.4em;}
		 .m3nrt{ line-height: 26px; height: 26px; border-left: 2px solid #009ee0; margin-left: -18px; padding-left:25px; font-size:22px; letter-spacing:1px;font-weight:700;color: #009ee0;}
		 .m3nrTa{ display:block; margin:30px 0 22px;}
		 .m3nrTa .overflowHide{ height:236px;}
		 .m3nrTa .bgImg:after{ content: ""; background: url(../image/m3n_rbg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
		 .m3nrTa strong{ display: block; font-size: 16px; line-height: 44px; letter-spacing: 1px; color: #FFF; position: absolute; left: 20px; right: 20px; bottom: 0px; font-weight: normal; text-align: center; }
		 .m3nrul{ padding-bottom: 25px; }
		 .m3nrul2{margin-top:15px;}
		 .m3nrul li{ line-height: 54px; height: 55px; border-bottom: 1px dashed #D5D5D5; font-size: 16px; padding-left: 10px; position: relative; }
		 
		  .m3nrul li a:hover{ color: #009ee0; }
		 .m3nrul li:before{ content: ""; background: #CCCCCC; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 8px; top: 50%; }
		 .m3nrul li:last-child{border:none;}
		 
		 
		 
		 .m3nRsxh{ background:#fff; padding:36px 18px 0; margin-bottom:22px; box-shadow:0 5px 20px rgba(0,0,0,0.05); border-radius:0.4em;}
		 .m3nrth{ line-height: 26px; height: 26px; border-left: 2px solid #e30016; margin-left: -18px; padding-left:25px; font-size:22px; letter-spacing:1px;font-weight:700;color: #e30016;}
		 .m3nrTah{ display:block; margin:30px 0 22px;}
		 .m3nrTah .overflowHide{ height:236px;}
		 .m3nrTah .bgImg:after{ content: ""; background: url(../image/m3n_rbg.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
		 .m3nrTah strong{ display: block; font-size: 16px; line-height: 44px; letter-spacing: 1px; color: #FFF; position: absolute; left: 20px; right: 20px; bottom: 0px; font-weight: normal; text-align: center; }
		 .m3nrulh{ padding-bottom: 25px; }
		 .m3nrul2h{margin-top:15px;}
		 .m3nrulh li{ line-height: 54px; height: 55px; border-bottom: 1px dashed #D5D5D5; font-size: 16px; padding-left: 10px; position: relative; }
		 
		  .m3nrulh li a:hover{ color: #009ee0; }
		 .m3nrulh li:before{ content: ""; background: #CCCCCC; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 8px; top: 50%; }
		 .m3nrulh li:last-child{border:none;}
		 
		 .m3nrTag{ padding-bottom:26px; margin-top:30px}
		 
		 .fixed{ width:240px; height:300px;     top:95px;}
		 @media (max-width:1799px){
		 .m3nContent{font-size:15px; line-height:30px;}
		 .m3nTag strong{font-size:15px;}
		 .m3nt{font-size:28px; line-height:42px;}
		 .m3nrTa{margin:20px 0 15px;}
		 .m3nrTa strong{font-size:15px;}
		 .m3nrTa .overflowHide{height:185px;}
		 .m3nrul li{font-size:15px; padding-left:27px;}
		 }
		 @media (max-width:1379px){
		 
		 }
		 @media (max-width:1199px){
		 
		 }
		 @media (max-width:993px){
		 .m3nLx{width:100%; float:none; padding-left:0; padding-top:50px;}
		 .m3nRx{width:100%; float:none; padding-right:0}
		 }
		 @media (max-width:767px){
		 .m3nt{font-size:21px; line-height:32px;}
		 .m3ninfo{font-size:12px;}
		 .m3nContent{padding:15px 0;}
		 .m3nPage{padding:15px 15px 35px}
		 .m3nBack{display:block; position:static; margin-top:10px;}
		 .m3nPage p{font-size:14px; line-height:30px; height:30px;}
		 
		  .fixed{ width:100%; height:auto;     top:95px;}
		 }
		 
		 
		 
		 
		 .main-group{
		 		width:100%;
		 		margin:40px auto;
		 	}
		 	.ranking-title{
		 		text-align: center;
		 		padding:0 0 40px 0;
		 	}
		 	.ranking-title .title{
		 		font-size:28px;
		 		font-weight: bold;
		 		color: #dd393d;
		 	}
		 	.ranking-title .brand{
		 		margin:5px auto 10px auto;
		 		width:30px;
		 		height:3px;
		 		background: #fdc936;
		 		border-radius: 20px;
		 	}
		 	.ranking-title .desc{
		 		font-size:12px;
		 	}
		 	.ranking-nav-group{
		 		display: flex;
		 		background: #fff;
		 		margin-top:5px;border:1px solid #009035
		 	}
		 	.ranking-nav-group div{
		 		width:25%;
		 		height:40px;
		 		line-height: 40px;
		 		text-align: center;
		 		font-size: 14px;
		 		color: #9d9d9d;
		 		cursor: pointer;border-right: 1px solid #009035
		 	}
		 	
		 	.ranking-nav-group div:last-child{border-right: 0 }
		 	.ranking-nav-group div.self{
		 		color: #fff;
		 		background: #009035;	
		 	}
			
			/*---转因子---*/
			.ranking-nav-groupa{
				display: flex;
				background: #fff;
				margin-top:5px;border:1px solid #009035
			}
			.ranking-nav-groupa div{
				width:50%;
				height:40px;
				line-height: 40px;
				text-align: center;
				font-size: 14px;
				color: #9d9d9d;
				cursor: pointer;border-right: 1px solid #009035
			}
			
			.ranking-nav-groupa div:last-child{border-right: 0 }
			.ranking-nav-groupa div.self{
				color: #fff;
				background: #009035;	
			}
			
			/*---------------*/
			
			
		 	
		 	.items-box-group .items-group .item-group{
		 		display: flex;
		 		align-items:center;
		 		background: #fff;
		 		margin-top:5px;
		 		padding:20px 0;z-index: -991000;
		 	}
		 	.items-box-group .items-group .item-group .img{
		 		width:10%;
		 		text-align: center;
		 		background: url(../image/sort.png) no-repeat;
		 		background-size: 30px 30px;
		 		background-position: 50% 50%;
		 		height:40px;
		 		line-height: 45px;
		 		color: #fff;
		 		font-weight: bold;
		 		font-size: 14px
		 	}
		 	.items-box-group .items-group .item-group .item-data{
		 		width:70%;
		 	}
		 	.items-box-group .items-group .item-group .buttin-group{
		 		width:20%;	
		 	}
		 	
		 	.item-data .title{
		 		font-size: 20px;
		 		font-weight: bold;
		 	}
		 	.item-data .title span{
		 		color: #9e9e9e;
		 		margin-left:10px;
		 	}
		 	.item-price{
		 		display: flex;
		 		margin-top:10px;
		 	}
		 	.item-price div{
		 		width:33.33%;
		 		font-size: 30px;
		 		font-weight: bold;
		 		color: #dd393d;
		 	}
		 	.item-price div span{ 
		 		font-size: 24px
		 	}
		 	.item-price div p{
		 		font-size: 14px;
		 		color: #9e9e9e;
		 		font-weight: 400;
		 	}
		 	.buttin-group a{
		 		width:80%;
		 		height:36px;
		 		line-height: 36px;
		 		border:0;
		 		background: #dd393e;
		 		color: #fff;
		 		border-radius: 30px;
		 		display:inline-block;
		 		text-align:center;
		 		color:#fff;
		 		text-decoration:none;
		 	}
		 	
		 
		 	
		 	
		 	.introduction{
		 	 
		 	padding-bottom: 70px;
		 	/* background-color: #FFFFFF; */
		 }
		 .introduction .box{
		 	margin-top: 40px;
		 }
		 .introduction .box ul li{
		 	position: relative;
		 	padding-top: 30px;
		 	padding-bottom: 30px;
		 	padding-left: 3.6%;
		 	padding-right: 7.2%;
		 	background: #f5f6f7;
		 	overflow: hidden;
		 	margin-bottom: 20px;
		 	-webkit-transition: all 0.4s ease;
		 	transition: all 0.4s ease;
		 	cursor: pointer;
		 }
		 .introduction .box ul li.on, .introduction .box ul li:hover{
		 	background-color: #FFFFFF;
		 	box-shadow: 0px 5px 23px rgba(0,0,0,0.08);
		 }
		 .introduction .box ul li.on:before{
		 	content: '';
		 	position: absolute;
		 	left: 0;
		 	top: 30px;
		 	width: 4px;
		 	height: 26px;
		 	background: #009ee0;z-index: 6;
		 }
		 .introduction .box ul li .tit{
		 	position: relative;
		 	font-family: 'syr';
		 	color: #000000;
		 	font-size: 18px;
		 	-webkit-transition: all 0.3s ease;
		 	transition: all 0.3s ease;
		 }
		 .introduction .box ul li.on .tit{
		 	color: #009ee0;
		 }
		 .introduction .box ul li .txt{
		 	margin-top: 15px;
		 	color: #666666;
		 	font-size: 14px;
		 	line-height: 2;
		 	height: auto;
		 	overflow: hidden;
		 	-webkit-transition: all 0.7s ease;
		     transition: all 0.7s ease;
		 }
		 /*.introduction .box ul li.on .txt{
		 	height: 200px;
		 }*/
		 .introduction .box ul li .more_btn{
		 	margin-top: 15px;
		 }
		 .introduction .box ul li .more_btn span{
		 	color: #19aeae;
		 	font-size: 14px;
		 	cursor: pointer;
		 }
		 .introduction .box ul li .icon{
		 	position: absolute;
		 	right: 3.6%;
		 	top: 30px;
		 	width: 35px;
		 	height: 35px;
		 	background: url(../image/img76.png) center no-repeat;
		 	background-size: 100% auto;
		 }
		 .introduction .box ul li.on .icon{
		 	background: url(../image/img77.png) center no-repeat;
		 	background-size: 100% auto;
		 }
		 .load_more{
		 	padding-top: 25px;
		 	text-align: center;
		 }
		 .load_more span{
		 	font-size: 14px;
		 	color: #444444;
		 }
		 @media only screen and (max-width: 1440px){
		 	.governance{
		 		padding-top: 80px;
		 	}
		 	.introduction{
		 		padding-top: 90px;
		 	}
		 }
		 @media only screen and (max-width: 1280px){
		 	.governance{
		 		padding-top: 70px;
		 	}
		 	.introduction{
		 		padding-top: 80px;
		 	}
		 }
		 @media only screen and (max-width: 1024px){
		 	.governance{
		 		padding-top: 60px;
		 	}
		 	.introduction{
		 		padding-top: 70px;
		 	}
		 	.introduction .box ul li{
		 		padding-top: 30px;
		 		padding-bottom: 30px;
		 		padding-left: 30px;
		 		padding-right: 80px;
		 	}
		 	.introduction .box ul li .icon{
		 		right: 20px;
		 	}
		 }
		 @media only screen and (max-width: 768px){
		 	.governance{
		 		padding-top: 50px;
		 		padding-bottom: 50px;
		 	}
		 	.introduction{
		 		padding-top: 60px;
		 		padding-bottom: 60px;
		 	}
		 	.introduction .box ul li{
		 		padding-top: 25px;
		 		padding-bottom: 25px;
		 		padding-left: 25px;
		 		padding-right: 70px;
		 	}
		 	.introduction .box ul li.on:before{
		 		top: 25px;
		 		width: 3px;
		 	}
		 }
		 @media only screen and (max-width: 540px){
		 	.governance{
		 		padding-top: 30px;
		 		padding-bottom: 40px;
		 	}
		 	.g_notice_box{
		 		padding-bottom: 60px;
		 	}
		 	.load_more{
		 		padding-top: 15px;
		 	}
		 	.introduction{
		 		padding-top: 0px;
		 		padding-bottom: 50px;
		 	}
		 	.introduction .box ul li{
		 		padding-top: 20px;
		 		padding-bottom: 20px;
		 		padding-left: 20px;
		 		padding-right: 20px;
		 	}
		 	.introduction .box ul li.on:before{
		 		top: 20px;
		 	}
		 	.introduction .box ul li .icon{
		 		width: 30px;
		 		height: 30px;
		 		top: 20px;
		 	}
		 }
		 @media only screen and (max-width: 414px){
		 	.g_notice_box{
		 		padding-bottom: 50px;
		 	}
		 	.g_notice_box .swiper-pagination-bullet{
		 		width: 8px;
		 		height: 8px;
		 	}
		 	.introduction .box ul li .tit{
		 		font-size: 16px;
		 	}
		 	.introduction .box ul li .txt{
		 		margin-top: 10px;
		 	}
		 	.introduction .box ul li .icon{
		 		right: 15px;
		 		top: 20px;
		 	}
		 } 
		 
		 
		 .am-badge {
		     display: inline-block;
		     min-width: 10px;
		     padding: 5px 10px;
		     font-size: 12px;
		     font-weight: 500;
		     color: #fff;
		     line-height: 1;
		     vertical-align: baseline;
		     white-space: nowrap;
		     text-align: center;
		     background-color: #999;
		     border-radius: 0
		 }
		 
		 .am-badge:empty {
		     display: none
		 }
		 
		 
		 .am-badge.am-square {
		     border-radius: 0
		 }
		 
		 .am-badge.am-radius {
		     border-radius: 2px
		 }
		 
		 .am-badge.am-round {
		     border-radius: 1000px
		 }
		 
		 a.am-badge:focus,a.am-badge:hover {
		     color: #fff;
		     text-decoration: none;
		     cursor: pointer
		 }
		 
		 .am-badge-primary {
		     background-color: #0e90d2
		 }
		 
		 .am-badge-secondary {
		     background-color: #3bb4f2
		 }
		 
		 .am-badge-success {
		     background-color: #5eb95e
		 }
		 
		 .am-badge-warning {
		     background-color: #F37B1D
		 }
		 
		 .am-badge-danger {
		     background-color: #dd514c
		 }
		 
		  
		 .m3nRsxh ul li:nth-child(1) .bg{ background-color: #dd514c}
		 .m3nRsxh ul li:nth-child(2) .bg{ background-color: #F37B1D}
		 .m3nRsxh ul li:nth-child(3) .bg{ background-color: #5eb95e}
		 
		 .m3nRsxh ul li .bg{ background-color: #999}
		 
		 
		 
		 
		 .z_wenda_list  h3{font-size: 18px;font-weight: bold;color: #000000;line-height: 30px; }
		 .z_wenda_list  .desc{color: #555555;line-height: 28px; font-size: 16px;margin-bottom: 25px;}
		 .z_wenda_list  .desc em{color: #196CCF;}
		 .z_wenda_list { margin-bottom: 2vw;}
		  
		 
		 
		 
		 
		 .introduction .item-con{padding: 46px 100px 20px 110px;border-top: 1px dashed #ccc;}
		 .introduction .item-con li{position: relative;margin-bottom: 1.5em;padding-left: 20px;color: #000;line-height: 1.875em;}
		 .introduction .item-con li::before{position: absolute;top: 11px;left: 0;display: block;content: "";width: 8px;height: 8px;border-radius: 50%;background: #1758b3;}
		 
		 
		 table {border-spacing: 0px;border-collapse: separate;border:1px solid #000}
		 tr td{border:1px solid #000;text-align: center;}
		 
		 
		 
		  .canshu{width:100%;  margin-top:10px; display:block; overflow-x:auto; background:#fff;}
		 .canshu table{width:1050px;} 
		 .cs-d{display:none;}
		 
		 @media(min-width:1024px){
		  
		 
		 .canshu{width:100%;  margin-top:10px; display:block; overflow-x:auto; background:#fff;font-size: 13px;}
		 .canshu table{width:100%;} 
		 .cs-d{display:none;}}
		 
		 @media screen and (max-width:640px) { .canshu{width:100%; max-width:1050px; margin-top:10px; display:block; overflow-x:scroll;font-size: 13px;}
		 .canshu table{width:100%; } 
		 .canshu table img{width:auto} 
		 .canshu table td{ padding:5px; white-space:nowrap;}
		   
		   .cs-d{display:block;color: #e30016;}
		   }
		 	
		 	
		 	
		 										
		 										.canshu td{overflow: hidden;
		 										    border: solid 1px #ddd; text-align: center;height:25px; line-height: 25px} 
		 										           
		 										                   .canshu p{ margin-top: 10px;}
																   
																   
																   
																   
																   
																   