@media screen and (max-width:768px){
body{min-width:320px;padding-top:60px;padding-bottom:50px}
.container{width:auto;padding:0 15px}
#message .m-content .m-message{width:90%;padding:20px}
.topbar{display:none}
.kf{display:none}
.footer-fix{display:block}
.header{padding:10px 0;box-shadow:0 0 10px rgba(0,0,0,.2);position:fixed;left:0;top:0;width:100%;z-index:100}
.header .text{display:none}
.header .tel{display:none}
.header .logo{height:40px;line-height:40px;padding:0;float:left}
.header .nav{margin:10px 0 -10px;text-align:left;display:none;background-color:transparent;border-bottom:0}
.header .nav ul{margin:0 -15px}
.header .nav li{display:block;margin:0;border-top:1px solid #eee;background:0 0}
.header .nav li a{line-height:40px;padding:0 15px;color:#333;background-image:none}
.header .nav li:first-child a{ padding:0 15px; }
.header .nav li .arr{display:block}
.header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{background:0 0;color:#05a045}
.header .nav li.open .arr:after{border-color:#05a045;transform:rotate(225deg)}
.header .nav .dropdown-box{position:static;background-color:#f5f5f5;min-width:auto;text-align:left;box-shadow:none;padding:0}
.header .nav .dropdown-box a{color:#333!important;border-top:1px dotted #ddd;padding:0 15px;line-height:40px;background-color:transparent!important}
.header .nav .dropdown-box a:hover{background-color:transparent!important}
.menu-btn{display:block}
.yunu-showcase{margin-bottom:30px}
.pc-slide{float:none;width:auto}
.view .swiper-slide .img-center{height:260px;line-height:260px}
.yunu-showcase-info{margin:20px 0 0}
.yunu-showcase-info h1{margin-bottom:20px;font-size:18px}
.yunu-showcase-info p{margin-top:10px;min-height:auto}
.yunu-showcase-info .tel{font-size:14px}
.yunu-showcase-info .tel strong{font-size:18px}
.yunu-sou .container{padding:0}
.yunu-sou .hot{display:none}
.yunu-sou .hform{float:none;width:90%;margin-left:5%}
.banner{display:none}
.m-banner{display:block;margin-top:-10px}
.section{padding:30px 0}
.section-title{margin-bottom:15px}
.section-title strong{font-size:24px;font-weight:700}
.section-title p{font-size:14px}
.in-number{padding:30px 0 15px}
.in-number li{flex:50%;margin-bottom:15px}
.in-number li:nth-child(2n){border-right:0}
.in-number li .num span{font-size:36px}
.in-number li .text{font-size:16px}
.in-pro-left{display:none}
.in-pro-right{float:none;width:auto}
.in-pro-right ul{margin:0 0 0 -10px}
.in-pro-right li{width:50%}
.in-pro-right li .items{margin:0 0 10px 10px}
.in-pro-right li .text{height:40px}
.in-pro-right li .text p a:first-child{display:none}
.in-service ul{margin:0}
.in-service li{float:none;width:auto}
.in-service li a{margin:0 0 12px 0}
.in-ys-con .text{flex:100%}
.in-ys-con .text .txt h2{font-size:24px}
.in-ys-con .img-center{flex:100%}
.in-ys-con2 .img-center{order:11}
.in-gg-con .text{flex:100%}
.in-gg-con h2{font-size:24px}
.in-gg-con h2 span{font-size:18px}
.in-gg-con p{font-size:14px}
.in-gg-con .ewm{flex:100%;margin-left:0;margin-top:20px}
.in-gg-con .ewm .tel{margin-left:6px}
.in-gg-con .ewm .tel .txt{font-size:17px;margin-left:6px}
.in-news-left{float:none;width:auto}
.in-news-right{float:none;width:auto;margin-top:20px}
.in-news-pic li .img-cover{flex:0 0 100px;height:80px}
.in-news-pic li .text h2{padding:2px 0}
.in-news-pic li .text h2 i{ display: none; }
.in-news-text li{float:none;width:auto; margin-right: 0;}
.in-about-left{float:none;width:auto}
.in-about-right{float:none;width:auto;margin-right:0}
.in-about-right .desc{background:#fff;padding:15px}
.in-about-txt{padding:20px 0 0;margin:0 0 0 -10px}
.in-about-txt li a{font-size:12px;margin:0 0 0 10px}
.footer{padding:30px 0 0}
.footer .contact{float:none;width:auto}
.footer .contact .img-center{flex:100%}
.footer .contact .tel{margin-left:0;flex:100%;margin-top:25px}
.footer .fnav{display:none}
.copyright{margin-top:20px}
.banner-sub{height:130px}
.section-sub{padding:30px 0}
.sub-tit{padding-bottom:10px;margin-bottom:15px}
.curmbs{display:none}
.ct2-sd{display:none}
.ct2-mn{float:none!important;width:auto}
.list-3{margin:-10px 0 0 -10px}
.list-3 li{float:left;width:50%}
.list-3 li a{margin:10px 0 0 10px}
.list-3 li .text{line-height:34px;font-size:12px}
.list-3 li .text p span{height:34px}
.list-3 li .btn a{font-size:12px;padding:0 10px}
.list-4 li{float:none;width:auto}
.list-5 li{padding-bottom:15px;border-bottom:1px solid #eee}
.list-5 li a{padding:0;border:0}
.list-5 li .img-center{float:none;width:auto;display:none}
.list-5 li .text{margin:0}
.list-5 li .text .more{display:none}
.list-5 li .text h4{line-height:20px;font-size:16px}
.list-5 li .text p{margin:10px 0 0}
.list-6 li{width:50%}
.pages{margin-top:20px}
.pages a{font-size:12px;line-height:30px;padding:0 12px}
.yunu-infocontent-title h1{font-size:18px}
.yunu-infocontent-desc{padding:10px}
.yunu-infocontent-epx li{line-height:24px}
.yunu-infocontent-epx li span{font-size:12px;padding:0 5px;margin-right:5px}
.yunu-infocontent-epx li em{display:none}
.yunu-infocontent-return .more{display:none}
.yunu-infocontent-return{font-size:12px;line-height:22px;padding-top:5px}
.yunu-infocontent-rem h4{font-size:18px;line-height:34px;margin-bottom:5px}
.prod-menu{margin-bottom:15px}
.prod-menu li{margin-right:5px}
.prod-menu li a{font-size:14px;line-height:34px;padding:0 15px}
.m-message{width:auto;margin:18px auto 0}
.m-message label input.inp,.m-message label textarea{width:67%}
}