@charset "utf-8";
/* CSS Document */

@media (min-width: 1201px) {
	.gbceun li:hover .con{
		opacity: 1;
		transition: all 0.5s;
	}
	.news-list li a:hover .con .mon .d1,.news-list li a:hover .date strong{
		color: #00B09B;
	}
	.news-list li a:hover .con .mon .d1 span{
		text-decoration: underline;
	}
	.lboprea li a:hover{
		border-color: #25aa97;
		box-shadow: 0 0 15px rgba(0,0,0,0.15);
		transition: all 0.5s;
	}
	.lboprea li a:hover .tit{
		color: #25aa97;
		transition: all 0.5s;
	}
	.lboprea li a:hover .img img{
		transform: scale(1.05);
		transition: all 0.5s;
	}
	
	.polreba li a .con .d1 {
	    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}
	.piora p a:hover {
		background: #0551a7;
		transition: all 0.5s;
	}

	.afobut li a:hover .con,.oealmca li:hover .con {
		background: #00b09b;
		bottom: 0;
		transition: all 0.5s;

	}
	.polreba li a:hover .con .d1{
		white-space:normal;
	}

	.loemnf li a:hover:before {
		width: 70px;
		transition: all 0.5s;
	}

	.lfevba li:hover .ewm {
		opacity: 1;
		transition: all 0.5s;
	}

	.hunbte .d3 .list:hover p {
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
		transition: all 0.5s;
	}

	.aoutbc a:hover .img img {
		transform: scale(1.05);
		transition: all 0.5s;
	}
    .afobut li:nth-child(2){
		transition-delay: 0.2s;
	}
	.afobut li:nth-child(3){
		transition-delay: 0.4s;
	}

}






@media (max-width: 1200px) {
	body {
		padding-top: 50px;
	}

	.wrap {
		max-width: 900px;
		padding: 0 2%;
	}

	.mob-menu {
		display: block;
		width: 50px;
		height: 50px;
	}

	.top {
		position: fixed;
		background: #fff;
		height: 60px;
		padding: 0 2%;
		width: 100%;
		z-index: 15;
		top: 0;
		left: 0;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	}

	.mob-top {
		display: block;
	}

	.mob-top .menu-mob {
		padding-left: 20px;
		color: #0551A7;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		margin-top: 5px;
		text-transform: uppercase;
		background: url(../images/mob-menu.png) no-repeat left center;
	}

	.mob-top .mob-logo {
		padding: 12px 0;
	}

	.mob-top .mob-logo img {
		height: 36px;
	}

	.mob-cont {
		position: fixed;
		height: 100%;
		left: 0;
		top: 0;
		background: #4a4a4a;
		z-index: 10;
		width: 100%;
		max-width: 400px;
		overflow: auto;
		transition:all 0.5s;
		transform: translateX(-100%);
	}
    .mob-cont.on{
		transition:all 0.5s;
		transform: translateX(0%);
	}
	.cont-flex {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap-reverse;
	}

	.t-logo,
	.ind-search {
		display: none;
	}

	.search-bot {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
		background: none;
		padding: 15px 15px 15px 45px;
	}

	.search-bot .wrap {
		padding: 0;
	}

	.solt-inp {
		border: none;
		background: #fff;
	}

	.solt-inp .c1 {
		height: 40px;
		color: #333;
	}

	.solt-inp .c2 {
		width: 40px;
		height: 40px;
		background-image: url(../images/fd2.png);
	}

	.t-nav {
		margin: 0;
		background: #0551a7;
	}

	.t-nav>li {
		margin: 0;

		width: 100%;
		line-height: 60px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.t-nav>li>a {
		color: #fff;
		padding: 0 15px;
	}
    
	.mob-cont-bg{
		position: fixed;
		z-index: 9;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
	}
    .close-cont{
		width: 40px;
		height: 40px;
		position: absolute;
		cursor: pointer;;
		left: 2px;
		top: 16px;
		z-index: 5;
		background: url(../images/gbbc.png) no-repeat center center;
	}




	.labunm {
		border: none;
		width: 100%;
	}

	.piora {
		width: 100%;
		border-bottom: 1px solid #676a6e;
	}

	.piora i {
		color: #fff;
		padding: 0 15px;
		line-height: 45px;
		position: relative;
	}

	.piora i::after {
		background-image: url(../images/xl2.png);
		right: 20px;
	}

	.piora p,
	.encoma p {
		position: relative;
		width: 100%;
		background: #333;
		top: 0;
		padding: 0 15px;
	}

	.piora p a,
	.encoma p a {
		border-bottom-color: rgba(255, 255, 255, 0.2);
		text-align: left;
		display: block;
		padding: 0;
	}

	.piora p a:last-child,
	.encoma p a:last-child {
		border: none;
	}

	.piora i.on,
	.lunceba i.on {
		background: none;
	}

	.lunceba {
		width: 100%;
	}

	.encoma {
		width: 100%;
	}

	.lunceba span {
		display: none;
	}

	.encoma {
		border-bottom: 1px solid #676a6e;
	}

	.encoma i {
		color: #fff;
		padding: 0 15px;
		line-height: 45px;
		position: relative;
	}

	.encoma i:after {
		content: '';
		width: 10px;
		height: 6px;
		background: url(../images/xl2.png) no-repeat;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -3px;
	}

	.encoma i.on:after {
		background: url(../images/sl.png) no-repeat;
	}

	.lunceba>a {
		display: block;
		color: #fff;
		width: 100%;
		line-height: 45px;
		padding: 0 15px;
		margin: 0;
	}


	.ac-sec {
		position: relative;
		top: 0;
		width: 100%;
		padding: 0 20px;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}

	.def-img-list {
		display: none !important;
	}

	.sec-on {
		width: 100%;
		padding: 0;
	}

	.sec-nav,
	.thr-nav {
		width: 100%;
		left: 0;
		position: relative;
	}

	.one-nav li a {
		padding: 0 0 0 10px;
	}

	.one-nav li {
		margin: 0;
		line-height: 55px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.one-nav li:last-child {
		border: none;
	}

	.sec-nav li a {
		padding-left: 25px;
	}

	.thr-nav a {
		padding-left: 40px !important;
	}

	.one-nav li a.more {
		background-image: none !important;
		position: relative;
	}

	.one-nav li a.more:after {
		content: '';
		width: 10px;
		height: 6px;
		background: url(../images/xl2.png) no-repeat;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -3px;
	}
	.one-nav li a.more.on:after{
		background: url(../images/sl.png) no-repeat;
	}
    .thr-nav,.sec-nav{
		border-top: 1px solid rgba(255,255,255,0.2);
	}
	.t-nav a.on{
		background-color: #04438a !important;
	}

	.areomt .d1,.lourbn .d2,.lmburen .tit,.bunmpa .title,.huhane,.yemfla .d1{
		font-size: 24px;
	}
	.areomt .d2,.bapire{
		font-size: 16px;
	}
	.afobut li a .img img{
		height:320px;
	}
	.afobut li a .con{
		top: auto;
		bottom: 0;
		height: auto;
		padding: 15px;
		background: rgba(0,0,0,0.6);
	}
	.afobut li a .con .d1{
		font-size: 16px;
	}
	.afobut li a .con .d2,.afobut li a .con .d3{
		display: none;
	}
	.bunmpa{
		width:100%;
	}
	.buaehn{
		width: 100%;
	}
	.huhane{
		text-align: left;
		padding: 15px 20px;
	}
	.ubienfa li .d1{
		font-size: 36px;
	}
	.ubienfa li{
		background-size: contain;
	}
	.aoutbc a .con .d1{
		font-size: 16px;
	}
	.qouentc{
		padding: 4% 0;
	}
	.hunbte{
		width: 100%;
	}
	.hunbte .d1{
		margin-bottom: 20px;
	}
	.hunbte .d3{
		margin-top: 20px;
	}
	.mofebna{
		margin-top: 4%;
	}
	.ny-banner .con{
		position: relative;
		width: 100%;
		padding: 0;
	}
	.lomunc{
		float: none;
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		padding: 15px 2%;
	}
	.go-next{
		display: none;
	}
	.lomunc .d1{
		font-size: 32px;
	}
	.poubca .d1{
		font-size: 30px;
	}
	.poubca .d2{
		font-size: 20px;
	}
	.xpenlc li .con .d1{
		font-size: 20px;
		padding: 10px 0;
	}
	.lenmban .prev{
		left: 0;
	}
	.lenmban .next{
		right: 0;
	}
	.lenmban{
		padding:0 40px 4%;
	}

	.oureob,.bunteba li .con .d1{
		font-size: 20px;
	}
	.lomunc .d0{
		font-size: 24px;
	}
	.oubfne li .img span{
		font-size: 20px;
	}
	.openlma li .con .d1{
		font-size: 20px;
	}
	.openlma li .con .d2{
		font-size: 15px;
	}
	.ouebnac li .con{
		padding: 0;
	}
	.ouebnac li .con .d1{
		font-size: 24px;
	}
	.poateuc li .tit,.poubca .d0{
		font-size: 20px;
	}
	.oeubnf .d1,.olrepo{
		font-size: 24px;
	}
	.oealmca li .con .d1{
		font-size: 24px;
	}
	.oealmca li .con{
		padding: 20px;
		bottom: 0;
		height: auto;
	}
	.oealmca li .con .d2{
		display: none;
		padding: 5%;
	}
	.oealmca li .img img{
		height: 280px;
	}
	.ewlplc{
		padding: 40px 3% 3% 3%;
	}
	.odrlmg{
		top: -25px;
		left: 3%;
	}
	.odrlmg span{
		font-size: 20px;
		height: 45px;
		width: 160px;
	}
	.ubgrye li .img span{
		font-size: 24px;
	}
	.ubgrye li .img img{
		height: 220px;
	}
	.ubgrye li .tit{
		font-size: 15px;
	}
	.maubyf .d1,.uorealb .d1,.mougya .d1{
		font-size: 32px;
	}
	.mougya .d3 .con{
		font-size: 18px;
	}
	.hyeavbc li .tit{
		font-size: 15px;
		line-height: 25px;
		height: 75px;
		overflow: hidden;
	}
	.lomunc .d-ling{
		margin-top: 10px;
	}
	.hyeavbc li .img img{
		height: 400px;
	}
	.onbrean li .con .d1{
		font-size: 24px;
	}
	.onbrean li .con .d2{
		margin:12px 0;
	}
    .ounbvr li{
		width: 25%;
	}
	.ubfenac li .img .tit{
		font-size: 32px;
	}
	.ounbvr li .img i span{
		width: 65px;
		height: 65px;
		background-size: auto 50%;
	}
	.ounbvr li .tit{
		font-size: 14px;
		margin-top: 8px;
	}
	.news-list li a .con{
		width: 100%;
	}
	
	.news-list li a .date,.news-list li a .add{
		display: none;
	}
	.lpuaeu{
		width: 100%;
	}
	.tposbc .d1{
		font-size: 18px;
	}
	.bescna{
		width: 100%;
		margin-top: 3%;
	}
	.poubca .d5{
		font-size: 16px;
	}
	.konceb li .tit{
		margin: 10px 0;
		font-size: 18px;
	}
	.oplfea .s1,.plobke li .img span{
		font-size: 20px;
		bottom: 10px;
	}
	.titlcc{
		position: relative;
		font-size: 20px;
		width: 100%;
		float: left;
		top: 0;
		margin: 12px 0;
	}
	.ubcenma li .con .olc-tab .d1{
		font-size: 20px;
	}
	.bceokt li .tit{
		font-size: 20px;
		margin: 15px 0;
	}
	.bceokt li .con{
		font-size: 16px;
	}
	.gbceun li .con{
		opacity: 1;
		position: relative;
		height: auto;
		background: none;
		color: #333;
		font-size: 16px;
		margin: 5px;
	}
	.tvceba,.ybcnva .con .talee{
		font-size: 20px;
	}
	.olcepac .d1{
		font-size: 24px;
	}
	.olcepac .d2{
		font-size: 18px;
	}
}











@media (max-width: 780px) {
	.areomt .d1, .lourbn .d2, .lmburen .tit, .bunmpa .title, .huhane, .yemfla .d1{
		font-size: 20px;
	}
	.bapire{
		width: 80%;
	}
	.mofebna{
		display: none;
	}
    .lomunc .d1,.poubca .d1{
		font-size: 20px;
	}
	.lomunc{
		padding: 2%;
	}
	.poubca .d2{
		font-size: 18px;
	}
    .xpenlc li .img{
		width: 100%;
	}
    .xpenlc li .con{
		width: 100%;
	}
	.oureob{
		font-size: 18px;
	}
	.bunteba li .img{
		width: 100%;
	}
	.bunteba li .img img{
		height: auto;
	}
	.bunteba li .con{
		position: relative;
		float: left;
		top: 0;
		width: 100%;
		height: auto;
		padding: 4%;
		transform: translateY(0);
	}
	.lomunc .d0{
		font-size: 18px;
	}
	.oeubnf .d1, .olrepo{
		font-size: 20px;
	}
	.ounemnc li{
		width: 48%;
		margin-right: 4%;
	}
	.ounemnc li:nth-child(3n){
		margin-right: 4%;
	}
	.ounemnc li:nth-child(2n){
		margin-right: 0;
	}
	.ounemnc li .tit{
		font-size: 14px;
	}
	.oealmca li .img img{
		height: 30vw;
	}
	.oealmca li .con .d1{
		font-size: 18px;
	}
	.oealmca li .con{
		padding: 4%;
	}
	.maubyf .d1, .uorealb .d1, .mougya .d1{
		font-size: 20px;
	}
	.ubfenac li .img{
		padding: 50px 0 100px;
	}
	.ubfenac li .con .container{
		margin-top: -50px;
		padding:6%;
	}
	.ubfenac li .img .pic span{
		width: 80px;
		height: 80px;
		background-size: auto 50%;
	}
	.ubfenac li .img .tit{
		font-size: 20px;
		margin-top: 10px;
	}
	.ubfenac li .con .container .list{
		padding: 10px 0;
		width: 100%;
	}
	.ubfenac li .con .container .list .d1{
		font-size: 20px;
	}
	.nmfeola .d1{
		font-size: 20px;
	}
	.nmfeola .d2{
		margin-top: 15px;
	}
	.news-list li{
		padding: 3% 0;
	}
	.page-ol a.mob-none{
		display: none;
	}
	.tposbc,.nr-con{
		padding: 20px;
	}
	.goreua a{
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.mpireac{
		padding: 6% 0;
	}
	.mpireac .img{
		width: 100%;
		text-align: center;
	}
	.mpireac .con{
		width: 100%;
		margin-top: 4%;
	}
	.mpireac .con .d1{
		font-size: 18px;
	}
	.dolsca .d1{ width:85%;}
	.dolsca .d3,.dolsca .d4{ display:none;}
	
}









@media (max-width: 640px) {       /*                640                 */
	.afobut li{
		width: 100%;
		margin-right: 0;
		margin-top: 2%;
	}
	.afobut li a .img img{
		height: 50vw;
		object-fit: cover;
	}
	.areomt .d3{
		margin-top: 10px;
	}
	.buoutc{
		width: 100%;
	}
	.ct-img,.cs-img{
		margin-top: 3%;
	}
	.honeba{
		width: 100%;
		margin-top: 3%;
	}
	.lmburen{
		padding-top: 3%;
	}
	.aoutbc{
		width: 100%;
	}
	.aoutbc a .img img{
		height: auto;
	}
	.aoutbc02{
		width: 49%;
		margin: 2% 0 0;
	}
	.aoutbc02:last-child{
		float: right;
	}
	.aoutbc a .con{
		padding: 5px 15px;
	}
	.aoutbc a .con .d2{
		display: none;
	}
	.loemnf li{
		width: 100%;
		margin-right: 0;
		margin-top: 5%;
	}
	.loemnf li a{
		padding-top: 15px;
	}
	.loemnf li a .d2{
		height: auto;
		max-height: 50px;
	}
	.ubienfa li .d1{
		font-size: 32px;
	}
	.ubienfa li{
		width: 30%;
	}
	.yemfla{
		width: 300px;
		height: 300px;
	}
	.borelma{
		margin-top: 5%;
	}
	.lfevba li{
		width: 33.3%;
	}
	.omcbnta li{
		width: 49%;
		padding: 10px;
	}
	.omcbnta li:nth-child(2n){
		margin-right: 0;
	}
	.omcbnta li img{
		height: 65px;
	}
	.oubfne li{
		width: 100%;
		margin-top: 2%;
	}
	.lyvire li .con{
		font-size: 14px;
	}
	.openlma li .img{
		width: 100%;
	}
	.openlma li .img img{
		height: auto;
	}
	.openlma li .con{
		width: 100%;
		height: auto;
		padding: 5%;
	}
	.openlma li .con .d2{
		margin-top: 12px;
	}
	.ouebnac li .img{
		width: 100%;
	}
	.ouebnac li .con{
		width: 100%;
		margin-top: 2%;
	}
	.ouebnac li .con .d1{
		font-size: 18px;
	}
	.ouebnac li .con .d2{
		margin-top: 10px;
		font-size: 15px;
	}
	.poateuc li .img img{
		height: 60px;
	}
	.poateuc li .tit, .poubca .d0{
		font-size: 16px;
	}
	.opbbuna li{
		width: 100%;
	}
	.opbbuna li .tit{
		margin-top: 10px;
	}
	.olemna{
		justify-content: space-between;
	}
	.olemna li{
		width: 49%;
		margin-right: 0;
		font-size: 14px;
	}
	.ubgrye{
		justify-content: space-between;
	}
	.ubgrye li{
		margin: 3% 0 0;
		width: 49%;
	}
	.ubgrye li .img span{
		font-size: 18px;
		padding: 3%;
	}
	.ubgrye li .img img{
		height: 35vw;
	}
	.ubgrye li .tit{
		line-height: 25px;
		height: 75px;
		-webkit-line-clamp: 3;
	}
	.mougya .d3 .img{
		width: 100%;
	}
	.mougya .d3 .img img{
		width: 100%;
	}
	.mougya .d3 .con{
		width: 100%;
		padding: 0;
		font-size: 15px;
	}
	.hyeavbc li{
		width: 50%;
	}
	.hyeavbc li .tit{
		height: auto;
	}
	.sv-dow .con{
		padding-left: 50px;
		width: calc(100% - 105px);
	}
	.sv-dow .con .s1{
		font-size: 18px;
	}
	.sv-dow .con .s2{
		font-size: 14px;
	}
	
	.sv-dow a{
		width: 80px;
		line-height: 35px;
		font-size: 16px;
	}
	.onbrean li .img{
		width: 100%;
	}
	.onbrean li .con{
		width: 100%;
		padding-top: 10px;
	}
	.onbrean li .con .d1{
		font-size: 20px;
	}
	.lboprea li{
		width: 100%;
	}
	.lboprea li a{
		padding: 10px;
	}
	.lboprea li a .img img{
		height: 55vw;
	}
	.lboprea li a .tit{
		height: auto;
		max-height: 44px;
	}
	.news-list li a .con .img{
		width: 100px;
	}
	.news-list li a .con .img img{
		width: 100%;
	}
	.news-list li a .con .mon{
		width: calc(100% - 120px);
	}
	.konceb li{
		width: 100%;
	}
	.plobke li{
		width: 100%;
		margin-top: 5%;
	}
	.ubcenma li .pic{
		width: 100%;
	}
	.ubcenma li .pic img{
		height: auto;
	}
	.ubcenma li .con{
		width: 100%;
		padding: 5%;
		
	}
	.ubcenma li .con .olc-tab{
		height: auto;
	}
	.ubcenma li .con .olc-tab .d2{
		margin-top: 10px;
	}
	.bceokt li{
		width: 100%;
	}
	.gbceun li{
		width: 49%;
	}
	.gbceun li:nth-child(2n){
		margin-right: 0;
	}
	.ybcnva .img{
		width: 100%;
	}
	.ybcnva .img img{
		height: auto;
	}
	.ybcnva .con{
		width: 100%;
	}
	.ybcnva .con{
		padding: 5%;
	}
	.ybcnva .con .talee{
		height: auto;
		font-size: 18px;
	}
	.olmbne .img{
		display: none;
	}
	.olmbne dl dd{
		font-size: 16px;
	}
	.lbneamc .img{
		width: 100%;
	}
	.lbneamc .con{
		width: 100%;
		margin-top: 4%;
	}
	
	
	
	
}
