<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{margin:0;padding:0;position:relative}
ul{list-style:none}
html,body{width:100%;min-width:1200px}
.mian{position:relative}
.head{width:1200px;margin:0 auto;background-color:white;z-index:999}
.head:after{content:'';width:0;height:0;clear:both;display:block}
.head .logo{height:100px;float:left;padding:20px 0}
.head .logo img{height:100%}
.head .nav{float:right;margin-top:80px;position:relative}
.head .nav span{position:absolute;top:-60px;right:0px;width:100px;height:32px;}
.head .nav #indexsearch{position:absolute;top:-60px;right:125px;width:140px;height:32px;border:1px solid #d6d6d6;box-sizing:border-box;margin:0 0 0 0}
.head .nav #indexsearch .searchBox{float:left;height:100%;font-size:12px;color:#666;line-height:1;box-sizing:border-box;width:calc(100% - 20px);border:0px;background:none;padding-left:5px}
.head .nav #indexsearch .submit{width:16px;height:100%;background:url(../img/searchicon.png) no-repeat;background-size:auto;background-size:100% 100%;margin-right:4px;font-size:0px;border:0px;float:left;cursor:pointer}
.head .m_nav{display:none}
.head .nav &gt;ul&gt;li{display:inline-block;position:relative;padding:0 25px;height:52px}
.head .nav li .sub_nav{padding-top:5px;width:250px;position:absolute;top:50px;left:0;text-align:center;display:none;z-index:2}
.head .nav li .sub_nav li{height:35px;line-height:35px;background-color:white}
.head .nav li .sub_nav li:hover a{color:#337ab7}
.head .nav li .sub_nav li a{display:block;padding:0 10px;text-align:left;font-size:16px}
.head .nav li a{text-decoration:none;color:#333333;font-size:18px;font-weight:bold}
.head .nav&gt;ul&gt;li.active&gt;a,.head .nav&gt;ul&gt;li:hover&gt;a{color:#337ab7;font-weight:bold}
.head .nav&gt;ul&gt;li.active,.head .nav&gt;ul&gt;li:hover{border-bottom:3px solid #337ab7}
.head .nav&gt;ul&gt;li:hover .sub_nav{display:block}
.head .nav span{ color: #999;}
.head .nav span a{ color: #999;line-height: 36px;text-decoration: none;}
.footer{margin-top:70px;background-color:#666666}
.footer .nav{border-bottom:1px solid #717171;color:#ffffff;font-size:18px;text-align:center;height:80px}
.footer .nav li{display:inline-block;padding:0 30px;line-height:80px}
.footer .nav li a{text-decoration:none;color:#ffffff}
.footer .nav li:first-child{padding-left:0}
.footer .nav li:last-child{padding-right:0}
.footer .bottom{padding:40px 0 20px 0;color:white;font-size:16px;text-align:center;width:1200px;margin:0 auto}
.footer .bottom .address{margin-bottom:10px}
.footer .bottom .pic{float:right;margin-right:10px;margin-top:-120px}
.footer .bottom .pic span{display:inline-block;width:104px;height:94px;background-color:#565656;margin-right:20px}
.footer .bottom .pic span img{width:100%}
.navSlide{display:none}
.toolbar{position:fixed;width:50px;height:275px;right:0;top:214px;z-index:100}
.toolbar .qq,.toolbar .ewm{position:relative;top:0;height:50px;text-align:center;line-height:45px;vertical-align:middle}
.toolbar .ewm{margin-top:1px}
.toolbar .qq_icon,.toolbar .ewm_icon{max-width:100%;vertical-align:middle}
.qq .icon,.ewm .icon{height:100%;transition:all 0.3s;transform:translateX(100%);background-color:#333}
.qq .icon.active,.ewm .icon{transform:translateX(0)}
.qq .sidebox{border:1px solid #333;height:auto;border-radius:5px 0 0 5px;width:140px;height:240px;background:#fff;opacity:1;bottom:-50px;top:-56px;text-align:center;padding-bottom:5px;transition:all 0.3s;transform:translateX(100%);z-index:120}
.qq .sidebox.active{transform:translateX(0)}
.qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;width:15px;height:15px;top:10px}
.qq h5 i:hover{transform:rotate(90deg)}
.qq h5 i img{width:100%}
.qq h5{height:35px;line-height:35px;background:#333;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px}
.qq h5 i img{float:left;display:block;width:100%;height:100%}
.qq a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #333;margin:15px 15px;color:#666;text-align:center;text-decoration:none}
.sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#333;overflow:hidden;opacity:.8;font-size:16px}
.ewm .sidebox{display:none;position:absolute;top:0;right:50px;width:140px;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;height:auto}
.ewm .sidebox img{display:block;margin-left:15px;height:110px;margin-bottom:5px}
.ewm .sidebox p{width:110px;text-align:center;margin:0 auto;font-size:16px}
.tel{position:relative;margin-top:1px;height:50px}
.tel .sidebox3{position:absolute;right:0;width:50px;height:50px;transition:all .3s;background-color:#333;overflow:hidden;font-size:16px;color:white}
.tel:hover .sidebox3{width:225px}
.tel .kImg{padding:13px 13px 18px 13px}
.tel span{float:right;margin-right:20px;margin-top:15px}
.toolbar .top{margin-top:1px;width:50px;height:50px;background-color:#333}
.toolbar .top img{padding:13px}
.toolba li{cursor:pointer}
.types-lists .current a{color:#999999;text-decoration:none}
.banner .all-fix{position:absolute;width:1200px;height:100%;top:0;left:50%;transform:translateX(-50%)}
.banner .all-fix .current{position:absolute;height:45px;background-color:white;font-size:14px;color:#999999;line-height:45px;text-align:center;right:0;bottom:0;padding-right: 20px;padding-left: 20px;}
.banner .all-fix .current a{text-decoration:none;color:#999999}
.banner .all-fix .current img{width: 19px;}


@media (max-width:767px){
body,html{width:100%;min-width:100%}
.head .logo{width:140px;height:50px;padding:10px 0}
.head .logo img{width:100%}
.head{position:fixed;width:100%;height:70px}
.head .nav{display:none}
.head .m_nav{display:block;cursor:pointer;float:right;margin-right:10px;margin-top:20px}
.m_nav p a{color: #999;float: left;display: block;text-decoration: none;line-height: 34px;}

.close{display:none}
.sidebox .close{display:inline-block}
.navSlide{display:block;position:fixed;top:70px;right:0;width:0;z-index:10;background-color:white;transition:all .5s;transform:translateX(100%)}
.navSlide.active{transform:translateX(0);width:100%}
.navSlide li a{display:inline-block;width:100%;height:100%;text-align:center;text-decoration:none;color:#999999}
.navSlide li{line-height:50px;height:50px;border-top:1px solid #dddddd;text-align:center}
.navSlide li:last-child{border-bottom:1px solid #dddddd}
.banner{padding-top:70px}
.footer .bottom{width:100%;padding-top:20px;font-size:14px}
.footer .bottom .address{margin-top:0}
.footer .nav{width:80%;margin:0 auto;padding-top:10px;box-sizing:border-box}
.footer .nav li{padding:0;line-height:1.5}
.footer .nav li a{font-size:16px}
.footer .bottom .pic{float:none;margin-top:20px}
.footer .bottom p{padding:0 5%}
.banner img{width:100%}
.product .types-lists .current{display:none}
}

#owl-demo{width:1200px;margin:60px auto 0}
#owl-demo .item div{width:20%;float:left}
#owl-demo .item div img{display:block;width:100%;border:1px solid #f1f1f1;box-sizing:border-box;border-left:0}
#owl-demo .item div:nth-child(5n+1) img{border-left:1px solid #f1f1f1}
#owl-demo.owl-theme .owl-controls .owl-page span{width:8px;height:8px;margin:5px 5px;background:#555;opacity:1}
#owl-demo.owl-theme .owl-controls .owl-page.active span,#owl-demo.owl-theme .owl-controls.clickable .owl-page:hover span{background:#337ab7;opacity:1}

@media (max-width:767px){
#owl-demo{width:100%;margin:40px auto 0;padding:0 15px;box-sizing:border-box}
#owl-demo .item div{width:50%}
#owl-demo .item div img{border-left:1px solid #f1f1f1}
#owl-demo .item div:nth-child(5n+1) img{border-left:0}
#owl-demo .item div:nth-child(2n+1) img{border-left:1px solid #f1f1f1}
.right_com,body,html{overflow-x:hidden}
}</pre></body></html>