/*Common For Max 1600*/
@media only screen and (max-width:1900px){

	/*******************************
		-------[=header]-------
	********************************/
	.hd-search-form{
		top: 100%;
		right: 0;
		left: auto;
		border: 1px solid #7ab846;
	}
	.hd-search-form .btn{
		background-color: #7ab846;
		background-image: url(../images/icon-find-w-big.png);
	}

	/*******************************
		-------[=certificate]-------
	********************************/
	.List9 {margin: 0 -3vw;}
	.List9 .con{margin: 0 3vw;}

}

/*Common For Max 1440*/
@media only screen and (max-width:1550px){

	/*******************************
		-------[=Product]-------
	********************************/
	.ProductSlider .item-con{padding-right: 2%;}
	.ProductSlider .txt{font-size: 16px;}
	.ProductSlider .txt h3{font-size: 24px;}
	.ProductSlider .txt h2{font-size: 60px;}
	.ProductSlider .txt p{line-height: 1.6;height: 6.4em;}

	/*******************************
		-------[=projects]-------
	********************************/
	.List4-2 {margin: -6px;}
	.List4-2 .item{width: 25%;}
	.List4-2 .con{margin: 6px;}


}

/*Common For Max 1366*/
@media only screen and (max-width:1440px){

	/*title*/
	.tit-3{font-size: 30px;line-height: 40px;padding-bottom: 10px;margin-bottom: 20px;}

	/*******************************
		-------[=header]-------
	********************************/
	.hd-lang-link a{padding: 15px 5px;}

	/*******************************
		-------[=navigation]-------
	********************************/
	/*#nav li{padding: 0 10px;margin-right: 5px;}*/
	#nav li.first{margin-right: 10px;padding-right: 20px;}
	#nav .nav_sub a{padding: 15px 5px;}
	
	/* #nav .nav_item{
		display: inline-block;
		left: 50% !important;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
	} */

	/*******************************
		-------[=footer]-------
	********************************/
	.f_mail{width: 30%;margin-right: 4vw;}
	.f_nav{width: 29%;}

	/*******************************
		-------[=index]-------
	********************************/
	.List2 h3{font-size: 24px;margin-bottom: 5px;}

	.List3 {margin: -20px;}
	.List3 .con{margin: 20px;}
	.List3 h3{/*font-size: 24px;*/font-size: 22px;line-height: 30px;}

	/*******************************
		-------[=ban]-------
	********************************/
	#ban{min-height: 300px;}
	#ban h2{font-size: 40px;line-height: 50px;padding-bottom: 10px;}
	#ban .ban_txt{font-size: 14px;line-height: 20px;}

	/*******************************
		-------[=submenu]-------
	********************************/
	#snav{font-size: 14px;height: 60px;line-height: 60px;}
	#snav .s1 i{width: 30px;height: 30px;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
		margin-right: 10px;
	}
	#snav .s1 img{width: 30px;height: 30px;margin-right: 10px;}
	#snav li.active .s1{width: auto;}

	/*******************************
		-------[=contact]-------
	********************************/
	.MapList{font-size: 14px;}
	.MapList h3{font-size: 24px;}	

	/*******************************
		-------[=about]-------
	********************************/
	.m-tpBox1 h3{font-size: 3vw;line-height: 1.2;}

	.List11 h3{font-size: 24px;}

}

/*Common For Max 1200*/
@media only screen and (max-width:1350px){

	/*******************************
		-------[=header]-------
	********************************/
	.logo span{font-size: 18px;}

	.hd-lang-link a{font-size: 14px;}

	/*******************************
		-------[=navigation]-------
	********************************/
	/*#nav li{padding: 0 5px;}*/
	/*#nav .v1{font-size: 16px;}*/
	#nav .nav_sub a{font-size: 14px;}


	/*******************************
		-------[=index]-------
	********************************/
	.List1 .item{padding: 0;}
	.AboutSlider .slick-dots{right: 35px;}


}

/*Common For Max 1024*/
@media only screen and (max-width: 1199px) {

	/*button*/
	.btn-view i{width: 35px;height: 20px;margin-left: 5px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	/*title*/
	.tit-1{margin-bottom: 20px;}

	/*******************************
		-------[=header]-------
	********************************/
	#header{height: 50px;}
	.logo{}
	.logo img{height: 35px;margin-top: 7px;}
	.logo span{line-height: 35px;margin: 15px 10px 0;}

	.hd-query{
		margin-right: 12px;position: static;
		background: url(../images/vline1.png) right center no-repeat;
	}
	.hd-query ul{margin: 5px 0;}
	.hd-query li{position: static;}

	.hd-lang-link{left: 0;right: 0;width: auto;margin-left: 0;padding-top: 0;}
	
	.hd-search-form{left: 0;right: 0;width: auto;}
	.hd-search-form .btn{
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	/*******************************
	  -------[=navigation]-------
	********************************/
	.menuBtn{display: block;}
	#slideNav{display: block;}
	#nav{display: none;	}

	/*******************************
		-------[=footer]-------
	********************************/
	.f_nav{display: none;}
	.f_mail,.f_address{width: 425px;}
	.f_mail{margin-right: 0;}
	.f_address{float: right;}

	/*******************************
		-------[=banner]-------
	********************************/
	#banner{margin-bottom: 40px;}
	#banner .slider .txt{font-size: 16px;line-height: 1.5;margin-left: 0;}
	#banner .slider .txt h3{font-size: 40px;line-height: 1;padding-bottom: 15px;}

	/*******************************
		-------[=index]-------
	********************************/
	.index-row{margin-bottom: 40px;}

	.List1 .txt{padding-right: 0;}
	.AboutSlider .slick-dots{right: 0;}

	.List2 .txt{left: 45%;}

	.List3 {margin: -10px;}
	.List3 .con{margin: 10px;}
	.List3 .pic{margin-bottom: 10px;}
	.List3 .date{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
	.List3 h3{font-size: 20px;margin-bottom: 15px;}

	.index-Social .txt{width: 37%;}

	/*******************************
		-------[=news-info]-------
	********************************/
	.article{font-size: 14px;}
	.article h1{font-size: 20px;line-height: 1.5;margin-bottom: 10px;}
	.article .info{padding-bottom: 15px;margin-bottom: 25px;}

	.page{margin: 30px 0;}
	.articlePage{padding: 10px 20px;margin: 30px 0;}

	/*******************************
		-------[=projects]-------
	********************************/
	.List4-2 .item{width: 33.333%;}

	.SelectBox .inp_select{
		font-size: 15px;
		width: 200px;
		height: 38px;
		padding: 0 30px 0 10px;
		margin: 0 5px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	/*******************************
		-------[=projects-info]-------
	********************************/
	.article .info ul{padding: 0 15vw;}

	.ProjectInfoSlider .slider-nav .pic{width: 180px;height: 102px;}

	/*******************************
		-------[=certificate]-------
	********************************/
	.List9 {margin: 0 -20px;}
	.List9 .item{margin: 10px 0;padding-bottom: 10px;}
	.List9 .con{margin: 0 20px;}
	.List9 .title{font-size: 18px;margin-bottom: 5px;}
	.List9 .bot{font-size: 14px;}

	/*******************************
		-------[=contact]-------
	********************************/
	.MapList li{width: 50%;}

	/*******************************
		-------[=about]-------
	********************************/
	.m-txt1{font-size: 14px;}
	.m-txt2{font-size: 14px;}
	
	.List11 .txt{font-size: 14px;}

}


/*Common For Max 768*/
@media only screen and (max-width: 992px) {

	/*fonts*/
	body{font-size: 12px;}

	/*scrollbar*/
	::-webkit-scrollbar{width: 0;height: 0;}

	/*title*/
	.tit-2{margin-bottom: 20px;}

	/*button*/
	.btn2{font-size: 14px;width: 140px;}
	.btn2 i{
		width: 24px;
		-webkit-background-size: 24px auto;
		background-size: 24px auto;
	}

	/*layout*/
	.h50{height: 25px;}
	.h60{height: 30px;}
	.h70{height: 35px;}
	.h80{height: 40px;}

	/*******************************
		-------[=footer]-------
	********************************/
	#footer{font-size: 14px;}
	.f_info{padding: 30px 0;}
	.f_info h3{font-size: 18px;line-height: 25px;margin-bottom: 10px;}
	.f_mail,.f_address{float: none;width: auto;text-align: center;}
	.f_mail{max-width: 425px;margin: 0 auto;}
	.f_mail .inp{font-size: 14px;text-align: center;margin-bottom: 15px;}
	.f_mail .btn1{margin: 0 auto;}

	.f_address{line-height: 1.5;padding-top: 20px;
		border-top: 1px solid #484848;margin-top: 20px;
	}
	.f_copy{font-size: 12px;padding: 10px 0;}

	/*******************************
		-------[=banner]-------
	********************************/
	#banner .slider .item-txt{
		top: 50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	}
	#banner .slider .txt h3{font-size: 30px;}

	#banner .slick-dots{bottom: 10px;}
	#banner .slick-dots li{margin: 0 2px;}
	#banner .slick-dots button{width: 6px;height: 6px;}

	/*******************************
	  -------[=ban]-------
	********************************/
	#ban{min-height: 250px;}

	/*******************************
		-------[=submenu]-------
	********************************/
	#snav .s1{width: auto;padding: 0 20px;margin: 0;}
	#snav .s1 i{width: 20px;height: 20px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
		margin-right: 5px;
	}
	#snav .s1 img{width: 20px;height: 20px;margin-right: 5px;}

	#snav.snav-about .wrap{
		overflow-x: auto;
	}
	#snav.snav-about ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		min-width: 750px;
	}
	#snav.snav-about li{float: none;width: auto;}
	#snav.snav-about .s1{padding: 0 20px;}

	#snav.snav-projects ul{display: block;}
	#snav.snav-projects li{width: 33.333%;}

	/*******************************
		-------[=page]-------
	********************************/
	.page{font-size: 14px;}
	.page li{margin: 0 2px;}
	.page a{width: 24px;height: 24px;line-height: 24px;}
	.page a.next{
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	/*******************************
		-------[=index]-------
	********************************/
	.List1 .left{float: none;width: auto; margin-bottom: 20px;}
	.List1 .txt{margin: 0;padding: 10px 0;text-align: center;}
	.List1 .header{font-size: 30px;line-height: 1.5;margin-bottom: 10px;}
	.List1 .description{font-size: 14px;line-height: 2;height: auto;max-height: 6em;margin-bottom: 20px;}

	.AboutSlider .slick-dots{position: static;text-align: center;margin-top: 10px;}
	
	/*.ScrollBar{overflow-x: auto;}
	.List2{width: 1000px;}*/
	.List2 h3{font-size: 18px;line-height: 1.5;}

	.List4 .con{font-size: 14px;}
	.List4 .txt{line-height: 1.5;height: 4.5em;}
	.List4 .bot{height: 43px;line-height: 43px;}

	/*******************************
		-------[=product]-------
	********************************/
	.ProductSlider .item-con{padding-left: 2%;overflow: hidden;background: rgba(0,0,0,.5);}
	.ProductSlider .item-txt{margin-bottom: 0;float: right;max-width: 580px;}
	.ProductSlider .txt{color: #fff;font-size: 14px;}
	.ProductSlider .txt h3,
	.ProductSlider .txt h2{color: #fff;}
	.ProductSlider .txt h3{font-size: 18px;}
	.ProductSlider .txt h2{font-size: 40px;}
	.ProductSlider .btn2{color: #fff;background: #7ab846;margin-right: 5px;}
	.ProductSlider .btn2 .icon-load{
		background-image: url(../images/icon-load-w-big.png);
	}
	.ProductSlider .btn2 .icon-eye{
		background-image: url(../images/icon-eye-w-big.png);
	}

	.ProductsFilter .FilterBox{position: static;}
	.FilterBox{height: auto;padding: 10px 0;}
	.FilterBox dl{float: none;margin: 10px 0;}
	.FilterBox dt{width: 80px;text-align: right;}
	.FilterBox .btn{font-size: 18px;
		/*padding-left: 25px;*/
		height: 45px;margin-top: 0;padding: 0 15px 0 35px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	.m-products{padding: 30px 0;}
	.List6 .con{padding-bottom: 10px;}
	.List6 h3{font-size: 16px;margin-bottom: 4px;}
	.OtherSlider .slick-dots{margin: 0;}

	/*******************************
		-------[=product-QA]-------
	********************************/
	.List7 .title{font-size: 14px;padding-right: 10px;line-height: 20px;}
	.List7 .open .title{font-size: 16px;}
	.List7 .cont{font-size: 14px;}
	.List7 .title i{width: 20px;height: 20px;margin-left: 10px;}
	.List7 .title i::before{height: 2px;margin-top: -1px;left: 3px;width: 14px;}
	.List7 .title i::after{width: 2px;margin-left: -1px;top: 3px;height: 14px;}

	/*******************************
		-------[=news&events]-------
	********************************/
	.List8 .item{padding: 20px 0;}
	.List8 .pic{width: 300px;height: 188px;}
	.List8 .txt{font-size: 14px;line-height: 1.5;height: 188px;margin-left: 330px;}
	.List8 .title{font-size: 18px;max-height: 3em;}
	.List8 .det{max-height: 3em;}

	/*******************************
		-------[=projects]-------
	********************************/
	.SelectBox{margin-bottom: 25px;}

	/*******************************
		-------[=projects-info]-------
	********************************/
	.article .info ul{padding: 0;}
	.articlePage{font-size: 14px;line-height: 26px;}
	.articlePage .prev a, .articlePage .next a{
		width: 48px;height: 24px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	.articlePage .back a{padding-left: 25px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	.ProjectInfoSlider .slider-nav{left: 10px;bottom: 10px;right: 10px;}
	.ProjectInfoSlider .slider-nav .pic{padding: 5px;width: auto;height: auto;/*width: 150px;height: 80px;*/margin-right: 7px;}
	.ProjectInfoSlider .slider-nav .pic span{position: relative;display: block;height: 0;padding-top: 53%;overflow: hidden;}
	.ProjectInfoSlider .slider-nav .pic img{position: absolute;left: 0;top: 0;}

	/*******************************
		-------[=certificate]-------
	********************************/
	.List9 {margin: 0 -10px;}
	.List9 .con{margin: 0 10px;}
	.List9 .bot{height: 30px;line-height: 30px;}
	.List9 .tag{
		padding-left: 35px;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
	.List9 .btn{height: 30px;line-height: 30px;margin-top: 0;}
	.List9 .btn i{width: 24px;height: 30px;
		-webkit-background-size: 24px auto;
		background-size: 24px auto;
	}

	/*******************************
		-------[=contact]-------
	********************************/
	.MapList{line-height: 1.7;}
	.MapList h3{font-size: 18px;line-height: 1.5;}
	.MapList .t2{margin-bottom: 8px;}
	.MapList ul li:only-child{width: auto;}
	.MapList .btn{padding-left: 25px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}

	.m-Message{padding: 30px 0;}
	.m-Message .words{font-size: 18px;line-height: 1.5;}
	.m-Message .words .big{font-size: 20px;}
	.m-Message .btn3{width: 34%;min-width: 150px;}

	/*******************************
		-------[=about]-------
	********************************/
	.List10 .txt{font-size: 14px;}

}

/*Common For Max 640*/
@media only screen and (max-width: 750px) {

	/*title*/

	/*button*/
	.btn1{width: 55px;height: 28px;}
	.btn1:hover{width: 60px;}

	/*layout*/
	.wp{width: 96%;}

	/*******************************
		-------[=footer]-------
	********************************/
	.f_address{display: none;}

	/*******************************
		-------[=banner]-------
	********************************/
	#banner{margin-bottom: 30px;}
	#banner .slider .txt{font-size: 14px;text-align: center;}
	#banner .slider .txt h3{font-size: 20px;}
	#banner .slider .txt h3::after{left: 50%;width: 60px;margin-left: -30px;}

	/*******************************
		-------[=ban ]-------
	********************************/	
	#ban{min-height: 200px;}
	#ban h2{font-size: 24px;}
	#ban h2::after{width: 50px;}

	/*******************************
		-------[=index]-------
	********************************/
	.List1 .left{margin-bottom: 10px;}
	.List1 .header{font-size: 24px;line-height: 1.5;margin-bottom: 5px;}
	.List1 .description{line-height: 1.5;margin-bottom: 10px;}

	.AboutSlider .slick-dots{height: 10px;margin-top: 0;}
	.AboutSlider .slick-dots li{margin: 0 2px;}
	.AboutSlider .slick-dots button{width: 5px;height: 5px;}

	.index_proSlider .slick-dots li{margin: 0 2px;}
	.index_proSlider .slick-dots button{width: 5px;height: 5px;}

	.NewSlider .slick-dots li{margin: 0 2px;}
	.NewSlider .slick-dots button{width: 5px;height: 5px;}

	.index-Social{height: auto;}
	.index-Social .txt{font-size: 14px;width: auto;padding: 30px 0;text-align: center;}
	.index-Social .txt h3{font-size: 30px;line-height: 35px;margin-bottom: 15px;}
	.index-Social .txt .det{line-height: 1.5;height: auto;max-height: 3em;margin-bottom: 15px;}
	.index-Social .pic{position: static;height: 300px;width: auto;}

	/*******************************
		-------[=product]-------
	********************************/
	.OtherSlider .slick-dots li{margin: 0 2px;}
	.OtherSlider .slick-dots button{width: 5px;height: 5px;}

	.m-projects{margin-bottom: 35px;}
	
	.ProductSlider .pic{width: 70%;left: 5%;}

	/*******************************
		-------[=product-QA]-------
	********************************/
	.List7 .title{padding: 10px;}
	.List7 .cont{padding: 15px 10px;}

	/*******************************
		-------[=news&events]-------
	********************************/
	.List8 .pic{float: none;width: auto;height: auto;margin-bottom: 10px;}
	.List8 .txt{margin-left: 0;height: auto;padding-bottom: 40px;}

	/*******************************
		-------[=projects]-------
	********************************/
	.List4-2 .item{width: 50%;}

	/*******************************
		-------[=projects-info]-------
	********************************/
	.article .info li{float: none;width: auto;text-align: center;}
	
	.ProjectInfoSlider .slider-nav{position: relative;left: 0;right: 0;bottom: 0;margin-top: 10px;}
	.ProjectInfoSlider .slider-nav .pic{background: rgba(0,0,0,.2);}

	/*******************************
		-------[=certificate]-------
	********************************/
	.List9 .item{width: 50%;}
	.List9 .title{font-size: 16px;}
	.List9 .bot{font-size: 12px;}
	.List9 .btn{width: 100px;}

	/*******************************
		-------[=contact]-------
	********************************/
	.MapList li{float: none;width: auto;}

	.m-Message .words{font-size: 14px;}
	.m-Message .words .big{font-size: 16px;}
	.g_form1 .half-col{float: none;width: auto;}
	.g_form1 dl,.g_form1 .half-col dl{margin-bottom: 0;}
	.g_form1 dl{font-size: 14px;}
	.g_form1 .area_box{height: auto;}
	.g_form1 .area_box dt{float: none;margin-bottom: -10px;}
	.g_form1 .area_box dd{margin-left: 0;}
	.g_form1 .area_box .inp{padding: 0;line-height: 30px;height: 120px;}

	.btn3{height: 38px;line-height: 38px;font-size: 16px;margin: 20px auto;}

	/*******************************
		-------[=about]-------
	********************************/
	.m-txt2{margin-bottom: 30px;}

	.List10 .pic{float: none;width: auto;height: 0;padding-top: 63%;margin-bottom: 15px;}
	.List10 .txt{margin-left: 0;line-height: 0;height: auto;}
	.List10 .txt-con{display: block;}

	.index-Social .txt .tit-3::after{left: 50%;margin-left: -50px;}

	.m-tpBox1{padding-top: 200px;margin-bottom: 30px;}
	.m-tpBox1 h3{font-size: 4vw;}

	.List11 .pic{float: none;width: auto;height: 0;padding-top: 61%;margin-bottom: 20px;}
	.List11 .txt{margin-left: 0;padding: 0 2%;}
	.List11 h3{margin-bottom: 10px;}

	.List5{padding: 0 40px;}

}

/*Common For Max 480*/
@media only screen and (max-width: 600px) {

	/*title*/
	.tit-3{font-size: 22px;line-height: 1.5;padding-bottom: 5px;}

	/*******************************
		-------[=index]-------
	********************************/
	/*.List2 .item{float: none;width: auto;}*/

	/*.List3 .item{float: none;width: auto;margin-bottom: 20px;}
	.List3 .item:last-child{padding-top: 0;margin-bottom: 0;}*/
	.List3 .date{margin-bottom: 5px;}
	.List3 h3{font-size: 16px;line-height: 20px;margin-bottom: 5px;}

	.List4 .txt{height: 4.5em;}
	.List4-2 .txt{height: auto;max-height: 4.5em;}
	/*.List4 .txt{line-height: 2;height: auto;max-height: 6em;}*/

	/*******************************
		-------[=about]-------
	********************************/
	.List10 h3{margin-bottom: 10px;}

	.List11 h3{font-size: 22px;line-height: 1.5;}

}

/*Common For Max 414*/
@media only screen and (max-width: 479px) {

	/*******************************
		-------[=header]-------
	********************************/
	.logo span{/*display: none;*/font-size: 10px;letter-spacing: 0;}
	.hd-query .hd-net{font-size: 14px;padding-left: 0;background: none !important;}

	/*******************************
		-------[=banner]-------
	********************************/
	#banner .slider .item-con{padding-top: 220px;}

	/*******************************
		-------[=index]-------
	********************************/
	/*.List2{width: 800px;}*/

	.List5 .con{box-shadow: 0 0 18px rgba(0,0,0,.1);}

	/*******************************
		-------[=projects]-------
	********************************/
	.List4-2 .item{float: none;width: auto;margin-bottom: 20px;}

	.SelectBox .inp_select{margin: 5px;}

	/*******************************
		-------[=submenu]-------
	********************************/
	#snav{height: 45px;line-height: 45px;}
	#snav .s1 img{display: none;}

}

/*Common For Max 375*/
@media only screen and (max-width: 425px) {

	/*******************************
		-------[=certificate]-------
	********************************/
	.List9 .item{float: none;width: auto;margin-bottom: 20px;}

}

/*Common For Max 320*/
@media only screen and (max-width: 375px) {

}