@import url(../../../SysThemes/css/awesome.css);
@import url(../css/wow.css);
*{box-sizing:border-box}
::after,::before{box-sizing:border-box;font-family:fontawesome}
html{overflow-x:hidden}
@-ms-viewport{width:device-width}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
a,a:hover{text-decoration:none}
hr{box-sizing:content-box;height:0;overflow:visible}
img{vertical-align:middle;border-style:none}
ul li{position: relative}
.gray{background-color:#efefef}
.body #ArticleDetail img,.body #ProductDetail img{ max-width:100%;}
menu{padding:0;margin:0}
menu ul{display:flex;flex-flow:row nowrap;justify-content:space-between;margin-bottom:0}
menu ul li{flex:1;position:relative}
menu ul li a{display:flex;justify-content:center;padding:8px 10px}
menu ul ul{display:nonse;flex-flow:column nowrap;position:absolute;z-index:1000;min-width:100%}
menu ul ul li a{white-space:nowrap;padding-top:8px;padding-bottom:8px;color:var(--white)}
.menu{display:none; width:100%;position: fixed; top: 88px; left: 0; z-index: 2000; background:#000;}
.menu ul{display:flex;flex-flow:column wrap;width:100%;padding:10px;}
.menu ul li{ background: rgba(255,255,255, .2); margin: 2px;}
.menu ul li a{line-height: 2em;font-size: 125%;color:#fff}
.menu ul li a b{ border-left: 5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.menu ul li ul{left:110px; top:0; padding-top:5px; padding-bottom:5px; border:1px solid #FB0B28;}
.menu ul li ul li a{white-space:pre-wrap; line-height: 1.5em; padding:10px;}
.nav menu{display:none}
dd,li,ul{padding:0;margin:0;list-style:none}
sign{margin-left:5px;margin-right:5px}
.m-b-100{margin-bottom:100px}
.p-t-30{padding-top:30px}
.p-y-15{padding:15px 0}
.p-y-30{padding:30px 0}
.p-y-60{padding:60px 0}
.power .dd{padding-left:1em;padding-right:1em}
nav{margin-bottom:30px}
nav .title{font-size:xx-large;border-bottom:1px dotted #ccc;margin-bottom:10px}
nav .path,nav .path *{font-size:75%}
.navbar-toggler{ display:inline-flex; position: fixed; z-index: 2000; top:15px; right: 15px; border-radius: 5px; width: 50px; height: 50px; align-items: center; justify-content: center}
.navbar-toggler::before{font-size:30px}
.about .intro{line-height:200%}
.banner{display:flex;min-height:180px;justify-content:center;align-items:center}
.hidden,.hide{display:none}
.body{margin-top:2em;min-height:380px}
.order{display:flex;flex-flow:column wrap}
#ArticleIntro ul{display:flex;flex-flow: column wrap;}
#ArticleIntro ul li .detail{position: relative;padding-left:88px}
#ArticleIntro ul li .LongDatePlus{position: absolute;z-index:10;left:0;top:6px;padding:8px;margin-right:20px;text-align:center}
#ArticleIntro ul li .LongDatePlus .dd{display:block;font-size:28px;font-weight:700;line-height:30px}
#ArticleList ul li{margin-top:5px;margin-bottom:5px}
#ArticleList ul li .Article{display:flex;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleList ul li .Title{display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleView ul,#ProductView ul{display:flex;flex-flow:row wrap;justify-content: flex-start;margin-bottom: 0}
#ArticleView ul li,#ProductView ul li{display:inline-flex;flex-flow:column nowrap;justify-content:center;width:calc(50% - 20px);max-height:320px;min-width:110px;margin:0 10px 10px 10px;overflow: hidden;}
#ArticleView ul li .thumbs,#ProductView ul li .thumbs{display:block;width:100%;height:calc(100% - 3em)}
#ArticleView ul li .thumbs a,#ProductView ul li .thumbs a{display:flex;width:100%;max-width:100%;height:100%;align-items:center;justify-content:center}
#ArticleView ul li .thumbs img,#ProductView ul li .thumbs img{width:100%;height:100%;max-width:100%;max-height:100%}
#ArticleView ul li h6,#ProductView ul li h6 {margin:0;}
#ArticleView ul li h6 a,#ProductView ul li h6 a{display:block;width:100%;line-height:3em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ArticleDetail .Title,#ProductDetail .Title{display:block;text-align:center;font-size:30px;font-weight:700;line-height:1.5em;padding:20px 0}
#ArticleDetail .Detail,#ArticleDetail .Detail *{color:inherit;font-size:inherit}
#ArticleDetail .Detail p{margin:10px auto;text-indent:2em}
#TabStrip{display:flex;flex-flow:row nowrap;justify-content:space-between}
#TabStrip dl{position:relative}
.TabNavTitle{flex:1;background:var(--primary)}
.TabNavContent{flex:3}
.TabNavContent #ProductView ul li{width:calc(33% - 20px)}
.Log{display:block;text-align:center;background:#f0f0f0;margin-bottom:20px;padding:10px 0}
.Picture{text-align:center}
.Pagination{display:block;clear:both;text-align:center;padding:10px 0;background:#f8f8f8;margin-top:30px}
.Pagination a{padding:0 2px}
.Pagination #page{text-align:center;line-height:1em}
.RowsTitle .Title{position: relative;}
.RowsTitle .Title .cn{display:block;margin:0}
.RowsTitle .Title .en{display:block;font-weight:400}
.search .RowsTitle .Title::before{content:'\f1b0';margin-right:10px}
.search .RowsTitle,.search .Subject{display:inline-flex;padding-bottom:5px;max-width:100%;}
.search .Subject .Descript{text-align:left}
.search .Content{flex:1;}
.search form{display:flex;flex-flow: row nowrap;border:1px solid var(--primary);margin-left:auto;margin-right:0}
.search input,.search select{height:30px;line-height:28px;padding:0 5px;font-size:14px;border-style:none}
.search input[name=kw]{flex:1;border-right:0 solid transparent;}
.search input[type=submit]{padding-left:10px;padding-right:10px}
.search select{padding-right:0}
.ShortDate{white-space:nowrap;margin-right:5px}
.sider .RowsTitle{margin-bottom:0;border-bottom:1px solid #ccc}
.sider .RowsTitle .Title{flex-direction:row;justify-content:flex-start;padding-top:20px;padding-bottom:20px}
.sider ul li{border-bottom:1px solid #eee}
.sider ul li a{display:block;line-height:4rem;text-align:center;font-size:125%}
.sider ul li ul li{border-bottom:0;padding-top:0;padding-bottom:0}
.sider ul li ul li a{display:block;text-indent:30px;}
.sider ul li ul li a::before{content:""}
.guide.line-through{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;}
.guide.line-through .title{font-size:150%}
.guide .path{display: none}
#Telephonist{ padding-left:40%; margin-bottom:50px; overflow:hidden;}
#Telephonist .CompanyName{ font-size:1.5em; font-weight:bold;}
#map{ height:500px; border:1px solid #ccc;}
#map .tiplabel{ height:20px; padding:0 10px;}
.body .Message{ background:url(msg.png) no-repeat left center; padding-left:50%;}
.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #dfdfdf; background:#f8f8f8; padding:4px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold; background:url(list.png) no-repeat left center; text-indent:20px;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold; background:url(reply.png) no-repeat left center; text-indent:20px;}
.MessageTable{ padding-top:30px; padding-left:62px; font-size:20px; font-weight:bold; background:url(write.png) no-repeat left 0px; margin-bottom:20px;}
.MessageTable red{ font-size:20px; color:#f00;}
.MsgLeft{display:flex;flex:1;padding-right:10px;justify-content:flex-end;}
.MsgRight{display:flex;flex:5;margin-bottom:10px;}
@media (min-width: 576px) {
    .search .RowsTitle,.search .Subject{padding-bottom:0px}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    #ArticleView ul li,#ProductView ul li{width:calc(25% - 20px);}
    .navbar-toggler{display:none}
    .menu{display:block;position:inherit; top:0; left:0; z-index:auto; background:none;}
    .menu ul{flex-flow:row nowrap;justify-content:space-between;padding:0;}
    .menu ul li{ margin:0;background:none}
    .menu ul li a{display:block; line-height: 36px; color:#fff;text-align:center}
    .menu ul li a b{ border-left: 5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
    .menu ul li ul{left:110px; top:0; padding-top:5px; padding-bottom:5px;}
    .menu ul li ul li a{white-space:pre-wrap; line-height: 1.5em; padding:10px;}
    .nav menu{display:block;width:100%}
    .nav menu ul{display:flex;justify-content:center;align-items: center;}
    .nav menu ul li{text-align:center}
    .guide .path{display:flex}
    .order .banner{order:1}
    .search .Content{max-width:400px;}
}
@media (min-width: 1200px) {
}