@import url(../css/awesome.css);
@import url(../css/wow.css);
body{margin:0 auto;background:#000}
*{font-size:12px;color:#333}
a{color:#333;cursor:pointer}
a:hover{color:red;text-decoration:none}
input{width:50%;padding:0 5px;line-height:2em;position:relative; border:1px solid #888}
textarea{width:100%;padding:5px;position:relative;}
input[type=radio],input[type=checkbox],input[type=image]{width:auto}
input[type=button],input[type=submit],input[type=reset]{width:auto; padding-left:50px; padding-right:50px}
.reg input[type=submit]{ background: #009a2f; color:#fff; border-radius: 5px; border:1px solid #007423; font-size: 20px}
li,ul{padding:0;margin:0;list-style:none}
tip{width:100%;}
::before{margin-right:10px;font-size:1.5em;vertical-align:middle}
.black{background:#000;color:#fff;height:35px}
.black *{color:#ccc}
.body *{ font-size: 15px;}
.p-b-3{padding-bottom:90px}
.p-t-0{padding-top:15px}
.p-y{padding-top:30px;padding-bottom:30px}
.p-y-0{padding-top:15px;padding-bottom:15px}
.p-y-1{padding-top:60px;padding-bottom:60px}
.p-y-2{padding-top:120px;padding-bottom:120px}
.p-y-3{padding-top:180px;padding-bottom:180px}
.p-y-4{padding-top:240px;padding-bottom:240px}
.submit{ margin-top:30px}
.white{background:#fff}
.light{background:#f8f8f8;background:-moz-linear-gradient(top,#eee 5%,#fff 30%);background:-webkit-linear-gradient(top,#eee 5%,#fff 30%);background:linear-gradient(to bottom,#eee 5%,#fff 30%)}
.b{background:url(black.jpg) fixed no-repeat center}
.bw{display:flex;flex-flow:row nowrap;justify-content:space-between}
.c{justify-content:center}
.caption{ display: block; background:#ccc; padding:10px 0; margin-top:30px; margin-bottom:20px; font-size:larger; line-height: 100%; text-indent: 18px}
.caption::before{ content: '\f2c6'; font-size: 1em; color:#888}
.grey{background:url(www.jpg)}
.row{margin-bottom:10px}
.slogan{position:relative}
.slogan img{position:absolute;top:5px;z-index:10;max-width:inherit;}
.phone .hotline .dt::before{content:'\f095'}
.phone .hotline .dd{font-family:Arial,Helvetica,sans-serif}
.phone .Margin{display:flex;flex-flow:row nowrap;justify-content:flex-end;justify-items:center}
.xcx{margin-left:10px}
.xcx .dt{float:left;display:block;width:20px;height:20px;overflow:hidden}
.xcx .dt::before{content:'\f1cc';cursor:pointer;color:#d5fdc8}
.xcx .dd{display:none;position:absolute;top:30px;right:0;z-index:5000}
.xcx .dd img{width:150px;background:#fff;border:1px solid #000;border-radius:10px;padding:5px}
.app{margin-left:10px}
.app .dt{float:left;display:block;width:20px;height:20px;overflow:hidden}
.app .dt::before{content:'\f17b';cursor:pointer;color:#d5fdc8}
.app .dd{display:none;position:absolute;top:30px;right:0;z-index:5000}
.app .dd img{width:150px;background:#fff;border:1px solid #000;border-radius:10px;padding:5px}
.wechat{margin-left:10px}
.bw .wechat{ margin-left:0;}
.wechat .dt{float:left;display:block;width:20px;height:20px;overflow:hidden}
.wechat .dt::before{content:'\f1d7';cursor:pointer;color:#d5fdc8}
.wechat .dd{display:none;position:absolute;top:30px;right:0;z-index:5000}
.wechat .dd img{width:150px;background:#fff;border:1px solid #000;border-radius:10px;padding:5px}
.qrcode{margin-left:20px}
.qrcode .dt{float:left;display:block;width:20px;height:20px;overflow:hidden}
.qrcode .dt::before{content:'\f029';cursor:pointer;color:#d5fdc8}
.qrcode .dd{display:none;position:absolute;top:30px;right:0;z-index:5000}
.qrcode .dd img{width:150px;background:#fff;border:1px solid #000;border-radius:10px;padding:5px}
.sale{position:fixed;top:0;right:0;z-index:1000}
.logo{font-size:18px;font-weight:700;line-height:100%;position:relative}
.logo img{max-width:100%;max-height:80px}
.menu{display:flex;text-align:center}
.menu ul{display:flex;flex-flow:row nowrap;justify-content:flex-end;position:absolute;bottom:10px;right:0}
.menu ul li{float:left;display:block;margin:0 8px;position:relative}
.menu ul li a{display:block;text-align:center;color:#000;height:36px;line-height:36px;padding:0 4px;font-size:16px;margin-top:5px}
.menu ul li a:hover{margin-top:0;border-top:5px solid #f02824}
.menu .sela,.menu ul li a:hover{color:#f02824;font-weight:700}
.menu .SubMenu1{display:none;margin:0;padding-bottom:5px;list-style-type:none;background:url(ul_bg.png) left center;text-align:left;position:absolute;z-index:99;top:33px;left:0;height:auto}
.menu .SubMenu1 li{height:28px;clear:both;left:0;padding:0;margin:0}
.menu .SubMenu1 li a{display:block;text-align:left;font-size:12px;height:28px;line-height:28px;font-weight:400;white-space:nowrap;color:#ccc;margin:0;padding:0 8px;min-width:74px;width:auto}
.menu .SubMenu1 li a:hover{display:block;background:#000;border-bottom:1px solid #fff;color:#fff;text-decoration:none;border:none}
.menu ul li:last-child a{min-width:118px;background:url(menu.png) no-repeat center;font-weight:700;color:#fff}
.menu ul li:last-child a:hover{margin-top:5px;color:#ff0;border-top:0}
.banner{text-align:center;background:#666;overflow:hidden}
.sbanner{height:380px}
.ban_nav{display:none}
#nav .RowsTitle .en{display:block;text-align:center;font-size:50px;color:#f02824;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}
#nav .RowsTitle .cn{font-size:2em;line-height:2em;text-align:center;border-top:1px dotted #333;position:relative}
#nav .RowsTitle .cn::before{display:block;margin:0 auto;width:60px;height:3px;content:"";position:absolute;top:-2px;left:calc(50% - 30px);z-index:10;background:#c00}
#nav .Subject .Descript{text-align:center;font-size:25px;color:#888}
#ArticleIntro ul{display:inline-block;width:100%}
#ArticleList ul li .Article{ display:flex; flex-flow: row nowrap; justify-content: space-between; padding-top:5px; padding-bottom: 5px;}
#ArticleList ul li:hover{ background:#f9f9f9; margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px;}
#ArticleList ul li .title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ArticleList ul li .title a{ display: block; height: 100%;}
#ArticleList ul li .title a::before{ display: inline-block; content: '\f0da'; font-size: 8px; vertical-align:middle; padding-bottom: 2px;}
.LongDate,.ShortDate{ white-space: nowrap;}
#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:700;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleIntro ul li .detail .intro{margin-top:10px;line-height:1.5em;height:40px;color:#666;overflow:hidden}
#ArticleIntro ul li .detail .intro .enter{float:right;display:none;height:100%;line-height:100%}
#ArticleIntro ul li .detail .intro .enter a{display:block;line-height:100%;text-transform:uppercase}
#ArticleView ul{display:flex;flex-flow:row wrap;justify-content:space-between;list-style-type:none}
#ArticleView ul li{display:flex;width:268px;margin:10px;text-align:center}
#ArticleView ul li .thumbs{ width:100%; height: 100%;}
#ArticleView ul li .thumbs a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}
#ArticleView ul li .thumbs img{width:100%;border:1px solid #d3d3d3}
#ArticleView .atext{display:none}
.LongDatePlus{float:left;padding:10px 8px;margin-right:20px;background:#f02824;text-align:center;color:#fff}
#ArticleIntro ul li:hover .LongDatePlus{border-radius:50%;padding:10px;border:5px solid #ffc;animation:rotate 3s linear infinite;margin-left:-8px;margin-top:-4px;margin-right:16px}
.LongDatePlus .dd{display:block;font-size:24px;font-weight:700;line-height:28px;color:#fff}
.LongDatePlus .yymm{color:#ffe}
#ArticleDetail .Title,#ProductDetail .Title{display:block;text-align:center;font-size:30px;font-weight:700;line-height:68px}
.Log{display:block;text-align:center;background:#f0f0f0;margin-bottom:20px;padding:10px 0}
.Picture{text-align:center; margin-bottom: 30px;}
#ArticleDetail img,#ProductDetail img{max-width:100%}
#ProductDetail .Subject{width:100px;line-height:30px;background:red;text-align:center;color:#fff;font-weight:700}
.body #ArticleDetail .Detail a{ color:#f02824; padding-left:5px; padding-right:5px;}
#Demo ul{display:flex;flex-flow:row wrap;justify-content:space-between}
#Demo ul:after{content:"";width:268px}
#Demo ul li{float:left;display:block;width:268px;height:260px;text-align:center;margin:0 4px;background:#ececec;margin-top:8px}
#Demo ul li:hover{background:#ee0}
#Demo .thumbs{display:flex;width:100%;height:220px;justify-content:center;align-items:center;overflow:hidden;transition:all .6s}
#Demo .thumbs a,#Demo .thumbs a img{display:block;max-width:100%;max-height:100%;transition:all .6s}
#Demo .thumbs a img:hover{transform:scale(1.2)}
#Demo ul li .title{line-height:40px}
.demo .Subject .Descript{text-align:center;margin-top:10px;margin-bottom:30px;font-size:larger}
#Navigator1 .RowsTitle{height:30px;margin-bottom:20px}
#Navigator1 .RowsTitle .Title{float:left;display:block;padding:0;height:30px;line-height:30px;font-size:15px;font-weight:700;padding-left:35px}
#Navigator1 .RowsTitle .More{float:right;width:52px;text-align:center}
#Navigator1 .RowsTitle .More img{border:0;margin-top:10px}
#Navigator1 .Content{margin-top:5px;padding:0}
.Direction #Navigator1 .RowsTitle .Title{background:url(Direction.png) no-repeat left center}
.Spread #Navigator1 .RowsTitle .Title{background:url(Spread.png) no-repeat left center}
.Question #Navigator1 .RowsTitle .Title{background:url(Question.png) no-repeat left center}
.wb #nav .RowsTitle .cn{display:none}
.wb .Margin{margin-top:60px}
.wb ul{display:flex;flex-flow:row wrap;justify-content:space-between;position:relative}
.wb ul li{display:flex;height:210px;flex-flow:column wrap;justify-content:center;align-items:center;width:18%;text-align:center;padding:10px;border-radius:10px;position:relative}
.wb ul li:hover{animation:drop .3s;animation-fill-mode:both}
.wb ul li:hover *{color:#fff}
.wb ul li .mode::before{display:flex;border-radius:50%;width:130px;height:130px;border:4px solid #f02824;justify-content:center;align-items:center;font-size:60px;margin-bottom:30px;color:#f02824;margin-left:auto;margin-right:auto;animation:flash ease-in-out infinite 3s}
.wb ul li:hover .mode::before{color:#fff;border:0;animation:scales 1s;animation-fill-mode:both;animation-delay:.3}
.wb ul li:nth-child(1) .mode::before{content:'\f26c'}
.wb ul li:nth-child(2) .mode::before{content:'\f10b';font-size:80px}
.wb ul li:nth-child(3) .mode::before{content:'\f13b'}
.wb ul li:nth-child(4) .mode::before{content:'\f0e8'}
.wb ul li a{display:block;font-size:16px}
.wb ul li .memo{display:none}
.wb ul li:hover .mode .memo{display:block}
.w1{width:15px!important;}
.w2{width:30px!important}
.w3{width:60px!important}
.w4{width:80px!important}
.w5{width:100px!important}
.w6{width: 120px!important}
.w7{width: 150px!important}
.w8{width: 200px!important}
.w9{width: 250px!important}
.case #nav .RowsTitle .cn{color:#eee}
.case .Margin{margin:40px 0}
.case .Subject{margin-bottom:40px;height:25px;text-align:center;border-bottom:1px dotted #515100}
.case .Subject:last-child{border-bottom:0}
.case .Subject .Descript a{color:#fff;font-size:16px;background:#009a2f;padding:8px 20px;border-radius:6px;border-left:10px solid #cc0}
.case ul{display:flex;flex-flow:row wrap;justify-content:space-between}
.case ul:after{content:"";width:268px}
.case #ArticleSummary ul li{display:flex;width:268px;height:194px;margin-bottom:15px;position:relative}
.case #ArticleSummary ul li .thumbs{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.case #ArticleSummary ul li .thumbs a,.case #ArticleSummary ul li .thumbs a img{width:100%;height:100%}
.case #ArticleSummary ul li .detail{display:block;position:absolute;padding:15px;transform:scale(0);background:rgba(255,255,255,.9);transition:all .6s}
.case #ArticleSummary ul li:hover .detail{width:100%;height:100%;transform:scale(1)}
.case #ArticleSummary ul li:hover .detail .title a{font-size:16px;font-weight:700}
.case #ArticleSummary ul li:hover .detail .intro{margin-top:10px;height:80px}
.case #ArticleSummary ul li:hover .detail .enter a{display:block;position:absolute;bottom:20px;right:20px;text-transform:uppercase;margin-top:20px;background:#009a2f;border-left:10px solid #cc0;border-top-left-radius:6px;border-bottom-right-radius:6px;color:#fff;padding:5px 20px}
.trial #nav .RowsTitle .cn{color:#666;letter-spacing:4px}
.trial ul{display:flex;flex-flow:row nowrap;justify-content:center}
.trial ul li{margin:20px}
.trial ul li a{display:block;padding:10px 20px;background:#009a2f;color:#fff;border-radius:6px;border:2px solid #ffa}
.trial ul li a:hover{background:#f02824}
#Navigator{position:relative}
#Navigator .RowsTitle{display:flex;padding:5px 15px;border-radius:5px}
#Navigator .RowsTitle .Title{float:left;display:block;padding:0;height:55px;line-height:55px;color:#CCCC00;font-size:20px;font-weight:700}
#Navigator .RowsTitle .More{float:right;width:50px;text-align:center}
#Navigator .RowsTitle .More img{border:0;margin-top:10px}
#Navigator .Content{margin-top:5px;padding:0}
.Link{margin-top:15px}
.Partners{margin:15px 0}
.Link #Navigator .RowsTitle .Title::before{content:'\f268';}
.Link .Split,.Partners #Navigator .Content{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:center;border:1px solid #222;border-radius:5px;padding:20px 30px;background:rgba(0,0,0,.3)}
.Link .Split::after{content:"";flex:auto}
.Link a{margin:0 10px;margin-bottom:10px;color:#fff}
.Link a:hover{color:#f02824}
.Link .Margin a{display:inline-block;margin-right:20px}
.Partners #Navigator .RowsTitle .Title::before{content: '\f20e';}
.Partners .Subject{float:right;display:block;position:relative}
.Partners .Subject a{float:right;display:block;font-size:12px;position:absolute;bottom:10px;right:0;text-align:right; white-space: nowrap; color: #fff;}
.Partners .Subject img{position:absolute;bottom:10px;right:40px}
.Partners #ArticleView ul li{width:118px;max-width:45%;height:50px;}
.Partners #ArticleView .thumbs img{border:0; width:auto; max-width: 100%; max-height: 100%;}
.dmenu ul{display:flex;flex-flow:row nowrap;justify-content:space-between}
.dmenu ul li{position:relative}
.dmenu ul li a{display:block;color:#ccc;font-size:14px;font-weight:700}
.dmenu ul li .SubMenu1{display:flex;flex-flow:column wrap;position:relative;margin-top:20px}
.dmenu ul li .SubMenu1 li a{display:block;font-size:12px;font-weight:400;line-height:2em;color:#888}
.dmenu ul li .SubMenu1 li a:hover{color:#fff}
.company #nav .cn{color:#333}
.company #nav .en{line-height:1em;margin-bottom:40px}
.company .Margin{display:flex;flex-flow:row wrap;justify-content:space-between}
.company .Margin div{width:46%;margin-bottom:20px}
.company .aqq:before,.company .dt::before{display:inline-flex;width:36px;height:36px;justify-content:center;align-items:center;margin-right:15px;background:#f02824;color:#fff;padding:10px}
.company .leader .dt::before{content:'\f2be'}
.company .tel .dt::before{content:'\f095'}
.company .mobile .dt::before{content:'\f10b';font-size:30px}
.company .aqq::before{content:'\f1d6'}
.company .dd{display:inline}
.company .qrcode,.company .wechat{display:inline-flex;flex-flow:column-reverse wrap;margin-top:10px;margin-bottom:0}
.company .Margin img,.company .qrcode .dd img{background:#fff;border:1px solid #ccc;border-radius:0;padding:5px}
.company .qrcode .dt,.company .wechat .dt{background:#333;height:30px;line-height:30px;width:120px;color:#fff;text-align:center}
.company .qrcode .dd,.company .wechat .dd{display:block;position:relative;top:auto}
.company .qrcode .dt:before{display:none}
.company .qrcode .dd img,.company .wechat .dd img{width:120px}
.copyright{display:flex;flex-flow:column wrap;align-content:center;padding:10px}
.bottom .bw *{line-height:2em}
.istop{position:relative}
.istop img{position:absolute;top:0;right:0;z-index:10}
.write_message input{padding-left:40px;position:relative;width:100%;margin-bottom:12px; line-height:2.8rem}
.write_message textarea{padding-left:40px;position:relative;width:100%; line-height: 28px}
.write_message .rows{position:relative}
.write_message .rows:before{width:20px;height:20px;position:absolute;top:6px;left:10px;z-index:10}
.write_message .messager:before{content:'\f2c0'}
.write_message .contact::before{content:'\f025'}
.write_message .mobile::before{content:'\f095'}
.write_message .email::before{content:'\f0e0'}
.write_message .content::before{content:'\f044'}
.write_message .submit{display:flex;flex-flow:row nowrap;justify-content:space-between}
.write_message input[type=button]{margin-left:5px;height:40px;background:#f05424;color:#fff;border:0;border-radius:3px;box-shadow:2px 2px 2px #ccc;font-size:15px;padding:inherit 15px}
.write_message input[type=submit]{background:#f02824;color:#fff;border:0;border-radius:3px;box-shadow:2px 2px 2px #ccc;font-size:15px;padding:inherit 15px}
.Pagination input[name=jump]{width:40px}
.Pagination input[name=skip]{padding-left:20px;padding-right:20px;margin-left:10px}
.opacity{background:rgba(0,0,0,.3);position:relative}
.guide{display:flex;flex-flow:row nowrap;align-items:center;position:relative;z-index:1000;height:45px;margin-top:-45px}
.guide *{color:rgba(255,255,255,.6)}
.guide .NavigatorTitle{display:flex;font-size:20px;background:#009a2f;line-height:45px;padding:0 20px;color:rgba(255,255,255,.8)}
.guide .GuideMap{display:flex;color:#fff;padding-left:50px}
.guide .GuideSplit{margin-left:5px; margin-right:5px}
.submenu #nav .RowsTitle{background:#f8f8f8;background-image:radial-gradient(#fff 20%,transparent 0),radial-gradient(#fff 20%,transparent 0);background-size:60px 60px;background-position:0 0,30px 30px;border-radius:50%/0 0 100% 100%}
.submenu #nav .RowsTitle .cn{border-top:0;font-size:32px;line-height:50px;font-weight:700;padding-top:15px}
.submenu #nav .RowsTitle .en{padding-bottom:10px;font-size:1.5rem;font-family:Arial,Helvetica,sans-serif;color:#aaa}
.submenu #SubMenu{margin:30px auto}
.submenu ul{display:flex;flex-flow:row wrap;justify-content:center;align-content:center;}
.submenu ul li{margin:10px 20px}
.submenu ul li a{display:block;padding:0 20px;line-height:40px;background:#ccc;border-radius:3px; border-left:10px solid #f1f507;}
.submenu ul li.subsel a,.submenu ul li:hover a{background:#f02824;color:#fff}
.online{display:flex;flex-flow:column wrap;position:fixed;right:0;top:200px;z-index:1000}
.online div{display:flex;flex-flow:row-reverse wrap;justify-content:flex-start;align-items:center;margin:1px 0;cursor:pointer;position:relative}
.online div dd{display:none;position:absolute;right:52px;z-index:1000;white-space:nowrap;background:#f02824;min-height:50px;padding:15px;margin:1px 0;color:#fff;font-size:15px}
.online div.qr dd{position:absolute;z-index:10;}
.online div dd a{color:#fff;font-size:15px}
.online div dd a:hover{color:#ff0}
.online div.qr dd img{width:150px;}
.online div::before{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;background:#f02824;color:#fff;margin-right:0}
.online .hide{background:#ff0}
.online .hide:before{content:'\f054';color:#fff}
.online .qq:before{content:'\f1d6';color:#fff}
.online .tel:before{content:'\f095';color:#fff}
.online .mail:before{content:'\f0e0';color:#fff}
.online .msg:before{content:'\f10b';color:#fff;font-size:2.5em}
.online .wx:before{content:'\f1d7';color:#fff}
.online .qr:before{content:'\f029';color:#fff}
.online .top:before{content:'\f077';color:#fff}
.pager{background:#f8f8f8;text-align:center}
.pager cur{color:red;font-size:larger}
.pager span{margin:0 3px}
.pager a{margin:0 3px}
.pager input{width:auto;margin:5px;padding:2px 15px}
.pager input[name=jump]{width:30px;padding:2px;text-align:center}
.reduction img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.reduction img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}
.bridge{display:inline-flex;width:15px;justify-content: center}
.w-tel{width:calc(100% - 95px)!important}
.body .Frame{ color:#888;margin-bottom:20px;border:1px solid #eee;border-top:2px solid #c00; padding:10px;}
.body .Frame p{ color:#888}
@keyframes drop{
0%{background:linear-gradient(to bottom,#f02824 0,transparent 0)}
20%{background:linear-gradient(to bottom,#f02824 20%,transparent 20%)}
40%{background:linear-gradient(to bottom,#f02824 40%,transparent 40%)}
60%{background:linear-gradient(to bottom,#f02824 60%,transparent 60%)}
80%{background:linear-gradient(to bottom,#f02824 80%,transparent 80%)}
100%{background:linear-gradient(to bottom,#f02824 100%,#f02824 100%)}
}
@keyframes scales{
0%{width:130px;height:130px;font-size:60px}
100%{width:60px;height:60px;font-size:50px}
}
@keyframes rotate{
from{transform:rotate(0)}
to{transform:rotate(359deg)}
}
@keyframes living{
0%{transform:scale(1);opacity:.5}
50%{transform:scale(1.5);opacity:0}
100%{transform:scale(1);opacity:.5}
}
@keyframes flash{
0%{transform:scale(1)}
25%{transform:scale(1.1)}
50%{transform:scale(1)}
75%{transform:scale(1.1)}
}
@media (max-width:1200px){
.menu ul li:last-child{display:none}
}
@media (max-width:992px){
.p-y-2,.p-y-3{padding-top:100px;padding-bottom:100px}
.navbar-toggler{display:inline-flex;position:fixed;z-index:2000;top:60px;right:0;background:#fb0b28;color:#fff;border-radius:5px;margin:6px;width:50px;height:50px;align-items:center;justify-content:center;border:0}
.case::before,.news::before,.shop::before{display:none}
.navbar-toggler:before{content:'\f0c9';font-family:fontawesome;margin-right:0;font-size:30px}
.menu{display:none;width:100%;position:fixed;top:128px;left:0;z-index:30000;background:rgba(240,84,36,.9)}
.menu ul{display:flex;width:100%;height:auto;flex-flow:row wrap;justify-content:center;padding:10px;background:#000;bottom:inherit}
.menu ul li{display:flex;width:calc(50% - 4px);background:rgba(255,255,255,.2);margin:2px;text-align:center}
.menu ul li:last-child{display:flex}
.menu ul li:last-child a{display:block}
.menu ul li a{display:block;width:100%;line-height:36px;color:#fff;text-align:center;margin:0;border:0}
.menu ul li:hover{background:#fb0b28}
.menu ul li a:hover{color:#fff;margin:0;border:0}
.menu ul li:last-child a:hover{color:#fff;margin:0;border:0}
.wb ul li{width:40%;margin-bottom:20px}
.wb ul li:nth(3),.wb ul li:nth(4){margin-bottom:20px}
.bw{flex-direction:column;flex-wrap:wrap}
.bottom .grey .bw .Subject .Thumbs{display:block;text-align:center}
.bottom .left,.bottom .right{float:none;text-align:center}
.dmenu ul{flex-flow:column wrap}
.dmenu ul li{margin-top:10px}
.dmenu ul li .SubMenu1{display:flex;flex-flow:row wrap;justify-content:left;margin-top:0}
.dmenu ul li .SubMenu1 li{margin-top:0}
.dmenu ul li .SubMenu1 li a{white-space:nowrap;margin-right:10px}
}
@media (max-width:768px){
.p-y-2,.p-y-3{padding-top:80px;padding-bottom:80px}
.wb #nav .Content .Margin ul{justify-content:center}
.case #ArticleSummary ul li{width:calc(50% - 10px);height:auto;margin-left:0;margin-right:0}
#Demo ul li{width:calc(50% - 10px);height:auto;margin-left:0;margin-right:0}
#Demo .thumbs{height:auto}
#Demo ul li img{width:100%;height:80%}
.Partners .Subject{display:none}
.phone .Margin{float:left;text-align:left}
input[type=text]{width: 100%;}
}
@media (max-width:658px){
.p-y-2,.p-y-3{padding-top:60px;padding-bottom:60px}
.online{right:-50px}
.online .hide{width:60px}
}
@media (max-width:576px){
.p-y-2,.p-y-3{padding-top:40px;padding-bottom:40px}
.online{right:-50px}
.online .hide{width:60px}
.wb ul li{width:60%}
#nav .RowsTitle .en{font-size:30px}
.trial ul li{margin:10px 5px 10px 0}
.trial ul li:last-child{margin-right:0}
.trial ul li a{padding:10px 15px;border:0}
.case #ArticleSummary ul,.demo ul{justify-content:center}
.case #ArticleSummary ul::after,.demo ul::after{width:calc(50% - 10px);content:""}
.case #ArticleSummary ul li,.demo ul li{width:calc(50% - 10px);margin-right:10px;height:100%}
.case #ArticleSummary ul li:nth-child(2n),.demo ul li:nth-child(2n){margin-right:0}
.istop img{position:absolute;top:0;left:0;z-index:10}
.guide{flex-flow:column nowrap; height: auto;}
.guide .title{ display: flex;}
.guide .path{ padding-left:0; padding:10px 0;}
}
@media (max-width:465px){
.p-y-2,.p-y-3{padding-top:30px;padding-bottom:30px}
.demo ul li{width:calc(50% - 10px);margin-right:10px}
.demo ul li:nth-child(2n){margin-right:0}
.demo ul li .title a:nth-child(2),.demo ul li .title a:nth-child(3),.demo ul li .title a:nth-child(4){display:none}
.case .Subject .Thumbs img{width:100%}
.Partners #ArticleView ul li{margin:0 0 10px 0}
.company div .aqq,.company div .leader,.company div .mobile,.company div .tel{width:100%}
.write_message input[type=button],.write_message input[type=submit]{ font-size:12px; padding-left:15px;padding-right:15px}
.beian,.powerby{display:block;clear:both;text-align:center}
.bottom .left,.bottom .right{float:none;text-align:center}
.trial ul{flex-wrap: wrap}
.trial ul li{ width:calc(50% - 20px);}
.trial ul li:nth-child(2n){ margin-right:0}
.trial ul li a{text-align: center}
}