@charset "utf-8";

/* CSS Document */

/* index */





@media (max-width: 1500px) {

	.wrap1500 {

		padding: 0 2%;

		max-width: 1240px;

	}

	.efiebf{

		width: 1200px;

		margin-left: -600px;

	}

	.nunmcc{

		margin-left: -600px;

	}

	.feapol{

		width: 600px;

	}

	.feapol li .d1{

		font-size: 32px;

	}

	.uomepa{

		width: 455px;

	}

}



@media (max-width: 1440px) {

	.wrap {

		padding: 0 2%;

		max-width: 1240px;

	}

	.obcuena li{

		

	}

}





@media (min-width: 1201px) {

	.top.on{

		background: #fff;

		box-shadow: 0 0 10px rgba(0,0,0,0.15);

		transition: all 0.5s;

	}

	.top.on .t-logo .pc-img{

		display: none;

	}

	.top.on .t-logo .mob-img{

		display: block;

	}

	.top.on .T-nav > li > a{

		color: #333;

	}

	.top.on .T-nav > li > a:after{

		background: #1E9B94;

	}

	.T-nav li .sec,

	.T-nav>li .thr {

		display: block;

		opacity: 0;

		visibility: hidden;

		transform: translateY(30px);

		transition: all 0.5s ease;

	}



	.T-nav li:hover .sec,

	.T-nav>li:hover .thr {

		opacity: 1;

		visibility: visible;

		transform: translateY(0px);

		transition: all 0.5s ease;

	}



	.T-nav>li:hover>a:after,

	.T-nav>li>a.cur:after {

		width: 100%;

		transition: all 0.5s ease;

	}



	.T-nav>li:hover>a,

	.T-nav>li>a.cur {

		color: #fff;

	}



	.ind-01 .list .main:hover .con{

		visibility: visible;

		opacity: 1;

		transform: scaleX(1);

		transition: all 0.5s;

	}

	.ind-01 .list .main:hover .pic img{

		transition: 0.5s all;

		transform: scale(1.05);

	}

	.lboprea li a:hover:before{

		opacity: 1;

		transition: all 0.5s;

	}

	.preabnc li.oth{

		width: 8%;

		transition: all 0.5s;

	}

	.preabnc li.on{

		width: 76%;

		transition: all 0.5s;

	}

	.preabnc li.on .db-solt,.preabnc li.oth .db-solt{

		opacity: 0;

		visibility: hidden;

		transform: translateY(35px);

		transition: all 0.5s;

	}

	.preabnc > li:hover .enomcl{

		opacity: 1;

		visibility: visible;

		transform: scaleY(1);

		transition: all 0.7s ease 0.4s;

	}

	.lropeac li a:hover .pic img,.pofeia li a:hover .pic img{

		transform: scale(1.05);

		transition: all 0.5s;

	}

	.buefva .prev:hover,.buefva .next:hover{

		background-color: #b4d4d2;

		transition: all 0.5s;

	}

	.buefva .prev:hover{

		background-image: url(../testimg/left2-2.png);

	}

	.buefva .next:hover{

		background-image: url(../testimg/right2-2.png);

	}

	.lfeyba .list.on .con .odcon{

		opacity: 1;

		visibility: visible;

		transform: translateY(0px);

		transition: all 0.5s ease 0.3s;

	}

	.lfeyba .list.on .obuna{

		background: #05706a;

	}

	.lfeyba .list.on .obuna .odla span{

		background: #fff url(../images/ap.png) no-repeat center center;

	}

	.uhfeob li.on{

		

	}

	.uhfeob li.on .buncb{

		background-color: #05706a;

		transition: all 0.5s ease;

		padding: 45px 35px 40px;

		transition: all 0.5s;

	}

	.uhfeob li.on .d1 .od01{

		display: none;

	}

	.uhfeob li.on .d1 .od02{

		display: block;

	}

	.uhfeob li.on .d2{

		color: #fff;

		transition: all 0.5s;

	}

	.uhfeob li.on .d3{

		height: 6vw;

		transition: all 0.5s;

	}

	.uhfeob li.on .d4{

		height: 0vw;

		border: none;

		transition: all 0.5s;

	}

	.cochlb .d2 a:hover{

		background: #01524D;

		color: #fff;

		transition: all 0.5s;

	}

	.orelac li:hover{

		box-shadow: 0 0 15px rgba(0,0,0,0.15);

		transition: all 0.5s;

	}

	.orelac li:hover .img img{

		transform: scale(1.05);

		transition: all 0.5s;

	}

	.ubyfenv li a:hover{

		background: #05706a;

		color: #fff;

		transition: all 0.5s;

	}

	.ubyfenv li a:hover .date{

		background-image: url(../images/o2.png);

	}

	

	

}







@media (max-width: 1200px) {

	body {

		padding-top: 50px;

	}

	.wrap,.wrap1500{

		width: 100%;

		max-width: 780px;

		margin: 0 auto;

		padding: 0 3%;

	}



	.top {

		display: block;

		padding: 0 3%;

		top: 0;

		width: 100%;

		left: 0;

		margin-left: 0;

		background: #fff;

		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

		position: fixed;

		z-index: 20;

	}



	.top>.wrap {

		padding: 0 3%;

	}

	.top .t-logo .pc-img{

		display: none;

	}

	.top .t-logo .mob-img{

		display: block;

	}

	.top .t-logo {

		padding: 10px 0;

	}



	.top .t-logo img {

		height: 30px;

	}



	.top .T-nav>li>a {

		color: #666;

		transition: all 0.5s ease;

	}



	.T-nav {

		position: fixed;

		left: 0;

		top: 50px;

		margin: 0;

		padding: 0;

		width: 100%;

		height: calc(100vh - 50px);

		background: #fff;

		z-index: 22;

		overflow: auto;

		display: none;

	}



	.T-nav>li {

		width: 100%;

		margin: 0;

		border-bottom: 1px solid #eee;

	}



	.T-nav li>a {

		background: none !important;

		line-height: 45px;

		padding: 0 3%;

		font-size: 16px;

	}



	.T-nav>li .thr {

		position: relative;

		top: 0;

		left: 0;

		margin: 0;

		width: 100%;

		padding: 0;

		box-shadow: 0 0 0;

	}



	.T-nav>li .thr a {

		line-height: 45px;

		margin: 0;

		font-size: 15px;

		padding: 0 5%;

		text-align: left;

		width: 100%;

	}



	.mob-nav {

		display: block;

	}

	.zbenle{

		padding: 0;

	}

	.zbenle .d1{

		font-size: 16px;

	}

	.zbenle .d2,.polaec a{

		font-size: 12px;

	}

	.zb-img .con .d1,.leanc .d1,.preabnc li .db-solt .d1{

		font-size: 20px;

	}

	.zb-img .con .d2{

		font-size: 14px;

	}

	.pebnfe{

		display: none;

	}

	.aubnfe{

		margin: 0;

		padding: 0;

		border: none;

	}

	.plfena{

		font-size: 14px;

		line-height: 34px;

		padding-left: 130px;

	}

	.plfena .cha{

		width: 163px;

		height: 50px;

		background-size: 100%;

		top: -10px;

		font-size: 20px;

		line-height: 50px;

	}

	.ab-01 .pic{

		width: calc(100% - 20px);

	}

	.ab-01 .con{

		width: 100%;

		margin-top: 3%;

	}

	.ab-01 .con .d1{

		font-size: 20px;

	}

	.ab-01 .con .d2{

		font-size: 18px;

		padding-bottom: 10px;

	}

	.ab-01 .con .d3{

		font-size: 15px;

	}

	.ab-01 .con .d4 .list{

		padding-top: 40px;

	}

	.ab-01 .con .d4 .list .num{

		font-size: 24px;

	}

	.ab-01 .con .d4 .list .eco{

		padding: 0;

		font-size: 12px;

	}

	.ab-02:before{

		width: 100%;

	}

	.lbuaen{

		width: 100%;

	}

	.lbuaen .d1{

		font-size: 20px;

	}

	.lbuaen .d2{

		margin-top: 4%;

	}

	.lbuaen .d3{

		font-size: 18px;

	}

	.lbuaen .d4 .list{

		margin-top: 3%;

		padding: 0px 0 8px 80px;

		background-size: 60px auto;

	}

	.lbuaen .d4 .list .s1{

		font-size: 18px;

	}

	.lbuaen .d4 .list .s2{

		font-size: 14px;

	}

	.foolge{

		position: relative;

		top: 0;

		width: 100%;

		max-width: 725px;

		margin: 4% auto 0;

	}

	.foolge .con .d1{

		font-size: 18px;

	}

	.foolge .con .d2{

		font-size: 15px;

	}

	.ab-03{

		padding: 5% 0;

	}

	.scbtat .tit{

		font-size: 20px;

	}

	.lfeyba{

		flex-wrap: wrap;

	}

	.lfeyba .list{

		width: 100% !important;

	}

	.lfeyba .list .con .odcon{

		opacity: 1;

		visibility: visible;

		transform: translateY(0);

	}

	.olfem,.okefla li .tit,.okefla li .con .d1{

		font-size: 20px;

	}

	.okefla li .con .d2{

		font-size: 16px;

	}

	.puoeun{

		width: 100%;

	}

	.ubyewn{

		width: 100%;

		margin-top: 3%;

	}

	.ubyewn .d1{

		font-size: 20px;

	}

	.ubyewn .d2{

		font-size: 15px;

	}

	.uhfeob{

		flex-wrap: wrap;

	}

	.uhfeob li{

		width: 48%;

		margin-bottom: 4%;

	}

	.uhfeob li .buncb{

		padding: 20px;

	}

	.uhfeob li .d2{

		margin: 25px 0;

		font-size: 20px;

		line-height: 32px;

		height: 32px;

	}

	.uhfeob li .d3{

		line-height: 25px;

		font-size: 14px;

		height: 75px;

		overflow: hidden;

		color: #333;

	}

	.uhfeob li .d4{

		display: none;

	}

	.plneua .con .ubefya span{

		font-size: 16px;

	}

	.uewoba .d1{

		font-size: 20px;

	}

	.uewoba{

		padding-left: 0;

	}

	.lmolpae span .img{

		height: 35px;

	}

	.lmolpae span .tit{

		font-size: 20px;

	}

	.cochlb{

		width: 100%;

		padding: 0;

	}

	.obcuena{

		position: relative;

		top: 0;

		width: 100%;

		margin-top: 4%;

	}

	.obcuena li{

		display: block;

		height: auto;

		

	}

	.cochlb .d1,.obcuena li .d2{

		font-size: 20px;

	}

	.pofeia{

		padding: 0 4%;

	}

	.pofeia li{

		width: 48%;

		margin-right: 4%;

		margin-bottom: 4%;

	}

	.pofeia li:nth-child(3n){

		margin-right: 4%;

	}

	.pofeia li:nth-child(2n){

		margin-right: 0;

	}

	.vodst{

		width: 100%;

	}

	.vodst video{

		height: auto;

	}

	.olrebn{

		width: 100%;

		margin-top: 3%;

	}

	.olrebn .title{

		line-height: 55px;

		font-size: 20px;

	}

	.lismtna{

		padding: 0 20px;

		margin-top: 20px;

	}

	.lismtna ul li a{

		font-size: 16px;

	}

	.lismtna ul{

		height: 200px;

	}

	.efiebf{

		width: 712px;

		margin-left: -356px;

	}

	.nunmcc{

		margin-left: -356px;

	}

	.relmple{

		position: relative;

		width: 100%;

	}

	.feapol{

		width: 100%;

		max-width: 712px;

		margin: 0 auto;

	}

	.oltrlk{

		position: relative;

		top:0;

	}

	.boune{

		font-size: 16px;

		margin-top: 25px;

	}

	.efnmbac{

		max-width: 780px;

		padding: 0 3%;

		margin: 4% auto 0;

		flex-wrap: wrap;

	}

	.lfeomn{

		width: 100%;

	}

	.uomepa{

		width: 100%;

		padding: 4% 4% 50px;

	}

	.plmfeba{

		width: 100%;

		padding: 0;

	}

	.uomepa .prev, .uomepa .next{

		width: 50px;

		height: 50px;

		background-size:50% auto;

	}

	.uomepa .prev{

		right: 50px;

	}

	.uomepa .next{

		right: 0;

	}

	.uomepa .d1{

		font-size: 20px;

	}

	.uomepa .d2{

		line-height: 2;

		font-size: 15px;

	}

	.orelac li .img img{

		height: 50px;

	}

	.ubyfenv li a .date{

		display: none;

	}

	.ubyfenv li a .pic{

		width: 250px;

	}

	.ubyfenv li a .con{

		margin-right: 30px;

		width: calc(100% - 300px);

		

	}

	.page-ol a.mob-none{

		display: none;

	}

	.umfena{

		width: 100%;

	}

	.buraev{

		width: 100%;

	}

	.buraev .d1{

		font-size: 20px;

	}

	.buraev .d2 p{

		font-size: 15px;

	}

	.tbvena .d1{

		font-size: 20px;

	}

	.edolnma{

		font-size: 15px;

	}
	.ubyfenv li.noimg a .con{
		width:100%;
		margin:0;
		padding:0 4%;
	}

}







@media (max-width: 780px) {
	.ubyfenv li a{
		min-height:105px
	}

	.zb-img{

		width: 30%;

	}

	.lboprea{

		width: 60%;

	}

	.lboprea li a{

		height: 40vw;

	}

	.lboprea li a .d1 img{

		height: 30px;

	}

	.lboprea li a .d2{

		font-size: 16px;

	}

	.lboprea li a .d3{

		margin-top: 5px;

	}

	.lboprea li a > span{

		width: 40px;

		height: 40px;

		line-height: 26px;

		font-size: 12px;

		background-position: center 25px;

	}

	.preabnc{

		flex-wrap: wrap;

	}

	.preabnc > li{

		width: 50%;

		border: none;

		border-bottom: 1px solid #fff !important;

	}

	.preabnc > li:nth-child(2n){

		border-left: 1px solid #fff !important;

	}

	.preabnc li .db-solt .d3 a{

		width: 100px;

		height: 40px;

		background-size: 100%;

	}

	.lfeyba .list{

		margin-bottom: 2%;

	}

	.lfeyba .list .obuna{

		display: none;

	}

	.lfeyba .list .con{

		height: auto;

	}

	.lfeyba .list .con .odcon .d1 span{

		font-size: 20px;

	}

	.lfeyba .list .con .odcon .d1 span:before{

		height: 20px;

		top: 2px;

	}

	.lfeyba .list .con .odcon .d2{

		font-size: 16px;

		margin-top: 20px;

	}

	.plneua .pic{

		width: 100%;

		text-align: center;

	}

	.plneua .con{

		width: 100%;

	}

	.uewoba{

		margin-top: 3%;

	}

	.uewoba .d1{

		font-size: 18px;

	}

	.uewoba .d2{

		font-size: 15px;

		margin-top: 3%;

	}

	.lmolpae span .tit{

		font-size: 14px;

		margin-top: 10px;

	}

	.uewbya{

		margin-top: 35px;

	}

	.efiebf{

		left: 0;

		width: 100%;

		padding: 0 3%;

		margin: 0;

	}

	.nunmcc{

		left: 3%;

		margin: 0;

		bottom: 18px;

	}

	.feapol{

		padding: 5% 3%;

	}

	.feapol li{

		width: 30%;

	}

	.feapol li .d1{

		font-size: 24px;

	}

	

	.feapol li .d2{

		font-size: 14px;

	}

	.ubyfenv li a{

		padding-right: 20px;

	}

	.ubyfenv li a .pic{

		width: 140px;

	}

	.ubyfenv li a .pic img{

		height: 100px;

	}

	.ubyfenv li a .con{

		width: calc(100% - 155px);

		margin: 0;

	}

	.ubyfenv li a .con .d1{

		font-size: 18px;

		line-height: 30px;

	}

	.ubyfenv li a .con .d2{

		line-height: 20px;

		height: 40px;

		margin-top: 5px;

	}

	.olfaeb h2{

		font-size: 18px;

		padding: 0 3%;

	}

	.opfelm{

		padding: 20px 3%;

		font-size: 15px;

	}

	

	

	

}







@media (max-width: 640px) {

	.olfem,.okefla li .tit{

		padding: 15px 4%;

		font-size: 16px;

	}

	.okefla li .tit i{

		background-size: 20px auto !important;

		height: 20px;

	}

	.okefla li .con .d1{

		font-size: 18px;

	}

	.okefla li .con .d2{

		font-size: 15px;

	}

	.uhfeob li{

		width: 100%;

	}

	.pofeia li{

		width: 100%;

		margin-right: 0 !important;

	}

	.pofeia li a .pic img{

		height: 45vw;

	}

	.pofeia li a .tit span{

		font-size: 15px;

	}

	.orelac li{

		width: 48%;

		margin-right: 0;

		margin-bottom: 4%;

	}

	.orelac li:nth-child(5n){

	}

	.orelac li:nth-child(2n){

		float: right;

	}

	

	

	

	

}