@media only screen and (max-width: 1240px) {
	.wrap, .mwrap { padding-left:2%; padding-right:2%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }
	
	.pageHeader{height:60px;}
    .pageHeader .con .channel{display:none;}
    .pageHeader .con .channel .item{margin-right:4%;}
    .pageHeader .con{padding:0;}
	.pageHeader .con .logo img{height:60px;}
	
	.header .mobile_key{position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px; margin-top: 15px; margin-left: 10px;} 
    .header .mobile_key span,
    .header .mobile_key:before,
    .header .mobile_key:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#666; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
    .header .mobile_key span{margin-top:-4px;}
    .header .mobile_key:before{content:''; margin-top:3px;}
    .header .mobile_key:after{content:''; margin-top:10px;}
    .menu-open.header .mobile_key:before{opacity:0; transition:0.2s ease 0.1s;}
    .menu-open.header .mobile_key:after{margin-top:2px !important; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
    .menu-open.header .mobile_key span{margin-top:2px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
	
	.m_nav{position:fixed; left:0; top:60px; right:0; width:100%; background:#2cb3a7; z-index:20; display:none; max-height:calc(100vh - 55px); max-height:calc(var(--vh, 1vh) * 100 - 55px); overflow-y:auto;} 
    .m_nav .m_wrap{padding:0 5%;}
    .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #1b9c91;}
    .m_nav .mNav_bott .m_navli:last-child{border-bottom:none;}
    .m_nav .mNav_bott .m_navli>a{display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#fff; line-height:1.8;}
    .m_nav .mNav_bott .m_navli>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli>a:after,
    .m_nav .mNav_bott .m_navli>a:before{content:''; background:#fff; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
    .m_nav .mNav_bott .m_navli>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_nav .mNav_bott .m_navli>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_nav .mNav_bott .m_navli.active{background:#1b9c91;}
    .m_nav .mNav_bott .m_navli.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_secNav .li-title{width:100%; padding:8px 25px; border-top:solid 1px #2cb3a7; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li-title a{padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li-title a:after{content:''; width:15px; height:15px; background:url(../images/m_anniu1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
    .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding-bottom:18px;}
    .m_nav .mNav_bott .m_navli .m_secNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 25px; line-height:28px; display:block; position:relative; color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a.cur{color:#fff;}
	
	.m_nav .mNav_bott .m_navli.nav_link>a:after,
    .m_nav .mNav_bott .m_navli.nav_link>a:before{display:none;}
    .m_nav .mNav_bott .m_navli.nav_link.active>a:before,
    .m_nav .mNav_bott .m_navli.nav_link.active>a:before{display:none;}
    .m_nav .mNav_bott .m_navli.nav_link a:after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:0; bottom:0; right:15px;}
	
}
@media screen and (max-width: 767px){
    .container{padding-left: 2%;  padding-right: 2%;  width: auto;}

	.m_nav {top:40px;}

    .pageHeader{height:40px;}
    .pageHeader .con{line-height:40px;}
    .pageHeader .con .logo img{height:40px;}
    .header .mobile_key{margin-top:5px;}
    .pageHeader .con .right{height: 40px;}

    .swiper-pagination{bottom:5px;}
    .swiper-pagination-bullet{width:10px;height:10px;}

    .about .about-t{margin:20px 0;font-size:24px;}
    .about .about-t:after{width:100px;}
    .about .about-c .ab-l, .about .about-c .ab-r{width:100%;}
    .about .about-c p{margin-bottom:20px;text-align: justify;}
	.about .about-c .ab-l p {margin-left: 0px;}
	.about .about-c .ab-r p {margin-right: 0px;}

    .serve .serve-t{margin:20px 0;font-size:24px;}
    .serve .serve-t:after{width:100px;}
    .serve .serve-c .ser-img{width: 100%;height: auto;line-height: 0;}
    .serve .serve-c .ser-img img{width: 100%;}
    .serve .serve-c .ser-txt{width: 100%;height: auto;}
    .serve .serve-c .ser-txt .img{width: 100px;padding-top: 30px;  margin: 0 auto;}
    .serve .serve-c .ser-txt .img img{width: 100px;}
    .serve .serve-c .ser-txt p{padding-bottom: 30px;font-size: 20px;}

    .news .news-c ul li{width: 100%;margin: 0;float: none;}

    .footer .f-logo{width: 100%;float: none;}
    .footer .f-nav{display: none;}
    .footer .f-code{margin: 0 auto;float: none;}

    .wsc-banner{width: 100%;}

    .section{padding:20px 0;}

    .gs-l{height: auto;padding:20px 0; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
    .gs .img{padding:20px 0;}
    .gs .img img{width: 50px;}
    .gs-l p {font-size: 16px;line-height: 1.8;}

    .gs-r{height: auto;padding:20px 0; border-top-left-radius: 30px; border-bottom-right-radius: 30px;}
    .gs-r p {font-size: 16px;line-height: 1.8;}

    .fzlc .about-t{margin:20px 0;font-size:24px;}
	.ys .about-t{margin:20px 0;font-size:24px;}

    .ys .ys-t .ys-l{width: 100%;height: auto;}
    .ys .ys-t .ys-l .img{width: 100%;height: auto;line-height: 0;}
    .ys .ys-t .ys-l .img img{width: 100%;height: auto;}
    .ys .ys-l .text{height: auto;padding:20px 20px;}
    .ys .text .tit{font-size: 20px;padding: 10px 0;}
    .ys .text p{font-size: 12px;}
    .ys .ys-t .ys-r{width: 100%;height: auto;line-height: 0;}
    .ys .ys-t .ys-r .img{width: 100%;height: auto;}
    .ys .ys-t .ys-r .img img{width: 100%;height: auto;}
    .ys .ys-r .text{height: auto;padding:20px 20px;}

    .honor .about-t{margin:20px 0;font-size:24px;}
    .honor .desc{font-size: 14px;width: 100%;margin-bottom: 20px;}
    .honor .img img{width: 100%;}

    .news-list{margin-top: 20px;}
    .list-5 li .m{width: 30%;height: 100px;}
    .list-5 li .text{margin-left: 32%;}
    .list-5 li .text h4{font-size: 14px;line-height: 1.8;}
    .list-5 li .text p{font-size: 12px;margin-top: 5px;height: 50px;overflow: hidden;}
    .list-5 li .text .d{font-size: 12px;margin-top: 5px;}
    .news-list .more{padding:20px 0;}
    .news-list .more a {padding: 0 0 30px 0}

    .yunu-infocontent-title{margin-bottom: 20px;}
    .yunu-infocontent-title h1{font-size: 16px;}
    .yunu-infocontent-title p span{padding: 0 20px;}

    .yunu-title-1{margin:20px 0;font-size: 18px;}
    .yunu-title-1 span{background-size: 25px;padding-left: 30px;}
    .ywjs .ywjs-l{width: 100%;height: auto;line-height: 0;}
    .ywjs .ywjs-c{padding: 0 20px;}
    .ywjs .ywjs-c .img{padding-top: 80px;}
    .ywjs .ywjs-c .img img{width: 100px;}

    .ywjs .ywjs-r{width: 100%;height: auto;font-size: 14px;}
    .ywjs .ywjs-r p{padding: 20px;}

    .yunu-title-2 {font-size: 18px;margin:20px 0;}

    .ywjs .ywjs-r .tit{font-size: 18px;padding:20px;}
    .ywjs .ywjs-r p.desc{font-size: 12px;padding: 20px;}

    .yw .more{padding:20px 0;}
    .yw .more a {padding: 0 0 30px 0}

    .yw2 .yunu-title-1 span{background-size: 25px;padding-left: 30px;}

    .yw2 .ywjs .ywjs2-l{width: 100%;height: auto;line-height: 0;}
    .yw2 .ywjs .ywjs2-r{width: 100%;height: auto;}
    .yw2 .ywjs .ywjs2-r .tit{font-size: 18px;padding:20px;}
    .yw2 .ywjs .ywjs2-r p.desc{font-size: 12px;padding: 20px;}

    .yw2 .more{padding:20px 0;}
    .yw2 .more a {padding: 0 0 30px 0}

    .yunu-contact-text{float: none;width: 100%;}
    .lxkf dd h4{font-size: 20px;}
    .yunu-contact-text p{font-size: 12px;}
    .yunu-contact-map{margin: 20px 0;}
    #allmap{height: auto;}
    #allmap img{width: 100%;}
    .lx2{padding-top: 20px;}
    .yunu-contact-text h4{font-size: 20px;}

	.fzlc .fzlc-bg{background-size:480%;}

	.fzlc .fzlc-bg .lc-t{position: relative;width: 100%;overflow-x: scroll;}
	.fzlc .fzlc-bg .lc-t ul{white-space: nowrap;width: auto;}
	.fzlc .fzlc-bg .lc-t ul li{float: none;display: inline-block;width:48.5%;white-space: initial;}

	.fzlc .fzlc-bg .lc-b{position: relative;width: 100%;overflow-x: scroll;}
	.fzlc .fzlc-bg .lc-b ul{white-space: nowrap;width: auto;}
	.fzlc .fzlc-bg .lc-b ul li{float: none;display: inline-block;width:48.5%;white-space: initial;}
	.fzlc .fzlc-bg ul li .desc{font-size:14px;}

	.ys .desc{width:100%;margin-bottom:20px}
	
	.fzlc-bg{display:none;}
	.m_fzlc{display:block;}

	.about .about-c{display:none;}
	.about .m-about{display:block;}
	.about .m-about p{font-size:18px;color:#666666;line-height:1.8;  margin-bottom: 20px; text-align: justify;}
}