@charset "utf-8";

body,td,th,input,textarea,select{font-family:Helvetica, 'Microsoft YaHei', Arial, Tahoma; color:#777177; outline:none;}
html{font-size:62.5%;}
html,body{background:#f4f8f6;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:active{color:#009b4c;}

#head{background:#fff; height:56px; box-shadow:0 0 22px rgba(0,0,0,.07); position:fixed; width:100%; z-index:9; left:0; top:0;}
#head>img{height:40px; margin:8px 0 0 15px;}
#nav{float:right; display:block; width:50px; height:56px; text-align:center; line-height:54px;}
#nav:active{background:#eee;}
#nav>img{height:21px;}
#tel{width:30px; height:30px; float:right; margin:14px 15px 0 0;}
#wx{width:35px; height:30px; float:right; margin:11px 15px 0 0;}
#lan{width:55px; height:30px; float:right; margin:15px 0 0 0; font-size:1.4rem;}
#lan>img{width:26px; margin-right:5px;}

#menu{position:fixed; z-index:11; right:0; top:0; width:200px; height:100%; transform:translateX(100%); transition:all .5s;}
#menu>.close{display:block; width:32px; height:32px; background:#009c4d; position:absolute; right:0; top:0; z-index:12; text-align:center; line-height:32px;}
#menu>.close:active{background:#666;}
#menu>.close>img{height:16px;}
#menu>ul{position:relative; z-index:11; background:#fff; width:100%; height:100%; padding-top:36px; box-sizing:border-box;}
#menu>ul>li{border-bottom:0.5px solid #eee;}
#menu>ul a{display:block; font-size:1.5rem; padding:15px; color:#464646;}
#menu>ul a:active{background:#eee;}
#menu>ul a>img{height:24px; margin-right:8px;}
#pagebg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10; transform:translateX(-100%); transition:all .5s; opacity:0;}
#menu.show{transform:translateX(0);}
#pagebg.show{transform:translateX(0); opacity:1;}

#banner{margin-top:54px;}
#banner .tx{background:#009e4e; padding-bottom:15px; padding-top:15px;}
#banner .tx>p{text-align:center; font-size:1.5rem; color:#fff;}
#banner .swiper-pagination{bottom:62px;}
#banner .swiper-pagination-bullet{border:1px solid #fff; opacity:1; background:none;}
#banner .swiper-pagination-bullet-active{background:#009e4e; border:0px none; width:10px; height:10px;}

#m1{display:flex; padding-right:15px; margin-top:30px;}
#m1>li{width:25%; padding-left:15px; text-align:center; font-size:1.5rem; font-weight:300; color:#464646;}
#m1>li>a{display:flex; width:100%; padding-top:100%; position:relative; background:#fff; border-radius:16px; box-shadow:5px 5px 25px rgba(0,0,0,.03); margin-bottom:10px; align-items:center; justify-content:center;}
#m1>li>a:active{background:#eee;}
#m1>li>a>img{position:absolute; width:60%; height:60%; top:20%; left:20%;}

#m2{width:100%; height:180px; margin-top:25px; background:url('img/m2.jpg') no-repeat center center; background-size:cover; padding:25px 16px; color:#fff; font-size:1.4rem; box-sizing:border-box; line-height:180%;}

#m3{margin:20px 15px; background:#fff; padding:15px; border-radius:5px; box-shadow:5px 5px 25px rgba(0,0,0,.03); font-size:1.3rem;}
#m3 p{margin:6px 0;}

#foot{text-align:center; font-size:1.3rem; color:#aaa; margin:30px auto 20px auto; line-height:160%;}
#foot a{color:#ccc;}

#b-sub{margin-top:56px;}
#b-sub>p{padding:12px 15px 14px 15px; color:#464646; font-size:1.6rem; background:linear-gradient(#fff, #eee);}
#b-sub>h1{text-align:center; color:#464646; font-weight:300; padding-top:30px;}

#main{margin:20px 15px; background:#fff; padding:15px; box-shadow:5px 5px 25px rgba(0,0,0,.05); border-radius:5px;}

.text{font-size:1.5rem !important; line-height:160%;}
.text p,.text div{margin-bottom:16px; font-size:1.5rem !important;}
.text *{font-size:1.5rem !important;}
.text img{display:block; margin:20px auto;}

dl.news{margin:15px; background:#fff; padding:15px; box-shadow:5px 5px 25px rgba(0,0,0,.05); border-radius:5px;}
dl.news dt{font-size:2.6rem; font-weight:bold; color:#009c4d; position:relative;}
dl.news dt>span{font-size:1.2rem; font-weight:200; color:#ccc; position:absolute; right:0; top:10px;}
dl.news dt:after{content:''; display:block; width:20px; height:2px; background:#ccc; position:absolute; left:25px; bottom:-10px;}
dl.news dd.tit{color:#464646; font-size:1.5rem; margin-top:25px;}
dl.news dd.con{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:10px auto; color:#ccc; line-height:150%; font-size:1.2rem;}

.pager{text-align:center; margin-top:30px;}
.pager a.pagepn,.pager span.thispage{border-width:0.5px !important; border-color:#eee; height:28px; line-height:28px; padding-left:15px; padding-right:15px;}

#main .back{display:block; width:100%; height:42px; background:#009b4c; text-align:center; color:#fff; line-height:42px; font-size:1.4rem; border-radius:5px;}
#main .back:active{background:#00c561;}

#class{display:flex; flex-wrap:wrap; padding:20px 10px;}
#class a{width:50%; display:block; padding:5px; box-sizing:border-box;}
#class a>div{background:#fff; border-radius:10px; box-shadow:5px 5px 25px rgba(0,0,0,.05);}
#class a .img{width:100%; padding-top:80%; position:relative; display:block;}
#class a .img>img{position:absolute; max-width:100%; max-height:100%; text-align:center; top:0; border-radius:10px;}
#class a .name{display:block; font-size:1.3rem; text-align:center; color:#464646; padding:15px 10px;}

.pro_list{display:table; width:100%; padding:20px 15px; box-sizing:border-box;}
.pro_list li{display:flex; background:#fff; margin-bottom:10px; border-radius:8px; box-shadow:5px 5px 25px rgba(0,0,0,.05);}
.pro_list a{display:block; width:100%;}
.pro_list a:active{background:#f6f6f6;}
.pro_list li div{display:table-cell; vertical-align:middle; font-size:1.3rem; color:#464646;}
.pro_list li div.img{width:100px; background:#eee;}
.pro_list li div.img img{width:100px; height:100px; border-radius:8px 0 0 8px;}
.pro_list li div.name{padding-left:10px;}

#pimg{margin:30px 0;}
#tags dl{margin:15px; background:#fff; padding:15px; box-shadow:5px 5px 25px rgba(0,0,0,.05); border-radius:6px;}
#tags dl>dt{color:#009b4c; font-size:1.8rem; font-weight:300; border-bottom:.5px solid #eee; padding-bottom:13px;}
#tags dl>dd{margin-top:15px;}

.prev,.next{padding:5px 16px; font-size:1.3rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.back{margin:20px auto 0 auto; display:block; background:#fff; width:150px; height:35px; line-height:35px; font-size:1.3rem; border:1px solid #eee; border-radius:5px; box-shadow:3px 3px 10px rgba(0,0,0,.05); text-align:center;}
.back:active{background:#eee;}

.contact{font-size:1.3rem; padding-bottom:30px;}