@charset "utf-8";
/*=== 全站通用样式 ===*/
body {
    font-family: "Microsoft YaHei",Arial;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (min-width: 1143px) {
    .container {
        width: 1100px;
        max-width: 100%;
    }
  #header .navbar-header .navbar-brand{float:right;}
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}
.img-responsive {
    margin-left: auto;
    margin-right: auto;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}
img{max-width:100%;}
.borderbottom{border-bottom:1px solid #cccccc;}
a, a:hover{text-decoration: none;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mr15{margin-right:15px;}
/*=== 公共模块样式 ===*/

/*header*/
#header {
    background-color: #f8f8f8;
	/* border-bottom: 1px solid #ccc;
    box-shadow: 0 0 5px 1px #ccc; */
}

 #header .container > .navbar-header a{float:left;animation: heightDecrease 0.5s ease forwards;}
 #header .navbar {
 	padding-top: 23px;
    padding-bottom: 23px;
    margin-bottom: 0;
	position: relative;
    min-height: 155px;
    border: 1px solid transparent;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    }

#header .collapse{margin-top: 20px;-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;}
#header.fixed_top .collapse{margin-top:0px;}
/* #header .navbar .navbar-brand{text-align:center;display:block;}
#header .navbar .navbar-brand img{max-width:80%;} */
#header .navbar .navbar-brand2{display:none;padding: 0px 15px;}

  
#header.fixed_top {   
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 11;
       
       border-bottom: 1px solid #ccc;
       box-shadow: 0 0 5px 1px #ccc;
   }
#header.fixed_top .navbar {
	min-height:60px;
    animation: heightDecrease 0.5s ease forwards;
}
/* #header.fixed_top .navbar .avbar-brand{display:none;} */
#header.fixed_top .navbar .navbar-left{display:none;}
#header.fixed_top .navbar .navbar-brand2{display:block;float:left;animation: heightDecrease 0.5s ease forwards;}
@keyframes heightDecrease {
    0% {
        padding-top: 23px;
        padding-bottom: 23px;
    }
    100% {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
 .navbar-brand {
        padding-top: 0px;
        padding-bottom: 10.5px;
    }
.navbar-nav>li>a {
        font-size: 14px;
        color: #333333;
        padding-left: 25px;
        padding-right: 25px;
    }
.navbar-nav>li.active>a {
        color: #ef4623;
    }
.navbar-toggle {
        border-color: #f2f2f2;
        background-color: #f2f2f2;
    }
.navbar-toggle .icon-bar {
        background-color: #333333;
    }
    
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@media (max-width: 767px) {
	.nav.navbar-nav.pull-right {
        float: left !important;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-nav>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.navbar-nav li .sub{
	min-height:85px;
	width:150px;
	overflow: hidden;
	position: absolute;
	margin-left:-30px;
	display:none;
	z-index:99;
	padding:23px 0px;
	line-height:40px;	
	background:rgba(255, 255, 255, 0.8) none repeat scroll !important;
}
.navbar-nav li .sub li{margin:0;text-align: center;width: 100%;}
.navbar-nav li .sub li a{display: block;}
.navbar-nav li .sub li a:hover{background:#eee;color: #ef4623;display: block;}

.@media (max-width:768px) {
	.top-search{display:none;}
}

/*=== 首页banner样式 ===*/
#bannergd{height:800px; position:relative;}
.padding_top #bannergd{margin-top:170px;}
#bannergd li{ height: 800px; overflow: hidden; position: absolute; width: 100%; background-repeat:no-repeat;background-position:center center;background-size:cover;}
#bannergd .btn{position:absolute;width:100%;height:30px;bottom:10px;text-align:center;z-index:8; margin-bottom:0;}
#bannergd .btn span{display:inline-block;_display:inline;_zoom:1;width:14px;height:14px;_font-size:0;margin:5px 10px;cursor:pointer;background:#dfdfdf;z-index:8; border-radius:50%}
#bannergd .btn span.on{background:#cb5757;z-index:9}
#bannergd .preNext{width:44px;height:44px;position:absolute;top:310px;background:url(../images/dundongjt.png) no-repeat left bottom;cursor:pointer;z-index:8; opacity:0;transition: all 0.3s linear 0s;}
#bannergd .pre{left:0%; z-index:9;}
#bannergd .next{right:0%;background-position:right bottom;z-index:9;}
#bannergd:hover .preNext{opacity:0.5;}
#bannergd:hover .pre{left:10%; }
#bannergd:hover .next{right:10%;}
#bannergd .pre:hover,#bannergd .next:hover{opacity:1;}
@media (max-width: 1024px) {
	#bannergd{height:600px; position:relative; max-width:100%;}
	#bannergd li{ height: 600px; overflow: hidden; position: absolute;  max-width:100%;background-size:cover;}

}
@media (max-width: 768px) {
	#bannergd{height:300px; position:relative; max-width:100%;}
	#bannergd li{ height: 300px; overflow: hidden; position: absolute;  max-width:100%;background-size:cover;}

}
@media (max-width: 414px) {
	#bannergd{height:250px; position:relative; max-width:100%;}
	#bannergd li{ height: 220px; overflow: hidden; position: absolute;  max-width:100%;background-size:cover;}

}


.index-1{background:#ececec;border-top:1px solid #b1b1b1;padding:40px 0px;}
.index-1 img{display: table;text-align:center; margin:0 auto 20px;}
.index-1 p{text-align:center;color:#ff0000;margin-bottom:8px;font-size:12px;}

.index-2{padding-top:320px;}
.index-2 .i-2-i{height:310px;background:#e80010;}
.index-2 .i-2-i-img{text-align:center;max-width:100%;}
.index-2 .i-2-i-img img{margin-top:-300px;}
@media (max-width: 767px) {
	.index-2{padding-top:120px;}
	.index-2 .i-2-i{height:150px;}
	.index-2 .i-2-i-img img{margin-top:-100px;}
}

.index-3{padding:60px 0px;}
.index-3 p,.index-4-p1{font-size:24px;color:#7a7a7a;margin-top:10px;}

.index-3-1{background:url(../images/index-p-bg.png) top center no-repeat;padding:25px 0px;}
.index-3-1 .index-3-list{padding-left:5px;padding-right:5px;margin-top:10px;}
.index-3-1 .index-3-list .index-3-list-outbox{border:5px solid #121214;    position: relative;max-height:350px;overflow: hidden;}
.index-3-1 .index-3-list .index-3-list-outbox img{object-fit: cover;max-height: 350px;}
@media (max-width: 768px) {
	.index-3-1 .index-3-list{overflow:hidden;}
}
.index-3-list-outbox a{display:block;max-width:100%;overflow:hidden;background: #FFF;text-align: center;}
.index-3-1 .index-3-list .index-3-list-outbox .ptitle{position:absolute;bottom:0px;background:rgba(49,44,45,0.5);width:100%;height:50px;line-height:25px;text-align:center;color:#FFF;}
.index-3-1 .index-3-list .index-3-list-outbox .ptitle p{margin-bottom:0px;     overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.more{margin: 0 auto;width:260px;max-width:90%;height:40px;font-size:14px;text-align:center;line-height:40px;border:1px solid #49494b;border-radius:30px;background:#FFF}
.more a{color:#121214;}

.index-3-1 .more{margin-top:25px;}
.index-4 .content{text-indent:2em;font-size:16px;color:#7a7a7a;text-align:center;}

.index-4-flist{cursor: pointer;margin-top:15px;}
.index-4-flist .ptitle{position:absolute; display:none; justify-content: center;  align-items: center;text-align: center; width: 100%; height: 100%;left: 0px;right: 0px;padding: 0px 15px;}
.index-4-flist .ptitle .box{display: table;background-color: rgba(216,18,18,0.4);color:#FFF;width: 100%; height: 100%;}
.index-4-flist .ptitle .box p{ font-size: 18px;vertical-align: middle;display: table-cell;margin-bottom:0px;}
.index-4-flist:hover> .ptitle{display: flex;}
@media (max-width:768px) {
	.index-4-flist .ptitle{display: block;height:50px;}
	.index-4-flist .ptitle .box{background-color: rgba(0,0,0,0.2);}
}

.index-5{background:#faf9f9;padding:30px;}
.index-5-1{width:100%; padding-right: 10px;background:#faf9f9;}
.index-5-list{padding:0px 0px 20%;height:100%;margin-bottom:10px;overflow: hidden;}
.index-5-list-outbox{position: absolute;width:100%;height:100%;}
.index-5-list-outbox img{width:100%;height:100%;object-fit: cover;}
.index-5-list-outbox .ptitle{position:absolute;background-color: rgba(216,18,18,0.4);color:#FFF; display:none; justify-content: center;  align-items: center;text-align: center; width: 100%; height: 100%;}
.index-5-list-outbox a:hover> .ptitle{display: flex;}
@media (max-width:768px) {
	.index-5-list-outbox .ptitle{display: block;height:40px;padding:5px;bottom: 0px;font-size: 12px;background-color: rgba(0,0,0,0.4);}
	.index-5-list-outbox .ptitle p{margin-bottom:0px;}
}

.index-6{background:#f8f7f7;padding-bottom:50px;}
.index-6 .i-6-tip{text-align:center;conor:#333333}
.index-6 .i-6-tip p{font-size:24px;margin-top:60px;}
.index-6 .i-6-tip p:after{content:"";height:1px;width:45px;background:#a9a5a5;margin: 10px auto 0px;display: block;}
.index-6 .shop-list{margin-top:10px;margin-bottom:80px;}
.index-6 .shop-list li{max-height:80px;margin-top:10px;}
.index-6 .shop-list li a{ max-height: 80px;overflow: hidden;border:3px solid #413e393d; display: block;}
.index-6 .shop-list li a img{height: 80px;object-fit: fill;width: 100%;}

.index-7-top p{font-size:24px;margin-top:40px;}
.index-7-input li, .index-7-yzm{color:#808080;font-size:14px;line-height:38px;border:1px solid #e9e9e9;margin-top:10px;padding-left:10px;}
.index-7-input li input{width:85%;margin-left:15px;border:none;}
.index-7-text textarea{width:100%;border:1px solid #e9e9e9;line-height:24px;margin-top:10px;}
.index-7-yzm input{border:none;}
.index-7-yzm img{margin-left:5px;}
.index-7-tip{line-height:38px;}
.index-7-tip:before{content:"";width:4px;height:20px;background:#42a4ff;margin-top:20px; display: block;  float: left; margin-top: 9px; margin-right: 5px;}
.index-7-button{margin-top:10px;line-height:38px;display:block;width:160px;float:right;}
.index-7-button .btnbig{background:#42a4ff;color:#fff;border:none;width: 100%;}
.index-8{background:#f3f3f3;margin-top:40px;padding-top:40px;padding-bottom:25px;}
.index-8-tip{font-size:20px;color:#333333;border-bottom:1px solid #fff;line-height:36px;}
.index-8-tip span{font-size:12px;color:#f7bda9;}
.index-8 ul li{margin-top:10px;}


/* 公共底部 */
.footer{background:url(../images/bottom-bg.jpg) left top repeat;width:100%;}
.footer .b-t{font-size:18px;margin-top:50px;color: #FFF;}
.footer ul li{line-height:36px;}
.footer ul li a{color:#FFF;}
.footer .f-p-r{margin-top:50px;line-height:60px;font-size:26px;color:#FFF;}
.footer .f-p-r-tel{line-height:40px;font-size:26px;color:#FFF;}
.f-p-wechat{padding-top:50px;}
.bottom{text-align:center;line-height:55px;background:#1d1d1d;border-top:1px solid #2c2c2c;overflow:hidden;color:#f4e3ca;}
.bottom a{color:#f4e3ca;}
#scrollUp {
	bottom: 100px;
	right: 10px;
	height: 50px;
	line-height:50px;
	width: 50px;
	 text-align: center;	
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background:#1d1d1d;
	color:#fff;
}
#scrollUp:before {
    content: "\e260";
}

#topbanner {text-align:center;max-height:400px;}
#topbanner img{text-align:center;margin:0 auto;}
.padding_top #topbanner{margin-top:170px;}
/* 面包屑 */
.position{line-height:60px;border-bottom:1px solid #ddd;}
/* 内容 */
.contentbox{padding:10px 15px 30px;}
.contentbox h1{font-size:30px;text-align:center;}
.contentbox .ctime{text-align:center;margin-bottom:30px;}

.classlist{line-height:40px;font-weight: 400;font-size: 16px;padding:20px 0px 10px;}
.classlist a{position:relative;margin:0 20px;display:inline-block;vertical-align:top;text-align:center;color:#666;-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s;float: left;}
.classlist a:hover, .classlist .active {color: #d81212;}
.classlist a:after{content:'';position:absolute;top:50%;right:-20px;margin-top:-10px;width:1px;height:16px;background-color:#666;-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}
.classlist a:last-of-type:after{display:none}

#classlist.fixed_class{
	position: fixed;
    z-index: 10;
    top: 80px;
    right: 0;
    left: 0;
    margin: 0 auto;
	background-color: rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.25);
	border-bottom: 1px solid rgba(0,0,0,.25);
    box-shadow: 0 0 5px 1 rgba(0,0,0,.25);
}
#classlist2{max-width: 1100px;margin-right: auto;margin-left: auto;}

/* 商城自定义首页 */
.scindex-bg{background:url(../images/scindexbg.jpg) center -100px no-repeat;}
.sc-list{margin-top:80px;padding-bottom:80px;}
.sc-list .wow{margin-top:10px;}
.sc-list .wow .text-center{font-size:16px;color:#333;line-height:50px;}
/*图片列表*/
.list_img {margin-top:15px;}
.list_img img{height:240px; object-fit: cover;}

.article_img_list{border: 1px solid #e5e5e5;
    display: inline-block;
    width: 100%;
    margin-bottom: 48px;}
.article_img_list a, .list-text a{color:#666666}
.article_img_list .imgbox{padding-left:0px;}
.article_img_list img{height:200px;width:95%;margin:15px 50px 15px 0px;object-fit: contain;    background:#efecec85;}
.list-text {
    margin-bottom: 30px;
    background: #f5f5f5;
    min-height: 120px;
}
.list-text a{display:block;}
.list-text .time{width:140px; text-align: center;padding-top:20px;}
.list-text .time .time-d{font-size:32px;line-height:40px;}
.list-text .time .time-y-m{font-size:16px;}

.list-text2 h4{font-size:18px;line-height:50px;}
.list-text2 .l-t-box{width: 800px;max-width: 100%;    float: left;}
.list-text2 .v-box{float:right;height:100%; }
@media (max-width: 768px){
	.article_img_list img{
		height: 300px;
		object-fit: contain;
	}
}
.v-box {
    float: right;
    height: 100%;
}
.v-box .sv {
    display: table-cell;
    height: 120px;
    vertical-align: middle;
}
.view {
    padding: 0px 25px;
    line-height: 35px;
    background: #2089f6;
    color: #fff;
	display:inline-block;
}
.view2 {
    padding: 0px 25px;
    line-height: 35px;
    background: #f62020;
    color: #fff;
	display:inline-block;
}

.pagination.tc{text-align:center;margin:30px auto; display: table;}
.pagination>.c, .pagination>.c:focus, .pagination>.c:hover{
	margin-left: 0;
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    border: 1px solid #ddd;
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.caption h3{font-size:16px;max-width:100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-p-img{max-width: 450px; float: left;}
.article_img_list .list-p-img ul{margin-bottom:10px;}
.article_img_list .list-p-img li{height:100px;padding: 5px;}
.article_img_list .list-p-img li img{max-height:100%;max-width:100px; display: table;margin: 0px;width: 100%;}
.article_img_list i{margin-right:3px;}
.article_img_list .caption .view2{position: relative;}
.article_img_list .caption .view a,.article_img_list .caption .view2 a{color:#FFF;}
.view2:hover .pro_showgoumai {
    position: absolute;
    display: block;
    color: #333;
	z-index: 999;
}

.view2 .pro_showgoumai {
    border-bottom: #ff4357 1px solid;
    position: absolute;
    text-align: left;
    border-left: #ff4357 1px solid;
    padding-bottom: 20px;
    padding-left: 20px;
    width: 300px;
    padding-right: 20px;
    display: none;
    background: #fff;
    height: 216px;
    border-top: #ff4357 1px solid;
    top: 30px;
    border-right: #ff4357 1px solid;
    padding-top: 20px;
    right: 0px;
    transition: all .3s ease-out 0s
}
.view2 .pro_showgoumai P.pro_2wm {
    border-bottom: #ccc 1px dotted;
    display: block;
    height: 75px;
}
.view2 .pro_showgoumai span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold
}
.view2 .pro_showgoumai img {
    width: 80px;
    height: 72px;
	margin: 0px;
	object-fit: contain;
}


/* 产品详情页 */
.product-imgbox{width:350px;margin-right:50px;float: left;max-width:100%;position:relative;margin-top:20px;}
/*图片放大镜样式*/
.jqzoom{width:350px;height:350px;float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.product-imgbox .jqzoom img{width:350px;height:350px; }
#zoomimg{max-width: none;}
/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.product-dsc{width: 600px;max-width: 100%;margin-left:15px;margin-right:15px;float: left;}
.product-dsc .desc{background:#dddddd59;display:block;line-height:24px;padding:10px 15px;}
.product-dsc .desc p{margin-bottom:5px;}
.buylist {position:relative;margin-top:20px;}
.buylist .pro_showgoumai{left:0px;right:auto;}
.buylist a{color:#FFF;}
.product-body{margin-top:20px;}
.p-b-tip{line-height:30px;border-bottom:1px solid #ddd;margin-bottom:30px;font-size:16px;    font-weight: bold;}