header.row, header .row { max-width:1200px;margin-right:auto;margin-left:auto;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap }
header.row .row, header .row .row { margin-right:-15px;margin-left:-15px }
header.column, header .column { -ms-flex:1 1 0;flex:1 1 0;padding-right:15px;padding-left:15px;min-width:0 }
@media print, screen and (min-width: 640px) {
header.column, header .column { -ms-flex:0 0 1;flex:0 0 1 }
}
header.column.row.row, header .column.row.row { float:none;display:block }
header.row .column.row.row, header .row .column.row.row { margin-right:0;margin-left:0;padding-right:0;padding-left:0 }
header.small-12, header .small-12 { -ms-flex:0 0 100%;flex:0 0 100%;max-width:100% }
header.small-collapse>.column, header .small-collapse>.column { padding-right:0;padding-left:0 }
@media print, screen and (min-width: 1024px) {
header.large-2, header .large-2 { -ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667% }
header.large-3, header .large-3 { -ms-flex:0 0 25%;flex:0 0 25%;max-width:25% }
header.large-4, header .large-4 { -ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333% }
header.large-5, header .large-5 { -ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667% }
header.large-7, header .large-7 { -ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333% }
header.large-10, header .large-10 { -ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333% }
header.large-11, header .large-11 { -ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667% }
header.large-12, header .large-12 { -ms-flex:0 0 100%;flex:0 0 100%;max-width:100% }
}
header.umeicon, header .umeicon { font-family:"umeicon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }
header.ume-home:before, header .ume-home:before { content:"\e767" }
header.ume-hot:before, header .ume-hot:before { content:"\e60b" }
header.theme-color, header .theme-color { color:#0ab596 }
header li:hover a, header li.active a { color:#0ab596 }
header.text-center, header .text-center { text-align:center }
header.hidden, header .hidden { display:none !important }
@media (max-width: 640px) {
header.hidden-small, header .hidden-small { display:none !important }
header.display-small, header .display-small { display:block !important }
}
@media (min-width: 1200px) {
header.hidden-large, header .hidden-large { display:none !important }
header.display-large, header .display-large { display:block !important }
}
header .top-bar { font-size:14px;height:80px;display:flex;justify-content:space-between }
@media (max-width: 760px) {
header .top-bar { display:none }
}
header .top-bar .left { display:flex;align-items:center }
header .top-bar .left .logo { display:inline-block; margin:10px 20px 10px 0;}
header .top-bar .left .slogan { font-size:18px;color:#383838;font-style:italic }
header .top-bar .right .about-box { background:#0ab596;line-height:30px;font-size:16px;padding:0 20px;margin-left:10px;border-bottom-left-radius:6px;border-bottom-right-radius:6px }
header .top-bar .right .about-box a { color:#fff }
header .top-bar .right .about-box li { color:#fff;z-index:99999;position:relative;display:inline-block }
header .top-bar .right .about-box li a.expand-btn::after { content:'\e85d';font-family:umeicon;position:relative;top:-2px;margin-left:4px }
header .top-bar .right .about-box li:hover a.expand-btn::after { content:'\e85f';top:2px }
header .top-bar .right .about-box li>ul.ul-child { border-top:1px solid #2fcaae;display:none;position:absolute;left:-20px;top:30px }
header .top-bar .right .about-box li>ul.ul-child li { background:#0ab596;display:block;padding:4px 15px;text-indent:0;border-bottom:1px solid #2fcaae }
header .top-bar .right .about-box li>ul.ul-child li:hover { background:#2fcaae }
header .top-bar .right .about-box li>ul.ul-child li a { color:#fff;white-space:nowrap }
header .top-bar .right .about-box li.has-child:hover>ul.ul-child { display:block }
header .top-bar .right .about-box>li:not(:last-child)::after { content:'|';margin:0 10px }
header .main-nav-box { background:#0ab596 }
@media (max-width: 760px) {
header .main-nav-box { display:none }
}
header .main-nav-box ul.level1 { list-style-type:none;display:flex;float:left;height:50px }
header .main-nav-box ul.level1>li { color:#fff;padding:0 15px;display:flex;align-items:center }
header .main-nav-box ul.level1>li .promotion-hot-icon { color:#e60012;font-size:32px;line-height:0;margin-left:-5px }
header .main-nav-box ul.level1>li:hover { background:#078870 }
header .main-nav-box ul.level1>li:hover.has-child a.link-expand::after { content:'\e85f';top:2px }
header .main-nav-box ul.level1>li:hover .child-box { display:block }
header .main-nav-box ul.level1>li:hover::afterd { display:block;width:0;height:0;content:' ';bottom:-3px;left:50%;margin-left:-10px;position:absolute;border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent }
header .main-nav-box ul.level1>li:hover .child-box { z-index:99999 }
header .main-nav-box ul.level1>li a { display:block;color:#fff;font-size:16px;line-height:1 }
header .main-nav-box ul.level1>li small { line-height:1 }
header .main-nav-box ul.level1>li.has-child a.link-expand::after { content:'\e85d';font-family:umeicon;position:relative;top:-2px;margin-left:4px }
header .main-nav-box ul.level1>li .child-box { z-index:9999;display:none;position:absolute;left:0;top:50px;background:#f5f5f5;width:100%;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #fff;padding:20px }
header .main-nav-box ul.level1>li .child-box .nav-title { color:#737373;font-size:15px;margin-bottom:15px }
header .main-nav-box ul.level1>li .child-box .nav-title b { color:#333;font-size:18px;display:inline-block;border-bottom:4px solid #0ab596;margin-right:10px }
header .main-nav-box ul.level1>li .child-box .style-name { margin-bottom:12px;font-weight:700;color:#484848 }
header .main-nav-box ul.level1>li .child-box ul.link-list.half li { width:50%;float:left;margin-right:0 }
header .main-nav-box ul.level1>li .child-box ul.link-list li { display:inline-block;margin-right:10px }
header .main-nav-box ul.level1>li .child-box ul.link-list li a { font-size:15px;color:#484848;line-height:1.6 }
header .main-nav-box ul.level1>li .child-box ul.link-list li a:hover { color:#0ab596 }
header .main-nav-box ul.level1>li .child-box .nav-link-a { display:inline-block;margin-top:10px;text-decoration:underline;font-size:15px;color:#484848 }
header .main-nav-box a.create-btn { display:block;background:#f8b61c;line-height:50px;padding:0 20px;color:#fff;font-weight:700;float:right }
header .menu-bar { background-color:#0ab596 }
@media (min-width: 1170px) {
header .menu-bar { background-color:#fff;border-bottom:1px solid #eaeaea }
}
header .menu-bar-logo { text-align:center;padding:20px 0 10px 0 }
header .menu-bar-logo img { max-width:200px;margin:auto }
header .menu-bar-nav { background:#fff }
@media (min-width: 1170px) {
header .menu-bar-nav { display:flex;height:80px }
header .menu-bar-nav ul { flex-grow:0;flex-basis:70%;float:right }
header .menu-bar-nav ul li { padding:0 10px;float:right }
header .menu-bar-nav .menu-bar-btn { flex-shrink:1;margin-left:auto }
}
header .menu-bar-nav .menu-toggle { display:block;position:absolute;opacity:0;filter:alpha(opacity=0);top:25px;left:24px;width:35px;height:35px;z-index:999 }
header .menu-bar-nav .menu-toggle:checked ~ ul { height:auto }
header .menu-bar-nav>ul { height:0;overflow:hidden }
@media (min-width: 1170px) {
header .menu-bar-nav>ul { height:auto;overflow:visible;border-bottom:none }
}
header .menu-bar-nav>ul::before { position:absolute;top:20px;left:10px;display:block;text-align:center;line-height:35px;font-size:30px;color:#fff;font-family:iconfont;content:"\e604" }
@media (min-width: 1170px) {
header .menu-bar-nav>ul::before { display:none }
header .menu-bar-nav>ul { display:flex;justify-content:flex-end }
}
@media (min-width: 1170px) and (min-width: 1170px) {
header .menu-bar-nav>ul { align-items:center }
}
header .menu-bar-nav>ul li { width:auto;margin:0 10px;line-height:55px;text-indent:24px;border-bottom:1px solid #eaeaea;position:relative }
header .menu-bar-nav>ul li a { font-family:"Open Sans bold" }
@media (min-width: 1170px) {
header .menu-bar-nav>ul li { border-bottom:none;text-align:center;flex-basis:auto;display:inline-block;text-indent:0;padding-top:4px;z-index:99999 }
header .menu-bar-nav>ul li, header .menu-bar-nav>ul li span { font-family:"Open Sans bold";cursor:pointer }
header .menu-bar-nav>ul li:hover span { color:#0ab596 }
header .menu-bar-nav>ul li:hover::before { display:block;width:100%;content:"";height:4px;background-color:#0ab596;position:absolute;top:0;left:0 }
}
header .menu-bar-nav>ul li>input[type="checkbox"] { opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:100%;height:100%;display:block }
@media (min-width: 1170px) {
header .menu-bar-nav>ul li>input[type="checkbox"] { display:none }
}
header .menu-bar-nav>ul li>span::after { display:block;content:'\e628';font-family:"iconfont";font-size:20px;line-height:55px;float:right;margin-right:24px;font-weight:700 }
@media (min-width: 1170px) {
header .menu-bar-nav>ul li>span::after { display:none }
header .menu-bar-nav>ul li>span::after { display:inline;content:'\e64e';font-size:14px;font-family:"iconfont" }
}
header .menu-bar-nav>ul li, header .menu-bar-nav>ul li>span { display:block;width:auto;color:#000;font-family:"Open Sans bold" }
@media (min-width: 1170px) {
header .menu-bar-nav>ul li, header .menu-bar-nav>ul li>span { height:100%;display:flex;align-items:center }
}
header .menu-bar-nav>ul li:first-child { border-top:1px solid #eaeaea }
@media (min-width: 1170px) {
header .menu-bar-nav>ul li:first-child { border-top:none }
}
header .menu-bar-nav>ul li.has-child>ul.ul-child { display:none }
header .menu-bar-nav>ul li.has-child>ul.ul-child li { width:100%;text-indent:32px }
header .menu-bar-nav>ul li.has-child>ul.ul-child li a { display:block;width:100%;color:#959aa0 }
header .menu-bar-nav>ul li.has-child>ul.ul-child li:hover { background:#eaeaea }
@media (min-width: 1170px) {
header .menu-bar-nav>ul li.has-child.has-child:hover>ul.ul-child { display:block;position:absolute;left:50%;top:80px;margin-left:-60px;z-index:999;min-width:120px;background:#0ab596;overflow:hidden }
header .menu-bar-nav>ul li.has-child.has-child:hover>ul.ul-child li { text-indent:0;border-bottom:1px solid #2fcaae }
header .menu-bar-nav>ul li.has-child.has-child:hover>ul.ul-child li:last-child { border-bottom:none }
header .menu-bar-nav>ul li.has-child.has-child:hover>ul.ul-child li.active, header .menu-bar-nav>ul li.has-child.has-child:hover>ul.ul-child li:hover { background:#2fcaae }
header .menu-bar-nav>ul li.has-child.has-child:hover>ul.ul-child li a { line-height:1;padding:10px 0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;text-indent:10px;text-transform:capitalize }
}
header .menu-bar-nav>ul li input:checked ~ span::after { content:"\e63e" }
header .menu-bar-nav>ul li input:checked ~ ul.ul-child { display:block }
header .menu-bar-btn a { background:#0ab596;margin-top:18px;margin-left:30px;height:46px;line-height:46px;padding:0 30px;border-radius:4px;color:#fff;display:inline-block;font-size:16px;font-family:"Open Sans bold" }
header .menu-bar-btn a:before { font-family:'iconfont';content:'\e89c';font-size:24px;vertical-align:middle;margin-bottom:3px }
header a.link-expand::after { display:inline;margin-left:4px;content:"\e64e";font-size:14px;font-family:iconfont }
header a.link-expand ~ ul.ul-child { height:0;overflow:hidden;position:absolute;background:#0ab596;z-index:9999;top:95%;left:0;min-width:100px;max-width:180px }
header a.link-expand ~ ul.ul-child li { border-top:1px solid #2fcaae }
header a.link-expand ~ ul.ul-child li:first-child { border-top:none !important }
header a.link-expand ~ ul.ul-child li a { text-align:left;padding:12px;display:block;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;line-height:1;background:#0ab596;color:#fff }
header a.link-expand ~ ul.ul-child li a:hover { background:#2fcaae;color:#fff }