@charset "utf-8";

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;text-decoration:none;color:#666;}

body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";max-width:640px; margin:0 auto;color:#666;}

h5,h6{font-size:14px;}

#body{ margin:0 auto; margin-top:50px;margin-bottom:50px;}

#title{ line-height:36px;  padding-top:5px; font-weight:bold;color:#444;}

#title a{ display:block;font-size:2em;}

section{margin:4em 0;}

.toolbar{position:fixed;top:0;left:0;right:0;background-color:transparent;line-height:68px;border-top:2px solid #b0120a; background-color:#fff; z-index:999;}

.menu-button{position:relative;margin:5px;height:36px;width:36px;cursor:pointer;}

.menu-button:before{content:"";position:absolute;top:5px;right:3px;border-bottom:17px double #b0120a;border-top:6px solid #b0120a;width:30px;height:5px;}

.menu-left{float:left;margin-right:1.5em;}

.sidebar{margin:0;padding-top:1em;color:white;background-color:#b0120a;}

.sidebar h6{margin:0 .8em;padding:0;font-weight:300;}

.sidebar li{margin:.5em 0;padding:0 1em;line-height:32px;}

.sidebar li:hover{background-color:#e84e40;}

.sidebar hr{margin:1em auto;border:0;padding:0;width:80%;height:1px;background-color:white;}

/*主要样式*/

.subNav{cursor:pointer; }

.navContent{display:none;color:#999;}

.subNav h5{padding-left:20px; font-size:16px;}

.subNav h5 a,.subNav h5 a:visted{color:#fff;}



/*---- banner ---*/

.swiper-container {height:auto;width:100%;text-align:center;margin:0 auto;position:relative;overflow:hidden;z-index:5;background:#F8F8F8;}

.swiper-wrapper {position: relative;z-index:10;}

.swiper-slide {position:relative;text-align:center;float:left;}

.swiper-slide a{position:relative;width:100%;height:100%;display:block;overflow:hidden;}

.swiper-slide img{width:100%;height:auto;vertical-align:middle;position:relative;}

.pagination{position:absolute;height:1.2em;width:100%;bottom:0.4em;z-index:100;}

.pagination .swiper-pagination-switch{display:inline-block;height:0.6em;width:0.6em;background:#FFF;border-radius:50%;margin-right:1em;}

.pagination .swiper-active-switch{background:#fe5e52;}

#catefrm{ clear:both; padding:5px;}

#catefrm li{ display:inline-block; list-style:none;width:32%; text-align:center;}

#catefrm li img{width:40%;}

#catefrm li a{ display:block; padding:3px;}



#uc{ clear:both; padding:5px;display:flex;justify-content: center;flex-wrap: wrap;}

#uc .item{width:44%; padding:10px; padding-left:5px; padding-bottom:0px;}

#uc .item a{ display:block;}

#uc .item img{width:100%;height:150px;border:1px solid #999; padding:3px;}



#abfrm{ padding:10px; padding-bottom:0px;}

.index-title{ text-align:center; padding:5px 10px; background:#CCC; border-bottom:1px solid #bbb;}

#abfrm p{ text-indent:24px; padding:5px; margin:0px; padding-bottom:0px;}



#anli{ clear:both; padding:5px; padding-top:0px;display:flex;justify-content: center;flex-wrap: wrap;}

#anli .item{width:28%; padding:10px; padding-left:5px; padding-bottom:0px;}

#anli .item a{ display:block;}

#anli .item img{width:100%;height:100px;border:1px solid #999; padding:3px;}

#mfrm{ padding:5px;}

#page{ padding:5px;}

#confrm{ padding:15px;}

#pro-litpic{ padding:15px;}

#pro-litpic img{width:100%;}

#pro-title{ line-height:24px; font-size:18px; font-weight:bold; padding:10px;}

#uc p{ padding:10px; margin:0px;}



#lik{ clear:both; padding:0px; padding-top:0px;display:flex;justify-content: center;flex-wrap: wrap;}

#lik .item{width:28%; padding:10px; padding-left:5px; padding-bottom:0px;}

#lik .item a{ display:block;}

#lik .item img{width:100%;height:100px;border:1px solid #999; padding:3px;}



.cattree{ padding-left:20px;}

.cattree a{color:#FFF; font-size:14px; line-height:24px;}



#arclist{ padding:10px;}

#arclist .item{ padding:5px;}

#arclist .item a{ font-size:14px; display:block; margin:5px 0px; font-weight:bold;}

#arclist .item p{ text-indent:24px;}



.tel{position: fixed;bottom: 50px;right:0;z-index: 9999;padding-right:5px;}

.tel img{width:60px;height:60px;}



.bottom{bottom: 0px; position: fixed;background:#eee;width:96%;padding:2px 2%;    display:flex;

    justify-content:space-between; flex-flow: wrap row;}

.li{position:relative;float:left;width:25%;height:40px;line-height:40px;background:#e6e6e6;border-right:1px solid #b3b3b3;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;}

.li:last-child{border-right:none;}

.new-sub{position:absolute;bottom:40px;z-index:-1;width:150px;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;}

.new-sub li{background:#e6e6e6;float:none;box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #b3b3b3;border-top:1px solid #f2f2f2;}

.new-sub li a{display:block;height:40px;line-height:40px;text-align:left;background:#e6e6e6;color:#333;border:none;text-align:center;font-size:14px;}