@media screen and (min-width: 980px) {
.ys-menu li a { transform: skewX(-22deg); }
.ys-menu li div { transform: skewX(22deg); }
}
 @media screen and (max-width: 767px) {
body { min-width: 320px; padding-top: 56px; padding-bottom: 50px; }
.container, .containers { width: auto; }
#message .m-content .m-message { width: 90%; padding: 20px; }
.kf { display: none; }
.footer-fix { display: block; }
.topbar { display: none; }
.header { padding: 8px 0; position: fixed; z-index: 10; width: 100%; top: 0; left: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.header .logo { height: 40px; line-height: 40px; float: none; padding: 0; }
.header .alibaba { display: none; }
.header .search-btn { display: none; }
.header .nav { margin: 10px -15px -10px; display: none; float: none; }
.header .nav li { display: block; margin: 0; border-top: 1px solid #eee; float: none; }
.header .nav li a { line-height: 40px; padding: 0 15px; background: none; width: auto; text-align: left; }
.header .nav li .arr { display: block; position: relative; z-index: 1; }
.header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover { background: none transparent; border-bottom: 0; color: #209c4e }
.header .nav li.open .arr:after { border-color: #209c4e; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.header .nav .dropdown-box { position: static; background-color: #f5f5f5; min-width: auto; text-align: left; }
.header .nav .dropdown-box a { color: #333 !important; border-top: 1px dotted #ddd; padding: 0 15px; line-height: 40px; background-color: transparent !important; border-bottom: 0; }
.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; }
/*.banner { display: none; }
.m-banner { display: block; }*/

.banner .swiper-slide .inner1{font-size:30px; letter-spacing: normal; width:65%; }
.banner .swiper-slide .inner2{font-size:20px; font-weight:bold; letter-spacing: normal;}
.banner .swiper-slide .inner3 { width:50%; }
.banner .swiper-slide .inner3 .tit{ }
.banner .swiper-slide .inner3 .tit span{ font-size:18px;}
.banner .swiper-slide .inner3 .tit p{ text-align:left; font-size:12px}
.banner .swiper-slide .inner3 .txt{ font-size:12px; margin-top:0}
.banner .swiper-slide .inner3 .txt p{ padding:4px 0; }
.banner .swiper-slide .inner3 .txt p span{ display:inline;}
.banner .swiper-slide .inner3 .txt p:nth-child(1),.banner .swiper-slide .inner3 .txt p:nth-child(2) {display:inline;}
.banner .swiper-slide .inner3 .txt p:nth-child(3),.banner .swiper-slide .inner3 .txt p:nth-child(4) {display:none;}



.banner .swiper-button-next,.banner .swiper-button-prev{ height:22px;top:calc(50% - 11px); margin:0 }
.banner .swiper-button-prev{ left:12px;}
.banner .swiper-button-next{right:12px;}
.banner .swiper-pagination-bullet{ display:none}


.section { padding: 30px 0 }
.section2 { padding: 10px 0 }
.section-title { margin-bottom: 20px; }
.section-title strong { font-size: 20px; }
.section-title p { font-size: 14px; }
.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 a { margin: 0 0 10px 10px; }
.in-pro-right li .text { line-height: 30px; }
.in-about-left { float: none; width: auto; padding: 30px 0 0; }
.in-about-left .tits { font-size: 14px; }
.in-about-left .tits span { font-size: 24px; }
.in-about-left .btns { margin-top: 10px; }
.in-about-left .btns a { margin: 0 auto; }
.in-about-right { float: none; width: auto; background: none; padding: 20px 0; }
.in-case-menu { padding: 0; flex-wrap: wrap; }
.in-case-menu li { flex: 25%; }
.in-case-menu li a { font-size: 14px; margin: 0 3px 10px; line-height: 30px; border-radius: 15px; }
.in-case-con .img-cover { padding-top: 58%; }
.in-case-con .text { padding: 10px 15px; }
.in-ys li { width: 50%; }
.in-ys li a { display: block; margin: 0 0 8px 8px; cursor: pointer; height: 300px; }
.in-ys li .text { padding: 20px 0 0 20px; }
.in-ys li .text h2 { font-size: 20px; }
.in-ys li .texts { padding: 15px; }
.in-ys li .texts h2 { font-size: 20px; }
.in-news-left { float: none; width: auto; }
.in-news-right { float: none; width: auto; padding-top: 20px; }
.hot .img-center { float: none; width: auto; }
.hot .text { margin-left: 0; }
.hot .text h2 { font-size: 16px; }
.hot .text p { line-height: 22px; }
.hot .text .btns { margin-top: 15px; border-radius: 25px; line-height: 30px; padding: 0 25px; }
.in-news-con li { float: none; width: auto; height: 35px; }
.footer { padding: 20px 0; }
.footer .fnav { display: none; }
.footer .contact { float: none; width: auto; }
.footer .contact p { line-height: 28px; }
.footer .ewm { float: none; width: auto; padding: 30px 40px 0; }
.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: 0px 10px; }
.list-4 li { float: none; width: auto; }
.list-4 li span { right: 0px; }
.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%; }
.m-message label.code input { }
.banner-sub{ margin-top:0}
.in-pro ul{margin:0 0 0 -16px}
.in-pro li{float:left; width:50%;}
.in-pro li a{margin:0 0 16px 16px;font-size:14px;}
.in-pro li .desc{ font-size:12px; height:50px}
}

 @media screen and (max-width:520px) {
.banner .swiper-slide .pic{ min-height:200px;}
.banner .swiper-slide .inner1{font-size:18px;}
.banner .swiper-slide .inner2{font-size:14px; left:42.5%; }
.banner .swiper-slide .inner3 { width:60%; left:40%; }
	 
}