@media screen and (min-width: 768px) {
.header-fix { position: fixed; left: 0; top: 0; }
}

@media screen and (max-width: 767px) {
body { min-width: 320px; padding-top: 60px; padding-bottom: 50px; }
.container { width: auto; }
#message .m-content .m-message { width: 90%; padding: 20px; }
.kf { display: none; }
.footer-fix { display: block; }
.topbar { display: none; }
.header { padding: 10px 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 .tel { display: none; }
.header .nav { margin: 10px -15px -10px; display: none; float: none; background-color: #FFF; }
.header .nav li { display: block; margin: 0; border-top: 1px solid #eee; float: none; }
.header .nav li a { line-height: 40px; padding: 0 15px; color: #333; }
.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 { color: #8292a5; background-color: #FFF; }
.header .nav li.open .arr:after { border-color: #002145; -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; }
.yunu-sou .hot { display: none; }
.yunu-sou .hform { float: none; width: 100%; border-radius: 0; }
.section-title { margin-bottom: 20px; }
.section-title strong { font-size: 20px; }
.in-td { margin: 0 0 0 -10px; }
.in-td li { width: 50%; }
.in-td li a { margin: 0 0 10px 10px; padding: 10px 0 0 10px; height: 50px; }
.in-td li .icon { width: 40px; }
.in-td li .icon img { height: 30px; }
.in-td li .text { margin-left: 45px; }
.in-td li .text h2 { font-size: 16px; line-height: 30px; }
.in-td li .text p { display: none; }
.in-pro-left { display: none; }
.in-pro-right { float: none; width: auto; }
.in-pro-right li { width: 50%; }
.in-ys { margin: 0 0 0 -10px; }
.in-ys li { width: 50%; }
.in-ys li a { margin: 0 0 10px 10px; }
.in-ys li .text { padding: 20px 0; height: 150px }
.in-about { padding: 30px 0; }
.in-about-left { float: none; width: auto; padding-right: 0px; padding-top: 0px; }
.in-about-right { float: none; width: auto; margin-top: 20px; }
.in-case { margin: 0 0 0 -6px; }
.in-case li { width: 50%; }
.in-case li a { margin: 0 0 6px 6px; height: 150px; }
.in-case li .text h2 { margin: 0 0 10px; }
.in-news { margin: 0; }
.in-news li { float: none; width: auto; }
.in-news li a { margin: 0 0 10px 0px; height: 120px; }
.footer { padding-top: 15px; }
.footer .flogo { float: none; width: auto; border-right: 0; padding-right: 0; }
.footer .flogo .img-center { display: none; }
.footer .fnav { display: none; }
.footer .ewm { float: none; width: auto; margin-top: 25px; }
.footer-copy { line-height: 23px; padding: 10px 0; margin-top: 10px; }
.footer-copy .fr { float: none; }
.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 { }

.iAdv{ padding: 48px 0;}
.iAdv ul{ padding: 16px 0;}
.iAdv li{ width:25%; font-size: 14px; padding: 8px 0; }
.iAdv li:nth-child(4n){ border: none; }
.iAdv li i{ font-size: 32px;}


}