@charset "utf-8";

*{ padding:0; margin:0;}
table { border-collapse:collapse; border-spacing: 0}
a { text-decoration:none; color:#333;}
a:hover { color:#B5252F;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
img { border:none; vertical-align:bottom;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
h1,h2,h3,h4,h5,em,i { font-weight:normal; font-style:normal;}
/*=======================================================*/
body { font-family:-apple-system, BlinkMacSystemFont, 'STZhongsong', 'STZhongsong', sans-serif; font-size: 15px; color:#333; line-height:1.68; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:transparent; outline:0; background: url(images/white_bg.png) repeat center top;}
.container { width:1160px; margin:0 auto;}
.wrapper { width:1160px; padding: 0 0 50px 0; margin:0 auto;}
.boxed { padding: 80px 0;}
.bg-gray { background: url(images/bg.png) repeat center top;}
.sidebar { float: left; width: 260px; min-height: 400px; background: url(images/bg.png) repeat center top; position: relative; box-shadow: 0 6px 20px 0 rgba(100,100,100,.2);}
.main { float: right; width: 860px; padding: 25px 0;}
/**/
.sidebar-title { height: 80px; padding: 15px 25px; position: absolute; top: -80px; left: 0; right: 0; background-color: #B5252F; color: #FFF}
.sidebar-title h2 { display: block; height: 30px; line-height: 30px; font-size: 24px; font-weight: 600;}
.sidebar-title h5 { display: block; height: 20px; line-height: 20px; font-size: 14px;}
/**/
.header { height: auto; padding: 60px 0 10px 0; background: url(images/header-bg.png) repeat-x center top;}
.logo { height: 100px; text-align: center; margin-bottom: 10px;}
.logo img { width: auto; height: 100px;}
/**/
.menu { width:100%; height:40px; line-height:40px; font-size:16px;}
.menulist { z-index:999999;}
.menulist > li { list-style:none; float:left; width: 145px; height: 20px; line-height: 20px; font-size: 16px; text-align: center; position: relative;}
.menulist > li:before { width: 1px; height: 14px; left: 0; top: 3px; display: block; background-color: #999; content:""; position: absolute;}
.menulist > li:nth-child(1):before { display: none;} 
.menulist > li .active { color:#EC205D;}
.menulist > li a { color:#5a5c5f; display:inline-block; line-height:20px; font-size:15px; text-decoration: none;}
.menulist > li a:hover { color:#EC205D;}
.menubutton { display:none; z-index:999; background-color:#FFF; cursor:pointer;}
/**/
.slide { width: 100%; height: 600px; background: url(images/bg.png) repeat center top;}
.slide .slide-img { width: 100%; height: 600px; background-size: cover; background-position: center center;}
.slide .slide-img img { width: 100%; height: 600px;}
/**/
.slide .swiper-container { background-color:rgba(0,0,0,0.4);}
.slide .swiper-slide { width:100%; height:600px; background-repeat:no-repeat; background-size: cover; background-position: center center;}
.swiper-button-next, .swiper-button-prev { position:absolute; width:50px; height:50px; margin-top:-22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-size:30%; background-color:rgba(255,255,255,0.2); border-radius:50px; }
/**/
.n-banner { width: 100%; height: 400px; background-size: cover; background-position: center center;}
/**/
.title { text-align: center; margin-bottom: 50px; position: relative;}
.title:after { display: block; width: 100%; height: 1px; background-color: #333333;; left: 0; top: 28px; content:""; position: absolute; z-index: -1; }
.title:before { display: block; width: 100%; height: 1px; background-color: #333333; right: 0; top: 25px; content:""; position: absolute; z-index: -1;}
.title h2 { display: block; width: 200px; padding: 0 30px; margin: 0 auto; font-size: 30px; background: url(images/white_bg.png) repeat center top;}
/**/
.pronav { padding: 25px;}
.pronav-list { border-bottom: 1px dotted #EEE; padding-bottom: 20px; margin-bottom: 20px;}
.pronav-list h2 { display: block; font-size: 20px; height: 20px; line-height: 20px; margin-bottom: 15px;}
.pronav-list h2 a { color: #B5252F;}
.pronav-list ul { display: block;}
.pronav-list li { display: block; float: left; font-size: 14px; width: 50%; height: 28px; line-height: 28px;}
/**/
.crumbs { height: 30px; line-height: 30px;}
/**/
.module-info { width: 100%; height: 100px; position: relative;}
.module-info:after { display: block; width: 50%; height: 100px; background-color: #EDEDED; left: 0; top: 0; content:""; position: absolute; z-index: -1; }
.module-info:before { display: block; width: 50%; height: 60px; background-color: #333333; right: 0; top: 0; content:""; position: absolute; z-index: -1;}
.module-info-contact { float: left; width: 60%; height: 100px; padding: 20px 40px 20px 0; background-color: #EDEDED;}
.module-info-contact h4 { float: left; display: block; width: 260px; font-size: 18px; line-height: 30px;}
.module-info-contact h5.tel { float: right; display: block; height: 40px; line-height: 40px; font-size: 24px; font-weight: 600; padding-left: 40px; margin-top: 10px; color: #AC1824; position: relative;}
.module-info-contact h5.tel:before { display: block; content:""; position: absolute; left: 0; top: 4px; width: 32px; height: 32px; background: url(images/tel.png) no-repeat center center; background-size: cover;}
.module-inform { float: right; width: 40%; height: 60px; line-height: 20px; padding: 20px 0 20px 30px; color: #929292;}
.module-inform a { color: #FFF; }
.module-inform b { float: left; margin-right: 10px;}
.t_news { height:20px; color:#FFF; overflow:hidden; position:relative;}
.news_li, .swap { line-height:20px; display:inline-block; position:absolute; top:0; left:0;}
.news_li a, .swap a{ color:#FFF;}
.swap { top:20px;}
/**/
.about { position: relative;}
.about-image { width: 60%; height: 460px; background-size: cover; background-position: center center;}
.about-info { width: 650px; right: 0; top: 0; position: absolute;}
.about-info-title { height: 100px; text-align: right;}
.about-info-text { font-size: 14px;  background: url(images/bg.png) repeat center top; padding: 30px 30px 30px 60px;}
/**/
.category-bg { min-height: 450px; position: relative;}
.category-bg:after { display: block; width: 320px; height: 260px; left: 0; top: 5%; content:""; position: absolute; z-index: 1; background: url(images/category-bg-01.png) no-repeat left top;}
.category-bg:before { display: block; width: 340px; height: 440px;  right: 0; bottom: 0; content:""; position: absolute; z-index: 1; background: url(images/category-bg-02.png) no-repeat left top;}
.category { position: relative; z-index: 9;}
.category li { float: left; display: block; width: 20%; height: auto; padding: 40px; border: 2px solid #E3E3E3; text-align: center; border-left: none; background: url(images/bg.png) repeat; cursor:pointer;}
.category li:nth-child(1) { border-left: 2px solid #E3E3E3;}
.category li:hover { background: #FFF;}
.category .category-ico { width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; border: 2px solid #A6A6A6; margin: 0 auto 20px auto;}
.category .category-ico img { width: 100%; height: 100%;}
.category h3 { height: 34px; line-height: 34px; font-size: 20px; color: #070707; margin-bottom: 20px; overflow: hidden;}
.category p { height: 60px; line-height: 20px; font-size: 12px; color: #888; overflow: hidden;}
/**/
.product {}
.product-tab { text-align: center;}
.product-tab div { display: inline-block; width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 10px; background-color: #343434; color: #FFF; cursor:pointer;}
.product-tab div.on { background-color: #AC1824;}
.product-con { padding-top: 50px; }

.product-list { display: none;}
.product-list li { float: left; display: block; width: 360px; margin-left: 40px;}
.product-list li img { width: 360px; height: 260px;}
.product-list h3 { height: 40px; line-height: 40px; text-align: center; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/**/
.news {}
.news-tab { text-align: center;}
.news-tab div { display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 30px; border-bottom: 2px solid #333 ; color: #333; cursor:pointer;}
.news-tab div.on { border-bottom: 2px solid #AC1824 ; color: #AC1824;}
.news-con { padding-top: 50px;}
.news-list { display: none;}
.news-list li { float: left; display: block; width: 360px; margin-left: 40px; position: relative; padding-left: 70px; margin-bottom: 30px;}
.news-list .time { position: absolute; left: 0; top: 0; color: #B5252F;}
.news-list .time-con { position: relative; width: 50px;}
.news-list .time-con i { line-height: 50px; font-size: 26px; position: absolute; left: 17px; }
.news-list .time-con .time-m { font-size: 18px; position: absolute; top: 0; left: 0;}
.news-list .time-con .time-d { font-size: 18px; position: absolute; top: 15px; right: 0;}

.news-list h3 { height: 20px; line-height: 20px; font-size: 14px; margin-bottom: 10px; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-list p { display: block; height: 40px; line-height: 20px; font-size: 14px; overflow: hidden; color: #929292;}
/**/
.newlist { padding-top: 30px;}
.newlist li { display: block; position: relative; padding: 0 0 30px 70px; margin-bottom: 30px; border-bottom: 1px dashed #5D2A17;}
.newlist .time { position: absolute; left: 0; top: 0; color: #B5252F;}
.newlist .time-con { position: relative; width: 50px;}
.newlist .time-con i { line-height: 50px; font-size: 26px; position: absolute; left: 17px; }
.newlist .time-con .time-m { font-size: 18px; position: absolute; top: 0; left: 0;}
.newlist .time-con .time-d { font-size: 18px; position: absolute; top: 15px; right: 0;}
.newlist h3 { height: 20px; line-height: 20px; font-size: 16px; margin-bottom: 10px; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.newlist p { display: block; height: 40px; line-height: 20px; font-size: 14px; overflow: hidden; color: #929292;}
/**/
.prolist { padding-top: 30px;}
.prolist li { float: left; display: block; width: 266px; margin: 0 0 20px 30px;}
.prolist li img { width: 266px; height: 192px;}
.prolist h3 { height: 34px; line-height: 34px; text-align: center; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/**/
.single { padding-top: 30px; margin-bottom: 30px;}
.single-title { text-align: center; margin-bottom: 30px;}
.single-title h1 { font-size: 26px;}
.single-con { line-height: 24px; margin-bottom: 40px;}
.single-con img { max-width: 100%;}
.single-con p { margin-bottom: 10px;}
/**/
.link { padding: 0 0 80px 0;}
.link-con {}
.link-con li { float: left; margin-right: 20px;}
/**/
.pagebar { height:34px; line-height:34px; padding:20px 10px; text-align:center;}
.pagebar a { display:inline-block; color:#B5252F; padding:0 10px; font-weight:bold; background:#F1F1F1; margin:0 5px;}
.pagebar .page { display:inline-block; color:#B5252F; padding:0 10px; line-height:34px; background:#F1F1F1; margin:0 5px;}
.pagebar .page_now { display:inline-block; color:#FFF; padding:0 10px; font-weight:bold; background:#B5252F; margin:0 5px;}
/**/
.footer { padding: 10px 0 30px; background: url(images/bg.png) repeat center top;}
.footer-nav { height: 50px; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #B91E2E;}
.footer-nav li { float: left; width: 12.5%; text-align: center;}
.footer-info { padding: 30px 0;}
.footer-info h4 { height: 20px; line-height: 20px; margin-bottom: 15px; font-size: 18px; color: #B5252F;}
.eweim { float: left; width: 20%; padding: 20px 3% 0 3%}
.eweim img { width: 115px; height: 115px;}
.eweim h5 { display: block; width: 115px; font-size: 14px; text-align: center; line-height: 30px;}

.contact { float: left; width: 40%; padding: 0 3%}
.copyright { float: right; width: 40%; padding: 0 3%}
.bottom { display: none;}
/**/
@media only screen and (min-width: 1200px){ 
	.product-list li:nth-child(3n+1) { margin-left: 0;}
	.prolist li:nth-child(3n+1) { margin-left: 0;}
	.news-list li:nth-child(3n+1) { margin-left: 0;}
}
@media only screen and (max-width: 1200px){ 
	.container { width: 750px;}
	.wrapper { width: 750px;}
	.boxed { padding: 60px 0;}
	.sidebar { float: none; width: 100%; min-height: auto; background: url(images/bg.png) repeat center top; position: relative; box-shadow: 0 6px 20px 0 rgba(100,100,100,.2);}
	.main { float: none; width: 100%; padding: 25px 0;}
	/**/
	.header { width:100%; padding: 50px 0 0 0; position:relative; margin:0 auto; background: url(images/header-bg.png) repeat-x center top;}
	.logo { width:190px; height:60px; position:absolute; left: 50%; top: 50px; margin-left:-95px;}
	.logo img { height:60px;}
	/**/
	.menu { width:100%; height:60px;}
	.menulist { position:fixed; height:100%; top:0; padding:20px 0; width:50%; left:-50%; background:#333; -webkit-transition:1s; transition:1s;}
	.menulist > li { width:100%; height:41px; line-height:41px; margin:0; overflow:hidden; text-align:left; border-bottom:1px solid #3E3E3E; }
	.menulist > li a { display:block; width:100%; height:40px; line-height:40px; color:#FFF; margin-right:0; padding:0 20px; border-bottom:1px solid #2B2B2B;}
	/**/
	.menubutton { display:block; float:right; position:relative; margin:20px 15px 0 0;}
	.menubutton span { height:3px; width:25px; display:block; background:#666;}
	.menubutton span + span { margin-top:6px;}
	/**/
	.sidebar-title { height: 60px; padding: 10px 20px; position: absolute; top: -60px; left: 0; right: 0; background-color: #B5252F; color: #FFF}
	.sidebar-title h2 { display: block; height: 22px; line-height: 22px; font-size: 20px; font-weight: 600;}
	.sidebar-title h5 { display: block; height: 18px; line-height: 18px; font-size: 14px;}
	/**/
	.pronav { padding: 20px;}
	.pronav-list { float: left; width: 33.333%; border-bottom: 1px dotted #EEE; padding-bottom: 0; margin-bottom: 0;}
	.pronav-list h2 { display: block; font-size: 18px; height: 20px; line-height: 20px; margin-bottom: 10px;}
	.pronav-list li { font-size: 12px; width: 50%; height: 22px; line-height: 22px;}
	/**/
	.slide { width: 100%; height: 600px; background: url(images/bg.png) repeat center top;}
	.slide .slide-img { width: 100%; height: 600px; background-size: cover; background-position: center center;}
	.slide .slide-img img { width: 100%; height: 600px;}
	/**/
	.slide .swiper-container { background-color:rgba(0,0,0,0.4);}
	.slide .swiper-slide { width:100%; height:600px; background-repeat:no-repeat; background-size: cover; background-position: center center;}
	.swiper-button-next, .swiper-button-prev { position:absolute; width:50px; height:50px; margin-top:-22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-size:30%; background-color:rgba(255,255,255,0.2); border-radius:50px; }
	/**/
	.n-banner { height: 300px;}
	/**/
	.module-info { width: 100%; height: 150px; position: relative;}
	.module-info:after { width: 100%; height: 100px; top: 0;}
	.module-info:before { width: 100%; height: 50px; top: 100px;}
	
	.module-info-contact { float: none; width: 100%; height: 100px; padding: 20px;}
	.module-inform { float: none; width: 100%; height: 50px; line-height: 20px; padding: 15px 20px;}
	.t_news { height:20px; color:#FFF; overflow:hidden; position:relative;}
	.news_li, .swap { line-height:20px; display:inline-block; position:absolute; top:0; left:0;}
	.news_li a, .swap a{ color:#FFF;}
	.swap { top:20px;}
	/**/
	.category li { float: left; display: block; width: 20%; padding: 25px;}
	/**/
	.product-list li { float: left; display: block; width: 31.333%; margin-left: 3%;}
	.product-list li:nth-child(3n+1) { margin-left: 0;}
	.product-list li img { width: 100%; height: 180px;}
	/**/
	.news-list li { float: left; display: block; width: 48%; margin-left: 4%; position: relative; padding-left: 70px; margin-bottom: 30px;}
	.news-list li:nth-child(2n+1) { margin-left: 0;}
	
	.news-list .time { position: absolute; left: 0; top: 0; color: #B5252F;}
	.news-list .time-con { position: relative; width: 50px;}
	.news-list .time-con i { line-height: 50px; font-size: 26px; position: absolute; left: 17px; }
	.news-list .time-con .time-m { font-size: 18px; position: absolute; top: 0; left: 0;}
	.news-list .time-con .time-d { font-size: 18px; position: absolute; top: 15px; right: 0;}
	/**/
	.prolist { padding-top: 25px;}
	.prolist li { float: left; display: block; width: 31.333%; margin: 0 0 20px 3%;}
	.prolist li img { width: 100%; height: 180px;}
	.prolist h3 { height: 34px; line-height: 34px; text-align: center; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
}
@media only screen and (max-width: 750px){ 
	body { font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', 'STZhongsong', sans-serif; font-size: 14px;}
	.container { width: 96%;}
	.wrapper { width: 96%; padding-bottom: 0;}
	.boxed { padding: 30px 0;}
	.header { width:100%; padding: 25px 0 0 0; position:relative; margin:0 auto; background: url(images/header-bg-m.png) repeat-x center top;}
	.logo { width:190px; height:60px; text-align: center; position:absolute; left:50%; top: 25px; margin-left:-95px;}
	/**/
	.n-banner { height: 200px;}
	/**/
	.sidebar-title { height: 40px; padding: 10px; position: absolute; top: -40px; left: 0; right: 0; background-color: #B5252F; color: #FFF}
	.sidebar-title h2 { float: left; display: block; height: 20px; line-height: 20px; font-size: 18px; font-weight: 600;}
	.sidebar-title h5 { float: left; display: block; height: 20px; line-height: 20px; font-size: 12px; padding-left: 15px;}
	/**/
	.pronav { padding: 10px;}
	.pronav-list { float: none; width: 100%; border-bottom: 1px dotted #EEE; padding-bottom: 0; margin-bottom: 5px;}
	.pronav-list h2 { display: block; font-size: 16px; height: 20px; line-height: 20px; margin-bottom: 5px;}
	.pronav-list li { font-size: 14px; width: 25%; height: 22px; line-height: 22px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	/**/
	.slide { height: 260px; }
	.slide .slide-img { height: 260px;}
	.slide .slide-img img { height: 260px;}
	.slide .swiper-slide { height:260px;}
	/**/
	.title { text-align: center; margin-bottom: 30px; position: relative;}
	.title h2 { font-size: 24px;}
	/**/
	.module-info { width: 100%; height: 130px; position: relative;}
	.module-info:after { width: 100%; height: 80px; top: 0;}
	.module-info:before { width: 100%; height: 50px; top: 80px;}
	.module-info-contact { float: none; width: 100%; height: 80px; padding: 10px 0;}
	.module-info-contact h4 { float: none; width: 100%; font-size: 14px; line-height: 20px;}
	.module-info-contact h5.tel { float: none; font-size: 22px; margin-top: 0;}
	.module-inform { float: none; width: 100%; height: 50px; line-height: 20px; padding: 15px 0;}
	/**/
	.about { position: static;}
	.about-image { width: 100%; height: 260px; background-size: cover; background-position: center center;}
	.about-info { width: 100%; right: 0; top: 0; position: static;}
	.about-info-title { padding-top: 10px; height: auto; text-align: left;}
	.about-info-title img { width: auto; height: 70px;}
	.about-info-text { font-size: 14px; background: url(images/white_bg.png) repeat center top; padding: 0px;}
	/**/
	.category li { float: left; display: block; width: 50%; height: auto; padding: 20px; border: 2px solid #E3E3E3;  border-left: none; background: url(images/bg.png) repeat; cursor:pointer;}
	.category li:nth-child(3) {   border-left: 2px solid #E3E3E3;}
	.category li:nth-child(5) { display: none;}
	/**/
	.product {}
	.product-tab { text-align: center;}
	.product-tab div { display: inline-block; width: 26%; height: 34px; line-height: 34px; font-size: 14px; margin: 0 5px; background-color: #343434; color: #FFF; cursor:pointer;}
	.product-tab div.on { background-color: #AC1824;}
	.product-con { padding-top: 30px; }
	/**/
	.product-list li { float: left; display: block; width: 48%; margin-left: 4%;}
	.product-list li:nth-child(2n+1) { margin-left: 0;}
	.product-list li img { width: 100%; height: 160px;}
	/**/
	.news-tab { text-align: center;}
	.news-tab div { display: inline-block; width: 100px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 30px; border-bottom: 2px solid #333 ; color: #333; cursor:pointer;}
	.news-tab div.on { border-bottom: 2px solid #AC1824 ; color: #AC1824;}
	/**/
	.news-list li { float: none; display: block; width: 100%; margin-left: 0%; position: relative; padding-left: 70px; margin-bottom: 30px;}
	
	.news-list .time { position: absolute; left: 0; top: 0; color: #B5252F;}
	.news-list .time-con { position: relative; width: 50px;}
	.news-list .time-con i { line-height: 50px; font-size: 26px; position: absolute; left: 17px; }
	.news-list .time-con .time-m { font-size: 18px; position: absolute; top: 0; left: 0;}
	.news-list .time-con .time-d { font-size: 18px; position: absolute; top: 15px; right: 0;}
	/**/
	.prolist { padding-top: 25px;}
	.prolist li { float: left; display: block; width: 48%; margin: 0 0 20px 4%;}
	.prolist li:nth-child(2n+1) { margin-left: 0;}
	.prolist li img { width: 100%; height: 160px;}
	.prolist h3 { height: 34px; line-height: 34px; text-align: center; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	/**/
	.newlist li { padding: 0 0 15px 60px; margin-bottom: 15px;}
	.newlist h3 { height: 20px; line-height: 20px; font-size: 16px; margin-bottom: 5px; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	.newlist p { display: block; height: 40px; line-height: 20px; font-size: 12px; overflow: hidden; color: #929292;}
	/**/
	.single { padding-top: 30px; margin-bottom: 30px;}
	.single-title { text-align: center; margin-bottom: 30px;}
	.single-title h1 { font-size: 18px; line-height: 24px; margin-bottom: 10px;}
	.single-con { line-height: 24px; margin-bottom: 40px;}
	.single-con img { max-width: 100%;}
	.single-con p { margin-bottom: 10px;}
	/**/
	.link { padding: 0 0 30px 0;}
	/**/
	.footer-nav { height: auto; line-height: 30px; padding-bottom: 5px; border-bottom: 1px solid #B91E2E;}
	.footer-nav li { float: left; width: 25%; text-align: center;}
	.footer-info { padding: 30px 0;}
	.footer-info h4 { height: 20px; line-height: 20px; margin-bottom: 15px; font-size: 18px; color: #B5252F;}
	.eweim { float: none; width: 100%; text-align: center; padding: 0 10% 20px 10%}
	.eweim img { width: 115px; height: 115px;}
	.eweim h5 { display: block; width: 100%; font-size: 14px; text-align: center; line-height: 30px;}

	.contact { float: none; width: 100%; padding: 0 10%; text-align: center; margin-bottom: 20px;]}
	.copyright { float: none; width: 100%; padding: 0 10%}
	/**/
	.pagebar { height:30px; line-height:30px; padding:20px 10px; text-align:center;}
	.pagebar a { padding:0 5px; margin: 0 5px 5px 5px;}
	.pagebar .page { padding:0 5px; line-height:30px; margin: 0 5px 5px 5px;}
	.pagebar .page_now { padding:0 5px; margin: 0 5px 5px 5px;}
	/*底部按钮*/
	.bottom { display: block; width:100%; height:50px; position:fixed; bottom:0px; background:#343434; color:#FFF; z-index:2147483647;}
	.bottom a { display:block; height:50px; line-height: 50px; color:#FFF; font-size:14px; border-left:1px solid #414141; border-right:1px solid #3F3F3F;}
	.bottom li { float:left; width:33.3333%; height:40px; font-size:12px; display:block; text-align:center;}
}
.open { left:0%; overflow:auto;}
/**/
.wrapper:after, .container:after, .category:after, .product-tab-title:after, .product-list:after, .footer-info:after, .pronav:after, .pronav-list:after, .pronav-list ul:after, .news-con:after, .prolist:after, .link-con:after, .footer-nav:after { clear:both; display:table; content:"";}