body{--primary:#b6262a;--hover:#2E78E7;--subsidiary:#b6262a;--third:#28B3F6;--white:#fff;--dark:#39424f;--grey:#f8f8f8;--border:#f0f0f0;--gray:#888;--date:#333}
a{color:#212529}
a:hover{color:#2e78e7}
.dark{background:#39424f;color:#fff}
.dark *{color:#fff;font-size:12px}
.dark a:hover{color:#b6262a}
.logo{display:flex;align-items:center;font-size:2em;line-height:1.2em}
.slogan .Subject{display:flex;height:100%;margin:0;text-align:left;align-items:center}
.slogan .Subject .Descript{color:#888;font-size:95%;font-family: 黑体;}
.phone .hotline::before{content:'\f1e4';margin-right:10px;color:#333}
.phone .hotline .dt a{color:#333;font-weight:700}
.phone .dd{display:block;clear:both;font-size:30px;line-height:1em;color:#b6262a;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.banner{ width:100%;overflow: hidden;}
.banner img{min-height:600px;min-width:100%}
.menu{border-bottom: 2px solid #b6262a;}
.menu ul li a{color:#fff;text-align:left}
.menu ul .on a,.menu ul li a:hover{background-color:#b6262a}
.menu ul li:hover{background:#b6262a}
.menu ul li:hover a{color:#fff}
.menu ul ul{background:#b6262a;padding-bottom: 5px}
.menu ul ul li a{padding-left:0;padding-right:0}
.menu ul ul li a:hover{background:#333}
.RowsTitle .Title{text-align:center}
.RowsTitle .Title .cn{font-size:2rem}
.RowsTitle .Title .en{display:flex;flex-flow:row nowrap;justify-content:center;font-size:1.25rem;position: relative;}
.RowsTitle .Title .en:before,.RowsTitle .Title .en:after{display:inline-flex;content:"";flex:1;border-bottom:1px solid #333;width:30%; max-width:180px;height:50%;margin-top:15px;}
.RowsTitle .Title .en::before{margin-right:20px;}
.RowsTitle .Title .en:after{margin-left:20px;}
.Subject{text-align:center;margin-top:15px;/*margin-bottom:40px*/}
.about{position:relative}
.about .Margin{display:flex;flex-direction:row-reverse;margin-top:30px;max-height: 320px;overflow: hidden;}
.about .More{ text-align: center;}
.about .More a{display: inline-flex; justify-content: center;margin-top:30px;border:1px solid #666;padding:10px 50px;border-radius: 3px}
.contact{padding-left:150px;position:relative;min-height:140px;/*font-size:87.5%;*/line-height:2.2em}
.contact .address::before{display:inline-flex;content:'\f2b9';width:14px;margin-right:10px}
.contact .tel::before{display:inline-flex;content:'\f095';width:14px;margin-right:10px}
.contact .mail::before{display:inline-flex;content:'\f0e0';width:14px;margin-right:10px}
.contact .fax::before{display:inline-flex;content:'\f1e4';width:14px;margin-right:10px}
.LongDatePlus{background:#333;color:#fff}
.dmenu menu{margin-left:68px}
.dmenu menu ul li{display:block; flex:auto}
.dmenu menu ul li a{display:block;padding:5px 0;font-weight:700;padding-left:0}
.dmenu menu ul ul{display:flex;flex-flow:column wrap;position:inherit}
.dmenu menu ul ul li a{display:block;padding-bottom:5px;font-weight:400;/*font-size:87.5%;*/color:inherit}
.urlqrcode{display:inline-flex;position:absolute;left:0;width:120px;padding:5px;background:#fff}
.urlqrcode .dt{display:none}
.urlqrcode .dd img{width:100%;}
.service{background:url(../img/building.jpg) no-repeat center top}
.frame .submenu{padding-right:20px}
.submenu{background:#b6262a;padding:30px 20px;width:100%;max-width:320px}
.submenu .RowsTitle{display:flex;flex:row nowrap}
.submenu .RowsTitle::before{content:'\f17a';margin-right:10px;font-size:3em;color:#fff;line-height:1em}
.submenu .RowsTitle .Title{text-align: left}
.submenu .RowsTitle .Title .cn{font-size:1.8rem;font-weight:700;letter-spacing:0;text-align:left;padding:0;color:#fff;line-height:100%}
.submenu .RowsTitle .Title .en{text-align:left;color:#fff;justify-content: left}
.submenu .RowsTitle .Title .en::before{display: none}
.submenu .Margin{padding-top:20px}
.submenu ul li{background:#f8f8f8;padding:10px;margin-bottom:5px}
.submenu ul li:hover{background:#39424f}
.submenu ul li a{display:flex}
.submenu ul li:hover a:hover{color:#fff}
.submenu ul li a::before{content:'\f0da';margin-right:1em;margin-left:10px}
.nav .title{font-size:1.8em;border-bottom:1px solid #eee;margin-bottom:10px;color:#333;font-weight:700}
.nav .title::before{content:'\f19c';margin-right:10px;color:#333;font-weight:100}
.nav .path,.nav .path *{color:#888;font-size:87.5%}
#Telephonist{display:flex;flex-flow:column wrap;background:url(Telephonist.png) no-repeat}
#Telephonist .Hotline{display:none}
#Telephonist .CompanyName{order:-1}
#Telephonist .Sir{order:2}
#Telephonist .Tel{order:3}
#Telephonist .Fax{order:4}
#Telephonist .Url{order:5}
#Telephonist .Mail{order:6}
#Telephonist .Address{order:7}
#ArticleIntro ul{display:inline-block;width:100%}
#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;line-height:22px;font-size:1.25rem;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;/*font-size:87.5%*/}
#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}
#ArticleSummary ul{display:flex;flex-flow:row wrap;justify-content: flex-start; margin-left:-10px;margin-right:-10px}
#ArticleView ul li,#ProductView ul li,#ArticleSummary ul li{width:calc(33% - 20px); margin-left:10px;margin-right:10px}
#ArticleView ul li img,#ProductView ul li img,#Slider ul li img,#ArticleSummary ul li img{width:100%; height:100%; padding:10px; border:1px solid #ccc;background:#fff;box-sizing: border-box}
#ProductView ul li .text,#ArticleSummary ul li .detail .title{display:flex;width:100%}
#ArticleView ul li .atext,#ProductView ul li .text a,#ArticleSummary ul li .detail .title a{display:block;width:100%; line-height:2.5em!important; justify-content:center;text-align: center!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ArticleSummary ul li .detail{ max-height:145px; overflow: hidden;}
#ArticleSummary ul li .detail .intro{overflow : hidden; text-overflow: ellipsis; color:#555; font-size: 92.5%; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
#ArticleSummary ul li .detail .enter{display: none;}
.product #ArticleView ul li{width:calc(33% - 20px);}
.news{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALElEQVQYV2NkYGD4z8DAsIUBAXwYGRgYNjMwMPhAJcA0TBCkDibBgFMlhpkASt8LHZbhzLgAAAAASUVORK5CYII=)}
.news *{ color: #fff}
.news .RowsTitle .Title .en:before,.news .RowsTitle .Title .en:after{border-bottom-color: #fff}
.news #ArticleIntro .Summary{float:left;width:48%;margin-right:50px}
.news #ArticleIntro .Summary .thumbs{width:100%;height:236px;overflow:hidden}
.news #ArticleIntro .Summary .thumbs a{display:block}
.news #ArticleIntro .Summary .thumbs img{width:100%;max-width:inherit;max-height:inherit}
.news #ArticleIntro .Summary .detail{margin-top:10px;color:#fff}
.news #ArticleIntro .Summary .detail .title a{display:block}
.news #ArticleIntro ul li .detail .intro{color:#aaa}
.news #ArticleIntro .enter{display:none}
.bottom{background:darkred}
.coop .Thumbs img{width:60%}
#TabStrip{display: flex; margin-left:-15px;margin-right:-15px}
#TabStrip dl{ padding-left:15px;padding-right:15px}
#TabStrip dt{ margin-bottom: 20px; text-align: center;padding-bottom:45px;position: relative;background:#b6262a;background-clip:content-box!important;background-size:cover;background-position: center; height: 200px;}
#TabStrip dl:nth-of-type(1) dt{background: url(../img/news1.png) no-repeat}
#TabStrip dl:nth-of-type(2) dt{background: url(../img/news2.png) no-repeat;}
#TabStrip dl dt a{ position: absolute; width:100%; text-align: center; left:0; bottom:0; line-height: 40px;}
.body .Message{background:url(msg.png) no-repeat left center;padding-left:500px}
.Picture img{width:100%;}
.msg{width:100%;/*height:168px;*/overflow:hidden}
.msg img{width:100%}
.checkered {
    background-size: 3px 3px;box-shadow: 1px 1px 8px gray;
    background-image: linear-gradient(45deg, #333 25%, #555 0,#555 50%,#333 0%,#333 75%,#333 0);
}
.position-bottom{display:none;}

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#b6262a;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999; right: 170px}
#rightArrow a{display:block;height:45px;}

@media(max-width:1170px){
.msg{display:none}
.frame .nav{margin-top:40px}
.dmenu menu{margin-left:18px}
.product #ArticleView{margin-top:30px}
.banner img{min-height:413px!important}
}
@media (max-width:992px){
.navbar-toggler{display:inline-flex;position:fixed;z-index:2000;top:25px;right:20px;background:#b6262a;color:#fff;border-radius:5px;margin:6px;width:50px;height:50px;align-items:center;justify-content:center;border:0}
.navbar-toggler:before{content:'\f0c9';font-family:fontawesome;font-size:30px}
.menu{display:none;width:100%;position:fixed;top:88px;left:0;z-index:3000;background:rgba(0,0,0,.9)}
.menu ul{flex-flow:column wrap;padding:10px}
.dmenu menu{margin-left:-10px}
.dmenu{ border-top:1px solid #fff; padding-top:20px}
.contact{ border-bottom:1px solid #ccc;}
.search{display:none}
.news #ArticleIntro .Summary{float:none;width:100%;margin-right:0px}
.about .Margin{flex-direction:column;margin-top:50px}
.about .card{flex:1;margin-left:0}
.about .Subject{position: relative;bottom:0}
.submenu .Content,.submenu .msg{display: none}
.submenu{max-width:100%;margin-bottom: 30px}
#ArticleView ul li,#ProductView ul li,#ArticleSummary ul li{width:calc(50% - 20px);}
#ArticleSummary ul li{ margin-bottom:20px;}
#TabStrip{flex-direction: column}
.banner img{min-height:240px!important}
}
@media (max-width:576px){
.slogan{display:none}
.menu ul li{display:block;width:100%;background:rgba(255,255,255,.2);margin:2px}
.menu ul li #btn_msg{display: none;}
.urlqrcode{ display:none}
.contact{ padding-left:15px}
.dmenu{ border-top:0; display:none}
.contact{ border-bottom:0;}
.bottom{padding-bottom:60px;}
.dark .left,.dark .right{float:none;display:block;text-align:center;padding-left:15px;padding-right:15px;line-height:2em;}
.dark .support,.dark .admin{ display:none}
#ArticleView ul li,#ProductView ul li,.product #ArticleView ul li,#ArticleSummary ul li{width:calc(25% - 10px) !important; margin-left:5px; margin-right:5px}
.product.py-5{padding-top:0!important;padding-bottom:0!important}
.banner img{min-height:180px!important}
#Telephonist{padding:0; padding-top:138px;}
.position-bottom{display:flex;position: fixed; width:100%; z-index: 1000; bottom: 0;}
.position-bottom h3{display: none;}
.position-bottom .Content{width:100%;}
.position-bottom ul{display:flex;flex-flow:row nowrap;width:100%;justify-content:space-between;}
.position-bottom ul li{display: flex; flex:1}
.position-bottom ul li a{display:flex;flex:1;justify-content:center;line-height: 60px;}
.position-bottom ul li > ul{display: none;}

#rightArrow{right: 0px;}
#floatDivBoxs{right: -170px;}
}