@charset "utf-8";
/* CSS Document */
/* index */


@media (min-width: 1171px){
	
	.T-nav li > a.cur{
		color: #fff;
		background: #328f30;
	}
	.T-nav li:hover > a{
		color: #fff;
		background: #328f30;
		transition: all 0.5s;
	}
	.T-nav li:hover .sec{
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		transition: all 0.5s;
	}
	.T-nav li .sec{
		transition: all 0.5s;
	}
	.lbonea li a:hover .img img,.ybceva li a:hover .pic img{
		transform: scale(1.05);
		transition: all 0.5s;
	}
	.lobnea .list.on .con{
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		transition: all 0.5s ease 0.4s;
	}
	.lobnea .list.on .num{
		color: #fff;
		transition: all 0.5s;
	}
	.lobnea .list.on .tit{
		color: #fff;
		transition: all 0.5s;
	}
	.lobnea .list.on{
		width: 79%;
		transition: all 0.5s;
	}
	.lobnea .list.on:before{
		opacity: 0;
		transition: all 0.5s;
	}
	.newsList li a:hover .con .d2{
		color: #264cbf;
		transition: all 0.5s;
	}
	.newsList li a:hover .con .d4 span{
		color: #264cbf;
		border-color: #264cbf;
		transition: all 0.5s;
	}
	.videoList li a:hover::before{
		opacity: 1;
		background: rgba(0,0,0,0.7) url(../images/pl.png) no-repeat center center;
		transition: all 0.5s;
	}
	.lmelfe li a:hover{
		border-bottom: 1px solid #264cbf;
	}
}

@media (max-width: 1170px){
	body{
		padding-top: 50px;
	}
	.wrap{
		padding: 0 3%;
		max-width: 780px;
		margin: 0 auto;
	}
	.top{
		background: #fff;
		padding: 0;
	}
	.top .logo{
		padding: 8px 0;
	}
	.top .logo img{
		height: 34px;
		display: block;
	}
	.mob-menu{
		display: block;
		width: 50px;
		height: 50px;
	}
	.mob-menu:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:30px; margin-left:-15px; margin-top:-9px; background:#2a963f; transition:all 0.5s ease;}
	.mob-menu:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:30px; margin-left:-15px; margin-top:7px; background:#2a963f; transition:all 0.5s ease;}
	.mob-menu span{position:absolute; left:50%; top:50%; height:2px; width:30px; margin-left:-15px; margin-top:-1px; background:#2a963f; transition:all 0.5s ease;}
	.mob-menu.on{ transition:all 0.5s ease;}
	.mob-menu.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
	.mob-menu.on:after{ margin-top:-1px;  transform:rotate(-45deg); transition:all 0.5s ease;}
	.mob-menu.on span{width:0;transition:all 0.5s ease;}
	.T-nav{
		position: fixed;
		width: 100%;
		background: #fff;
		left: 0;
		top: 50px;
		height: calc(100% - 50px);
		margin: 0;
		padding: 0;
		overflow: auto;
		display: none;
		border-top: 1px solid #eee;
	}
	.T-nav li{
		width: 100%;
	}
	.T-nav li > a{
		padding: 0 3%;
		line-height: 50px;
		font-size: 16px;
		color: #333;
		border-bottom: 1px solid #eee;
	}
	
	.T-nav li .sec{
		display: none;
		visibility: visible;
		opacity: 1;
		position: relative;
		width: 100%;
		left: 0;
		margin: 0;
		border: none;
		top: 0;
		transform: translateY(0px);
		box-shadow: 0 0 0;
		padding: 0 4%;
	}
	.T-nav li .sec a{
		text-align: left;
		font-size: 14px;
		padding: 0 5%;
	}
	.wrap{
		max-width: 780px;
	}
	.ind-01-left{
		width: 100%;
	}
	.ind-01-left .img{
		width: 220px;
	}
	.ind-01-left .con{
		width: calc(100% - 220px);
		padding: 25px 25px 0;
	}
	.ind-01-right{
		width: 100%;
		height: auto;
		padding: 50px 5%;
	}
	.ind-01-right .con span{
		float: left;
		width: 33.33%;
		text-align: center;
	}
	.lbonea li a .img img{
		height: 200px;
	}
	.tupach .right{
		margin-top: 5%;
	}
	.ny-menu{
		position: relative;
	}
	.oncemn{
		border-radius: 0;
	}
	.oncemn span.fl{
		width: 100%;
		border-radius: 0;
		text-align: left;
		padding: 0 20px;
		line-height: 50px;
		font-size: 16px;
		background:#264cbf url(../images/xx.png) no-repeat 96% center;
	}
	.oncemn p{
		width: 100%;
		padding: 20px;
		line-height: 50px;
		display: none;
		background: #f6f6f6;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
	}
	.zbenla{
		width: 100%;
	}
	.munaevb{
		width: 100%;
		margin-top: 5%;
	}
	.munaevb .d1{
		font-size: 20px;
	}
	.munaevb .d2{
		margin-top: 15px;
		font-size: 15px;
	}
	.lobnea{
		flex-wrap: wrap;
	}
	.lobnea .list{
		width: 100%;
	}
	.lobnea .list:before{
		display: none;
	}
	.lobnea .list .img img{
		height: auto;
	}
	.lobnea .list .tit{
		font-size: 20px;
		color: #fff;
		top: 25px;
		padding: 0 20px;
	}
	.lobnea .list .con{
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		padding: 0 20px;
		font-size: 15px;
		top: 65px;
	}
	.lobnea .list .num{
		color: #fff;
		padding: 0 20px;
		text-align: left;
	}
	.newsList li a .img{
		width: 220px;
	}
	.newsList li a .con{
		width: calc(100% - 220px);
	}
	.videoList li a .pic img{
		height: 240px;
	}
	.videoList li a:before{
		background-size: 50px 50px;
	}
	.ybceva li{
		width: 49%;
		margin-right: 0;
	}
	.ybceva li:nth-child(2n){
		float: right;
	}
	.almec a{
		width: 48%;
	}
}

@media (max-width: 780px){
	.ind-01-left .img{
		width: 100%;
	}
	.ind-01-left .img img{
		height: 200px;
	}
	.ind-01-left .con{
		width: 100%;
		height: auto;
		padding: 5%;
	}
	.ind-01-left .con .d1{
		font-size: 18px;
	}
	.ind-01-left .con .d2{
		font-size: 15px;
	}
	.ind-01-right .con span{
		font-size: 18px;
	}
	.lenbat li{
		padding: 0 5px;
	}
	.lenbat li .img,.lenbat li .img img{
		height: 45px;
	}
	.lenbat li .con .d1 span{
		font-size: 20px;
	}
	.lenbat li .con .d2{
		font-size: 12px;
	}
	.sc-tit{
		padding-bottom: 15px;
	}
	.sc-tit .d1{
		font-size: 24px;
	}
	.sc-tit .d2{
		font-size: 24px;
		margin-top: -10px;
	}
	.page-ol a.mob-none{
		display: none;
	}
	.lmelfe li a{
		background: none;
		padding:12px 0;
	}
	.lmelfe li a .time{
		width: 100%;
		line-height: 25px;
	}
	.lmelfe li a .tit{
		width: 100%;
		line-height: 30px;
		font-size: 16px;
	}
	.lofeab li{
		width: 50%;
	}
	
}

@media (max-width: 640px){
	.lbonea li{
		width: 100%;
		margin-right: 0;
	}
	.neamfe li{
		width: 50%;
	}
	.tupach .left{
		width: 100%;
	}
	.tupach .mid{
		margin-top: 25px;
		text-align: left;
		width:100%;
	}
	.tupach .mid .d2 p{
		float: left;
		width: 50%;
	}
	.newsList li a .img{
		width: 100%;
	}
	.newsList li a .img img{
		height: 60vw;
	}
	.newsList li a .con{
		width: 100%;
		padding: 6%;
	}
	.newsList li a .con .d2{
		margin: 12px 0;
	}
	.lbenmf a{
		width: 100%;
		padding: 10px 0;
	}
	.lbenmf a.fr{
		text-align: left;
	}
	.lbenmf a .d2{
		font-size: 16px;
	}
	.videoList li{
		width: 100%;
	}
	.videoList li a .pic img{
		height: 60vw;
	}
	.lastod .list{
		width: 100%;
	}
	.ybceva li{
		width: 100%;
	}
	.ybceva li a .pic img{
		height: 45vw;
	}
	.ybceva li a .tit{
		font-size: 18px;
	}
	.almec a{
		width: 100%;
		margin-bottom: 10px;
	}
}




.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
	.big-video {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.big-video-main {
		height: 185px;
	}
	.big-video-clo {
		right: 0;
		z-index: 21;
		top:-30px;
	}
}