﻿@charset "utf-8"; 
:root{--color:#84b93e}
.sf-menu li.LiLevel1>a{font-weight:700}
.aboutcon img,.prodetail-content img{max-width:100%}
.prodetail-content article>p,article p{font-size:1em}
table,td,tr{border:1px solid #d8d7d7;padding:2px 10px}
.wave:after,.wave:before{display:none}
.head-top .top-share .icon-item{border-radius:0;background:#9ea3a7}
.head-top .top-share .icon-item:hover{border-color:transparent}
.head-top .top-share .icon-item:nth-child(1):hover{background:#3b5998}
.head-top .top-share .icon-item:nth-child(2):hover{background:#00aced}
.head-top .top-share .icon-item:nth-child(3):hover{background:#bd081c}
.head-top .top-share .icon-item:nth-child(4):hover{background:#007fb1}
.head-top .top-share .icon-item:nth-child(5):hover{background:#bd081c}
@media(min-width:768px){.l-header .head-logo{-ms-flex:0 0 160px;flex:0 0 160px}
.l-header .l-wrap{flex-wrap:wrap}
.l-header,.l-header.is-fix{height:auto}
.l-header .head-nav>ul{justify-content:center}
.l-header .head-nav>ul>li>ul a{color:#fff}
.l-header .head-nav>ul>li>ul a:hover{background:#fdc417;color:#fff}
.l-header .head-nav>ul>li>ul{background:var(--color)}
.l-header .head-nav>ul>li::before{content:"";position:absolute;left:50%;margin-left:-25px;top:6px;width:50px;height:49px;display:inline-block}
.l-header .head-nav>ul>li:nth-child(1):before{background:url(/js/35856/img/0.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(1):hover:before{background-image:url(/js/35856/img/0hover.png)}
.l-header .head-nav>ul>li:nth-child(2):before{content:"";background:url(/js/35856/img/1.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(2):hover:before{background-image:url(/js/35856/img/1hover.png)}
.l-header .head-nav>ul>li:nth-child(3):before{content:"";background:url(/js/35856/img/3.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(3):hover:before{background-image:url(/js/35856/img/3hover.png)}
.l-header .head-nav>ul>li:nth-child(4):before{content:"";background:url(/js/35856/img/4.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(4):hover:before{background-image:url(/js/35856/img/4hover.png)}
.l-header .head-nav>ul>li:nth-child(5):before{content:"";background:url(/js/35856/img/5.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(5):hover:before{background-image:url(/js/35856/img/5hover.png)}
.l-header .head-nav>ul>li:nth-child(6):before{content:"";background:url(/js/35856/img/6.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(6):hover:before{background-image:url(/js/35856/img/6hover.png)}
.l-header .head-nav>ul>li>a{line-height:66px!important;padding-top:34px;color:#fff}
.l-header .head-nav>ul>li>a:hover,.l-header .search-btn i{color:#fdc417}
.l-header .nav-sign{bottom:10px}
.l-header{position:relative}
.l-header::before{content:'';display:block;position:absolute;bottom:0;left:0;background:#000;z-index:-1;width:100%;height:100px}
.head-top .wave{height:0}
.l-header .head-nav>ul>li#liabout-us>a{padding-left:0;padding-right:0}
.l-header .head-nav>ul>li#lifaq>a{padding-left:40px}
.l-header .head-nav>ul>li:nth-child(5):before{left:58%}}
@media screen and (max-width:1280px) and (min-width:769px){.l-header::before{height:44px}
.l-header .head-nav.is-active>ul>li{height:auto}
.l-header .head-nav>ul>li>a{line-height:32px!important;padding-top:60px}}
.wave-top:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,var(--color) 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,var(--color) 8.2px)}
.wave-top:after{background-image:radial-gradient(circle at 6px,at 9px,var(--color) 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,var(--color) 7.2px,transparent 8.2px)}
.l-main-home .sec-title-w{color:#fff}
.foot-nav li:hover{background-image:url(/js/31353/arrow-nav-w.png)}
@media screen and (min-width:1201px){.l-header .head-nav>ul>li>ul.submenu li{position:relative}
.l-header .head-nav>ul>li>ul.submenu li ul{position:absolute;left:100%;top:0;background:var(--color);display:none}
.l-header .head-nav>ul>li>ul.submenu li:hover>ul{display:block}}
@media (min-width:769px){.l-header .head-nav>ul>li:nth-child(7):before{content:"";background:url(/js/35856/img/7.png) no-repeat;background-size:50px}
.l-header .head-nav>ul>li:nth-child(7):hover:before{background-image:url(/js/35856/img/7hover.png)}}
.about-r iframe{width:100%;height:400px}
.cate-name{text-transform:uppercase}
@media(min-width:961px){.latestpro ul>li{width:16%}}
.l-header .head-nav>ul>li>a{position:relative}