/* CSS Document */

.container{ width: 1200px; margin: 0 auto;}
#top{ position: relative;border-top:5px solid #1d71b6;}

.top-navbar{ min-height: 75px;}
.top-navbar .navbar-toggler { margin-right: 160px;}
.top-brand{ position: absolute; top: 0; left: 0; z-index: 1; padding-top: 18px;}

.top-navbar .navbar-collapse { padding-left: 260px; padding-right: 90px;}
.top-navbar .navbar-nav .nav-link {
    color: #333333;
	position: relative;
}

.navbar-light .navbar-nav .nav-item .nav-link{color:#000000;}
.navbar-light .navbar-nav .nav-item .nav-link:hover {color:#1d71b6;}
.navbar-collapse ul li{margin-right:20px;}
.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: #1d71b6;
	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: #1d71b6;
}

.top-language{ position: absolute; right: 0; top: 50%; margin-top: -12px; width: 150px; border-left:1px solid #c4c4c4; padding-left: 15px;}
.top-language .top-language-ms{ display:none;}
.top-language .top-language-lg{ display:block;}
.top-language .top-language-icon{ color:#ad9389;}
.top-language a{ color:#333333; opacity:0.6; margin-left:5px;}
.top-language a:hover,.top-language a.cur{ text-decoration:none; opacity:1;}
.navbar-logo{margin-left:15px;color:#000000;list-style:none;display: inline-block;}
#banner{ position: relative;}
.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
.banner-pagination .swiper-pagination-bullet{position:relative;width: 6px; height: 6px; border-radius: 50%; background: #ceeaf7; opacity: 0.5; margin:0 10px !important;}
.banner-pagination .swiper-pagination-bullet:after{content:""; position:absolute; left:-6px; top:-6px; right:-6px; bottom:-6px; border:1px solid #ffffff; border-radius: 50%; display:block;}
.banner-pagination .swiper-pagination-bullet-active{  opacity: 1;}


#index-about{ position: relative;}
.index-title {
    text-align: center;
    color: #1d71b6;
    margin-bottom: 30px;
	margin-top:20px;
}
.index-title h2 {
    font-size: 26px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;
}
.index-title .hr1 {
    width: 94px;
    border-bottom: 5px solid #1d71b6;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.index-title .hr2 {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    margin-top: -3px;
    position: relative;
    z-index: 0;
}


#index-pro{ position: relative;}
.index-pro-container{background: url(../images/pro-bg.jpg) repeat;}

.index-pro-center{ padding-top:60px;}
.index-pro-center{position:relative;}
.pro-items a{color:#ffffff; display:block;padding-bottom:24px;} /*border-bottom:2px solid #e3e3e3;*/

.pro-con{height:130px;background-color:#919191;text-align:center;}
.pro-con:hover{background-color:#1d71b6;}
.pro-time{padding-top:10px;}
.pro-name{font-size:20px;font-weight:bolder;letter-spacing:2px;padding-top: 25px;}

.pro-items a:hover{ text-decoration:none; color:#ffffff; border-color:#1d71b6;}
.pro-items a:hover .pro-name{ text-decoration:none; color:#ffffff;}

.index-pro-swiper{position:relative;}
.swiper-btns{ text-align:right; padding-bottom:1.5rem; position:absolute; top:50%; width:100%; margin-top:-15px;}
.swiper-btns .swiper-btn{ border-radius:50%; width:30px; height:30px; color:#ffffff; background:#1d71b6; padding: 0px 10px; font-size:20px; margin-left:10px; cursor:pointer; position:absolute; opacity:0.5;}
.index-pro-swiper .swiper-btns{opacity:0;}
.index-pro-swiper .swiper-btns .swiper-btn:focus{ outline:none;}
.index-pro-swiper:hover .swiper-btns{opacity:1;}
.index-pro-swiper:hover .swiper-btns .swiper-btn{z-index:10;}
.index-pro-swiper .swiper-btns .swiper-btn.swiper-button-disabled,.index-pro-swiper:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.swiper-btns .pro-but-next{ left:-60px;}
.swiper-btns .pro-but-prev{ right:-50px;}
.swiper-btns .swiper-btn:hover{opacity:1;}
.pro-pagination.swiper-pagination{ position:relative;}
.swiper-btns .swiper-btn:focus {outline: none;}
.pro-pagination .swiper-pagination-bullet{position:relative;width: 18px; height: 18px; background:url(../images/point.png) no-repeat; opacity:1; margin:0 3px !important;}
.pro-pagination .swiper-pagination-bullet-active{ background:url(../images/point-cur.png) no-repeat;}
.pro-pagination .swiper-pagination-bullet:focus{ outline:none;}
#index-about{}
.index-about-p{text-align: justify;}

#index-news{ position: relative;background: url(../images/about-choose.jpg) repeat;}
.inews-title{text-align:center;color:#1d71b6;padding-top: 20px;}
/* .index-choose-img{display:flex;padding:40px;} */
/* .index-news-c{margin-left:25px;} */
.index-choose{padding:40px;}
.index-choose-container{margin-left:25px;text-align:center;} 
.choose-jj{color:#ffffff;padding-top:10px;}
#foot{ background: #333333; }
#foot a{ color: #ffffff;text-decoration:none; }
.foot-con{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:210px;}
.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-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-contact-con{ float: left;width: 55%;}
.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: #1d71b6;
    font-size: 36px;
    vertical-align: middle;
    position: absolute;
    top: 12px;
    right: 15px;
	cursor: pointer;
}
.foot-nav-conner{margin-left:45px;}
.foot-nav-conner ul li{padding-bottom:10px;}
.foot-nav-contact-tel p{margin-bottom:5px;}
.foot-nav-item{ float:left; width:33%; padding-right:0px;}
.foot-contact-title .hr3{width: 160px;border-bottom: 3px solid #ffffff;}
.foot-nav-title{ font-size:16px; text-transform:uppercase; font-weight:bolder; margin-bottom:16px;}
.foot-cipyright{border-top: 2px solid rgba(255,255,255,0.2);padding-top: 10px;}
.container.foot-copyright-con{padding-bottom: 10px;color:#ffffff;}
.foot-copyright-l{ float: left;}
.foot-copyright-r{ float: right;}
#about-main{position:relative;}
.about-l{ float:left;width:50%;margin: 40px 0 30px 0;padding-right: 20px;}
.about-r{ float:right;width:50%;margin: 35px 0 30px 0;}
#about-customer{}
.about-customer{ margin-bottom:60px;position:relative;margin-top: 50px;}
.customer-item img{border:2px solid #e3e3e3;}
.customer-item-img{text-align:center;}
#contact-mid{}
.contact-p h2{margin-bottom:20px;font-weight: bolder;}
.contact-ewm {
    float: right;
    width: 168px;
    padding-top: 120px;
}
.contact-p {float: left;}
.contact-map{ position:relative;width:100%; height: 446px; margin-top:40px;margin-bottom:-50px;}
.about-title-con{ position:relative;padding-bottom:36px; padding-top:36px;text-align:center;color:#298bbf;}
.about-title-con h2{font-weight: bolder;}
.about-title-con span.word-s{ width:100%; left:0;}
#news-main{padding-bottom:40px;}
.news-list{margin-top:50px;}
.news-item{ border-bottom: 1px solid #ececec; position:relative; margin-bottom:60px;}
.news-item:after{ content:""; display:block; border-bottom:3px solid #1d71b6; 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-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:#1d71b6; color:#ffffff; border-color:#1d71b6;}
.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 p{margin-bottom:0;}
.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 {margin-top:30px;}
.news-view-title a:hover{ text-decoration:none; color:#1d71b6;}
.news-view-more{ margin-top:30px; margin-bottom: 50px;}
.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:#1d71b6; 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: 30px;padding-bottom:40px;}

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

.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:#1d71b6;  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: #1d71b6;
    border-left-color: #1d71b6;
    -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: #1d71b6;
    border-right-color: #1d71b6;
    -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{ margin-top:10px; border-bottom:1px solid #dddddd; font-size:16px; padding:5px 4px 10px 0;}
.products-item a:hover{color: #0056b3;}

.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:#1d71b6;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:#1d71b6; border:1px solid #1d71b6; padding:6px 15px; margin-right:10px; min-width:140px; text-align:center;}
.pro-view-container .pro-back a.btn-contact{background:#1d71b6; color:#ffffff;}
.pro-view-container .pro-back a.btn-back i{ margin-right:10px; }
.pro-view-container .pro-back a:hover{background:#1d71b6; color:#ffffff; text-decoration:none;}
.pro-view-container{padding-top:40px;}
.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;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.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{margin-top:40px;}
.pro-view-details-title{ font-size:20px; font-family:"HumnstBt"; text-transform:uppercase; color:#111111; margin-bottom:20px;background:#f7f7f7;padding:10px 20px;}
.pro-view-details-title img{margin-right:5px;margin-bottom:5px;}
.pro-view-details-p{ min-height:60px;text-align: center;}

.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;}
.clear1{ display:block;}
.clear2{ display:none;}
.page ul li a, .page ul li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #1d71b6;
    color: #ffffff;
border-color: #1d71b6;}	

.page{ text-align:center; margin-top:40px;}
.page ul{ display:inline-block;margin-left: auto;margin-right: auto;}
.page li{display:inline-block;margin-bottom: 10px;}
.page>ul>li{ display:inline;}
.page ul li a{position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 5px;
  margin-right:5px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius:3px;
}
.page ul li a:hover{ background:#1d71b6; color:#ffffff;}
.page ul li a:active{ background:#1d71b6; color:#ffffff;}
.pagination>.active>a,.pagination>.active>a:focus, .pagination>.active>a:hover{background:#1d71b6;border-color:#1d71b6}
#index-cen{ position: relative;margin-top:20px; text-align:center;overflow: hidden;}
.container-title hr {
    width: 64px;
    border: 0;
    margin: 0 auto;
    padding: 5px;
border-bottom: 4px solid #b51d23;}
.container-title h1 {
    padding: 0;
    bottom: -14px;
    margin: 0;
	font-weight: bolder;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.index-btn{width:60px;}
.index-btn-left:focus,.index-btn-right:focus{outline:none;}
.index-btn-left{position: absolute;
    right: 1510px;
    top: 56%;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #ffffff;
    background: #ad8f83;
    padding: 8px 0px;
    font-size: 28px;
    cursor: pointer;
    display: inline-block;
	opacity:0;}
.index-btn-left:hover{opacity:0.8;}
.index-btn-right{position: absolute;
    left: 1490px;
    top: 56%;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #ffffff;
    background: #ad8f83;
    padding: 8px 20px;
    font-size: 28px;
    cursor: pointer;
    display: inline-block;
	opacity:0;}
.index-btn-right:hover{opacity:0.8;}
.index-cen-con{margin-top:40px;}

.index-pro-con{position: relative;}

.item{    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}

.item a{ display:block; position:relative; padding-right:20px; }
.item a .item-name{ color:#333; padding:5px;}
.item a:hover{ text-decoration:none;}
.item .box{text-align: center;}
.item .box img{border:1px solid #d2d2d2; width:100%;}
.item .swiper-slide {width: 198px;}
.item:hover .bg{background-color: #006cd6;}
.cart-main{margin-top:60px;}
.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;}
.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.4);}
.feedback-con .form-control-textarea{ height:auto; width:100%;}

.feedback-btn{ width:100%; border:none; border-radius:0; background-color:#212529 !important;border-color:#212529 !important; font-size:14px; padding:10px 15px;}
.feedback-btn:focus,.feedback-btn:active,.feedback-btn:active:focus{ background:#1d71b6 !important;border: none;box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.9) !important;}
.feedback-btn:hover{ background:#1d71b6;}
.bags-continue{ text-align:right; margin-top:2rem; margin-bottom:2rem; }
.bags-continue a{ display:inline-block; padding: 10px; border:1px solid #1d71b6; text-transform:uppercase; min-width:250px; text-align:center; color:#111111; }
.bags-continue a:hover{ background: #1d71b6; color:#ffffff; text-decoration:none;}
.bags-feedback{max-width:none; padding-top:1rem;margin-bottom:40px;}

@media screen and (max-width: 1200px){
	.top-brand { width:180px; padding-top: 15px; padding-left:15px;}
	.top-navbar .navbar-collapse{ padding-left:200px;}
	.top-navbar{ min-height:75px;}
	.navbar-logo h5{margin-left: 0px;}
	.index-about-right{ float:right; width:50%; padding:0 10px 0 30px;}
	
	.index-news-right{ float:right; width:50%; padding-left:60px; padding-top:40px; }
	.banner-img-con{min-height:480px;}
	
	.news-con{ margin-left:-15px; margin-right:-15px;}
	.news-item{ padding:0 15x 30px 15px;}
	
	.foot-nav-conner1 ul li{ list-style:none; margin-bottom:3px;display:block;}
}
@media screen and (max-width: 991px){
	.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-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-nav .container{ max-width: none; padding-left: 0; padding-right: 0;}
	#index-foot-contact{margin-top:30px;}
	.foot-contact-img{ position:relative; height:200px; right:0; }
	.foot-contact-con{ width:100%; float:none;}
	.foot-contact-title h1{ font-size:36px;}
	.foot-nav-conner{margin-left:auto;}
	.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-con{padding-bottom:0px;}
	.foot-cipyright-container{ text-align:center;}	
	.about-l{ float:none; width:100%; padding-right:0px;}
	.about-r{ float:none; width:100%; padding-left:0px; margin-top:15px;}
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:5px;}	
	.contact-map{margin-top:10px;}

	.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%;}
	.clear1{ display:none;}
	.clear2{ display:block;}
	.pro-view-details{margin-top:20px;}
	.pro-view-container{padding-top:0;}
	.pro-view-container .pro-view-jj{min-height:0px;}
	.cart-main{margin-top:10px;}
	.feedback-img{ position:relative; height:200px; right:0;}
	.feedback-con{ width:100%; float:none; padding:10px 15px;}
	
}

@media screen and (max-width: 768px){
	.pro-but-next{display: none;}
	.pro-but-prev{display: none;}	
}
@media screen and (max-width: 560px){
	.top-language .top-language-ms{ display:block;}
	.top-language .top-language-lg{ display:none;}
	.top-language{ width:60px;}
	.top-navbar .navbar-toggler{ margin-right:60px; border:none; padding:0;}
	.top-navbar .navbar-toggler:focus{ outline:none;}
	i.banner-1-icon img { width:100px; height:100px;}
    .index-about-p{text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
	.index-choose-container .swiper-slide .choose-jj{
		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;
	} 
	.foot-copyright-l{ float: none;}
    .foot-copyright-r{ float: none;}
	.products-item{ width:100%; float:none;}
	.pro-view-more-con .swiper-btns{ display:none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
	.news-con{ margin-left:-15px; margin-right:-15px;}
	.news-item{ width:100%; float:none; padding:0 15px 30px 15x;}
	
	.serise-item{ width:100%; float:none;}
	.foot-nav-conner1 ul li{ list-style:none; margin-bottom:3px;display:block;}
	.clear1{ display:none;}
	.clear2{ display:none;}
	.clear3{ display:block;}
}