﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){

	
}
@media (max-width:1600px){
.hz{width:88%;}
.hza{width:88%;}	
	




.index-title{font-size:36px; line-height:45px;}


}
@media (max-width:1440px){
.hz{width:94%;}
.hza{width:94%;margin:60px auto;}

.logo img { height:55px;}

.index-title{font-size:32px;line-height:40px;}

 


		}
@media (max-width:1300px){
.sousuo .ssk {width:40%;}
.index-get{display:none;}


 
.ny-product2-left{width:60%;}
.ny-product2-right{width:35%;padding:5%;}




	}
@media (max-width:1200px){
.hz{width:96%;}
.hza{width:96%;}

body {font-size: 15px;}


.mainbav .memu>a{padding:0 20px;font-size:16px;}


.index-title{font-size:30px;}
.index-title-ms{font-size: 18px;}



.foot-ewm {width:15%;}
.foot-ewm  li{margin-bottom:10px;}
.foot-box {width: 55%;}


.Certificates-hz-wb{font-size:16px;}
.about-nr{font-size:16px; line-height:27px;}
.contact-menu li a {font-size: 16px;}


.content-wb{font-size: 16px;}
.ny-product2-right-hot-right-title {font-size:16px;}

.ny-news-nr-pic{width:30%;}
.ny-news-nr-left{width:68%;}
.ny-news-nr-left-title{font-size:22px;}

.ny-product-left{width:24%;}
.ny-product-right{width:72%;}

.productshow-pic{width: 40%;}
.productshow-right{width:53%;}

.productshow-bg{overflow-y:auto;max-width:1200px;}
.productshow-bg table th{font-size:16px;}
.index-product-tilte {font-size: 18px;}

.products-title-ms {
    font-size: 16px;}
	
	.swiper-slide{font-size: 20px;}
}
@media (min-width:1024px){



}
@media (max-width:1024px){	
.top-pc { display:none;}

.logo{margin:8px 0;}
.tp_wrap{width:96%;margin: 0 auto;}

.top_sj{
  position:relative;
    width: 100%;display:block; z-index: 2;background: #197594;
    transition: all 0.5s;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
	}
	.top_sj.active{ background:rgba(255,255,255,0.9);}
	.top_sj.open{ background:rgba(255,255,255,1);}
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
.hamburger{display:block;}
	.dh{position:absolute; left:0px;top:100%; z-index:1111;width:100%; display:none; background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
	.dhov{ height:calc(100vh - 85px);display:block;overflow-y:auto;padding:20px;}
	.dh>ul { text-align:left;}
	.dh>ul>li{  position:relative;}
	.dh>ul>li>a{display:block;padding:15px;font-size:16px;font-weight:bold;color:#333;}
	.dh>ul>li>a:hover{background:#fff;color:#197594;text-decoration:underline;}
	.dh>ul>li .droparea{display:none; padding:20px;background:#f9f9f9;}
	.dh>ul>li .droparea .sj{display:none;margin-top:10px; }
		.dh>ul>li .droparea .sj li{ padding-left: 20px;}
	.dh>ul>li .droparea .sj a{color:#666;  }
		.dh>ul>li .droparea .sj a:hover{text-decoration:underline;}
	
	.dh ul li span{position:absolute; height:65px;width:51px;top:-5px;right:0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
    .dh ul li .inactive:before,.dh ul li .inactive:after{ transform: rotate(45deg);transition: all .3s ease;content: "";position: absolute;right:0;top: 50%; left:50%; margin-left:-5px;  height: 2px; width: 10px; border-radius: 3px;background-color:#333; margin-top: -3px; transition:0.5s;}
    .dh ul li .inactive:after {transform: rotate(-45deg);margin-top:3px;transition:0.5s;}
    .dh ul li .inactives:before,.dh ul li .inactives:after{  transform: rotate(135deg);transition: all .3s ease;content: "";position: absolute;top: 50%;  height: 2px; width:20px; border-radius: 3px;background-color:#333; margin-top:0px;}
    .dh ul li .inactives:after {transform: rotate(45deg);margin-top:0px;}
    .dh>ul>li .droparea img { display:none;}
    .dh ul li .droparea li{ padding:10px 0; position:relative; }
    .dh ul li .droparea li a{color:#333;}
	 .dh ul li .droparea li a:hover{color:#197594;text-decoration:underline;}
.dh ul li .droparea li a.color{color:#197594;text-decoration:underline;}

.sj-serach{padding:15px;}
	.sj-sok{border:none;background:none;font-size:15px;width:80%;}
.sj-menu-yy {margin:15px;overflow:hidden;border-bottom:none !important;}
	.sj-menu-yy li{float:left;margin-right:12px;font-size: 10px;   color: #333;}
	.sj-menu-yy a{float:left; font-size:15px !important;  color: #333;}
.sj-menu-yy:hover,.sj-menu-yy a.on{color:#197594;}



	.sear_t { position:absolute; width:100% !important; top:90px; left:0px; background-color: #fafafa; background: linear-gradient(to bottom,#f5f5f5 10%,#ededed 50%,#f5f5f5 90%); z-index:99; display:none; }
	.search_bar1 { max-width:630px; border-bottom:1px solid #dcdcdc; margin:20px auto 10px; padding-left:50px; padding-right:50px; position:relative; width:80%;}
	.search_form .sf_input1 {padding:10px; display:block; font-size:18px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; text-indent:10px;background-color: transparent;-webkit-appearance:none; } 
	.search_form .sf_input1:hover { outline:0;} 
	.search_form .sf_btn1 {background:url("../images/search_btn.png") no-repeat center;  width:46px; height:46px;   float: right; border: none; cursor: pointer; position:absolute; left:0px;}
	.search_form .search_close { position:absolute; right:5px; top:0px; width:20px; height:46px; background:url(../images/ssbtn_close.png) center no-repeat; }
	.search_form .sf_input::-webkit-input-placeholder { color:#505050; }
	
	/* 火狐浏览器 */
.search_form .sf_input::-moz-placeholder { color:#505050; }
.search_tbn { background:url(../images/ss_tbn.jpg) no-repeat center; width:20px; height:20px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}

.index-title{font-size:28px;line-height:36px;}
.index-title-ms{font-size:16px;}



.foot-ewm img{width: 110px;}


.contact-left-hm p{font-size:18px;}




.products-title{font-size:24px; }

.ny-product-left{top:30px;}



.ny-pr-products {width:47%;}

}


@media (max-width:960px){
.txhz-j{display:block;}
.txhz{display:block;}
.sj-top{margin-top:40px;}

 .index-title{font-size: 26px;}
 
   .foot-box { display:none;}
.foot-logo-hz {width:100%;}
.foot-ewm { width:100%;float:left;}


.index-about-right {width:100%; }
.index-about-left {width:100%; }

.contact-left{width:100%;}
.contact-right{width:100%;}



.ny-news-nr-pic{width:35%; }
.ny-news-nr-left{width:62%;}
.ny-news-nr-left-title{font-size:20px; }
 	
.showshow-title { font-size:24px;}
.ny-product2-right-title{font-size:22px;}

.yema a{font-size:16px;height:38px;line-height:38px;} 



.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}

.ny-product-left{width:28%;}
.ny-product-right{width:68%;}
.productshow-right { width: 100%; }

.ny-product-left li a{font-size:18px;}

.ny-product2-right { top:30px;}

.swiper-slide { font-size: 18px; }
}



@media (max-width:768px){

.foot-contact-title{font-size: 20px;}
.foot-ewm{margin-top:30px;}

.tech-card{width:90%;margin:0 auto;}

.tj{font-size:16px;}


 .ny-news-nr-pic{width:100%;}
.ny-news-nr-left{width:100%;padding:0;}
.ny-news-nr-hz a {display:block;}
.ny-news-nr-left-title{margin-top:30px;}
.ny-news-nr-hz{padding:5%;}

.products-title{font-size:22px; }

.service5Box4 .item{display:block;}
.img {width:100%;}
.service5Box4 .item .content {width:100%;margin-top:30px;}
.tabs-wz{display:none;}

.ny-product2-left{width:100%;}
.ny-product2-right{width:100%;margin-top:40px;}
.ny-product2-hz { display: block;}

.ny-product-left{width:100%;position: static; }
.ny-product-right {width:100%;margin-top:40px;}







}

@media (max-width:580px){	
.flex-direction-nav{display:none;}
 .index-product-tilte{font-size:16px;}

.contact-banner-ms{margin-top:10px; font-size:15px;}
 

.contact-menu li{padding-bottom:12px;margin-right:1%;margin-left:1%;margin-bottom:2%;text-align:center;padding:10px;background:#f7f8fa;display:block;width:48%;}
.contact-menu li a.on:before{display:none;}
.contact-x:after{display:none;}

.index-product-box { padding: 25px;}
.ny-pr-products{width:90%;margin:0 auto 40px auto;}
.pro-item-hz{width:90%;margin:0 auto;}

.zzry-hz{width:90%;margin:0 auto;}
.showshow-title { font-size: 22px; }

}
@media (max-width:480px){
.contact-banner-ms{display:none;}





}
	
@media (max-width:320px){	
.contact-menu li{width:98%;}
}
