.container{width:80%; max-width:1400px;}
#nav{ width:100%; z-index:9999;position:relative;}
	.nav-con{position:relative;height:88px;/* background: #000000; */}
	.top-navbar{padding:0;background: #000000;}
	.navbar-container{background: #000000;padding:0;}
	.top-brand{padding-top: 13px; padding-bottom: 13px; padding-left: 15px;}

	.nav-con .dropdown-toggle::after{display:none;}
	.navbar-nav .nav-item{ padding:0 1rem; position:relative;}
	.nav-con .navbar-nav .nav-link{font-weight:bolder;color: #c69c6d;font-size:1rem;padding: 32px 10px;}
	.nav-con .navbar-nav .nav-link:hover,.nav-con .navbar-nav .nav-item.show .nav-link{background: #c69c6d;}
	.nav-con .dropdown-menu{margin-top:0;left:-50%; border-top-left-radius:0; border-top-right-radius:0;}
	.nav-con .dropdown-menu a.dropdown-item{color:#333333;}
	.nav-con .dropdown-menu a.dropdown-item:hover{background:#111111; color:#ffffff;}
	
	.nav-order .icon-order{ margin-right:15px; display:block; width:24px; height:24px; background:url(../images/icon-order.png) no-repeat; background-size:cover;}
	.nav-search .icon-ss{ display:block; width:24px; height:24px; background:url(../images/icon-search.png) no-repeat #c69c6d; background-size:cover; border-radius:50%;}
	
	.nav-right{display:flex;}
	.nav-right .navbar-toggler{ margin-right:15px; margin-top: -8px;    border-color: #c69c6d;}
	
	.nav-con .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%28198, 156, 109, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

	.banner-img{width:100%;}
	.banner-pagination{bottom:5%!important;}
	.banner-pagination .swiper-pagination-bullet {
		height: 5px;
		width: 5%;
		border-radius: 0;
		background: #fff;
		opacity: 1;
		transition: width 0.2s;
		-moz-transition: width 0.2s; /* Firefox 4 */
		-webkit-transition: width 0.2s; /* Safari 和 Chrome */
		-o-transition: width 0.2s; /* Opera */
	}
	.banner-pagination .swiper-pagination-bullet-active {
		opacity: 1;
		background: #111111;
		width: 8%;
	}
	.swiper-container-horizontal>.banner-pagination  .swiper-pagination-bullet {
		margin: 0 6px;
	}

.index-adv-container{padding-top:30px; padding-bottom:30px; margin-top:30px;}
/*.index-about-num{display:flex; flex-direction: row; justify-content: space-around;}*/
.index-about-num-item{display:flex;  color:#333333; text-transform:uppercase; position:relative; padding:15px;}
.index-about-num-item:after{content:""; height:24px; border-right:1px solid #ffffff; opacity:.3; top:36px; position:absolute; right:0;}
.index-about-num-item:last-child:after{display:none;}
.index-about-num-item .about-num-icon{ margin-right:10px; flex-shrink: 0; height: fit-content; margin-top: 6px; width: fit-content;}
.index-about-num-item .about-num-icon img{width:66px;}
.ys-num .num{ font-size:58px; font-weight:900; color:#111111; line-height:58px;}
.ys-num .num sup{ font-size:26px;}



#index-advage{background:#eeeeee; padding-top:36px; padding-bottom:36px;}
.index-adv-title{margin-bottom:36px;}
.index-adv-title h1{text-align:center; font-weight:bolder;color#111111;}
.index-adv-item{text-align:center; border:1px solid #bdbdbd;padding:50px 30px; min-height:300px; background:#ffffff;position:relative;overflow:hidden;}
.index-adv-item:hover{box-shadow:0 1px 4px rgba(0,0,0,.3);}
.index-adv-icon{margin-bottom:20px;}
.index-adv-icon .about-icon{width:36px;}
.index-adv-item h4{font-size:1.3rem;}
.index-adv-item .index-adv-icon img {transition: 0.8s;}
.index-adv-item:hover .index-adv-icon img {transform: rotateY(360deg);}

.index-adv-item i.num{position:absolute;bottom:0; right:0;font-size:120px; font-weight:bolder; line-height:60px; opacity:0.1;}

#index-steps{ padding-top:36px; padding-bottom:36px;margin-top:60px;background:url(../images/steps-bg.jpg) no-repeat;background-size:cover; background-attachment:fixed;}
.index-steps-title{text-align:center;}

.container-title{ margin-bottom:2rem;}
.container-title h1{font-weight:bolder; color:#111111; text-transform:uppercase; font-size:2.25rem; margin-bottom:1rem;}
.container-title-center{text-align:center;}
.container-title hr{width:60px; border-bottom:5px solid #000000; margin:0; padding:0;}

.container-title span a{color:#c69c6d;}
.container-title span a:hover{text-decoration:none;}
.container-more{margin-top:2rem;}
.container-more a{display:block; width:140px; height:38px; background:#111111; color:#ffffff; padding:7px 15px; position:relative;
		transition: width 0.2s;
		-moz-transition: width 0.2s; /* Firefox 4 */
		-webkit-transition: width 0.2s; /* Safari 和 Chrome */
		-o-transition: width 0.2s; /* Opera */}
.container-more a:hover{text-decoration:none; background:#000000; width:170px; }

#index-about{position:relative;}
.index-about-container{padding-top:60px; padding-bottom:60px;}
.index-about-left{float:left; width:50%; padding-right:25px; padding-top:30px;}
.index-about-right{float:right; width:50%;}

.index-about-right-con{position:relative;}
.index-about-img img{width:100%;}

.fairs-left{float:left;}
.fairs-right{float:right;padding-left: 25px;padding-right:0;}

#index-pro{margin-top:80px;}

.index-pro-con{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-name{font-size:16px; position:absolute; color:#ffffff; bottom:15px; left:15px;}

.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);  
            -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(138,100,58,0.9); 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-pro-more{text-align:center; margin-top:2rem; }
.index-pro-more a{ display:inline-block; position:relative; border:1px solid #000000; color:#111111; width:50%; max-width:300px; height:50px; line-height:50px; padding:0 30px;}
.index-pro-more a i{ position:absolute; right:35px; top:16px;  font-size:16px;}
.index-pro-more a:hover{ text-decoration: none; background:#000000; color:#ffffff;}

#index-contact{position:relative; background:url(../images/index-contact-bg.jpg) right center no-repeat; background-size:cover; background-attachment:fixed; margin-top: 60px;}
.index-contact-logo{position:absolute; right:5%; bottom:0;}
.index-contact-p h1{font-size:2.25rem; font-weight:bolder; color:#ffffff; background:rgba(0,0,0,0.9); display:inline-block; padding:6px 20px;}
.index-contact-container{ padding-top:160px; padding-bottom:160px;}
.index-contact-btn a{margin-left: auto;margin-right: auto;font-size:20px;padding:15px;background:#c69c6d;color:#ffffff;display:block;max-width:260px;text-align:center;}
.index-contact-btn a:hover{text-decoration:none;background:#b28a5d;}
.index-contact-mail{font-size:16px;color:#ffffff;padding:15px;font-size:20px; text-align:center;}

#index-mail{position:relative; background:url(../images/index-contact-bg.jpg) right center no-repeat; background-size:cover; background-attachment:fixed;}
.index-mail-con{background:rgba(0,0,0,0.4);}
.index-mail-container{max-width:800px;padding-top:80px; padding-bottom:80px;}


#index-news{}
.index-news-container{padding-top:80px; padding-bottom:80px;}
.news-items{}
.news-img{height:320px; width: 100%;}
.news-items a{display:block; color:#333333; position:relative; padding-left:7px;}

.news-items a:hover{text-decoration:none;}
.news-items a .news-name{ position:relative; margin-top:.5rem;  height:44px; line-height:44px; font-size:1.125rem; font-weight:bolder; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-items a .news-jj{height:72px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical}
.news-items a .news-time{margin-top:.5rem; height:24px;}

.index-news-pagination,.index-factory-pagination,.about-equip-pagination{ position:relative; margin-top:2rem; bottom:0!important;}
.index-news-pagination .swiper-pagination-bullet,.index-factory-pagination .swiper-pagination-bullet,.about-equip-pagination .swiper-pagination-bullet{position:relative; width: 10px; height: 10px; border-radius: 50%; background: #000000; opacity:0.5;  margin:0 5px !important;}
.index-news-pagination .swiper-pagination-bullet-active,.index-factory-pagination .swiper-pagination-bullet-active,.about-equip-pagination .swiper-pagination-bullet-active{  opacity:1;}
.index-news-pagination .swiper-pagination-bullet:focus,.index-factory-pagination .swiper-pagination-bullet:focus,.about-equip-pagination .swiper-pagination-bullet:focus{ outline:none;}

#foot{ background:#000000; color:#ffffff; }
#foot a{color:#ffffff;/* display: block; */}
#foot a:hover{color:#c69c6d; text-decoration:none;}

.foot-nav-con{ float:left; width:calc(100% - 350px);padding-top:60px; padding-bottom:80px;}
.foot-nav-contact{ float:right; width:300px;padding-top:60px; padding-bottom:80px; padding-left:15px; padding-right:15px; background:#c69c6d;}
.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: 4px;position:relative;}
.foot-nav-contact-link ul li a{font-size:22px;display: block;width: 46px;height: 46px;background: #ffffff;color: #000000 !important;border-radius: 50%;line-height: 46px;text-align: center;}
.foot-nav-contact-link ul li a:hover{background: #000000; color:#ffffff!important;}
.foot-nav-contact-link ul li a .ewm-hover{ display:none; position: absolute; width: 150px; left: -65px; max-width: none; top: -160px;}
.foot-nav-contact-link ul li a:hover .ewm-hover{ display:block;}
.foot-cipyright-container{ padding-top:15px; padding-bottom:15px;}

#navbar-bottom{ position:fixed; bottom:0; width:100%; display:none; z-index:100000;}
.navbar-bottom-con ul li{ list-style:none; width:30%; float:left;background:#1f1f1f; border-right:1px solid #333333;}
.navbar-bottom-con ul li a{ color:#ffffff; padding:15px; display:block;}
.navbar-bottom-con ul li a:hover{ color:#ffffff; padding:15px; text-decoration:none;display:block;}
.navbar-bottom-con ul li.foot-nav-tel{width:40%; background:#c69c6d;border-right:none;}
.navbar-bottom-con ul li.foot-nav-tel a span{ margin-right:5px;}

#banner-img{background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }
.banner-img-container{min-height:680px; padding-top:450px; padding-bottom:130px;}
.banner-img-title{display:flex;}
.banner-img-con{ width:50%; height:102px; background:rgba(0,0,0,0.84); color:#ffffff; padding:15px 20px; font-size:1rem;}
.banner-img-con h1{font-size:2.25rem; font-weight:bolder; text-transform:uppercase; margin-bottom:0;}

.about-intro-container{padding-top:120px; padding-bottom:60px;}

.about-factory-container{position:relative;}
#about-factory,#about-equip{overflow:hidden;}
#about-factory:hover .swipers-btns,#about-equip:hover .swipers-btns{opacity:1;}
.swipers-btns{position:absolute; top:35%; width:100%; opacity:0; z-index: 999; left:0;}
.swipers-btn{position:absolute; display:block; cursor:pointer; width:36px; height:36px; background:#000000; border-radius:50%; color:#ffffff; text-align:center; line-height:36px; font-size:26px;}
.swipers-btn-next{left:-60px;}
.swipers-btn-prev{right:-60px;}
.swipers-btn:focus{box-shadow:none; outline:none;}
.swipers-btn.swiper-button-disabled{background:#eeeeee; color:#cccccc;}

.about-adv{position:relative; margin-top:5rem;}
.about-adv:before{position:absolute; top:0; bottom:0; right:0; left:10%; background:#eeeeee; z-index:-1; content:"";}

.about-whyus-contain{padding-top:80px; padding-bottom:80px; }

.about-equip-con{position:relative;}

#contain{overflow:hidden;}
.contain-con{padding-top:80px; padding-bottom:120px; }
.news-con{margin-left:-15px; margin-right:-15px;}
.news-item{width:33.3%; float:left; padding:15px;}

.news-con-title{ text-align:center; color:#111111; font-size:1.875rem; margin-bottom:1.5rem; font-weight:bolder;}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto;  margin-bottom:1.5rem;}
.news-conner{ margin-top:15px; }

.faq-item {margin-bottom:30px;}
.faq-item .faq-item-name h4{font-weight:bolder; margin-bottom:10px;}

.contact-map-con{ position:relative; height:468px;}

.contact-left{float:left; width:50%; padding-right:15px;}
.contact-right{float:right; width:50%; padding-left:15px;}

.feedback-form .form-control{ font-size:14px;}
.feedback-form .form-control-input{position:relative;}
.feedback-form .form-control-input .form-control, .feedback-form .form-textarea {
    width: 100%;
    padding: 5px 15px;
    height: 40px;
    line-height: 26px;
    font-size: 14px;
    color: #333333;
    background-repeat: no-repeat;
    background-position: .5rem center;
    background-size: .5rem;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
	border-radius:0;
    transition: all .3s;
}
.feedback-form .form-textarea{
	height: auto;
	padding-left:15px;
}
.feedback-form .form-control-input .form-control:focus,.feedback-form .form-control-input .form-textarea:focus {
    color: #ffffff;
    background-color: #dddddd;
    border-color: #dddddd;
    outline: 0;
    box-shadow: none;
}

.feedback-form .form-control-input .form-control:focus::-webkit-input-placeholder, .feedback-form .form-control-input .form-textarea:focus::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #ffffff;
}
.feedback-form .form-control-input .form-control:focus:-moz-placeholder,.feedback-form .form-control-input .form-textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #ffffff;
}
.feedback-form .form-control-input .form-control:focus::-moz-placeholder, .feedback-form .form-control-input .form-textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #ffffff;
}
.feedback-form .form-control-input .form-control:focus:-ms-input-placeholder, .feedback-form .form-control-input .form-textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #ffffff;
}
.feedback-submit{
	background: #000000;
    color: #ffffff;
    border-radius: 0;
    width: 134px;
    height: 40px;
    float: right;
}
.feedback-submit:hover {
    color: #ffffff;
    background-color: #000000;
}

.products-serise{ margin-bottom:30px;}
.pro-serise-container .swiper-wrapper  .swiper-slide { width: auto !important; }
.pro-serise-container .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 8px 15px; color:#333333; border:1px solid #e0e0e0; min-width:100px; text-align:center;}
.pro-serise-container .swiper-wrapper .swiper-slide a:hover,.pro-serise-container .swiper-wrapper .swiper-slide a.active{ text-decoration: none; /*font-weight:bolder;*/ color:#ffffff; background:#000000; border-color:#000000;}

.product-con{margin-left:-15px; margin-right:-15px;}
.pro-items{width:33.3%; float:left; padding:15px;}
.pro-item{text-align:center;}
.pro-item a .pro-img{border:1px solid #eeeeee;}
.pro-item a .pro-name{ padding:15px;}
.pro-item a:hover{text-decoration:none;}
.pro-item a:hover .pro-name{background:#000000; color:#ffffff; text-decoration:none;}

.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; cursor:pointer; 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;}
.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: #c69c6d;
}

.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;}

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

.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: #000000; border-color:#000000; color:#ffffff; text-decoration:none;}
.bags-feedback{max-width:none; padding-top:1rem;}

.clear1{display:block;}
.clear2{display:none;}
.clear3{display:none;}

@media screen and (max-width: 1200px){
    .nav-con .navbar-nav .nav-link { padding: 32px 8px; }
	.banner-img-container{min-height:640px; padding-top:410px;}
}
@media screen and (max-width: 992px){
	.nav-right{position:absolute; right:15px; top:34px;}
	.nav-con .navbar-container{width:100%; max-width:none; padding:0;}
	.navbar-nav .nav-item:first-child{ border-top:1px solid rgba(255,255,255,0.2);}
	.navbar-nav .nav-item{ border-bottom:1px solid rgba(255,255,255,0.2); padding:0;}
	.nav-con .navbar-nav .nav-link{padding:20px 40px;}
	.navbar-nav .nav-item:before{left:15px; top:30px;}
	.navbar-nav .nav-item:first-child:before{display:block;}
	.nav-con .dropdown-menu{background:#fafafa; border-radius:0; border:none; padding-left:20px;}
	
	.index-about-num-item .about-num-icon img{width:36px;}
	.ys-num .num{ font-size:36px;line-height:36px;}
	.ys-num .num sup{ font-size:16px;}
	.index-about-left{width:100%; float:none; padding-right:0;}
	.index-about-right{width:100%; float:none; margin-top:2rem;}
	
	.serise-items{ width:50%;}
	.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;}
	
	.banner-img-container{min-height:580px; padding-top:350px;}
	
	.about-adv:before{left:0;}
	
	.news-item{ width:50%;}
	.pro-items{ width:50%;}
	
	.pro-view-container .pro-view-left{ width:100%; float:none;}
	.pro-view-container .pro-view-right{width:100%; float:none; margin-top:30px;}
	
	.contact-left{float:none; width:100%; padding-right:0px;}
	.contact-right{float:none; width:100%; padding-left:0px; margin-top:30px;}
	
	.clear1{display:none;}
	.clear2{display:block;}
	.clear3{display:none;}
}
@media screen and (max-width: 768px){
	#foot{margin-bottom: 54px;}
	#navbar-bottom{ display:block;}
	
	.banner-img-container{min-height:480px; padding-top:300px; padding-bottom:80px;}
	
}
@media screen and (max-width: 680px){
	.top-brand img{height:40px;}
	.nav-con{height:66px;}
	.nav-right{top:22px;}
	.top-brand{padding-right:50px;}
	
	.index-about-num {flex-direction: column;}

	.container-title h1,.index-contact-p h1{font-size:1.5rem;}
	
	.serise-items{ width:100%; float:none;}
	
	.banner-img-container{min-height:380px; padding-top:250px; padding-bottom:30px;}
	
	.clear1{display:none;}
	.clear2{display:none;}
	.clear3{display:block;}
}
@media screen and (max-width: 500px){
	.index-about-num-swiper .swiper-slide{width:auto !important;}
	
	.news-item{ width:100%; float:none;}
	.pro-items{ width:100%; float:none;}
}