html{font-size:10px;}body,h1,h2,h3,h4,ul{margin:0;padding:0;}body{font-size:1.6rem;font-family:"微软雅黑";color:#333;}.wrap{width:90%;min-width:980px;margin:auto;}a{text-decoration:none;color:#333;}.clr:after{content:"";display:block;clear:both;}.fl{float:left;}.fr{float:right;}.pad{padding:80px 0;}li{list-style-type:none;}h1,.h1{font-size:30px;font-weight:normal;}h2,.h2{font-weight:normal;font-size:24px;}input,textarea{outline:0;}header{height:90px;position:fixed;width:100%;left:0;top:0;z-index:999;background:#fff;min-width:980px;box-shadow:0 0 10px rgba(50,50,50,.2);}header>div{position:relative;}header>div>.clr{padding:10px;}header .logo img{display:block;height:50px;margin-top:10px;}header nav{padding-top:10px;}header nav a{display:block;float:left;margin:0 18px;height:50px;line-height:50px;font-size:18px;}header nav a.on,header nav a:hover{color:#e00000;border-bottom:2px solid #e00000;}header nav .ico,header nav .search{height:50px;float:left;border-left:1px solid #ccc;padding-left:18px;color:#666;}header nav .search{ margin-left:18px; margin-right: 0;} header nav .search:hover{ border-bottom:0;}header nav .search:hover svg{ opacity: 0.9;}header nav .search svg{ opacity:0.5; display: block; width: 36px; height:36px;margin-top:6px;;}header nav .ico a{color:#e00000;font-weight:bold;display:block;float:none;margin:0;height:normal;line-height:normal;}header nav .ico a:hover{border-bottom:0;}#drop{position:absolute;box-shadow:0 5px 10px rgba(100,100,100,.2);left:0;top:90px;background:#fff;border-top:1px solid #eee;width:100%;padding:30px 0;display:none;}#drop>.wrap>div{display:none;}#drop .diaosu>div{width:20%;padding:5px;box-sizing:border-box;float:left;color:#999;}#drop .diaosu .ti{margin-bottom:20px;}#drop .diaosu a{display:inline-block;padding:5px;}#drop .diaosu a:hover{color:#e00000;text-decoration:underline;}.hBg{height:90px;}footer{background:#1a0a00;color:#fff;}
header .close{ display: none;}
img{ max-width:100%;}footer a{ color:#ccc;}
footer .fl{width:300px;color:#999;}footer .fl span{display:inline-block;margin-right:6px;text-align:right;width:60px;color:#666;}footer .fl div{font-size:12px;margin-top:20px;}
footer .fl .ti{font-size:30px;}footer .fl .ti span{font-size:14px;display:block;text-transform:uppercase;margin-bottom:10px;color:#999;}footer .fl .ti div{width:200px;height:2px;background:#999;margin:20px 0;}
footer .fr dl{ float: left; padding-left: 10px; color: #999; line-height: 30px;}
footer .fr dt{ margin-bottom: 10px; font-weight: bold; color: #ccc;}
footer .fr dd{ font-size: 14px; margin-left: 0;}
footer .fr dt a{ color: #ccc;}
footer .fr a{ color: #999;}
    footer .fr a:hover{ color: #fff;}
#footer{ display: none;}
#product .plist li{ display: block; float: left; width: calc((100% - 40px) / 5); margin:0 10px 10px 0; position: relative;}
    #product .plist li:nth-child(5n){ margin-right:0;}
    #product .plist li img{ display: block;}
    #product .plist li .i{ position: absolute; left: 0; bottom:0; padding: 0 0 5px 5px;}
    #product .plist li .i a,#product .plist li .i span{ font-size: 12px; display: inline-block; padding:2px 5px; margin: 5px 5px 0 0; color: #fff; border-radius:2px;}
    #product .plist li .i a{ background:#e00000;}
    #product .plist li .i span{ background:#333;}
    #product .plist li .i a:hover{ background:#111;}
.bpart{ padding: 60px 0;}.bpart .t p{ max-width:700px;}
#zt{ width: 480px;}
    #zt dd{ display: inline-block; width: 120px;}
footer .link{ border-top:1px solid #111;padding:20px 0;color:#666;}footer .link a{color:#ccc;}footer .link .b{ display: none;}footer .link a:hover{color:#e00000;}#qmenu{width:70px;position:fixed;right:0;bottom:180px;}#qmenu a{display:block;width:100%;height:70px;margin-bottom:1px;position:relative;}#qmenu a:hover{padding-right:20px;}#qmenu a>div{position:absolute;left:0;top:0;min-width:80px;border-bottom-left-radius:3px;border-top-left-radius:3px;background:#e00000;color:#fff;}#qmenu a.top>div{background:#ddd;color:#999;}#qmenu a .fl{width:70px;height:70px;font-size:12px;text-align:center;}#qmenu a .fl svg{width:30px;height:30px;vertical-align:-0.15em;fill:currentColor;overflow:hidden;display:block;margin:10px auto 5px;}#qmenu a .cont{white-space: nowrap;padding:5px 20px 5px 0;height:60px;line-height:60px;font-weight:bold;font-size:18px;margin-left:70px;}#qmenu a .cont img{display:block;height:60px;}#win{position:fixed;display:none;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);z-index:999999;}#win.on{display:block;}#win>div{position:relative;width:100%;height:100%;}#win>div>.box{position:absolute;width:640px;height:480px;left:50%;top:50%;margin:-240px 0 0 -320px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);box-sizing:border-box;padding:30px;}#win .box a.close{display:block;text-align:right;font-size:30px;margin-top:-10px;cursor:pointer;}#win .box a.close:hover{color:#e00000;}#gbook>div{margin-bottom:20px;color:#999;font-size:14px;}#gbook li{list-style:none;padding:5px;color:#666;font-size:1.2rem;}#gbook label{display:block;width:60px;text-align:right;font-size:1.4rem;line-height:40px;float:left;}#gbook li>div{padding-left:70px;width:100%;box-sizing:border-box;}#gbook label b{color:#c71127;}#gbook input,#gbook textarea{color:#333;display:block;margin:0 5px;border:1px solid #ddd;border-radius:4px;height:40px;line-height:40px;padding:5px 15px;width:100%;outline:0;box-sizing:border-box;}#gbook input:hover,#gbook textarea:hover{border-color:#ccc;}#gbook input.code{width:120px;float:left;}#gbook input.btn{width:49%;height:45px;padding:0;float:left;margin:0;background:#333;color:#fff;border:0;font-size:1.6rem;opacity:.7;}#gbook input.sbt{float:right;background:#c71127;}#gbook input:hover{opacity:1;}#gbook textarea{height:100px;vertical-align:top;}#code{display:inline-block;margin:0;vertical-align:middle;height:40px;}@media screen and (max-width:1200px){.wrap{width:1100px;}}@media screen and (max-width:1024px){.wrap{width:980px;}header nav a{font-size:14px;}}
@media screen and (max-width:800px){
    header{ min-width:320px; height: 100%; box-shadow:none; overflow: auto; display: none;}
    .wrap{ min-width:300px; width: 95%;}
    header nav .drop,header .ico,header .search,#qmenu,footer .link,.hBg{ display: none;}
    header nav.fr,footer .fl,footer .fr,header .logo.fl{ float: none;}
    header nav a{ display: block; float: none; font-size: 18px;}
    .pad{ padding-top:10px;}
    #drop{ position: static;display: block; box-shadow:none;}
    #drop>.wrap>div{ display: block;}
    #drop .diaosu>div{ width: 100%; float: none;}
    #footer{ display: block; position: fixed; width: 100%; left: 0; bottom:0; height: 50px; line-height: 50px; background:#000;}
    #footer a{ display: block; width: 33.333%; float: left; text-align: center; color: #fff; box-sizing:border-box; border-right: 1px solid #222;}
    #footer a:last-child{ border-right:0; background:#e00000;}
    header .logo img{ display: inline-block;}
    header .close{ float: right; display: block;font-size: 48px; font-weight: 100;}
    #product .plist li .i{ display: none;}
}