@charset "utf-8";
/* CSS Document已经更新过了 */
body,ul,li,form,h1,h2,h3,h4,h5,h6,p,dl,dt,dd{margin:0; padding:0; }
body{ font-size:14px; font-family:"Arial",'Microsoft YaHei',sans-serif;}
em,i,u{ font-style:normal}
ul,li{ list-style:none;}
img{margin:0; padding:0; border:none;vertical-align: middle;}
a{text-decoration: none;transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
a:hover {text-decoration: none; }
a:focus {  
     outline:none;  
     -moz-outline:none;  
     }  
input,textarea,select,button{ outline:none; padding:0;}

.navbar{margin-bottom: 0;}
.swiper-container{width: 100%;margin: auto;}
.swiper-container img{max-width: 100%;}
.swiper-pagination-bullet{width: 13px;margin:0 7px !important;height: 13px;opacity: 1;background: #78787b;}
.swiper-pagination-bullet-active{background: #eb870e;}

.header-top{width: 100%;padding: 20px 0;background: #000000;}
.header-top .container{margin: 0 auto;padding: 0;}
.header-top .row{margin: 0;padding: 0;}
.search_group{max-width: 340px;/*padding-top: 16px;*/}
.input-sm{max-width: 250px;border: 1px solid #FFFFFF;border-radius: 0;height: 35px;}
.search-btn{width: 81px;height: 35px;background: url(../img/seach_bg.png) no-repeat;color: #fff;text-align: center;line-height: 35px;display: inline-block;font-size: 14px;cursor: pointer;}

.index-product{width: 100%;background: #000;padding-bottom: 60px;}
.index-product .title{max-width: 1200px;margin: auto;padding: 40px 0;text-align: center;}
.index-product .title em{display: inline-block;width: 50px;height: 1px;background: #eb870e;position: relative;top: -10px;}
.index-product .title span{font-size: 30px;color: #fff;display: inline-block;margin: 0 20px;/*border-bottom: 2px solid #eb870e;*/}
.index-product .list{max-width: 1200px;margin: auto;margin-bottom: 45px;}
.index-product .list > div{width: 385px;height: 560px;float: left;margin-right: 22px;position: relative;}
.index-product .list > div.last{margin-right: 0;}
.index-product .list > div .img{width: 385px;height: 510px;}
.index-product .list > div img{width: 100%;height: 100%;}
.index-product .list > div p{width: 100%;height: 50px;background: #FFFFFF;line-height: 50px;text-align: center;font-size: 16px;color: #333333;}
.index-product .more a{width: 120px;height: 35px;border: 1px solid #eb870e;text-align: center;line-height: 35px;display: block;margin: auto;color: #eb870e;}

.index-s-product{width: 100%;background: #2f2f30;padding-bottom: 60px;}
.index-s-product .title{max-width: 1200px;margin: auto;padding: 40px 0;text-align: center;}
.index-s-product .title em{display: inline-block;width: 50px;height: 1px;background: #eb870e;position: relative;top: -10px;}
.index-s-product .title span{font-size: 30px;color: #fff;display: inline-block;margin: 0 20px;/*border-bottom: 2px solid #eb870e;*/}
.index-s-product .list{max-width: 1200px;margin: auto;}
.index-s-product .list .lpar{width: 280px;float: left;}
.index-s-product .list .lpar .l-cat{width: 280px;height: 158px;background: #242424;}
.index-s-product .list .lpar .l-cat h2{color: #eb870e;font-size: 20px;line-height: 40px;padding-top: 24px;text-align: center;}
.index-s-product .list .lpar .l-cat ul{width: 90%;margin: auto;}
.index-s-product .list .lpar .l-cat li{width: 50%;float: left;line-height: 40px;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-s-product .list .lpar .l-cat li span{font-size: 14px;padding-right: 10px;color: #eb870e;}
.index-s-product .list .lpar .l-cat li a{color: #fff;}
.index-s-product .list .lpar .img{width: 280px;height: 602px;}
.index-s-product .list .lpar .img img{width: 100%;height: 100%;}
.index-s-product .list .cpar{width: 627px;float: left;height: 603px;overflow: hidden;margin-left: 12px;}
.index-s-product .list .cpar li{float: left;margin-right: 12px;}
.index-s-product .list .rpar{width: 280px;float: left;}
.index-s-product .list .rpar .l-cat{width: 280px;height: 158px;background: #242424;}
.index-s-product .list .rpar .l-cat h2{color: #eb870e;font-size: 20px;line-height: 40px;padding-top: 24px;text-align: center;}
.index-s-product .list .rpar .l-cat ul{width: 90%;margin: auto;}
.index-s-product .list .rpar .l-cat li{width: 50%;float: left;line-height: 40px;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-s-product .list .rpar .l-cat li span{font-size: 14px;padding-right: 10px;color: #eb870e;}
.index-s-product .list .rpar .l-cat li a{color: #fff;}
.index-s-product .list .rpar .img{width: 280px;height: 600px;}
.index-s-product .list .rpar .img img{width: 100%;height: 100%;}

.footer{width: 100%;background: #000000;padding-top: 70px;}
.footer .list{max-width: 1200px;margin: auto;padding-bottom: 30px;}
.footer .list li{width: 290px;margin-right: 164px;float: left;}
.footer .list li .img{width: 100%;text-align: center;/* border: 1px dashed #fff; */height: 143px;}
.footer .list li .img img{margin-top: 20px;width:60px;}
.footer .list li .img p{line-height: 50px;color: #ffffff;font-size: 14px;}
.footer .list li.last{margin-right: 0;}
.footer .list li .spc{width: 100%;color: #FFFFFF;font-size: 12px;text-align: center;padding-top: 10px;line-height: 30px;}
.footer .bq{width: 100%;text-align: center;border-top: 1px solid #333333;padding: 30px 0;}
.footer .bq p{color: #FFFFFF;font-size: 16px;line-height: 40px;}

.here{max-width: 1200px;height: 58px;line-height: 58px;background: url(../img/here-ico.png) no-repeat center left;text-indent: 34px;color: #2F2F31;font-size: 16px;margin: auto;}
.here a{color: #2F2F31;}

.p-banner{width: 100%;}
.p-banner img{width: 100%;}

.product{max-width: 1200px;margin: auto;padding: 30px 0;}
.product .p-cat{width: 100%;height: 48px;background: url(../img/cat-list.png) no-repeat left center;color: #EB870E;font-size: 18px;text-indent: 15px;line-height: 48px;overflow: hidden;}
.product .p-cat a{float: right;color: #EB870E;font-size: 14px;    line-height: 57px;}
.product .p-cat a span{font-family: 宋体;}
.product .list{width: 100%;margin-top: 30px;}
.product .list li{width: 25%;height: 404px;float: left;text-align: center;}
.product .list li img{max-width: 230px;width: 100%;}
.product .list li p{padding-top: 20px;font-size: 16px;color: #2f2f31;line-height: 22px;}

.goods-info{max-width: 1200px;margin: auto;}
.goods-info .img{width: 600px;height: 600px;float: left;text-align: center;overflow: hidden;padding:20px 0;}
.goods-info .img img{max-width: 100%;max-height:560px;}
.goods-info .img li{max-height: 600px;}
.goods-info .spc{float: right;width: 600px;height: 600px;}
.goods-info .spc h1{color: #2F2F31;font-size: 30px;text-align: center;padding-top: 70px;padding-bottom: 40px;}
.goods-info .spc p{width: 100%;padding: 30px 10px;background: #f6f6f6;text-align: center;color: #2f2f31;line-height: 22px;font-size: 16px;}
.goods-info .spc .scl{width: 100%;padding-top: 40px;text-align: center;line-height: 50px;color: #2F2F31;font-size: 16px;}
.goods-info .spc .preview{text-align: center;margin: auto;}
.goods-info .spc .preview .swiper-wrapper{display: inline-block;width: 100% !important;}
.goods-info .spc .preview .swiper-slide{min-width: 40px;max-width: 55px;max-height: 70px;text-align: center;padding: 5px;margin-right: 8px;margin-bottom: 8px;display: inline-block;cursor: pointer;}
.goods-info .spc .preview .swiper-slide img{max-width: 100%;}
.goods-info .spc .preview .swiper-slide.active-nav{border: 1px solid #000;}
.goods-info .spc .preview .swiper-wrapper{height: auto !important;}

.pic{max-width: 1200px;margin: auto;background: #f8f8f8;border-radius: 10px;height: 167px;margin-bottom: 70px;position: relative;padding-top: 1px;}
.pic .bd{width: 1066px;height: 138px;margin: auto;overflow: hidden;margin-top: 14px;}
.pic .bd a{width: 138px;height: 138px;margin-right: 15px;display: block;}
.pic .bd a img{max-width: 138px;height: 100%;}
.pic .prve{width: 33px;height: 138px;top: 14px;position: absolute;left: 15px;background: #c5c5c5;color: #333333;line-height: 138px;text-align: center;border-bottom-left-radius: 8px;border-top-left-radius: 8px;font-size: 24px;cursor: pointer;}
.pic .next{width: 33px;height: 138px;top: 14px;position: absolute;right: 15px;background: #c5c5c5;color: #333333;line-height: 138px;text-align: center;border-top-right-radius-radius: 8px;border-top-right-radius: 8px;font-size: 24px;cursor: pointer;}

.item-info{max-width: 1200px;margin: auto;}
.item-info .tilte{width: 100%;height: 38px;background: url(../img/tip-bg.png) no-repeat left;line-height: 40px;color: #FFFFFF;font-size: 18px;text-indent: 37px;}
.item-info .content{width: 100%;padding-top: 20px;color: #2f2f31;line-height: 26px;padding-bottom: 60px;}

.pswp__ui .pswp__top-bar{background: #000;color: #fff;}
.pswp__bg{background: #fff;}
.pswp__ui .pswp__caption {
    background-color: #fff;
    color: #000;
}
.pswp__caption__center{color: #000;}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{background-color: #000;}

.pges{width: 100%;text-align: center;float: left;}
.pges a{padding: 3px 26px;color: #b8b5b5;font-size: 22px;text-align: center;border-radius: 8px;background: #707070;margin: 0 3px;}
.pges a:hover{background: #1e1e1e;}
.pges a.on{background: #1e1e1e;}
.pges a img{vertical-align: initial;}
.pges a:nth-of-type(1){padding: 3px 16px;}
.pges a:nth-last-of-type(1){padding: 3px 16px;}
.pges a:nth-of-type(1):hover,.pges a:nth-last-of-type(1):hover{background: #707070;}

@media (min-width: 1200px){
.container {width: 1200px;}
}

@media screen and (min-width:769px)
{ 
#logo{padding-left: 0;}  
.header-top{display: block !important;}
.navbar-header{display: none;}
.navbar{background: #2f2f31;border-radius: 0;border: none;margin-bottom: 0;}
.nav > li > a{padding:15px 40px;color: #fff;font-size: 16px;}
.navbar-default .navbar-nav > li > a{color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;background: #252529;}
.navbar-nav > li{background: url(../img/nav_bg.png) no-repeat center right;}
.navbar-nav > li:nth-last-of-type(1){background: none;}
.index-product .list > div{padding: 0;}
.index-product .list > div:nth-of-type(2) .img{position: absolute;bottom: 0;left: 0;}
.index-product .list > div:nth-of-type(2) p{position: absolute;top: 0;left: 0;}
.index-s-product .list .cpar li:nth-of-type(2),.index-s-product .list .cpar li:nth-of-type(3){margin-bottom: 12px;}
.goods-info .m-img{display: none;}
.goods-info .m-preview{display: none;}
}
 


@media screen and (max-width: 768px){
.navbar{margin-bottom: 0;background: #000000;border: none;}
.navbar-toggle{background: #fff;margin-top: 20px;}
.navbar-default .navbar-nav > li > a{color: #fff;}
.header-top{display: none;}
#logo{display: none;}
.logo{padding: 10px;max-width: 130px;}
#small_search{color: #fff;float: right;margin-top: 20px;padding: 8px 13px;font-size: 17px;border-radius: 4px;background: #eb880e;margin-right: 10px;}
.index-product .title span{font-size: 22px;}
.index-product .title em{display: none;}
.index-product .list > div{width: 100%;height: auto;float: left;margin-right: 0;position: relative;margin-bottom: 15px;}
.index-product .list > div .img{width: 100%;height: auto;}
.index-product .list > div img{width: 100%;height: 100%;}
.index-product .list > div p{width: 100%;height: 50px;background: #FFFFFF;line-height: 50px;text-align: center;font-size: 16px;color: #333333;}
.index-s-product{padding-bottom: 30px;}
.index-s-product .title span{font-size: 22px;}
.index-s-product .title em{display: none;}
.index-s-product .list{width: 100%;padding: 0 15px;}
.index-s-product .list .lpar{width: 100%;padding-bottom: 15px;}
.index-s-product .list .lpar .l-cat{width: 100%;}
.index-s-product .list .lpar .img{width: 100%;height: auto;}
.index-s-product .list .cpar{width: 100%;height: auto;margin: 0;}
.index-s-product .list .cpar li{width: 100%;margin: 0;margin-bottom: 15px;}
.index-s-product .list .cpar li:nth-of-type(2),.index-s-product .list .cpar li:nth-of-type(3){width: 49%;}
.index-s-product .list .cpar li:nth-of-type(3){float: right;}
.index-s-product .list .cpar li img{width: 100%;}
.index-s-product .list .rpar{width: 100%;}
.index-s-product .list .rpar .l-cat{width: 100%;}
.index-s-product .list .rpar .img{width: 100%;height: auto;}

.footer{padding-top: 30px;}
.footer .list{padding: 0 15px;}
.footer .list li{width: 100%;padding-bottom: 15px;}
.footer .bq p{line-height: 22px;padding: 5px 15px;}

.here{padding: 0 15px;font-size: 14px;background: url(../img/here-ico.png) no-repeat 15px center;}

.product .list{padding: 0 15px;}
.product .list li{width: 50%;padding: 0 10px;height: auto;min-height: 300px;}
.product .list li p{font-size: 14px;}

.pges{width: 100%;text-align: center;float: left;}
.pges a{padding: 3px 10px;color: #b8b5b5;font-size: 16px;text-align: center;border-radius: 5px;background: #707070;margin: 0 3px;}
.pges a:hover{background: #1e1e1e;}
.pges a.on{background: #1e1e1e;}
.pges a img{vertical-align: initial;width: 22px;}
.pges a:nth-of-type(1){padding: 3px 10px;}
.pges a:nth-last-of-type(1){padding: 3px 10px;}
.pges a:nth-of-type(1):hover,.pges a:nth-last-of-type(1):hover{background: #707070;}

.goods-info{padding: 0 10px;}
.goods-info .p-img{display: none;}
.goods-info .m-img{display: block;}
.goods-info .img{width: 100%;padding-top: 15px;height: auto;}
.goods-info .img img{max-width: 100%;}
.goods-info .spc{width: 100%;height: auto;}
.goods-info .spc h1{font-size: 28px;padding-top: 30px;padding-bottom: 20px;}
.goods-info .spc .scl{padding-top: 15px;}
.goods-info .p-preview{display: none;}

.pic{max-width: 1200px;margin: auto;background:none;margin-bottom: 0px;position: relative;margin-top: 30px;height:auto;padding-bottom: 20px;}
.pic .bd{width: 100%;height: auto;padding: 0 10px;}
.pic .bd .swiper-slide{}
.pic .bd .swiper-slide img{max-width: 100%;}
.pic .bd a{height: auto;}
.pic .bd a img{height: auto;}
.pic .prve,.pic .next{display: none;}

.item-info{padding-left: 15px;padding-right: 15px;}

}

@media screen and (max-width: 320px){
	
}