@media only screen and (min-width: 786px){
	.download-btn:hover{
		color: white;
	}
	.joinus-box-change li:hover{
		cursor: pointer;
	}
	.caption .sku a:hover{
		color: #007CC3;
	}
	#distributor .product-list .thumbnail:hover .product_img img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.product-lump .product-list .thumbnail:hover .caption {
		height: 65px;
		line-height: 65px;
	}
	.range ul li:hover a {
		color: #fff!important;
	}
	.range ul li:hover {
		color: #fff !important;
		background: #007cc3;
	}

	.index-newsleft{
		padding-right: 0px;
	}
	.index-newsright{
		padding-left: 0px;
	}
	.news-recommendtxt a:hover
	{
		color: #007CC3;
	}
	.index-intro-more:hover,.contact-form .input-group:nth-last-of-type(1) button:hover{
		background-color: black;
		color: white;
	}
	.joinus dl{
		cursor: pointer;
	}
	.contact-form form{
	margin:0px 10%;
}
	.footer-bottom .footer-link p:hover{
		color: #007cc3;
		cursor: pointer;
	}
	.navbar li a:hover {
		border-bottom: 2px solid black;
	}
	.dropdown:hover .dropdown-menu
	{
		animation:mymove 0.45s ease;
	    -webkit-animation: mymove 0.45s ease;
	    -moz-animation: mymove 0.45s ease;
	    -ms-animation: mymove 0.45s ease;
	    display: block;
        position: absolute;
	    border-top: 2px solid black;
	}
	 .dropdown-toggle:hover{
		border-bottom: none !important;
	}
	.product-secondright ul li a:hover .product-img{
	background-position: 50px 0px;
}
	.dropdown-menu li a:hover{
		color: #007cc3;
		background: none;
		border-bottom: none;
	}
	@keyframes mymove
	{
	from {top:90%; opacity: 0;}
	to {top:100%; opacity: 1;}
	}
	.navbar-right .dropdown-menu
	{
		right: auto;
		display: none;
	}
	.navbar-nav>li>.dropdown-menu a
{
	height: 50px;
	line-height: 50px;
}
	.navbar-nav>li:nth-of-type(2)>.dropdown-menu a
{
	height: auto;
	line-height: 30px;
}
.navbar-nav>li:nth-of-type(2)>.dropdown-menu{
	padding: 35px 0px;
}
.product-secondright ul li a p{
	padding: 0;
}
.product-secondright  ul li  a:hover{
	border: none;
}
.navbar-nav>li:nth-of-type(2){
	position: static;
}
.navbar-nav>li:nth-of-type(2)>.dropdown-menu{
	width: 100%;
	left: 0;
}
.index-news  li a:hover{
	background-color: #007cc3;
	color: white;
}
.index-news  li a:hover .index-newsdetaildesc,.index-news  li a:hover h4{
	color: white;
}
.index-news  li a:hover .title-line{
	background-color:white ;
}
.index-newsright img{
	width: 100%;
	display: inline-block;
}

	.navbar-default .navbar-nav>li>a:focus
	{
		background: none;
	}
    .index-news .index-newsdetail{
       padding: 17px;
		height: auto;
    }
    .lead-nav ul li:hover{
    	background-color: #007cc3;
    }

    .lead-nav ul li:hover a{
    	color: white;
    }
    .product-content ul li .product-ani:hover
    {
    	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
    	-webkit-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15);
    	transform: scale(1.1);
    	cursor: pointer;
    }
    .news-content ul li a:hover
    {
    	background: white;
    	transform: scale(1.01);
    	cursor: pointer;
    }

}

@media only screen and (min-width: 1600px){
	.news-content ul li h2{
		min-height: 60px;
	}
	.info-insert2{
		min-height: 937px;
	}
	.index-news .index-newsdetail{
        padding: 25px 25px 50px 25px;
    }
    .index-news li{
        margin-bottom: 0px;
    }
.index-newsright .index-newsdetailleft{
	margin-top: 10px;
}
.index-newsright .index-newsdetailright{
	margin-top: 25px;
}
.index-newsdetailleft h3{
	font-size: 55px;
	margin: 0;
}
	.container
	{
		width: 1440px;
	}
	.dropdown-menu{
		width: 100%;
	}
	.navbar-nav>li>.dropdown-menu a
	{
		padding: 0;
		font-size: 14px;
	}
	.index-newsright img{
		padding: 10px;
		display: inline-block;
	}
	.index-news .index-newsright a{
	padding: 8px 20px 8px 8px;
		width: 100%;
		display: inline-block;
		min-width: 665px;
}
}
@media only screen  and (max-width: 1600px) {
	.index-newsleft ul li{
		height: 405px;
		overflow: hidden;
	}
	.index-newsright ul li{
		height: 130px;
		margin-bottom: 7px;
		overflow: hidden;
	}
	.info-insert9 .info-insert9-top,.info-insert9 .info-insert9-bottom{
		width: 100%;
	}
	.info-insert9 .info-insert9-top{
		top: 5%;
	}
	.info-insert9 .info-insert9-bottom{
		bottom: 5%;
	}
	.news-recommenddesc{
		margin: 0;
		padding: 0;
	}
	.info-insert2-txt ul li{
		margin-bottom: 20px;
		width: 100%;
	}
	.info-insert2-txt ul{
		margin-top: 20px;
	}
	.range {
		margin-bottom: 10px;
	}
	.range ul li {
		padding:5px 16px;
	}
	.download-para > a {
		width: 118px;
		height: 39px;
		line-height: 39px;
		margin-top: 8px;
		font-size: 16px;
	}
}
@media only screen  and (max-width: 1200px) {
	#distributor .thumbnail{
		min-height: 100px;
	}
	.index-newsleft ul li{
		height: auto;
	}
	.info-insert10-desc{
		display: none;
	}
	.download-right{
		margin-top: 30px;
	}
	   	.news-content ul li{
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-content ul li a{
		margin-bottom: 30px;
	}
	.index-insert{
		display: none;
	}
	.title-line{
    width: 25px;
    }
    .navbar li a{
		padding: 0px 30px;
	}
	 .index-navright{
		padding-left: 30px;
	}
	.product-secondleft{
		text-align: center;
		margin-bottom: 30px;
	}
	.index-news li{
		width: 33%;
		float: left;
		height: auto !important;
	}
	 .index-news .index-newsleft li{
		width: 50%;
		float: left;
	}
}
@media only screen  and (max-width: 992px) {
	.info-insert9-top h3{
		font-size: 20px;
	}
	.info-insert9-size,.info-insert9-desc,.info-insert9-bottom{
		font-size: 16px;
		margin: 5px 0px;
	}
	.info-insert5-bottom,.info-insert5-top p{
		display: none;
	}
	.info-insert2-txt{
		width: 100% !important;
		text-align: center;
	}
	.info-insert2 .info-insert2-txt{
		position: static;
		transform: none;
	}
	.col-md-cus{
		width: 50%;
	}
	.product-info .info-menu ul li{
		border: none !important;
		padding: 5px;
	}
	.product-info .info-menu{
		padding-bottom: 0px;
	}
.download-title h3{
	margin-top: 30px;
}
    .index-news .index-newsdetail{
       padding-top: 10px;
        padding-bottom: 10px;
    }
	footer{
		padding: 10px 0px;
	}
	footer .footer-top{
		display: none;
	}
	.index-introright{
		float: none;
	}
   .index-intro1 .container,.index-introleft, .brand .brandfounder .founder-right{
	position: static;
	transform: none;
	-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
}
.brand .foundertitle{
	margin-top: 30px;
}
.brand .foundertitle h4{
	margin-bottom: 10px;
}
.index-intro1 .container{
	padding: 30px 0px;
}
.index-introleft h2{
	font-size: 18px;
}
.index-introleft-desc,.index-introleft-content{
	font-size: 16px;
}
.index-introleft-content{
	padding: 10px 0px;
}
.index-introleft-content h4{
	font-size: 18px;
}
.index-introleft{
	margin-bottom: 30px;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

	.navbar-header{
		width: 100%;
		margin-bottom: 15px;
	}
	.navbar-nav{
		margin-right: 12%;
	}
	.navbar-header .navbar-brand{
		padding-left: 50%;
		transform: translateX(-10%);
		-webkit-transform:translateX(-10%);
		-moz-transform:translateX(-10%);
		-o-transform:translateX(-10%);
	}
	.index-search,.index-navright{
		display: none;
	}
	.product-second
	{
		display: none;
	}
	.index-banner .swiper-container-banner{
	 margin-top: 150px;
    }
    .index-news  li a{
    	width: 100%;
    }
    .index-news .index-newsleft li,.index-news li{
    	width: 100%;
    	padding: 0;
    	margin-bottom: 30px;
    }
    .index-news .index-newsright a,.index-news .index-newsright .index-newsdetail .index-newsdetailleft{
    	padding: 0;
    }
   .index-news .index-newsright .index-newsdetail{
    padding: 25px 25px 50px 25px;
}
.index-newsright .index-newsdetailleft h4{
	color: #007cc3;
}
    .index-newsdetail  h3{
	  font-size: 40px;
     }
    .index-newsleft,.index-newsright{
    	padding: 0;
    }
    .contact-way li p{
    	text-align: center;
    }
    .contact-form .input-group{
    	width: 100%;
    	display: inline-block;
    }
    .sale-link ul li{
    	margin-bottom: 30px;
    }
	.info-menu ul li{
		width: 50%;
		border: none !important;
		padding: 0px;
	}
}
@media only screen and (max-width: 768px) {
	#galery-lump{
		margin-top: 50px;
		padding-bottom: 40px;
	}
	.joinus-details {
		padding: 0px 15px;
		margin-bottom: 20px;
	}
	.download-lump .lead-nav ul{
		width: 100%;
	}
	.caption h3{
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		white-space: nowrap;
	}
	.sku_description{
		overflow: hidden;
	}
	.search-info{
		margin-top: 50px;
	}
	.info-nav{
		margin-top: 50px;
	}
	.info-insert11 .info-insert11txt  p:nth-of-type(1){
		font-size: 35px;
	}
	.info-insert11 .info-insert11txt,.info-insert16 h3{
		margin: 10px;
	}
	.info-insert14-txt{
		top: 15px;
	}
	.info-insert14-txt h3{
		margin: 0;
	}
	.info-insert10-txt,.info-insert14-txt,.info-insert20 ul li:nth-child(odd),.info-insert20 ul li:nth-child(even){
		width: 100%;
	}
	.info-insert9-top,.info-insert10-size{
		display: none;
	}
	.size14{
		font-size: 14px !important;
	}
	.size20{
		font-size: 20px !important;
	}
	.size16{
		font-size: 16px !important;
	}
	.info-insert4,.info-insert6,.info-insert11,.info-insert16,.info-insert18,.info-insert19,.info-insert20{
		padding: 30px 0px;
	}
	.info-insert19,.info-insert20{
		padding-left:15px;
		padding-right: 15px;
	}
	.info-insert19 ul li,.info-insert20 ul li{
		width: 100%;
		font-size: 14px;
	}

	.info-insert4 .info-insert4-desc,.info-insert6 .info-widthimg,.info-insert8 .info-widthimg{
		margin: 30px 0px;
	}
	.info-insert3 .info-insert3-txt h2,.info-insert3 .info-insert3-intro,.info-insert3 .info-insert3-desc{
		font-size: 14px;
	}
	.info-insert3 .info-insert3-txt{
		width: 100%;
	}
	.info-insert3 .info-insert3-desc{
		bottom: 0;
		font-size: 14px;
	}
	.info-insert3 .info-insert3-intro{
		margin-top: 10px;
		font-size: 12px;
	}
	.info-insert2-txt h3,.info-insert2-txt ul li .weight{
		font-size: 20px;
	}
	.info-insert2-txt p,.info-insert2-txt ul li{
		font-size: 16px;
	}
	.info-insert1 .info-insert1-txt{
		left: 10px;
		bottom: 10px;
		font-size: 12px;
	}
	.info-insert1-txt h3{
		font-size: 16px;
	}
	.product-banner{
		margin-top: 50px;
		display: none;
	}
	.sale-content,.sale-content .sale-contenttitle h3{
		margin-top: 0px;
	}
	.sale-link ul li .sale-text i{
		font-size: 50px;
	}
	.sale-content{
		padding-bottom: 30px;
	}
	.newsdetail-content,.joinus,.sale{
		margin-top: 50px;
	}
	.lead-nav{
		margin-top: 90px;
	}
	.lead-nav ul li{
		width: 50%;
	}
	.lead-nav ul li a{
		width: 100%;
	}
	.swiper-containernews .news-recommendtxt{
		position: static;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform:none;
	}
	.news-recommend{
		margin: 30px 0px;
		display: none;
	}
	.sale-link .sale-text img{
		transform: scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
	}
	.sale-content .sale-line{
		top: 38px;
	}
	.brand .brandintro ul li{
		list-style: none;
	}
	.brand .brand-desc_img{
		width: 100% !important;
		display: inline-block;
	}
	.news-content ul li h2,.contact-way li h4,.award h4,.sale-content h3{
		font-size: 18px;
	}
	.lead-nav ul li a,.news-content ul li .news-desc,.contact-way li p,.contact-form .input-group span,.joinus-desc,.brand .lead-nav ul li a,.branddesc, .history-content .swiper-containertime .swiper-slide{
		font-size: 16px;
	}
	.award{
		margin-left: 25px;
	}
	.history-content .swiper-button-prev{
	    left: 0px;
	    opacity: 0.9 !important;
		}
		.history-content .swiper-button-next{
			right: 13px;
		}
	.contact-way li h4,.range p{
		margin-top: 17px;
		margin-bottom: 10px;
	}
	.news-content,.joinus-content,.brand .brand-content,.history-content,.newsdetailtitle h2{
		margin-top: 0px;
	}
	.news-content ul li a{
		margin-bottom: 30px;
		padding: 20px;
	}
	.contact-form h2,.brand .inner-title h2,.newsdetain-content h3,.download-title h3,.download-right h4{
		font-size: 22px;
	}
	.inner-title h2,.newsdetailtitle h2{
		font-size: 22px;
		padding: 30px;
		margin-bottom: 0px;
	}
	.newsdetailtitle h2{
		padding-bottom: 0px;
		text-align: left;
		padding-left: 0px;
	}
	.product-content ul li{
		padding: 15px 0px;
	}
	.title-img{
		display: none;

	}
	.contact-form h2{
		margin-top: 30px;
		margin-bottom: 30px;
	}
    .navbar-nav,.contact-form,.newsdetain-content h3,.range{
        margin: 0px;
    }
    .function-list ul li{
    	margin-left: 15px;
    }
    .index-news,.brand .inner-title h2,.brand .history-bottom ul li,.newsdetain-content h3{
        padding: 30px 0px;
    }
 .contact-way,.contact-content li{
	padding-bottom: 30px;
}
    .contact-content,.download-detail{
    	margin: 0px;
    }

    .index-newscontent{
        padding: 0;
    }
	.index-banner .swiper-container-banner{
	margin-top: 50px;
}
	.product-second{
		display: none;
	}
	.navbar-header{
		width: auto;
		margin-bottom: 0px;
	}
	.navbar-header .navbar-brand{
		padding-left: 15px;
		transform: none;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
	}
	 .navbar-brand img{
	max-height: 50px;
     }
     .navbar li a
	{
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		padding: 0px 15px;
	}
	 .index-navright{
 	   display: none;
 }
 .navbar li a:after{
 	content: "";
 }
 .index-news h2{
 	font-size: 22px;
 	font-weight: bold;
     margin: 30px;
 }
 .index-news-more a{
	margin-top: 10px;
    font-size: 16px;
}
 .index-news h4{
 	font-size: 16px;
 }
 .index-newsright img{
 	width: 100%;
 }
 .index-news .index-newsdetail{
 	padding: 15px 15px 40px 15px;
 }
 .news-content ul li{
 	padding: 0;
 }
 .contact-form .input-group:nth-last-of-type(1) button
 {
 	padding: 10px 40px;
 	margin-top: 0px;
 }

.joinus  .joinus-box-change li
    {
         font-size: 14px;
    }
    .joinus-box-change li p {
        margin-bottom: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
	.news .gray-back{
		padding-bottom: 30px;
	}
	.download-para{
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 40px;
	}
#distributor-info{
	margin-top: 40px;
	min-height: 635px;
	padding-top: 0px !important;
}
	.thumbnail{
		height: auto !important;
	}
	.thumbnail h2{
		font-size: 20px;
	}
	#distributor-info .product-list >div:last-of-type h2{
		padding: 15px 0px;
		font-size: 20px;
	}
	#distributor-info .product-list >div:first-of-type{
		border: none;
		padding: 0;
	}
	#distributor-info .product-list >div:first-of-type:after{
		background-color: white;
	}
	#distributor-info .product-list >div:last-of-type,#distributor .product-list .col-sm-6{
		padding: 0px;
	}
	.product-content{
		margin-top: 0px;
	}

}