.nav-mob,.bottomnav{display: none;}
@media all and (max-width: 1100px) {
.body-gray{background-color: #f7f7f7;}
.header{height:55px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.header .logo{position: static; left:0; top:0; width:120px;}
.mobnavbg {background:#ccc; position: fixed; right: -100%; top: 50px; width: 65%; height: 100%; z-index: 99; transition: all 0.35s ease;-webkit-transition:all 0.35s ease;}
.mobnavbg.active {right:0px;}
.menubtn{ display:block; position:absolute; right:3%; top:10px; width:30px; height:30px; cursor:pointer;}
.menubtn>.btn {position: absolute;top:50%; left:50%; z-index: 9; margin-top:-16px; margin-left:-16px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width:30px;height:32px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
.menubtn>.btn>span { position: relative; display:block; margin-top:16px;}
.menubtn>.btn>span,.menubtn>.btn>span:after,.menubtn>.btn>span:before { display: block;width:30px;height: 2px;background-color: #37974f;transition-duration: .4s;-webkit-transition-property: background-color,-webkit-transform;-moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; transition-property: background-color,transform;}
.menubtn>.btn>span:after,.menubtn>.btn>span:before { position: absolute; content: "";}
.menubtn>.btn>span:before {top: -9px;}
.menubtn>.btn>span:after {top: 9px;}
.menubtn>.btn.active span { background-color: transparent;}
.menubtn>.btn.active span:after,.menubtn>.btn.active span:before {background-color:#37974f;}
.menubtn>.btn.active span:before {-webkit-transform: translateY(9px)rotate(45deg);-moz-transform: translateY(9px)rotate(45deg);transform: translateY(9px)rotate(45deg);-ms-transform: translateY(9px)rotate(45deg);}
.menubtn>.btn.active span:after {-webkit-transform: translateY(-9px)rotate(-45deg);-moz-transform: translateY(-9px)rotate(-45deg);transform: translateY(-9px)rotate(-45deg);-ms-transform: translateY(-9px)rotate(-45deg);}

.nav-mob {display: block;}
.nav-mob ul{padding:10px 3%}
.nav-mob ul li { border-bottom: 1px solid #eee;}
.arrorright-btn { position: absolute; width: 60px; right: 0; top: 0; height: 45px; cursor: pointer;}
.arrorright-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 11px; margin-top:-6px; border-left: 2px solid #999; border-top: 2px solid #999; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.nav-mob ul li.cur .arrorright-btn:after {border-left: 2px solid #37974f; border-top: 2px solid #37974f; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.arrorrighta-btn { position: absolute; width: 60px; right: 0; top: 0; height: 43px;}
.arrorrighta-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-4px; border-left: 2px solid #999; border-top: 2px solid #999; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.nav-mob ul li h4 { position: relative;}
.nav-mob ul li h4 a { padding: 10px; line-height: 28px; display: block; color: #000; font-size: 15px;}
.nav-mob ul li.cur h4 a { color: #37974f;}
.subnavmb{padding:0 0 10px;}
.subnavmb a { display: block; padding: 0px 10px; font-size: 14px; line-height: 26px;}
.subnavmb a i { margin-right: 8px; display:inline-block; width: 5px; height: 5px; border: #888 1px solid; border-radius: 4px; vertical-align: middle;}

.bottomnav{background-color: #37974f; border-radius: 15px 15px 0 0; position: fixed; left:0; bottom:0; width:100%; z-index: 99; display: block;}
.bottomnav ul{ min-height: 60px; width:100%;}
.bottomnav .iconfont{display: block; font-size:20px; line-height: 1; margin-bottom:0; padding-top: 5px;}
.bottomnav li{text-align: center; width: 20%; color: #fff;}
.bottomnav li a {color: #fff; line-height: 1;}

.homesorttitle{}
.homesorttitle .homesorttitle-lt{position: relative;}
.homesorttitle .homesorttitle-lt span{font-size: 18px; font-weight: bold; position: relative; z-index: 2;}
.homesorttitle .homesorttitle-lt::after{content: ''; background-color: #37974f; width:100%; height: 3px; position: absolute; left:0; bottom: 5px; display: block; z-index: 0;}
.homesorttitle .homesorttitle-rt a{margin-left:15px;}

.sortlist{background-color: #fff; border-radius: 6px; padding:3%; box-shadow: 0 0 6px rgba(0,0,0,0.06);}
.sortlist li{width:25%; text-align: center;}
.sortlist li .sortcircle{background-color: #eee; border-radius: 50px; width:50px; height: 50px; margin: 0px auto; display: flex; align-items: center; justify-content: center;}
.sortlist li .iconfont{font-size: 24px; line-height: 1;}
.sortlist .sorttitle{padding:5px 0 0;}

.hezuoyoushi { position: relative; overflow: hidden;}
.hezuoyoushi .youshicon{line-height: 1.8; height: 235px; overflow: hidden; color:#666;}
.hezuoyoushi a .img {overflow: hidden;}
.hezuoyoushi a .img img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.hezuoyoushi a:hover .img img{transform: scale(1.1);}
.hezuoyoushi .swiper-button-prev i,.hezuoyoushi .swiper-button-next i{ position: absolute; left:8px; top:8px; font-size: 16px; line-height: 1; color:#000;}
.hezuoyoushi .swiper-button-prev{ top:48%;width: 30px;height: 30px; background:#eee; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.hezuoyoushi .swiper-button-next{top: 48%;width: 30px;height: 30px; background:#eee; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.hezuoyoushi .swiper-button-prev:hover,.hezuoyoushi .swiper-button-next:hover{background: #37974f;}
.hezuoyoushi .swiper-button-prev:hover i,.hezuoyoushi .swiper-button-next:hover i{ color:#fff;}
.hezuoyoushi .swiper-button-prev i{ position: absolute; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}

.hezuokefu {position: relative; overflow: hidden;}
.hezuokefu .swiper-slide{background-color: #fff; border-radius: 5px; overflow: hidden;}
.hezuokefu a:hover .img img{transform: scale(1.1);}
.hezuokefu .swiper-pagination{bottom:0px; z-index: 99; left:46%;}
.hezuokefu .swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width:10px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.hezuokefu .swiper-pagination-bullet-active{width:20px !important;background: #599b34 !important;opacity: 1 !important;}
.hezuokefu h2{font-size: 14px; padding:10px 0; line-height: 22px; height: 54px; text-align: center;}

.mob-youshi{background-color: #fff;}
.mob-youshi img{width:100%;}
.mob-youshi-desc{padding:4%; background-color: #fff; margin-top: -70px; position: relative; z-index: 1; box-shadow: 0 3px 10px rgba(0,0,0,0.06);}
.mob-youshi-desc h2{font-size:16px;font-weight: bold; text-align: center; margin-bottom:5px;}

.prolist ul li {width:49%; border: 1px solid #ddd; margin-top:2%; background-color: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.06);}
.prolist ul li:nth-child(-n+2){margin-top:0}
.prolist ul li h2 {text-align: center; padding:10px; font-size:14px;}

.homenews ul{padding:10px 0;}
.homenews li{background: url(../images/pro_addNewsBoxListIco.png) no-repeat 10px center; line-height: 38px; padding-left:28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #ddd;}
.homenews li:last-child{border-bottom:0;}
}