﻿@charset "utf-8";
@media screen and (max-width: 767px) {
 body{min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
.container{width: auto;}
#message .m-content .m-message{width:90%;padding:20px;}
.kf{display: none;}
.floating_ck{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 .text{font-size:12px;margin: 0;display: none;}
.header .text strong{font-size:16px;}
.header .tel{display: none;}
.header .logo{height: 32px;line-height: 32px;padding:5px 0 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: none;}
.header .nav li a{line-height: 40px;padding: 0 15px;color: #333;border-right: none;}
.header .nav li .arr{display: block;}
.header .nav li.active>a, .header .dh li.open>a, .header .dh li>a:hover{background: none;color: #084dae}
.header .nav li.open .arr:after{border-color: #084dae;transform: rotate(225deg);}
.header .nav .dropdown-box{position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none;}
.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;}
.header .nav .dropdown-box a:hover{background-color: transparent !important;color:#004175 !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;}
.banner{margin-top: 10px;}
.banner .swiper-button-prev{width: 30px;height: 30px;}
.banner .swiper-button-next{width: 30px;height: 30px;}
.banner .swiper-button-prev,.banner .swiper-button-next{font-size: 16px;line-height: 30px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;border: none;}
.yunu-sou{padding: 0;}
.yunu-sou .container{padding: 0;}
.yunu-sou .hot{display: none;}
.yunu-sou .hform{float: none;position: relative;}
.yunu-sou .hform input{border-color: transparent;width: 100%;box-sizing: border-box;line-height: 20px;background: #FFF;padding: 10px 60px 10px 15px;}
.yunu-sou .hform button{position: absolute;right: 0;top: 0;width: 50px;height: 40px;background: #FFF;padding:0px ;}
.section{padding: 30px 0;}
.section-title{font-size: 20px;background: none;}
.section-title p{font-size: 12px;}
.in-pro-menu{margin: 20px 0;}
.in-pro-menu a{font-size: 14px;padding: 0 8px;}
.list-1 li{width:50%}
.list-1 li a{margin:0px 5px 10px;}
.list-1 li .text{line-height:25px;font-size: 12px;}
.youshi{background: url(../image/ysbg.png) no-repeat top center/ cover;padding: 15px 0;}
.youshi strong{font-size: 30px;}
.youshi p{font-size:14px;margin-top: 0px;}
.in-ys .tit{padding: 20px 0 0;}
.in-ys .tit-left{width: 50%;}
.in-ys .tit-left h2{font-size: 20px;line-height: 28px;}
.in-ys .tit-left p{font-size: 12px;margin-top: 0px;}
.in-ys .tit-right{width: 40%;font-size: 28px;line-height: 77px;}
.in-ys{padding-bottom: 20px;}
.ys-con .fl{float: none;width: auto;}
.ys-con .fr{float: none;width: auto;}
.ys-con img{max-width: 100%;}
.ys-con h2 i{font-size: 14px;}
.ys-con h3{font-size: 18px;}
.ys-con .desc{width: 100%;font-size: 12px;line-height: 24px;}
.ys-con2{background: none;}
.section-title1{font-size:20px;margin-bottom: 20px;}
.section-title1 p{font-size:12px;}
.in-case ul{padding: 14px 7px 4px}
.in-case li{width:50%}
.in-case li a{margin:0px 5px 10px;}
.in-case li .text{line-height:30px;font-size: 12px;}
.more{width: 100px;margin: 20px auto 0}
.in-about-con{padding: 10px 10px 15px;margin-top: 20px;}
.in-about-con h2 i{font-size:30px;}
.in-about-con h2 span{display: block;font-size: 20px;margin-top: -30px;}
.in-about-con p{line-height: 24px;font-size: 12px;}
.in-about-con .fl{float: none;width: auto;padding: 10px;}
.in-about-con .fr{float: none;width: auto;}
.in-about-con .fr h3{padding: 7px 10px;font-size: 16px;}
.in-news{padding:30px 0;}
.in-news-left{float: none;width: auto;}
.in-news-right{float: none;width: auto;margin-top: 15px;}
.in-news-con .fl{float: none;width: auto;margin-left: 0px;padding: 0 10px;}
.in-news-con .fr{float: none;width: auto;margin-right: 0px;padding: 0 10px;}
.in-news-con li{float: none;width: auto;}
.qa li{padding: 10px 0 10px 35px;width: 88%;}
.footer .contact{float: none;width: auto;padding: 15px 0 0;}
.footer .contact h2{font-size: 16px;}
.footer .contact p{font-size: 12px;margin: 0;}
.footer .copyright{float: none;width: auto;margin-left: 0px;padding:10px 0;}
.footer .copyright p{font-size: 13px;margin: 0;}
.footer .ewm{float: none;width: auto;height: 200px;background:none;}
.footer .ewm .con{height: 200px;}
.footer .ewm .con div{border-color: #FFF;padding: 10px;}
.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{}
}

