@charset "utf-8";
/*=== 全站通用样式 ===*/
body {
    font-family: "Microsoft YaHei",Arial;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (min-width: 1143px) {
    .container {
        width: 1100px;
    }
}
@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;}
.pt30{padding-top:30px;}
.mt50{margin-top:50px;}
.mr15{margin-right:15px;}
/*=== 公共模块样式 ===*/
.d-flex {display: flex !important;}
.d-inline-block {display: inline-block !important;}
.d-block {display: block !important;}
.flex-wrap {flex-wrap: wrap !important;}
.justify-content-between {justify-content: space-between !important;}
.d-inline-flex {display: inline-flex !important;}
/*header*/
#header {
    background-color: #f8f8f8;
	/* border-bottom: 1px solid #ccc;
    box-shadow: 0 0 5px 1px #ccc; */
}
/* #header .navbar-header{max-width:250px;} */
 #header .container > .navbar-header a{max-width:95%;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;}
#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 .navbar-brand{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: 16px;
        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;}



/*=== 首页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-title-tip{
    font-size: 50px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
.index-title-tip:after{
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 72px;
    margin-left: -36px;
    background: #636363;
    content: "";
}
.index-n1{background:url('../images/bg.jpg') center top no-repeat cover;background-size: cover;padding:75px 0;}
.index-n1 .more{
  display: inline-block;
  background-color: #252525;
}
.index-n1 p {
	text-indent:2em;
	line-height: 28px;
	margin-top: 30px;
	margin-bottom: 25px;
	font-size: 16px;
	text-align: justify;
}

.index-n1 .more a{color: #ffffff;}
.index-n1 .more:hover{
  background-color: transparent;
}
.index-n1 .more a:hover{color: #252525;}

.index-n2 .ys .text{background-color: #F8F8F8;height:290px;padding: 5% 2% 0 2%;}
.index-n2 .ys .images{padding:0px;height:290px;}
.index-n2 .ys .images img{width:100%;height:100%;object-fit: cover;}
@media (max-width: 767px) {
	.index-n2 .ys .text:nth-child(1){float:right;}
	.index-n2 .ys .text:last-child{float:left;}
.index-n2 .ys .images:nth-child(7){float:right;}
}

.index-3{padding:60px 0px;}
.index-3 p,.index-4-p1{font-size:40px;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{height:100%;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;height:100%;max-height: 350px;}
@media (max-width: 767px) {
	.index-3-1 .index-3-list{height:150px;overflow:hidden;}
}
.index-3-list-outbox a{height:100%;display:block;width:100%;text-align: center;overflow:hidden; background: #FFF;}
.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:18px;color:#7a7a7a;text-align:center;}

.index-4-flist{cursor: pointer;}
.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: #e815154d;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;}

.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: #e815154d;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;}

.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:40px;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:75%;margin-left:15px;}
.form-control,.has-error .form-control{border:none;display: unset; border-color: #a94442;-webkit-box-shadow: none;}
.has-error .form-control{border-width:1px;border-style:solid;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
.index-7-text textarea{width:100%;border:1px solid #e9e9e9;line-height:20px;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;}
/* 面包屑 */
.position{line-height:60px; background-color: #f5f5f5;}

/* 内容 */
.contentbox{padding:10px 15px 30px;max-width:100%;}
.contentbox2 img{max-width:100%;}
.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 .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;
}