body{counter-reset: heading; margin:0 auto; min-width:1200px;}
*{ font-size:14px; color:#666;}
a:hover{ color:#c00;}
.wrap{ min-width:1200px; width:1200px; margin:0 auto;}
.py-2{display:flex;padding-top: 1rem; padding-bottom: 1rem;}
.logo,.phone{ float:left; width:50%; height:80px;}
.logo img{ max-width:100%; max-height:80px;}
.phone .Hotline{ float:right; display:block; width:300px; height:60px; padding:10px 0;}
.phone .Hotline:before{ float:left; display:block; width:48px; height:60px; content:""; background:url(sprite.png) no-repeat -30px 10px;}
.phone .Hotline .dt a{ display:block; color:#087ABE; padding-top:2px;}
.phone .Hotline .dd{ display:block; font-size:30px; line-height:30px; color:#000; font-family:Georgia, "Times New Roman", Times, serif;}
.menu{ display:flex; justify-content: center;; width:100%; background:#000ACC; height:50px; text-align:center; background:-webkit-gradient(linear, left top, left bottom, from(#000ACC), to(#000ACC), color-stop(0.5, #0218AB)); background: linear-gradient(to bottom, #000ACC 0%,#0218AB 50%,#000ACC 100%);}
.menu menu{  width:1200px; margin-bottom:-7px;}
.menu menu ul{display:flex; flex-direction: row nowrap;}
.menu ul li{display:flex;height:50px; line-height:50px; color:#fff;}
.menu ul li.menutop{flex:1;}
.menu ul li a{ display:flex;flex:1; height:50px; line-height:50px;justify-content: center; padding:0 30px; color:#fff;}
.banner{ height:480px; text-align:center;}
.sbanner{ height:280px; text-align:center; overflow:hidden;}
.sbanner img{ width:100%; height:100%;}
menu{padding:0;margin:0}
#wowslider-container .ws_bullets { top:0; right: 0; }
#wowslider-container { overflow: hidden; zoom: 1; position: relative; width:100%; height:100%; margin:0 auto; z-index:100; }
#wowslider-container .ws_shadow { width:100%; height:30px; position: absolute; left:0; bottom:-30px; z-index:-1; }
#wowslider-container .ws_images { position: absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; }
#wowslider-container .ws_images a { color:transparent; }
#wowslider-container .ws_images img { top:0; left:0; border:none 0; width:100%;}
#wowslider-container a { text-decoration: none; outline: none; border: none; }
#wowslider-container .ws_bullets { font-size: 0px; top:calc(100% - 50px); left:50%; float: left; position:absolute; z-index:70; }
#wowslider-container .ws_bullets div { position:relative; float:left; }
#wowslider-container .ws_bullets a { margin-left:4px; width:8px; height:15px; background: url(bullet.png) left 50% no-repeat; float: left; text-indent: -9999px; position:relative; }
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover { background-position: right 50%; }
#wowslider-container a.ws_next, #wowslider-container a.ws_prev { position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height: 62px; width: 38px; background-image: url(arrows.png); }
#wowslider-container a.ws_next { background-position: 100% 0; right:-8px; }
#wowslider-container a.ws_prev { left:-8px; background-position: 0 0; }
#wowslider-container a.ws_next:hover { background-position: 100% 100%; }
#wowslider-container a.ws_prev:hover { background-position: 0 100%; }
#wowslider-container a.ws_next,#wowslider-container a.ws_prev { display:block }
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev { display:block }
#wowslider-container .ws-title { position: absolute; bottom:50px; left: 0; margin-right:5px; z-index: 50; padding:12px; color: #F9FBFB; text-transform:uppercase; background:#000000; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; }
#wowslider-container .ws-title div { padding-top:5px; font-size: 13px; text-transform:none; }
#wowslider-container .ws_bullets a img { text-indent:0; display:block; top:16px; left:-120px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border: 5px solid #FFFFFF; }
#wowslider-container .ws_bullets a:hover img { visibility:visible; }
#wowslider-container .ws_bulframe div div { height:90px; overflow:visible; position:relative; }
#wowslider-container .ws_bulframe div { left:0; overflow:hidden; position:relative; width:240px; }
#wowslider-container .ws_bullets .ws_bulframe { display:none; top:20px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border: 5px solid #FFFFFF; }
#wowslider-container .ws_bulframe span { display:block; position:absolute; top:-11px; margin-left:-9px; left:120px; width:15px; height:6px; }
.so{ margin-top:30px; background:#006FCC; height:50px; line-height:50px; color:#fff;}
.so .Subject{ float:left; width:700px; text-align:left;}
.so .Subject .Descript{ line-height:50px; color:#fff; padding:0 10px;}
.so .RowsTitle{ float:left; width:150px;}
.so .RowsTitle .Title{ font-size:18px; text-align:left; padding-left:30px; line-height:50px; color:#fff;}
.so .Content{ float:left; width:500px; text-align:left; line-height:50px;}
.so #kw{ margin-left:5px; border:0; line-height:30px; height:30px; background:#fff; border-top-left-radius:15px; border-bottom-left-radius:15px; margin-top:10px; padding-left:20px; width:350px;}
.so .SearchType{ border:0; height:30px; border-top-right-radius:15px; border-bottom-right-radius:15px;}
.so option{ color:#333;}
.BtnSearch{ border:0; height:30px; background:none; color:#fff; padding:0 10px;}
.guide{ margin-top:50px; height:40px; line-height:30px; border-bottom:1px dotted #eee; margin-bottom:40px;}
.guide .NavigatorTitle:before{ float:left; width:60px; height:60px; content:""; background:url(sprite.png) no-repeat -75px 0;}
.guide .NavigatorTitle{ float:left; font-size:18px;}
.guide .GuideMap{ float:right;}
.LongDate{ float:right;}
.pro{ margin-top:50px; margin-bottom:50px;}
.pro ul li{ float:left; width:100px; height:110px; text-align:center; margin-bottom:20px;}
.pro ul li .thumbs{ display:block; vertical-align:middle; text-align:center;}
.pro ul li .thumbs a{ display:block; text-align:center;}
.pro ul li .thumbs a img{ width:68px; height:68px; border-radius:50%; margin:7px;}
.pro ul li .more{ display:none;}
.pro ul li:hover img{ transition:All 1s ease-in-out; transform:rotate(360deg);}
.blue{ display:inline-block; width:100%; font-size:0; background:url(blue.jpg) repeat-x center top;}
.blue #Navigator .RowsTitle .Title{ background:#3694F8; color:#ff0; padding:0 30px;}
.blue * { color:#fff;}
#Navigator{ display:inline-block; width:100%; font-size:0; position:relative; margin-top:50px; margin-bottom:50px;}
#Navigator .RowsTitle,#TabStrip dt{ border-bottom:1px dotted #ccc; height:40px; margin-bottom:40px; text-align:center;}
#Navigator .RowsTitle .Title,#Navigator .RowsTitle .Title a,#TabStrip dt a{ display:inline-block; font-size:28px; line-height:80px; font-weight:bold; text-align:center; color:#c00; background:#fff; padding:0 10px;}
#Navigator .RowsTitle .Title .cn{ display:inline-block; font-size:28px; line-height:50px; font-weight:bold; text-align:center; color:#c00; background:#fff; padding:0 10px; margin:0;}
#Navigator .RowsTitle .Title .en{ font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; margin-top:-20px; color:#ccc;}
#Navigator .Subject{ display:inline-block; width:100%; text-align:center; padding:10px 0;}
.gray #Navigator .RowsTitle .Title,.gray #Navigator .RowsTitle .Title a{ background:#f8f8f8;}
#ArticleView li,#ProductView li{ float:left; width:206px; height:200px; margin-right:24px; position:relative; overflow:hidden;}
#ArticleView li:nth-child(4n),#ProductView li:nth-child(4n){ margin-right:0;}
#ArticleView .thumbs,#ProductView .thumbs{ width:100%; height:150px; display:block; overflow:hidden;}
#ArticleView .thumbs a,#ProductView .thumbs a{ display: flex; width:100%; height: 100%; justify-content: center; align-items: center;}
#ArticleView img,#ProductView img{ min-width:100%; min-height:100%;}
#ArticleView li .atext,#ProductView li .atext{ display:block; text-align:center; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow;ellipsis; position:relative; z-index:100;}
#ArticleView li:hover .atext,#ProductView li:hover .atext{ display:block; background:#ccc;}
.case #ArticleView ul li{ width:180px; height:180px; margin-right:24px;}
.case #ArticleView ul li .thumbs{ height:126px;}
.case #ArticleView ul li img{ height:126px;}
.brand #Navigator{ margin-bottom:30px;}
.brand #ArticleView li{ width:154px; height:100px; margin-right:20px;}
.brand #ArticleView li:nth-child(7n){ margin-right:0;}
.brand #ArticleView li .thumbs{ height:50px;}
.brand #ArticleView li .thumbs img{ height:50px;}
.product #Navigator .RowsTitle .Title{ line-height:60px;}
.product #Navigator .RowsTitle .Title .en a{ background:none; color:#fff; line-height:30px; font-size:20px;}
.product #Navigator .RowsTitle .Title .cn{ background:none;}
.product #Navigator .RowsTitle .Title a{ background:none; color:#ff0; height:30px; line-height:30px; font-size:30px; }
.product #ProductView ul li{ width:282px; height:400px;}
.product #ProductView ul li .thumbs{ height:220px;}
.product #ProductView ul li .thumbs a{ display:block;}
.product #ProductView ul li .atext{ text-align:left; font-weight:bold; font-size:16px;}
.product #ProductView ul li:hover a,.product #ProductView ul li .atext:hover{ background:none; color:#ff0;}
.product #ProductView ul li .intro{ color:#B3D6FC; line-height:20px;}
.price{ display:inline-block; width:100%; margin-top:10px; margin-bottom: 10px;}
.price .name{ background:#fff; color:#000; line-height:20px; height:20px; padding-left:8px;}
.imp{ color:#ff0; font-size:18px; line-height:20px; height:20px; vertical-align:text-bottom;}
#ArticleIntro ul li{ text-align:left; margin-bottom:20px;}
#ArticleIntro ul li .thumbs{ width:120px; height:120px;}
#ArticleIntro ul li .thumbs img{ max-width:120px; max-height:120px;}
#ArticleIntro ul li .detail .title a{ display:block; font-size:16px; font-weight:bold;}
#ArticleIntro ul li .detail .intro{ height: 47px; overflow:hidden;}
#ArticleIntro .enter{ display:none;}
.Pagination{ display:block; clear:both; text-align:center; padding:10px 0; background:#f8f8f8; margin:20px 0;}
#ProductDetail .Title,#ArticleDetail .Title{ display:block; text-align:center; font-size:30px; font-weight:bold; line-height:88px;}
.Log{ display:none;}
.Picture{ text-align:center;}
#ProductDetail img,#ArticleDetail img{ max-width:800px; margin:0 auto;}
.body #ArticleIntro ul li{ padding-bottom:20px; border-bottom:1px dotted #eee; margin-bottom:20px;}
.LongDatePlus{ float:left; padding:10px 5px; border:1px solid #eee; margin-right:20px; background:#f4f4f4; text-align:center; margin-bottom:20px;}
.LongDatePlus .dd{ display:block; font-size:24px; font-weight:bold; line-height:28px;}
.about #Navigator{ padding-bottom:80px; position:relative; margin-bottom:30px;}
.about #Navigator .More{ display:block; width:100%; position:absolute; bottom:0px; z-index:10; text-align:center;}
.about #Navigator .More a{ display:inline-block; width:60px; height:60px; border-radius:30px; line-height:60px; color:#fff; background:#006FCC; text-transform:uppercase;}
.frameleft #Navigator .RowsTitle{ background:#f8f8f8; height:60px; margin-bottom:20px;}
.frameleft .submenu{ display:block; background:#f8f8f8; padding:10px;}
.frameleft .submenu ul li{ margin-bottom:3px; border-bottom:1px solid #fafafa;}
.frameleft .submenu ul li a{ display:block; line-height:30px; height:30px; padding-left:30px; font-weight:bold;}
.frameleft .submenu ul li a:hover{ background:#eee;}
.frameleft .submenu ul .subsel a{ background:#666; color:#fff}
.frameleft .submenu ul .subsel a:hover{ background:#F2840D; color:#000;}
.frameleft .submenu ul ul{ margin-top:3px;}
.frameleft .submenu ul ul a{ font-weight:normal; text-indent:14px;}
.frameleft #Navigator .RowsTitle .Title{ font-size:20px; text-align:left; background:none; color:inherit; font-weight:normal; line-height:60px;}
.case{ margin-bottom:50px;}
.good #Navigator{ background:url(light.png) no-repeat center 130px; background-size:280px auto;}
.good ul{ margin-top:50px; position:relative;}
.good ul li{ width:400px; height:148px;}
.good ul li:nth-child(4){ position:absolute; top:0; right:0;}
.good ul li:nth-child(5){ position:absolute; top:149px; right:0;}
.good .mode{ display: flex; flex-flow: column wrap; padding-left: 80px!important; position: relative;}
.good .mode .title{margin-bottom: 5px;}
.good .mode .title a{ font-size:16px; line-height:20px;}
.good .mode .title:before{ position: absolute; left: 0; display: inline-flex; justify-content: center; align-items: center; font-size:80px; width:20px; height:30px; line-height:30px; text-align:center; counter-increment: heading; content:counter(heading); padding:20px; background:#fff; color:#3694F8; margin-right:20px; margin-top:10px; font-family: Tahoma, sans-serif;}
.good .mode .memo{ overflow:hidden; height:80px; line-height:20px;}
.news{ margin-top:30px; display: flex; flex-flow: row nowrap;}
.news dl{ float:left; display:block; width:400px; margin-right:30px;}
.message{ float:left; display:block; width:320px; background:#f8f8f8; padding:10px;}
.message #Navigator{ margin:0;}
.message #Navigator .RowsTitle{ border:0}
.message #Navigator .RowsTitle .Title{ background:none;}
.frame{ width:1200px; margin:0 auto; padding-bottom:60px;}
.frameleft{ float:left; display:inline-block; width:220px; margin-right:60px; margin-top:-60px; position:relative; z-index:1000;}
.framemain{ float:left; display:inline-block; width:900px;}
.MsgLeft{ float:left; display:block; width:60px; text-align:right;}
.MsgRight input{ width:245px;}
.MsgRight input[type=image]{ width:auto;}
.MsgRight textarea{ width:247px; height:250px;}
.MsgSubmit .MsgRight{display:block; text-align: center;}
.MsgSubmit input{ width:100px;}
.MessageTable{ margin-bottom:20px}
form div{ margin-bottom:10px;}
.body form{ width:600px; margin:0 auto;}
.body .MsgRight input[type=text]{ width:445px;}
.body .MsgRight input[name=Messager]{ width:auto;}
.body .MsgRight textarea{ width:447px; height:120px;}
.bottom{ display:inline-block; width:100%; font-size:0; padding:50px 0; background:#EAEDED;}
.bottom .addr{ display:block;}
.link a{ padding-right:20px; line-height:50px;}
.copyright{ float:left; width:900px;}
.copyright .mii .dt{margin-right: 10px;}
.wechat{ float:left; width:300px; text-align:center;}
.about .Margin{opacity:0}
.good .li1,.good .li2,.good .li3{ margin-left:-200px;}
.good .li4,.good .li5{ margin-right:-200px;}
.good .Descript{ opacity:0;}
.news ul li{ margin-left:-200px; width:400px;}
.news .message #Navigator{ margin-left:800px;}
.pro ul li{ margin-top:-200px;}