@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{right: -145px;transform: translateY(400%);}
.kt-top,.con,.kf-side{display:none}
.kf .backTop{margin-top: -25px;width: 20%;border-radius: 30px;}
.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,.2)}
.header .text{font-size:12px;margin:0;display:none}
.header .text strong{font-size:16px}
.header .tel{display: block;padding-left: 0px;margin-top: 0px;background: none;}
.header .tel strong{margin-top: 1px;font-size: 18px;font-family: 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 span{display: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 .nav li.open>a,.header .nav li>a:hover{background:0 0;color:#08954c}
.header .nav li.open .arr:after{border-color:#08954c;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}
.menu-btn{display:block}
.xf-link{display: none;}
.xf-showcase{margin-bottom:30px}
.pc-slide{float:none;width:auto}
.view .swiper-slide .img-center{height:auto;}
.xf-showcase-info{margin:20px 0 0}
.xf-showcase-info h1{margin-bottom:20px;font-size:18px}
.xf-showcase-info p{margin-top:10px;min-height:auto}
.xf-showcase-info .tel{font-size:14px}
.xf-showcase-info .tel strong{font-size:18px}
.banner{display:none}
.swiper-pagination {bottom: 1px !important;}
.m-banner{display: block;height: 10rem;margin-top: 10px;}
.section-title{padding-bottom:10px;font-size:18px;margin-bottom:14px}
.liucheng{padding:20px 0}
.liucheng-left{float:none;width:auto}
.liucheng-left h2{font-size:24px}
.liucheng-left p{font-size:16px;position:relative}
.liucheng-left p:after{height:2px}
.liucheng-right{float:none;width:auto;padding-top:40px}
.in-news ul{margin:0 0 0 -10px}
.in-news li{float:none;width:auto}
.in-news li .item{margin:0 0 10px 10px}
.in-ys{padding:25px 0 10px}
.in-ys ul{padding:0}
.in-ys li{width:33.333333%;padding: 0;margin-bottom:12px}
.footer{padding:10px 0;line-height:20px;font-size:12px}
.banner-sub{height:160px}
.section-sub{padding:10px 0}
.sub-tit{padding-bottom:10px;margin-bottom:15px}
.curmbs{display:none}
.ct2-sd{display:none}
.ct2-mn{float:none!important;width:auto}

.list-1{margin:-10px 0 0 -10px}
.list-1 li{float:left;width:33.333333%}
.list-1 li a{margin:10px 0 0 10px}
.list-1 li .text{line-height:34px;font-size:12px}
.list-1 li .text p span{height:34px}
.list-1 li .btn a{font-size:12px;padding:0 10px}.list-3{margin:-10px 0 0 -10px}

.list-2{margin:-10px 0 0 -10px}
.list-2 li{float:left;width:50%}
.list-2 li a{margin:10px 0 0 10px}
.list-2 li .text{line-height:34px;font-size:12px}
.list-2 li .text p span{height:34px}
.list-2 li .btn a{font-size:12px;padding:0 10px}.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-4 li a{margin-right:0}
.list-4 li span{right:0}
.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 h4 span{display:none}
.list-5 li .text p{margin:10px 0 0}
.list-6 li{width:50%}
.pages{margin-top:20px}
.xf-infocontent-title h1{font-size:18px}
.xf-infocontent-desc{padding:10px;margin-bottom: 6px;}
.xf-infocontent-epx li{line-height:24px}
.xf-infocontent-epx li span{font-size:12px;padding:0 5px;margin-right:5px}
.xf-infocontent-epx li em{display:none}
.xf-infocontent-return .more{display:none}
.xf-infocontent-return{font-size:12px;}
.xf-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%}

.xfsearch{}
.wrap-search {width:100%;height: 41px;}
.search .keyword {display:none;}
.search .inp {width:98%; height: 41px;border: 1px solid #dbdbdb;overflow: hidden;background: #fff; margin:10px auto;}
.search .inp input {border: none;height: 41px;line-height: 41px;width:auto;float: left;text-indent: 12px;font-size: 14px;color: #888; margin-left:10px;}
.search .inp .sea {display: block;float: right;width: 44px;height: 23px;position: relative;top: 9px;background: url(../images/search.png) no-repeat center;border-left: 1px solid #d3d3d3;cursor: pointer;}


}