@media (min-width: 768px){
 
.navbar .navbar-nav {
    float: right;
    margin: 0;
}}
@media (max-width: 767px){
 .navbar-toggle {
    margin-top: 16px;
    margin-right: 10px;
    
}
 h1 {
   font-size: 22px!important;
    color: #ef9e14;
}
 h1 span {
    font-size: 18px!important;
}
.about .bg_1 h2{font-size: 38px!important;margin-top: -32px;}
.photo h2{font-size: 38px!important;margin-top: -23px;}
  .about .bg_1 p{line-height: 32px}  
.greens p{font-size: 16px!important;}
.navbar-brand {
    width: 50%;
    padding: 8px 0px;
   
}
form.search-box{width: 100%;left: 0px;}
.navbar-header {margin-top: 0px;margin-bottom: 0px;}
.navbar-nav li {text-align: left;display: flow-root;}
.nav .navbar-nav {
    float: right!important;    margin: 0;
   
}
.index .about .bg_1 .imgs {
     position: relative; 
    display: block;
}
.index .about .bg_1 .ps{z-index: 99; position: relative;}
.index .about .bg_1 .company {position: relative;margin-top: 20px;    margin-bottom: 20px;
    overflow: hidden;}
.index .about .bg_1 .company li a {
    margin-top: 15%;
}
.index .brand  ul li{margin-bottom: 20px;}
.index .brand .green{display: none;}
.index .brand h1{margin-top: 30px;margin-bottom: 20px;}
.index .bi_img{position: relative;top: auto;}
.index .health .hb_pic li .rights {margin-left:0;}
.index .health .text h6{overflow: hidden;text-overflow:ellipsis;
 display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.index .health .text p {overflow: hidden;text-overflow:ellipsis;
 display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index .hb_pic .prev,.hb_pic .next{display: none;}

.index .join img.imgs{position: relative;}
.index .join h1{margin-top: 10px;}
.index .join .ps {position: relative;margin-bottom: 20px;}
.index .contact h1 {margin-top: 20px;}
.index .contact ul li {float: left;margin-left: 0px;    width: 48%;
    margin: 0px;
    margin-left: 1%;}
.contact ul li p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #8d8d8d;
}
.index .contact iframe{ height: 400px;border: none;}
.index .contact iframe #container {height: 222px;}

.index .online .right{margin-right: 0;}
.index .online img.imgs{position: relative;}
.index .online  ul li{width: 100%;}
.index .online  h1{margin-bottom: 1.25rem;margin-top: 1.25rem;}
.foot .rights ul{text-align: center;}
 .foot .rights ul li {
    float: none;
    margin: auto;
}
.foot .nav-foot{margin-left: 0px;margin-top: 20px;margin-bottom: 20px;}
.foots p:nth-child(1){float: none;text-align: center;}
.foots p:nth-child(2){float: none;text-align: center;}
.photo ul li img{float: none;margin: auto;margin-top: 6%;}
.photo ul li p{float: none;text-align: center;margin: 0px;}
.Researchs .navs ul li img{float: none;margin: auto;margin-top: 6%;}
.Researchs .navs ul li p{float: none;text-align: center;margin: 0px;}

.Product .navs ul li {margin-bottom: 0px;width: 25%;}
.Product .navs ul li img {float: none;margin: auto;}
.Product .navs ul li p {float: none;}

.Product-foot .navs ul li {margin-bottom: 0px;width: 25%;}
.Product-foot .navs ul li img {float: none;margin: auto;margin-top: 10px;}
.Product-foot .navs ul li p {float: none;margin-top: 0px;}

.Pro-center .navs ul li {margin-bottom: 0px;width: 25%;}
.Pro-center .navs ul li img {float: none;margin: auto;}
.Pro-center .navs ul li p {float: none;}

.news-nav ul li {
    width: 50%;
    margin-left: 0px;
}
.news-nav ul li p{margin-top: 10px;}
.news-nav ul li .kuang {width: 56%;}
.news h6{
	margin-top: 20px;
overflow: hidden;text-overflow:ellipsis;
 display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news p{
overflow: hidden;text-overflow:ellipsis;
 display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;}

form.row.form-horizontal.col-lg-6 {
    margin-left: 0px;
}
.why .text{position:relative;}
.joined-bg ul li {height: auto;width: 49.6%;background: white;}
.joined-bg ul li div {position: relative;margin-top: 0px;}
.joined-bg ul li.on {background: #00b76b;}
.joined-bg ul li:hover {background: #00b76b;}

.dropdown-menu {
    position: fixed;
    }

.nav .as{display: block;float: right;}
.nav a.dropdown-submenu{float: left;width: 85%;}


ul.nav li.oo {
    position: relative;
}
ul.nav  li.dropdown-submenu ul.dropdown-menu{display: none;border: none;}
ul.row.dropdown-menu {
    clear: both;
     margin-left: 0px;
    
}
a.btn.btn-primary.dropdown-toggle.as {
    background: gainsboro;
    border: none;
    right: 15px;
    top: 10px;
    float: right;
    z-index: 99999;
    display: block;
}
.nav_4 li .kuang {
    border: 2px solid transparent;
    width: 60%;
    margin: auto;
}
.nav_3 li img {
  margin: auto;
    float: none;
}
.nav_3 li p {
   
    float: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d;
    padding: 0 10px;
}
ul.nav li {
    position: relative;
}

.product ul.ri{
	display: none;
}
.jiaru {
    position: relative;
    z-index: 9;
    left: 0%;
}
.jia h1 {
   padding: 0;
    text-align: center;
}
.jia p {
    padding: 0;
    text-align: -webkit-center;
}
.jia form.form-horizontal {
    position: relative;
    z-index: 10;
    left: 0;
    
    width: 100%;
    margin: auto;
}
.jia form ul{text-align: -webkit-center;}
.jia input.btn.btn-success.on {
   
    padding: 5px 10px;
    margin: auto;
   
    display: block;
}

.text .details .video_iframe{width: 100%!important;height:300px!important;}
.text .details .video_iframe #mod_player{width: 100%!important;height: 100%!important;}
.text .details .video_iframe .tenvideo_player{width: 100%!important;height: 100%!important;}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {
	

	.joined-bg ul li.on {background: none;}
	.joined-bg ul li:hover {background: none;}
	.contact ul .lis {
    background: #f8f8f8;
    width: 83%;
    margin: auto;
    position: absolute;
    top: 50%;
    margin-top: -50%;
    left: 50%;
    margin-left: -42%;
    height: 180px;
}
.contact ul li {
    float: left;
    text-align: center;
    cursor: pointer;
    width: 25%;
    margin-top: 20px;
    height: 180px;
    position: relative;
}
.contact ul li p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #8d8d8d;
    text-align: center;
}
.jia form.form-horizontal {
      position: relative;
    z-index: 10;
    left: 0;
    width: 40%;
    margin: auto;
}
.jiaru {position: relative;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.index .contact ul li {
   float: left;
    margin-left: 0px;
    width: 49%;
    margin: 0px;
    margin-left: 1%;
    height: auto;
    position: relative;
    overflow: hidden;
        margin-top: 5px;
}
.contact ul .lis {
    background: #f8f8f8;
    width: 100%;
    margin: auto;
    position: relative;
     top: 0; 
     margin-top: 0; 
     left: 0; 
     margin-left: 0; 
     height: 195px; 
}
.contact ul li.on .lis {
    width: 100%;
    height: 100%;
     margin-left: 0; 
     margin-top: 0; 
     padding-top: 0; 
}
.contact ul li:hover .lis {
    width: 100%;
    height: 100%;
     margin-left: 0; 
     margin-top: 0; 
     padding-top: 0; 
}
.contact ul li img {
    display: block;
    margin: auto;
    margin-top: 0px;
   width: 21%;
}
.contact ul li.on .lis {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 20px;
}
.contact ul li:hover .lis {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 20px;
}
.contact ul .lis {
    background: #f8f8f8;
    width: 100%;
    margin: auto;
    position: relative;
    top: 0;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    height: auto;
    padding-top: 20px;
}
.contact ul li img.ma {
    margin-bottom: 20px;
    margin-top: 0px;
    width: 68%;
}
}
@media (max-width: 341px){.pic .pagination li:first-child a{margin-right: 0px;}
.pic .pagination li:last-child a{margin-left: 1px;}
.pic .pagination>li>a {padding: 4px 8px;}

.news .pagination li:first-child a{margin-right: 0px;}
.news  .pagination li:last-child a{margin-left: 1px;}
.news  .pagination>li>a {padding: 4px 8px;}


}
@media only screen and (min-width: 1203px) and (max-width: 1302px) {
	.jia form.form-horizontal {
    position: absolute;
    z-index: 10;
    left: 14%;
 
}
}
@media only screen and (min-width: 1303px) and (max-width: 1539px) {
	.jia form.form-horizontal {
    position: absolute;
    z-index: 10;
    left: 16%;
    margin-top: 27%;
}
}
@media only screen and (min-width: 1540px) and (max-width: 1700px) {
	.jia form.form-horizontal {
    position: absolute;
    z-index: 10;
    left: 16%;
    margin-top: 33%;
}
}
@media only screen and (min-width: 1701px) and (max-width: 2120px) {
	.jia form.form-horizontal {
    position: absolute;
    z-index: 10;
    left: 12%;
    margin-top: 38%;
}
}