锘緻charset "utf-8";
html,body { width:100%; background:#fff; overflow-x:hidden; position:relative;}
html { height:100%; background:#f5f5f5;}
body { max-width:640px; min-height:100%; margin:0 auto; text-align:justify; font:0.875rem/1.375rem Helvetica,"microsoft yahei",arial; color:#3e3a39;}
* { margin:0; padding:0; list-style:none; outline:none; -webkit-tap-highlight-color:transparent;}
img,video,iframe { max-width:100%; border:0; vertical-align:middle;}
i { font-style:normal;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; text-transform:uppercase;}
input,textarea,select { background:none; text-align:justify; font-family:Helvetica,"microsoft yahei",arial; box-sizing:border-box; resize:none;}
a { color:#3e3a39; text-decoration:none;}
a:hover { color:#00892d;}
table { border:1px solid #ddd; border-collapse:collapse; border-spacing:0;}
table td { padding:5px; border:1px solid #ccc; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.4);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.4);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.4);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.4);}

.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none;}
.m_auto:after { clear:both; content:"."; display:block;}
.overflow { overflow:hidden;}
.hidden { display:none !important;}
.display { display:block;}
.name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bg { font-size:0; position:relative !important; z-index:10 !important;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.loading,.img_loading img,article iframe,article video { background:#f5f5f5 url(../images/app_loading.gif) no-repeat center center; background-size:40px; overflow:hidden; position:relative;}
.img img { width:100%; min-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

.allSelect { position:relative; z-index:20;}
.allSelect em { font-style:normal; position:absolute; cursor:pointer;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #898989; text-indent:10px; font-size:0.875rem; top:0; right:0;}
.allSelect em.value:after { width:0; height:0; content:""; border:7px solid transparent; border-top-color:#ccc; border-bottom:0; position:absolute; top:50%; right:12px; margin-top:-3px; transition:all 0.3s;}
.allSelect em.open { border-color:#00892d;}
.allSelect em.open:after { border-top-color:#00892d; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(33px * 5); background:#fff; border:1px solid #00892d; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition:all 0.3s; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { height:32px; border-bottom:1px solid #f7f7f7; text-indent:10px; line-height:2rem; font-size:0.875rem; display:block; overflow:hidden; cursor:pointer;}
.allSelect dl dd a { height:100%; display:block;}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

header { height:60px; position:relative;}
header .list { width:100%; max-width:640px; height:60px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.08); position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:110;}
header .list .logo { width:100%; max-width:640px; position:relative;}
header .list .logo a { height:44px; padding:8px 0; text-indent:10px; display:inline-block;}
header .list .logo img { height:100%;}

header .list .button { height:100%; position:absolute; top:0; right:0;}
header .list .button p { float:left; width:50px; height:100%; position:relative; cursor:pointer;}
header .list .button p i { width:20px; height:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .list .button p i:before { width:100%; height:100%; content:""; background:url(../images/app.png) no-repeat 20px 0; position:absolute;}
header .list .button p.nav i { height:2px; background:#00892d;}
header .list .button p.nav i:before,
header .list .button p.nav i:after { width:100%; height:2px; content:""; background:#00892d; position:absolute; left:0;}
header .list .button p.nav i:before { top:-9px;}
header .list .button p.nav i:after { bottom:-9px;}
header .list .button p.en { width:30px; line-height:3.125rem; font-size:1.125rem;}
header .list .button p.en a { width:100%; display:block;}

header .list .close { height:100%; position:absolute; top:0; right:0; display:none;}
header .list .close p { width:50px; height:100%; position:relative; cursor:pointer;}
header .list .close p:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat 0px -20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

header #nav { width:calc(100% - 10px); max-width:630px; padding:5px 0 15px 10px; background:rgba(0,0,0,0.6); border-radius:0 0 10px 10px; display:flex; flex-wrap:wrap; position:fixed; top:-500px; left:50%; transform:translateX(-50%); z-index:105; transition:all 0.3s;}
header #nav.open { top:60px;}
header #nav li { width:calc(100% / 3 - 10px); height:2rem; line-height:2rem; margin:10px 10px 0 0; text-align:center;}
header #nav li a { height:100%; background:#fff; border-radius:4px; color:#404040; display:block;}
header #nav li a:hover,
header #nav li a.active { background:#00892d; color:#fff;}

header.view { height:44px;}
header.view .list { height:44px; background:#00892d;}
header.view .list .text { width:100%; text-align:center; line-height:1; font-size:1.125rem; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10;}
header.view .list .back { width:42px; height:100%; position:absolute; top:0; left:0; z-index:15;}
header.view .list .back a { height:100%; display:block; position:relative;}
header.view .list .back a:before { width:13px; height:13px; content:""; border:1px solid #fff; border-right:0; border-bottom:0; position:absolute; top:50%; left:14px; margin-top:-7px; transform:rotate(-45deg);}
header.view .list .home { width:42px; height:100%; position:absolute; top:0; right:0; z-index:15;}
header.view .list .home a { height:100%; display:block; position:relative;}
header.view .list .home a:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat -20px -20px; position:absolute; top:50%; right:10px; margin-top:-10px;}

footer { height:75px;}
footer .list { width:100%; max-width:640px; height:54px; background:#f9f9f9; border-top:1px solid #ddd; display:flex; overflow:hidden; position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:120;}
footer .list li { text-align:center; flex:1;}
footer .list li a { height:100%; color:#595757; display:block; position:relative;}
footer .list li a:hover,
footer .list li a.active { color:#00892d;}
footer .list li.li5 a:hover { color:#595757;}
footer .list li i { width:100%; height:12px; padding-top:26px; line-height:1; font-size:0.75rem; position:absolute; top:50%; left:0; margin-top:-19px;}
footer .list li i:before { width:40px; height:40px; content:""; background:url(../images/app.png) no-repeat 100px 0; position:absolute; top:-10px; left:50%; margin-left:-20px; transform:scale(0.5);}
footer .list li:nth-of-type(1) i:before { background-position:-50px 0;}
footer .list li:nth-of-type(1):hover i:before,
footer .list li:nth-of-type(1) .active i:before { background-position:-50px -40px;}
footer .list li:nth-of-type(2) i:before { background-position:-90px 0;}
footer .list li:nth-of-type(2):hover i:before,
footer .list li:nth-of-type(2) .active i:before { background-position:-90px -40px;}
footer .list li:nth-of-type(3) i:before { background-position:-130px 0;}
footer .list li:nth-of-type(3):hover i:before,
footer .list li:nth-of-type(3) .active i:before { background-position:-130px -40px;}
footer .list li:nth-of-type(4) i:before { background-position:-170px 0;}
footer .list li:nth-of-type(4):hover i:before,
footer .list li:nth-of-type(4) .active i:before { background-position:-170px -40px;}
footer .list li:nth-of-type(5) i:before { background-position:-210px 0;}
footer .list li:nth-of-type(5):hover i:before,
footer .list li:nth-of-type(5) .active i:before { background-position:-210px 0;}

footer .gotoTop { width:28px; height:28px; background:rgba(255,255,255,0.7); border:rgba(0,0,0,0.4) 1px solid; border-radius:100%; position:fixed; bottom:75px; right:10px; z-index:110; transition:all 0.5s; opacity:0; visibility:hidden;}
footer .gotoTop:before { width:9px; height:9px; content:""; border:rgba(0,0,0,0.4) 1px solid; border-right:0; border-bottom:0; position:absolute; top:50%; left:50%; margin:-2px 0 0 -5px; transform:rotate(45deg);}
footer .gotoTop.open { opacity:1; visibility:visible;}

/**鍏叡**/
menu { margin-bottom:20px; background:#f2f7f8; border-bottom:1px solid rgba(0,0,0,0.08); display:flex; flex-direction:column;}
menu .list { margin:5px; display:flex; flex-wrap:wrap;}
menu .list li { width:calc(100% / 4 - 10px); margin:5px; text-align:center; line-height:1; font-size:0.875rem;}
menu .list li a { height:14px; padding:10px 0; background:#ddd; border-radius:20px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
menu .list li a:hover { color:#00892d;}
menu .list li a.active { background:#00892d; color:#fff;}
menu .list.list1 li { width:calc(100% / 1 - 10px);}
menu .list.list2 li,
menu .list.list40 li { width:calc(100% / 2 - 10px);}
menu .list.list3 li,
menu .list.list5 li,
menu .list.list6 li,
menu .list.list9 li { width:calc(100% / 3 - 10px);}

menu.open .show,
menu.open .list { left:0;}

/**鍒楄〃**/
#list { position:relative; z-index:10;}

#list .pages { margin-top:20px; display:flex; align-items:center; justify-content:center;}
#list .pages>a { padding:8px 10px; margin:0 4px; background:#fff; border:1px solid #808284; border-radius:3px; line-height:1; font-size:0.75rem; color:#808284; display:flex; align-items:center;}
#list .pages>a:hover { border-color:#00892d; color:#00892d;}
#list .pages>.now { padding:8px 5px; background:rgb(245,245,245); border-color:#00892d; color:#00892d;}
#list .pages>.now span { margin:0 3px;}
#list .pages>.none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages>.none:hover { background:#fff; border-color:#ccc; color:#ccc;}
#list .pages>a:nth-child(1),
#list .pages>a:nth-child(20),
#list .pages>a:nth-child(60),
#list .pages>.allSelect { display:none;}

#list .list_photo { margin:-10px 0 0 10px; display:flex; flex-wrap:wrap;}
#list .list_photo li { width:calc(100% / 2 - 10px); margin:10px 10px 0 0; background:#f2f2f2; border-radius:0 0 8px 8px;}
#list .list_photo li a { float:left; width:100%; padding-bottom:36px; overflow:hidden; position:relative;}
#list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li .img { width:calc(100% - 2px); height:calc(100% - 37px); top:1px; left:1px;}
#list .list_photo li .name { width:calc(100% - 10px); height:36px; padding:0 5px; line-height:2.25rem; bottom:0;}
#list .list_photo li:hover { background:#00892d;}
#list .list_photo li:hover p { color:#fff;}

#list .list_news { margin:-15px 10px 0; display:flex; flex-direction:column;}
#list .list_news li { padding:15px 0; border-bottom:1px solid #eee; position:relative; overflow:visible;}
#list .list_news li p { font-size:0.75rem; color:#898989; position:relative; z-index:10;}
#list .list_news li .name { padding-bottom:10px; margin:-2px 0; line-height:1.25rem; font-size:1rem; color:#3e3a39; white-space:normal;}
#list .list_news li .img { float:left; width:105px; height:70px; margin:2px 10px 0 0; border-radius:4px;}
#list .list_news li .text { max-height:54px; margin:-2px 0; line-height:1.125rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#list .list_news li .date { margin-top:10px; line-height:1;}
#list .list_news li:hover .name { color:#00892d;}

#list .form_msg { margin:-15px 10px 20px; display:flex; flex-direction:column; position:relative;}
#list .form_msg li { height:40px; margin-top:15px; position:relative; z-index:10;}
#list .form_msg li input,
#list .form_msg li textarea { width:100%; height:100%; padding:0 10px; background:#f2f2f2; border:1px solid #9fa0a0; border-radius:4px; color:#9fa0a0;}
#list .form_msg li textarea { padding:8px 10px;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#00892d; color:#00892d;}
#list .form_msg li.detail { height:150px;}
#list .form_msg li.submit { height:auto; padding:14px 0; margin-top:20px; background:#00892d; border-radius:30px; text-align:center; line-height:1; font-size:1rem; color:#fff;}
#list .form_msg li.loading { width:100%; height:calc(100% - 15px); background-color:rgba(0,0,0,0.1); border-radius:4px 4px 22px 22px; position:absolute; top:0; left:0; z-index:20; display:none;}

#list .search_form { height:36px; padding:12px 0; background:#f2f7f8; position:relative;}
#list .search_form form { width:80%; height:36px; background:#fff; border-radius:18px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#list .search_form form:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat -20px 0; position:absolute; top:50%; left:10px; transform:translateY(-50%) scale(0.8); opacity:0.6;}
#list .search_form form .button { width:56px; height:30px; background:#00892d; border-radius:20px; text-align:center; line-height:1.875rem; color:#fff; position:absolute; top:50%; right:4px; transform:translateY(-50%); z-index:15;}
#list .search_form form input { width:100%; height:100%; background:transparent; position:absolute; top:0;}
#list .search_form form input[type=text] { padding-left:35px; border:1px solid #00892d; border-radius:18px; left:0; z-index:10;}
#list .search_form form input[type=submit] { width:60px; border:0; font-size:0; right:0; z-index:30;}

#list .search_tongji { line-height:1; font-size:0.875rem; display:flex; flex-direction:column;}
#list .search_tongji li { padding:12px 10px; margin:15px 10px; background:#eaedef; border-radius:3px;}
#list .search_tongji i { color:#f00;}

#list .search_news { margin:-15px 10px 0;}
#list .search_news li { padding:15px 0; border-bottom:1px solid #eee; position:relative;}
#list .search_news li p { font-size:0.75rem; color:#898989; position:relative; z-index:10;}
#list .search_news li .name { padding-bottom:10px; margin:-2px 0; line-height:1.25rem; font-size:1rem; color:#333; white-space:normal;}
#list .search_news li .img { float:left; width:100px; height:71px; margin:2px 10px 0 0; border-radius:4px;}
#list .search_news li .text { max-height:54px; margin:-2px 0; line-height:1.125rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#list .search_news li .date { margin-top:10px; line-height:1; display:flex; align-items:center;}
#list .search_news li .date span { height:100%; padding-left:21px; position:relative;}
#list .search_news li .date span:before { width:1px; height:11px; content:""; background:rgba(0,0,0,0.3); position:absolute; top:50%; left:11px; margin-top:-6px;}
#list .search_news li .date span:first-child { padding:0;}
#list .search_news li .date span:first-child:before { display:none;}
#list .search_news li:hover .name { color:#00892d;}

/**鍐呭**/
#detail { position:relative; z-index:20;}

#detail article { margin:-5px 10px; line-height:1.5rem; font-size:0.875rem; color:#333; position:relative; z-index:10;}
#detail article * { position:relative; z-index:10;}
#detail article img { max-width:100%; height:auto !important;}
#detail article iframe { max-width:calc(100% - 2px); border:1px solid #ccc;}
#detail article video { max-width:100% !important; height:auto !important; background:#000;}
#detail article table { max-width:100%;}
#detail article table.noBorder:first-child { margin-top:5px;}
#detail article table.none { border:0;}
#detail article table.none:first-child { margin-top:5px;}
#detail article table.none td { padding:0; vertical-align:top; border:0;}
#detail article p:first-child img,
#detail article p:first-child iframe,
#detail article p:first-child video { margin-top:5px !important;}
#detail article p:last-child img,
#detail article p:last-child iframe,
#detail article p:last-child video { margin-bottom:5px !important;}

#detail .pages { padding-top:10px; margin:20px 10px -4px; border-top:1px solid #ddd; display:flex; flex-direction:column;}
#detail .pages li { height:20px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9fa0a0;}

#detail .view_product_image { padding-bottom:12px; margin-bottom:-12px; background:#fff; position:relative;}
#detail .view_product_image .swiper { overflow:visible; position:relative;}
#detail .view_product_image .swiper-slide { overflow:visible;}
#detail .view_product_image .swiper-slide p { position:absolute; left:0;}
#detail .view_product_image .swiper-slide .bgs { height:calc(100% + 12px); top:0; z-index:12;}
#detail .view_product_image .swiper-slide .bgs img { width:100%; height:100%;}
#detail .view_product_image .swiper-slide .img { width:100%; height:100%; background-color:#fff; top:0; z-index:15;}
#detail .view_product_image .swiper-pagination { display:none !important;}
#detail .view_product_image .swiper-button { display:none;}

#detail .view_product_title { padding:15px; background:#f2f7f8; border-top:1px solid rgba(0,0,0,0.035); border-radius:12px 12px 0 0; position:relative; z-index:15;}
#detail .view_product_title h1 { text-align:center; line-height:1.5rem; font-size:1.125rem; color:#00892d; font-weight:bold;}

#detail .view_product_tab { margin:0 0 20px; border-bottom:1px solid #f6f6f6; display:flex;}
#detail .view_product_tab li { padding:15px 0; margin:0 10px; line-height:1; font-size:0.875rem; position:relative;}
#detail .view_product_tab li:before { width:100%; height:2px; content:""; background:#00892d; position:absolute; bottom:-1px; left:0; display:none;}
#detail .view_product_tab li.active { color:#00892d;}
#detail .view_product_tab li.active:before { display:block;}

#detail .view_product_list { margin:0 0 0 10px; display:flex; flex-wrap:wrap;}
#detail .view_product_list dt { width:100%; padding-left:12px; margin:25px 0 0; line-height:1; font-size:1.125rem; color:#191919; position:relative;}
#detail .view_product_list dt:before { width:4px; height:100%; content:""; background:#00892d; border-radius:2px; position:absolute; top:0; left:0;}
#detail .view_product_list dd { width:calc(100% / 2 - 10px); margin:10px 10px 0 0; background:#f6f6f6; border-radius:8px; overflow:hidden;}
#detail .view_product_list dd a { float:left; width:100%; padding-bottom:40px; overflow:hidden; position:relative;}
#detail .view_product_list dd p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0;}
#detail .view_product_list dd .img { width:calc(100% - 2px); height:calc(100% - 41px); border-radius:8px 8px 0 0; top:1px; left:1px;}
#detail .view_product_list dd .name { width:calc(100% - 10px); height:40px; padding:0 5px; line-height:2.5rem; font-size:1rem; bottom:0;}
#detail .view_product_list dd:hover { background:#00892d;}
#detail .view_product_list dd:hover .name { color:#fff;}

#detail .view_photo_title { padding:15px;}
#detail .view_photo_title h1 { text-align:center; line-height:1.5rem; font-size:1.125rem; font-weight:bold;}

#detail .view_photo_image { margin:0 10px; text-align:center;}
#detail .view_photo_image img { max-width:calc(100% - 10px); padding:4px; border:1px solid #ddd; border-radius:4px;}

#detail .view_photo_tab { margin:0 0 20px; border-bottom:1px solid #f6f6f6; display:flex;}
#detail .view_photo_tab li { padding:15px 0; margin:0 10px; line-height:1; font-size:0.875rem; position:relative;}
#detail .view_photo_tab li:before { width:100%; height:2px; content:""; background:#00892d; position:absolute; bottom:-1px; left:0; display:none;}
#detail .view_photo_tab li.active { color:#00892d;}
#detail .view_photo_tab li.active:before { display:block;}

#detail .view_news_title { padding:0 10px 10px; margin-bottom:20px; border-bottom:10px solid #f5f7fa; display:flex; flex-direction:column;}
#detail .view_news_title h1 { padding:15px 0; margin:-3px 0; text-align:center; line-height:1.5rem; font-size:1.125rem; font-weight:bold;}
#detail .view_news_title li { line-height:1; font-size:0.75rem; color:#898989; display:flex;}
#detail .view_news_title li span { margin-left:15px;}
#detail .view_news_title li span:first-child { margin:0;}

#detail .view_news_list { margin:0 10px; display:flex; flex-direction:column;}
#detail .view_news_list dt { padding-left:12px; margin:30px 0 -2px; line-height:1; font-size:1.125rem; color:#191919; position:relative;}
#detail .view_news_list dt:before { width:4px; height:100%; content:""; background:#00892d; border-radius:2px; position:absolute; top:0; left:0;}
#detail .view_news_list dd { padding:15px 0; border-bottom:1px dotted #ddd;}
#detail .view_news_list dd a { height:100%; display:block;}
#detail .view_news_list dd .name { line-height:1.25rem; font-size:1rem; white-space:normal;}
#detail .view_news_list dd .more { height:12px; margin-top:8px; line-height:1; font-size:0.75rem; display:flex;}
#detail .view_news_list dd .more span { margin-left:10px; color:#898989;}
#detail .view_news_list dd .more span:first-child { margin:0;}

/**寮瑰嚭**/
#pop_tips { padding:12px 15px; background:rgba(0,0,0,0.8); border-radius:4px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2999;}
#pop_tips.radius { min-width:120px; border-radius:30px !important;}
#pop_tips .loading { height:30px; margin-bottom:8px; background-color:transparent; background-size:30px;}
#pop_tips .text { height:14px; text-align:center; line-height:1; font-size:0.875rem; color:#fff;}

@media (min-width:640px){
footer .gotoTop { right:50%; margin-right:-310px;}
}