/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -50px;
	width: 100%;
}

   .btns{
  color: #999;
  background: url(../images/jt02.png);
  background-position: 100%;
  background-size: 20px;
  background-repeat: no-repeat;
  width:10.5%;
  bordeR:0px;
}
  .btns:hover{
    color: #f00;
    background: url(../images/jt01.png);
    background-position: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    width:10.5%;
    border:0px;
  }

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #22B99A;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
@media (min-width: 1160px) {
    .bx-wrapper .bx-prev {
	   left: 49%;
	   background: url(../images/contros.png) no-repeat 0 -32px;
    }
     .bx-wrapper .bx-next {
	  left: 52%;
	   background: url(../images/contros.png) no-repeat -43px -32px;
    }
}
@media (min-width: 576px) {
    .bx-wrapper .bx-prev {
	   left: 46%;
	   background: url(../images/contros.png) no-repeat 0 -32px;
    }
    .bx-wrapper .bx-next {
	   left: 52%;
	   background: url(../images/contros.png) no-repeat -43px -32px;
    }
    
}
@media(max-width:576px){
.bx-wrapper .bx-pager.bx-default-pager a{
	    background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .mb-5, .my-5{
	    margin-bottom:0rem !important;
    }
}
@media(min-width:1600px){
.bx-wrapper .bx-pager.bx-default-pager a{
	    background: #666;
        text-indent: -9999px;
        display: block;
        width: 0px;
        height: 0px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	width: 32px;
	height: 32px;
	bottom:-50px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

@media (min-width: 576px) {
	.sli-img{
	    width:50%;
		float:left;
	}
}
@media (min-width: 1160px) {
	.sli-img{
	    width:30%;
		float:left;
	}
}
@media (min-width: 576px) {
	.sli-inde{
	    float:left; margin-top:1rem; width:50%;
	}
}

@media (min-width: 1160px) {
	.sli-inde{
	    float:left; margin-top:3.5rem; width:66%;
	}
}


@media (min-width: 576px) {
	.us{
	    padding:0!important;
	}
}

@media (min-width: 1160px) {
	.d-flex .align-items-center .us {
	    padding-left:20px;
	}
}

@media (min-width: 576px) {
	.d-flex .align-items-center ul p {
	    padding-left:0px;
	}
}

@media (min-width: 1160px) {
	.d-flex .align-items-center ul p{
	    padding-left:15px;
	}
}

@media(max-width:576px){
.mb-5,.my-5 {
  margin-bottom: 0rem !important; }
}

	
@media(min-width:1160px){
.mb-5,.my-5 {
  margin-bottom: 1.5rem !important; }
}

@media(max-width:576px){
  .floats {
	 width: 100%;
     line-height: 60px;
     border-radius: 30px;
     padding-left: 15px;
	 margin-top:10px;
	
  	 border:0px;  
  	 background-color:#fff; 
  }
  .floats input:focus {
      outline: none;
  }
  .for-index{
	 position:absolute;
	 top:58%;
	 transform: translateY(-50%);
	 right: 30px;
	 padding-top: 8px;
     padding-bottom: 8px;
     border-radius: 99px; 
     background-color:#22B99A; 
     color:#fff; 
     border:0px; 
     width:25%;
  }
  .text-inv-base{
	 text-align:left!important;
  }
  .list-inline-item{
	width:100%; 
	float:left;
  	text-align:left;
  }
  .list-inline-item-img{
	width:100%; 
	float:left; 
	
  }
  .list-inline-items{
	width:100%; 
	float:left;
  	text-align:left;
  	list-style-type:disc;
  }
  
  .footxin{  }
  
  .about-img{
	background-image: url(../images/fz1.jpg);
    background-size: cover;
    min-width: 314px;
    min-height: 177px;
    border-radius: 10px;
    margin-bottom: 3rem;
  }
  .com-left{
	 float:left;
  	 width:100%;
  	 padding:0px!important;
  }
 .com-title{
	  font-size:30px; 
	  width:100%; 
	  font-weight:bold; 
	  float:left; 
	  color:#333; 
	  line-height:30px; 
	  margin-top:1.5rem;
 	  text-align:left;
 	  padding:0px;
  }
 .com-con{
	float:left; 
	margin-top:1rem; 
	text-align:justify;
  	width:100%;
 	padding:0px;
  }
  .com-img{
	margin-top:1rem;
  }
  .com-four{
	float:left; 
	
  }
  
  .com-four-one{
	background-color:#22B99A!important; 
	float:left; 
	width:65%; 
	/*height:100%;*/ 
	min-height:60px; 
	border-radius:0px 20px 0px 20px; 

    margin-top:1rem;
  }
  
  .com-four-one img{
	 float:left; 
	 margin-top: 1rem;
	 width: 28px;
	 height: 28px;
  }
  
  .com-four-one .p-title{
	 font-size:18px;
	 color:#fff;
	 float:left;
	 font-weight:bold;
	 margin-left:0.6rem;
	 margin-bottom:0px;
	 margin-top: 0.8rem;
  	 line-height:16px;
  	 width:65%;
  	 
  }
  
  .com-four-one p{
	 color:#fff;
	 font-size:12px;
	 display:-webkit-inline-box;
	 line-height:24px;
	 margin-bottom:0px;
  	 margin-top:0px;
  	 margin-left:0.6rem;
	 float: left;
  }
  
 .com-four-two{
	background-color:#22B99A!important; 
	float:left; 
	width:65%; 
	/*height:100%;*/ 
	min-height:60px; 
	border-radius:0px 20px 0px 20px; 
	margin-left:1rem;
    margin-top:1rem;
  }
  
  .com-four-two img{
	 float:left; 
	 margin-top: 1rem;
	 width: 28px;
	 height: 28px;
  }
  
  .com-four-two .p-title{
	 font-size:18px;
	 color:#fff;
	 float:left;
	 font-weight:bold;
	 margin-left:0.6rem;
	 margin-bottom:0px;
	 margin-top: 0.8rem;
  	 line-height:16px;
  	 width:60%;
  	 
  }
  
  .com-four-two p{
	 color:#fff;
	 font-size:12px;
	 display:-webkit-inline-box;
	 line-height:24px;
	 margin-bottom:0px;
  	 margin-top:0px;
  	 margin-left:0.8rem;
	 float: left;
	
  }
  .col-12{padding:0px;}
  
 .facts-con{
	float:left; 
	margin-top:0rem;
  }
  
  .fact-tile ul{
	 marign:0px;
  	padding:0px;
  }
  
 .fact-tile ul li {
	 color:#22B99A;
  }
  
  .fact-tile ul li span{
	 font-weight:bold; 
	 color:#333; 
	 font-size:23px; 
	 border-bottom:1px solid #22B99A;
  	 line-height:50px; 
  	 display:block; 
  	 width:100%;
  }
  
  .fact-contact{
	 taxt-align:justify;
  }
  
  .fact{
	margin:1rem 0;
  }
  
  .fact-contact{ 
    line-height:28px; 
    text-align:justify;
 }
 /*产品详情*/
 .pro_list2 list {display:none;}
 .pro_list2 list .a1{font-weight:bold; list-style-type:none; display:none!important;}
}
	
@media(min-width:1160px){
  .ones{
      color:#22B99A;
  }
  .floats {
     width: 100%;
     line-height: 60px;
     border-radius: 30px;
     padding-left: 35px;
	 margin-top:20px;
	 border:0px;  
  	 background-color:#fff; 
  }
  .for-index{
	 position:absolute;
	 top:63%;
	 transform: translateY(-50%);
	 right: 30px;
	 padding-top: 8px;
     padding-bottom: 8px;
     border-radius: 99px; 
     background-color:#22B99A; 
     color:#fff; 
     border:0px; 
     width:20%;
  }
  .text-inv-base{
  	  margin-left:50px!important;
  }
  .text-inv-lead{
	 text-align:left;
  	 margin-left:0rem;
  }
  .list-inline-item{
	width:13%; 
	float:left;
  	text-align:left;
  }
  .list-inline-item-img{
	width:100%; 
	float:left; 
	margin-top:25%;
  }
  .list-inline-items{
	width:24%; 
	float:left;
  	text-align:left;
  }
  .footxin{  
	background-image: url(../images/footer5.png);
    background-repeat: no-repeat;
    background-position: 50% 10%; 
  }
  .about-img{
	 background-image: url(../images/fz2.jpg);
   	 background-size: cover;
     width: 100%;
     height: 339px;
  }
  .com-title{
	  font-size:32px; 
	  width:100%; 
	  font-weight:bold; 
	  float:left; 
	  color:#333; 
	  line-height:30px; 
	  margin-top:1.5rem;
  }
  .com-left{
	 float:left;
  	 width:100%;
  }
  .com-con{
	float:left; 
	margin-top:1rem; 
	text-align:justify;
  	width:100%;
  }
  .com-img{
	
  }
  
  .com-four{
	float:left; 
	margin-top:2rem;
  }
  
  .com-four-one{
	background-color:#22B99A!important; 
	float:left; 
	width:100%; 
	height:100%; 
	min-height:60px; 
	border-radius:0px 20px 0px 20px; 
	margin-right:2rem;
  
  }
  
  .com-four-one img{
	 float:left; 
	 margin-top: 1rem;
	 width: 28px;
	 height: 28px;
  }
  
  .com-four-one .p-title{
	 font-size:18px;
	 color:#fff;
	 float:left;
	 font-weight:bold;
	 margin-left:0.8rem;
	 margin-bottom:0px;
	 margin-top: 0.8rem;
  	 line-height:16px;
  	 width:65%;
  	
  }
  
  .com-four-one p{
	 color:#fff;
	 font-size:12px;
	 display:-webkit-inline-box;
	 line-height:20px;
	 margin-bottom:0px;
  	 margin-top:0px;
  	 margin-left:0.8rem;
	 float: left;
  }
  
 .com-four-two{
	background-color:#22B99A!important; 
	float:left; 
	width:100%; 
	height:100%; 
	min-height:60px; 
	border-radius:0px 20px 0px 20px; 
	margin-right:2rem;
  
  }
  
  .com-four-two img{
	 float:left; 
	 margin-top: 1rem;
	 width: 28px;
	 height: 28px;
  }
  
  .com-four-two .p-title{
	 font-size:18px;
	 color:#fff;
	 float:left;
	 font-weight:bold;
	 margin-left:0.8rem;
	 margin-bottom:0px;
	 margin-top: 0.8rem;
  	 line-height:16px;
  	
  }
  
  .com-four-two p{
	 color:#fff;
	 font-size:12px;
	 display:-webkit-inline-box;
	 line-height:20px;
	 margin-bottom:0px;
  	 margin-top:0px;
  	 margin-left:0.8rem;
	 float: left;
  }
  
  .coms{
	 margin-top:3rem!important;
  	 margin-bottom:6rem!important;
  }
  
  .facts-con{
	float:left; 
	margin-top:3rem;
  }
  
  .fact-tile ul{
	 marign:0px;
  }
  
 .fact-tile ul li {
	 color:#22B99A;
  }
  
  .fact-tile ul li span{
	 font-weight:bold; 
	 color:#333; 
	 font-size:28px; 
	 border-bottom:1px solid #22B99A;
  	 line-height:50px; 
  	 display:block; 
  	 width:41%;
  	 margin-left:2.2rem;
  }
  
 .fact{
	margin:3rem 0;
 }
  
.fact-contact{ line-height:28px; text-align:justify; padding-left:2.5rem; }
 
 
 /*产品详情*/
 .pro_list2 list {list-style-type:none}
 .pro_list2 list .a1{font-weight:bold; list-style-type:none;}
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #22B99A;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #22B99A;
        border-color: #22B99A;
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

       
        .list-ul li a{
	       width:290px; 
	       height:360px; 
	       background-color:#f3f3f3; 
	       float:left;
           display:block;
           margin-left:10px;
           margin-top:20px;
        }
        .list-ul li a:hover{
	       width:290px; 
	       height:360px; 
	       background-color:#609ee9; 
	       float:left;
           display:block;
           margin-left:10px;
           margin-top:20px;
           color:#fff;
        }
        .list-ul li a img{
	      width:270px;
          height:256px;
          padding-top:20px;
          margin:0px 10px 10px 10px;
          display:block;
          
          
        }
        .list-ul li a p{
	      text-align:center;
       	  font-size:16px;
          line-height:32px;
        }
        .topnav{
	       margin-left:10px;
           width:99%;
           height:35px;
           background-color:#f3f3f3;
        }
        .topnav span{
	       line-height:35px;
           
}

 @media(max-width:576px){
     .act-on{display:none;}
   	 .products-top-nav{
	    display:none!inportant;
   	 }
   	 .two-nav{
	    display:none;
   	 }
   	 .active-no{
	     display:none;
   	 }
   	 .top-nav .active{
	     display:none;
   	 }
   	 .details-info{
	    width:50%; 
	    color:#fff; 
	    float:right;
	    height:32px; 
	    border-radius:0px 12px; 
	    background-color:#22B99A;
   	 	margin-bottom:1rem;
   	 	display:none;
   	 }
   } 
   @media(min-width:1160px){ 
   .ui-nav{display:none;}
   .container .row .col-12 p{text-align:justify; font-size:15px!important;}
   .products-top-nav  .top-nav{float:left; color:#333; list-style-type:none;line-height: 42px;padding:0; font-family:Arial;}
   .products-top-nav  .top-nav .active{
	   float:left;background-color: #22B99A;border-radius: 0px 15px; line-height:42px;color:#fff; padding:0px 15px;
   }
   .products-top-nav .two-nav{float:left; list-style-type:none;line-height:55px; padding:0; width:auto; text-indent:1rem; font-family:'Arial';}
   .products-top-nav .two-nav .act{ color:#22B99A;line-height:55px;}
   .pro-list{list-style-type:none; width:33%; float:left; margin:2% 1.5% 0% 1.5%;; background-color:#f4f4f4; padding:15px 15px;} 
   .pro-list img{width:100%; height:220px;}   
   .details-info{width:40%; color:#fff; float:right;line-height:26px; font-size:13px; border-radius:0px 12px; background-color:#22B99A;}
  
}

@media (min-width: 1920px){
.list-inline-items {
    width: 15vw;
    max-width: 1920px;
    float: left;
    text-align: left;
}
.mb-4, .my-4 {
    margin-bottom: 0rem!important;
    margin-left: 2.5rem;
}

.list-inline-item:first-child {
    margin-left: 1%!important;
    margin-right: 6%!important;
}

}