.banner-img{ width:100%;}
#top{ position:fixed; top:0; width:100%; z-index:9999; background:rgba(0,0,0,0.8);
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Chrome 10-25, Safari 5.1-6 */ 
background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */      
}
.dropdown-menu{ font-size:14px; margin-top:0;}
.top-navbar{ min-height: 90px;}
.top-navbar .navbar-toggler { margin-right: 38px; margin-top: 20px;}
.top-brand{ position: absolute; left: 0; z-index: 1; padding: 0;}
.top-cart{ position: absolute; margin-top:10px; right: 5px; z-index: 1; padding: 0; border-radius:50%; width:28px; height:28px; background:#b51d23; text-align:center; padding:3px;}
.top-cart i{ color:#ffffff;}

.top-navbar .navbar-collapse { padding-left: 220px; padding-top: 15px; padding-right: 30px;}

.top-navbar .navbar-nav .nav-link {
    color: #ffffff;
	position: relative;
	padding-right: 1rem;
	padding-left: 1rem;
	text-transform: uppercase;
}
.top-navbar .navbar-nav .show .nav-link {color: #d71518; font-weight: bolder;}
.top-navbar .navbar-nav .dropdown-toggle::after{ display:none;}
.top-navbar .navbar-nav .nav-link:focus, .top-navbar .navbar-nav .nav-link:hover,.top-navbar .navbar-nav .show .nav-link:focus, .top-navbar .navbar-nav .show .nav-link:hover{
    color: #d71518;
	font-weight: bolder;
}
.top-navbar .navbar-nav .nav-link:focus:before, .top-navbar .navbar-nav .nav-link:hover:before, .top-navbar .navbar-nav .show .nav-link:before, .top-navbar .navbar-nav .show .nav-link:before  {
    width: 100%;
}

.top-navbar .navbar-nav .dropdown-menu{ font-size:14px;}
.top-navbar .navbar-nav .dropdown-menu .dropdown-item.active,.top-navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #d71518;
}


.top-language{ margin-left:10px; margin-top:10px; }
.top-language .language-btn{ font-size:14px; position:relative; padding:0; color: #fff;}
.top-language .language-btn::before{ position:absolute; content:""; bottom:0; z-index:-1; width:100%; height:3px; background:#e91c2c;}
.top-language .language-btn::after{ display:none;}


.top-navbar .top-language .dropdown-menu .dropdown-item.active,.top-navbar .top-language .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #c5181b;
}

/*下箭头*/

.bottom {
display:inline-block;
margin-left:5px;
width: 7px;
height: 8px;
position:relative;
left: 0;
top: 0;
z-index: 2;
/*兼容ie8-*/
}

.bottom-arrow1,
.bottom-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
/*兼容ie8-*/
border-bottom: 4px transparent dashed;
border-left: 4px transparent dashed;
border-right: 4px transparent dashed;
border-top: 4px white solid;
overflow: hidden;
}

.bottom-arrow1 {
top: 1px;
/*重要*/
border-top: 4px #333333 solid;
}

.bottom-arrow2 {
border-top: 4px white solid;
}

.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-light .navbar-toggler{border-color: rgba(255,255,255,.6);}
.navbar-light .navbar-toggler:focus{ outline:none;}
#banner .swiper-slide{ position:relative;}
.banner-1{position:relative; }
.banner-1-con{position:absolute; z-index:99; top:0; bottom:0; width:100%; text-align:center;
	  display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.banner-1-con i.banner-1-icon{position:relative; display:inline-block;}
i.banner-1-icon img{position:relative; z-index:1;}
.banner-pagination .swiper-pagination-bullet {
    width: 3px;
    height: 20px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}
.banner-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b51d23;
	height: 34px;
}
.swiper-container-horizontal>.banner-pagination  .swiper-pagination-bullet {
    margin: 0 6px;
}
.banner-thumbs .swiper-slide{ background:#111111;}
.banner-thumbs .swiper-slide img{ opacity:0.3;}
.banner-thumbs .swiper-slide-thumb-active img{ opacity:1;}

#index-about{ margin-top:66px;}

.index-about-title{ font-family:"Humnst"; text-align:center; text-transform: uppercase; max-width:455px; margin:auto;}
.index-about-title p{ font-size:12px;}
.index-about-title h1{ font-size:26px; font-family:"HumnstBT"; color:#111111; margin-top:10px; margin-bottom:16px;}

.index-about-p{ max-width:760px; margin:auto; text-align:center; line-height:22px;}

.index-about-video{ width:80%; margin:auto; max-width:1500px; margin-top:30px;}
#index-pro{ margin-top:100px;}
.index-pro-bg{ background:url(../images/index-pro-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; min-height:460px;}
.index-pro-con{ width:80%; margin-left:auto; margin-right:auto; max-width:1500px;  margin-top:-200px; overflow:hidden;}
.index-pro-conner{ margin-left:-15px; margin-right:-15px;}
.serise-items{ float:left; width:33.3%; padding:15px;}
.serise-items a{ display:block; position:relative; overflow:hidden;}
.serise-items a img{-webkit-transition:0.4s; transition:0.4s;}

.serise-items a:after, .serise-items a:before {
    box-sizing: border-box;
    border: 6px solid transparent;
    width: 0;
    height: 0;
	content: '';
    display: block;
    position: absolute;
	z-index:1;
}
.serise-items a:before {
    bottom: 0;
    right: 0;
    -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}

.serise-items a:after {
    top: 0;
    left: 0;
    -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}

.serise-items a:hover:before,.serise-items-all a:before {
	width: 100%;
    height: 100%;
    border-bottom-color: #b51d23;
    border-left-color: #b51d23;
    -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.serise-items a:hover:after,.serise-items-all a:after {
	width: 100%;
    height: 100%;
    border-top-color: #b51d23;
    border-right-color: #b51d23;
    -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.serise-items a:hover .serise-items-con,.serise-items-all a .serise-items-con{opacity:1; z-index:0;}
.serise-items a:hover img{
	transform:scale(1.1);
            -webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:scale(1.1); 
			}
.serise-items-con{ opacity:0; z-index:-1;font-size:16px; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.6); color:#ffffff;/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}
.serise-items-conner{ text-align:center;}	  
.serise-items-conner i{ font-size:26px; margin-bottom:20px;}

#index-ys{ margin-top:100px; background:url(../images/index-ys-bg.jpg) 60% center no-repeat #f4f4f4; background-size:cover;  background-attachment: fixed;}

.index-ys-container{ padding-top:68px; padding-bottom:28px;}
.index-container-title{ text-align:center;}
.index-container-title h1{ font-weight:bolder; min-width:350px; font-size:30px; line-height:30px; padding:0 20px; color:#111111; display:inline-block; border-left:3px solid #b51d23; border-right:3px solid #b51d23;}

.index-ys-con{ margin-top:50px;}
.index-ys-num{ width:28%; float:left;}
.index-ys-conner{ width:68%; float:right;}
.ys-num{ display:inline-block; color:#111111; text-align:left; padding-bottom:30px;}

.ys-num .num{ font-size:58px; font-weight:900; color:#b51d23; line-height:58px;}
.ys-num .num sup{ font-size:26px;}

.ys-num-2{ text-align:right;}

.ys-items{ display:inline-block; width:49%; padding-left:30px; vertical-align:top; margin-bottom:50px;}
.ys-items-name{ font-size:16px; font-weight:bolder; color:#111111; margin-bottom:10px;}
.ys-items-name i{  color:#b51d23; margin-right:10px;}

#index-news{ margin-top:70px;}
.index-news-con{ margin-left:-15px; padding-right:-15px; margin-top:10px;}
.index-news-item{ float:left; width:33.3%; padding:15px;}
.index-news-ban{ position:relative;}
.index-news-ban .index-news-title{ position:absolute; left:0; bottom:0; background:#b51d23; color:#ffffff; padding:3px 15px; text-transform:uppercase; min-width:160px; text-align:center;}

.index-news-list{ margin-top:5px;}
.index-news-list ul li{ list-style:none; border-bottom:1px solid #ececec; position:relative; padding-top:15px; padding-bottom:10px;}
.index-news-list ul li a{ padding-left:20px; display:block; position:relative;}
.index-news-list ul li a:before{ content:""; width:5px; height:5px; border-radius:50%; background:#333333; position:absolute; left:0; top:10px;}
.index-news-list ul li a .index-news-name{ font-weight:bolder; font-size:16px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.index-news-list ul li a .index-news-time{ overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.index-news-list ul li a .index-faq-a p{display: inline;}

.index-news-list ul li a:hover{ text-decoration:none; color:#333333;}
.index-news-list ul li a:hover .index-news-name{ color:#b51d23; }
.index-news-list ul li a:hover:before{ background:#b51d23;}

.index-faq-list ul li a{ padding-left:0; }
.index-faq-list ul li a:before{ display:none; }
.index-faq-q span,.index-faq-a span{ margin-right:10px; font-size:16px;}
.index-faq-q span{ color:#b51d23;}
.index-faq-a span{ color:#333333; font-weight:bolder;}

#index-foot-contact{margin-top:90px; position:relative; background:#b51d23;}
.foot-contact-img{ position:absolute; left:0; right:50%; top:0; bottom:0; background:url(../images/foot-contact-img.jpg) no-repeat; background-size:cover;}
.foot-contact-con{ width:50%; float:right;}

.foot-contact-con{ color:#ffffff; padding:60px 0 60px 60px;}
.foot-contact-title h1{ font-size:46px; font-family:"HumnstBT"; font-weight:unset; margin-bottom:10px; }
.foot-contact-form{ margin-top:20px;}
.foot-contact {
    height: 56px;
    line-height: 56px;
	border-radius:3px;
    transition: width .5s;
    position: relative;
	max-width:450px;
}
.foot-contact input {
    appearance: none;
    outline: none;
    border: 0;
	width: 100%;
    height: 56px;
	border-radius:0px;
    line-height: 56px;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.78);
    color: #333333;
	font-size: 16px;
    padding-left: 20px;
    vertical-align: middle;
}
.submit-ico {
    color: #e2261f;
    font-size: 36px;
    vertical-align: middle;
    position: absolute;
    top: 12px;
    right: 15px;
	cursor: pointer;
}

.foot-con{ background:#000000; color:#ffffff; padding-top:60px; padding-bottom:80px;}
.foot-con a{color:#ffffff;}
.foot-con a:hover{color:#b91d24; text-decoration:none;}
.foot-nav{ margin-top:56px;}
.foot-nav-con{ float:left; width:calc(100% - 250px);}
.foot-nav-contact{ float:right; width:200px;}
.foot-nav-item{ float:left; width:25%; padding-right:0px;}
.foot-nav-pro{ width:40%;}
.foot-nav-title{ font-size:16px; text-transform:uppercase; font-weight:bolder; margin-bottom:6px;}
.foot-nav-conner ul li{ list-style:none; margin-bottom:3px;}

.foot-nav-contact-tel{  font-weight:bolder; font-size:16px; border:1px solid #ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-align:center; line-height:22px; padding:15px 5px;}
.foot-nav-contact-tel h4{ font-size:16px; font-weight:bolder; }
.foot-nav-contact-worktime{ font-size:16px; margin-top:20px;}

.foot-nav-contact-link{ margin-top:20px;}
.foot-nav-contact-link ul li{ list-style:none; display:inline-block; margin-right:15px;}
.foot-nav-contact-link ul li a{ font-size:22px;}

.foot-cipyright-container{ padding-top:15px; padding-bottom:15px;}

#banner-img{ overflow:hidden;}
.banner-img-con{ background-size:cover;}

.container-title h1{ font-size:46px; margin-bottom:20px; font-family:"HumnstLt";}
.about-container{ max-width:780px;}

#about{ background:url(../images/about-bg.jpg) center bottom no-repeat; background-size:cover; padding-bottom:340px; padding-top:90px;}
.about-ys{ margin-top:0 !important;}

#about-factory{ margin-top:60px; margin-bottom:120px;}
.about-factory-container{width:80%; margin:auto; max-width:1500px;}
.about-factory-title{ text-align:center;}

.about-factory-gallery{ margin-top:36px;}
/*列表布局*/
.gallery{
  display: flex;
  flex-wrap: wrap;
   &::after {//处理最后一行
      content: '';
      flex-grow: 999999999;
    }
}

.gallery div{
  flex-grow: 1;
  margin:5px;
  background-color: violet;
  height:300px;
}
.gallery img{
  height:300px;
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
}
/*结束*/

.about-factory-viewall{ text-align:center; margin-top:36px;}
.factory-viewall{cursor:pointer; display:inline-block; background:#e7e7e7; padding:10px 20px; min-width:150px; text-align:center;}

#contact{ padding-bottom:120px; padding-top:90px;}

.contact-employees{ margin-top:36px;}
/*
.employees-items{ display:inline-block; max-width:40%; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); margin-right:30px; margin-bottom:30px;}
*/
.employees-items{ width:33.3%; padding-right:15px; padding-bottom:15px; float:left;}
.employees-items-con{ box-shadow:0 0 15px 0 rgba(0,0,0,0.3);}
.employees-p h4{font-weight:600; font-size:20px;}
.employees-p{ text-align:center; padding:15px 5px;}

#contact-feedback{position:relative; background:url(../images/contact-feedback-bg.jpg) no-repeat; background-size:cover;}
.feedback-img{ position:absolute; left:0; right:50%; top:0; bottom:0; background:url(../images/contact-feedback-img.jpg) no-repeat; background-size:cover;}
.feedback-con{ width:50%; float:right; padding:60px 0 60px 60px;}

input.form-control::-webkit-input-placeholder{
	color:#333333;
}
input.form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#333333;
}
input.form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#333333;
}
input.form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#333333;
}
.feedback-con .form-control{ font-size:14px; color:#333333; background:none; border-color:#333333; border-radius:0; height:44px; line-height:44px;}
.feedback-con .form-control:focus{box-shadow:none; background:rgba(255,255,255,0.89);}
.feedback-con .form-control-textarea{ height:auto; width:100%;}
.feedback-btn{ width:100%; border:none; border-radius:0; background:#000000; font-size:14px; padding:10px 15px;}
.feedback-btn:focus,.feedback-btn:active,.feedback-btn:active:focus{ background:#b51d23 !important;border: none;box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.9) !important;}
.feedback-btn:hover{ background:#b51d23;}

.jobs-items{ margin-top:36px;}

.faq-item{ margin-bottom:50px;}
.faq-item .faq-item-name{ font-size:20px; font-family:"HumnstBT"; text-transform:uppercase; margin-bottom:10px;}

.container-title{ position:relative;}
.news-serise{position:absolute; right:0; top:12px;}
.news-serise ul li{ display:inline-block;}
.news-serise ul li a{ display:block; padding:5px 30px; border:1px solid transparent; color:#333333; position:relative;}
.news-serise ul li a.cur{ border-color:#333333;  color:#333;}
.news-serise ul li a:hover{ text-decoration:none; border-color:transparent; }

.news-serise ul li a:after, .news-serise ul li a:before {
    box-sizing: border-box;
    border: 1px solid transparent;
    width: 0;
    height: 0;
	content: '';
    display: block;
    position: absolute;
	z-index:1;
}
.news-serise ul li a:before {
    bottom: 0;
    right: 0;
    -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}

.news-serise ul li a:after {
    top: 0;
    left: 0;
    -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}

.news-serise ul li a:hover:before{
	width: 100%;
    height: 100%;
    border-bottom-color: #333;
    border-left-color: #333;
    -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.news-serise ul li a:hover:after{
	width: 100%;
    height: 100%;
    border-top-color: #333;
    border-right-color: #333;
    -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}

.news-item{ border-bottom: 1px solid #ececec; position:relative; margin-bottom:60px;}
.news-item:after{ content:""; display:block; border-bottom:3px solid #b51d23; width:0; position:absolute; bottom:-1px; left:0;
-webkit-transition: width 0.5s ease-out 0.2s;
    transition: width 0.5s ease-out 0.2s;}
.news-item:hover:after{  width:100%;
	-webkit-transition: width 0.5s ease-out 0.2s;
    transition: width 0.5s ease-out 0.2s;}
.news-item a{ color:#333333; padding-bottom:60px; display:block;}
.news-item a:hover{ text-decoration:none;}
.news-item-img{width:40%; float:left;}
.news-item-img-con{ position:relative; overflow:hidden;}
.news-item-img-con img{	
	transform:scale(1);
	-webkit-transform:scale(1);  /*兼容-webkit-引擎浏览器*/
	-moz-transform:scale(1);
	-webkit-transition: 0.5s ease-out 0.2s;
    transition: 0.5s ease-out 0.2s;}
.news-item-serise{ position:absolute; right:0; bottom:0; background:#b51d23; color:#ffffff; text-transform:uppercase; padding:5px 15px; min-width:160px; text-align:center;}
.news-item-right{width:60%; float:right; padding:10px 0 0px 60px;}
.news-item-right-con{ position:relative;}
.news-item-name{ position:relative; font-size:20px; font-weight:bolder;}
.news-item-name:before{ content:""; width:5px; height:5px; border-radius:50%; background:#333333; position:absolute; left:-20px; top:10px;}
.news-item-jj{ margin-top:15px;}
.news-item-time{ margin-top:20px;}

.news-item-readmore{ position:relative; display:inline-block; padding:5px 30px; border:1px solid #333333;float:right; margin-top:36px;}
.news-item a:hover .news-item-readmore{ background:#b51d23; color:#ffffff; border-color:#b51d23;}
.news-item a:hover .news-item-img-con img{
	transform:scale(1.1);
            -webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:scale(1.1);  
			}
.news-item a:hover .news-item-name{ color:#111111;}
.news-item a:hover .news-item-name:before{ background:#111111;}

.news-view-contain{ border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-top:30px; padding:30px 0;}

.news-view-title a{ color:#333333;}
.news-view-title a:hover{ text-decoration:none; color:#b51d23;}

.news-view-more{ margin-top:36px;}
.news-view-more-pre,.news-view-more-next{ padding-left:70px; position:relative;}
.news-view-more-pre a,.news-view-more-next a{ color:#333333;}
.news-view-more-pre a:hover,.news-view-more-next a:hover{ color:#b51d23; text-decoration:none;}
.news-view-more-pre span,.news-view-more-next span{ font-size:16px; font-weight:bolder; margin-right:10px; position:absolute; left:0; display:inline-block;}

#products{ background:#f9f9f9; border-top:1px solid #eeeeee; padding-top: 60px; padding-bottom:120px;}

.products-serise-container{ padding-top:40px; padding-bottom:40px;}
.pro-serice-container .swiper-slide {width: auto !important;}

.pro-serice-container .swiper-slide a{ display:block; padding:5px; border:1px solid transparent; color:#333333; position:relative;}  
.pro-serice-container .swiper-slide a.cur{ border-color:#333333;  color:#333;}
.pro-serice-container .swiper-slide a:hover{ text-decoration:none; border-color:transparent; }

.pro-serice-container .swiper-slide a:after, .pro-serice-container .swiper-slide a:before {
    box-sizing: border-box;
    border: 1px solid transparent;
    width: 0;
    height: 0;
	content: '';
    display: block;
    position: absolute;
	z-index:1;
}
.pro-serice-container .swiper-slide a:before {
    bottom: 0;
    right: 0;
    -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}

.pro-serice-container .swiper-slide a:after {
    top: 0;
    left: 0;
    -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}

.pro-serice-container .swiper-slide a:hover:before{
	width: 100%;
    height: 100%;
    border-bottom-color: #333;
    border-left-color: #333;
    -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.pro-serice-container .swiper-slide a:hover:after{
	width: 100%;
    height: 100%;
    border-top-color: #333;
    border-right-color: #333;
    -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}

.products-list{ margin-left:-15px; margin-right:-15px;}
.products-item{ width:33.3%; float:left; padding:15px;}
.products-item a{ display:block; color:#333333;}
.products-item a:hover{ text-decoration:none; color:#111111;}
.products-item a .products-item-img{ overflow:hidden; position:relative;}
.products-item a .products-item-img .img-hover{ position:absolute; left:0; top:0; opacity:0; z-index:-1; width:100%;}
.products-item a:hover .products-item-img .img-hover{opacity:1; z-index:1;}
.products-item a .products-item-img img{
	transform:scale(1);
	-webkit-transform:scale(1);  /*兼容-webkit-引擎浏览器*/
	-moz-transform:scale(1);
	-webkit-transition: 0.5s ease-out 0.2s;
    transition: 0.5s ease-out 0.2s;}
.products-item a:hover .products-item-img img{ 	
			transform:scale(1.1);
            -webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:scale(1.1);  }
.products-item a .products-item-name{ margin-top:10px;}
.products-item a .products-item-name .products-item-jj{ margin-top:10px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:12px; padding:5px 0; min-height: 60px;}

.swiper-btns{ text-align:center; width:100%; position:relative; z-index:999; }
.swiper-btns .swiper-btn{ border-radius:50%; width:36px; height:36px; color:#ffffff; background:#b12127; padding: 3px 12px; font-size:28px; cursor:pointer; display:inline-block;}
.swiper-btns .swiper-btn:focus{ outline:none;}

.products-view-ban{ max-height:420px;}
.pro-view-container .pro-view-left{ width:48%; float:left;}
.pro-view-container .pro-view-right{width:48%; float:right;}
.pro-view-container .pro-img{text-align:center;}
.pro-view-container .pro-title{font-size:26px; font-family:"HumnstBt";color:#111111;padding-bottom:20px;border-bottom:1px solid #e1e1e1;margin-bottom:20px;}
.pro-view-container .pro-view-jj{ min-height:200px;}
.pro-view-container .pro-back{}
.pro-view-container .pro-back a{ display:inline-block; font-size:16px; color:#111111; border:1px solid #111111; padding:6px 15px; margin-right:10px; min-width:140px; text-align:center;}
.pro-view-container .pro-back a.btn-contact{background:#111111; color:#ffffff; cursor:pointer;}
.pro-view-container .pro-back a.btn-back i{ margin-right:10px; }
.pro-view-container .pro-back a:hover{background:#111111; color:#ffffff; text-decoration:none;}

.pro-view-img{ max-width:768px; margin:auto;position: relative;}
.gallery-top{ border:1px solid #eeeeee;}
.gallery-top .swiper-slide{ text-align:center; background:#ffffff;}
.gallery-thumbs {
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
  border:1px solid #eeeeee;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border-color: #b12127;
}

.pro-view-btns{ position:absolute; top:36%; opacity:0;width: 100%;left: 0;}
.pro-view-btns .swiper-btn{ position:absolute;}
.pro-view-img:hover .swiper-btns{opacity:1;}
.pro-view-img:hover .swiper-btns .swiper-btn{z-index:10;}
.pro-view-img .swiper-btns .swiper-btn.swiper-button-disabled,.pro-view-img:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.pro-view-img .swiper-btn.swiper-but-next{ left:3%;}
.pro-view-img .swiper-btn.swiper-but-prev{ right:3%;}
.pro-view-img .swiper-btn:hover{opacity:1;}

.pro-view-details{ background:#ffffff; padding:30px; margin-top:80px; border:1px solid #eeeeee;}
.pro-view-details-title{ font-size:20px; font-family:"HumnstBt"; text-transform:uppercase; color:#111111; margin-bottom:30px;}
.pro-view-details-title:after{ content:""; display:block; border-bottom:2px solid #111111; width:76px;}
.pro-view-details-p{ min-height:60px;}

.pro-view-more{ margin-top:60px;}
.pro-view-more-title{ font-size:20px; text-transform:uppercase; margin-bottom:20px;}

.products-items{ width:100% !important; float:none; padding:0;}

.pro-view-more-con{ position:relative;}
.pro-view-more-con .swiper-btns{ position:absolute; top:36%;opacity:0;}
.pro-view-more-con .swiper-btns .swiper-btn{ position:absolute;}
.pro-view-more-con .swiper-btns .swiper-btn.pro-view-more-but-prev{ left:-30px;}
.pro-view-more-con .swiper-btns .swiper-btn.pro-view-more-but-next{ right:-30px;}
.pro-view-more-con .swiper-btns .swiper-btn:hover{}
.pro-view-more-con:hover .swiper-btns{opacity:1;}
.pro-view-more-con:hover .swiper-btns .swiper-btn{z-index:10;}

.pro-view-more-con .swiper-btns .swiper-btn.swiper-button-disabled,.pro-view-more-con:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.pro-view-more-con .swiper-btn:hover{opacity:1;}


.bags-form,.account-form{ float:none; width:100%; padding:0;}
.bags-form .form-control,.account-form .form-control{ background:#ffffff;}
.bags-form .form-group{ width:100%;}
.bags-list-table{ min-width:680px;}
.bags-list-table thead th{border-bottom: 1px solid #ececec;border-top: none; padding-bottom:1.5rem; font-size:16px; }
.bags-list-table thead{ text-transform:uppercase;}
.bags-list-img{ max-width:90px;}

.bags-list-table>tbody>tr>td{vertical-align:middle;}
.bags-list-table td{border-bottom: 1px solid #ececec;border-top: none; padding-top:1rem; padding-bottom:1rem;}
.bags-list-table td a:hover{ text-decoration:none; color:#0067aa;}
.bags-form .form-control-input{ width:100%; float:none;}
.bags-form .delet-icon{ font-size:26px; color:#727272; padding:12px;display: inline-block;}
.bags-form .delet-icon:hover{ color:#0067aa;}

.bags-continue{ text-align:right; margin-top:2rem; margin-bottom:2rem; }
.bags-continue a{ display:inline-block; padding: 10px; border:1px solid #111111; text-transform:uppercase; min-width:250px; text-align:center; color:#111111; }
.bags-continue a:hover{ background: #111111; color:#ffffff; text-decoration:none;}
.bags-feedback{max-width:none; padding-top:1rem;}


.clear1{ display:block;}
.clear2{ display:none;}
@media screen and (max-width: 1200px){
	.index-pro-bg{ min-height:300px;}
	.index-pro-con{ margin-top:-150px;}
	
}
@media screen and (max-width: 991px){
	#top{ position:relative; top:0; width:100%; z-index:9999; background:rgba(0,0,0,1);}
	.top-navbar .navbar-collapse { 
	padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.92);}
	.top-brand{ left:15px;}
	.top-cart{ margin-top:18px; right:15px;}
	.top-navbar .nav-item { padding: 10px 3px 5px; border-bottom: 1px solid #dddddd;}
	.top-navbar .navbar-nav .nav-link:before {
    
	}
	.top-navbar .nav-item .dropdown-menu{background: none;border: 0;}
	.top-navbar .nav-item .dropdown-menu .dropdown-item {
    color: #727272;
	}
	#top .container{ max-width: none; padding-left: 0; padding-right: 0;}
	.top-navbar .navbar-nav .nav-link{ color:#333333;}
	
	.serise-items{ width:50%;}
	
	.index-pro-bg{ min-height:200px;}
	.index-pro-con{ margin-top:-100px;}
	.ys-items{ width:100%;}
	.index-news-item{ float:none; width:100%;}
	
	#index-about{ margin-top:36px;}
	#index-pro{ margin-top:50px;}
	#index-ys{ margin-top:50px; }
	#index-news{ margin-top:36px;}
	#index-foot-contact{margin-top:50px;}
	
	
	
	.foot-contact-img{ position:relative; height:200px; right:0; }
	.foot-contact-con{ width:100%; float:none; padding:30px 15px;}
	.foot-contact-title h1{ font-size:36px;}
	
	.foot-nav-con{ width:100%; float:none;}
	.foot-nav-contact{ width:100%; float:none;}
	.foot-nav-item{ width:100%; float:none; margin-bottom:20px;}
	.foot-nav-conner ul li{ display:inline-block; margin-right:15px;}
	
	.foot-cipyright-container{ text-align:center;}
	#about{ padding-top:50px;}
	#about-factory{ margin-top:36px; margin-bottom:100px;}
	.container-title h1{ font-size:36px;}
	
	#contact{ padding-top:50px; padding-bottom:100px;}
	
	.feedback-img{ position:relative; height:200px; right:0;}
	.feedback-con{ width:100%; float:none; padding:30px 15px;}
	
	.news-item-img{width:100%; float:none;}
	.news-item-right{width:100%; float:none;margin-top:30px; padding-left:20px;}
	
	.news-serise{ position:relative; margin-bottom:30px; text-align:center;}
	
	#products{ padding-top:50px; padding-bottom:100px;}
	.pro-view-container .pro-view-left{ width:100%; float:none;}
	.pro-view-container .pro-view-right{width:100%; float:none; margin-top:30px;}
	.products-item{ width:50%;}
	
	.employees-items{ display:inline-block; float:none; width:auto; max-width:40%; padding:0; margin-right:30px; margin-bottom:30px;}
	
	.clear1{ display:none;}
	.clear2{ display:block;}
}
@media screen and (max-width: 680px){
	.serise-items{ width:100%; float:none;}
	.index-pro-bg{ min-height:120px;}
	.index-pro-con{ margin-top:-60px;}
	
	.index-ys-num{ width:100%; float:none;}
	.index-ys-conner{ width:100%; float:none;}
	.ys-num-1,.ys-num-2,.ys-num-3{ display:inline-block; margin-right:20px;}
	.ys-items{ padding-left:0;}
	
	.products-item{ width:100%; float:none;}
	.pro-view-more-con .swiper-btns{ display:none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
}