@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){
.hz{width:96%;}
.hza{ width: 96%; }

}

@media (max-width:1680px){

}
@media (max-width:1600px){
body {font-size: 15px;}
.mainbav .memu>a{ padding:0 15px;  font-size: 16px;}

.index-title {font-size:45px;line-height:50px;}
.index-about-title {font-size:42px;line-height:45px;}

.index-about-nr{font-size:15px; -webkit-line-clamp: 5;}
.index-about-title2 {font-size:18px; line-height: 26px;}

.hover-btn{padding: 0.4em 2.0em;}
.hover-btn span{font-size: 14px;}

.pro-left2{width:20%;}
.pro-right2{width:75%;}
.pro-left2 .left-category2 ul li h4 { font-size: 22px;}
.pro-right2-top-left p {font-size: 20px;}

.index-why-left{padding: 5% 8% 5% 2%; }
.index-why-left-title{font-size: 24px;}
.index-why-nr-title{font-size:18px;}
.index-feedback-left-wb { font-size: 36px; line-height: 45px;}

.foot-contact-title {font-size: 22px;}

.qywh-PIC img{width:65px;}
.qywh-title{font-size:24px;}

.productshow-top-right-title{font-size: 24px;}
.productshow-tabs .horizontal li{font-size:18px; padding: 18px 40px;}
}


@media (max-width:1440px){
.hz{width:96%;}
.hza{ width: 96%; }
.mainbav .memu>a{ padding:0 18px;}
.index-get{display:none;}

.index-title {font-size:40px;}
.index-about-title {font-size:40px;}

.ny-service-left{width:20%;}
.ny-service-right{width:78%;}

	}
@media (max-width:1366px){
.logo{margin:15px 0;}
.logo img{height:70px;}

.sousuo_an img{width:38px;}
.sousuo .ssk { width: 45%;}
.mainbav .memu>a{ font-size:16px; padding:0 13px;}




}	
		
@media (max-width:1200px){
img{max-width:100%;}
body {padding-top:0;font-size:14px;}
.top-pc { display:none;}

.hza{ margin:50px auto; }

.banner{display:none;}


.set {color: #333f48;}
.top_sj .tp_wrap { width:98%;margin: 0 auto;}



.logo{margin:8px 0;}
.logo img{height:60px;}
.top_sj{
  position:relative;
    width: 100%;display:block;
    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;}

	.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:10px 0;}
	.dh>ul { text-align:left;width:85%;margin:0 auto;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;padding:15px 0;font-size: 16px;}
	.dh>ul>li>a:hover{}
	.dh>ul>li .droparea{display:none; padding-bottom:20px;}
	.dh ul li img{float:left;padding-right:5px;}
	.dh ul li span{position:absolute; height:65px;width:51px; top:-7px;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:#303030; 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.act > a {  color:#0883df; font-family:Poppins-Bold;}
	.dh ul li .droparea .act > a { color: #333f48;font-size:16px; }
    .dh ul li .droparea li{ padding-bottom:12px; position:relative;padding-left:15px;}
	.dh ul li .droparea li .droparea li{position:relative; }
	.dh ul li .droparea li a { display:block;color: #70787f;font-size:14px;}
		
 .dh ul li .droparea ul li ul li a{padding-left:20px;font-weight:normal !important; color:#666;font-size:15px;line-height:35px; }
 
 .dh ul li .droparea ul li ul li a:hover{color:#0883df;}
	.dh ul li .droparea > ul > li > ul { display:none; margin:0 0 15px 0;}

.sj-serach{padding:18px 0;}
	.sok{border:none;background:none;font-size:15px;}
.sj-menu-yy {margin:20px 0;overflow:hidden;border-bottom:none !important;}
	.sj-menu-yy li{float:left;margin-right:12px;font-size:10px;}
	.sj-menu-yy a{float:left; font-size:15px !important;}
	.sj-menu-yy li:hover,.sj-menu-yy li a.on{color:#0883df;}

	.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:36px;line-height:36px;}
.index-about-title{font-size:36px;line-height:36px; }

.index-about-nr{font-size: 14px;}

.index-pro-bottom-title {font-size: 16px;}
.index-pro-bottom-more{font-size:14px; padding:4px 20px;}


.pro_t li{ font-size:15px;margin:0 3% 20px 3%;}
.pro-left2 .left-category2 ul li h4 { font-size: 20px; }

.cpzs_wb_t{padding:15px;font-size:16px;}

.about-qyzl-a2{font-size:15px;}


.index-title-ms{width:90%; font-size: 16px;}

.index-lc{width:33.3%;margin-bottom:50px;}
.index-lc:after{top:50px; }
.index-lc-y{ width: 100px; height: 100px; padding-top: 30px;}
.index-lc-wb p {font-size: 18px;}
.index-sz{line-height:100px;font-size:80px;}

 .index-feedback-left-wb{font-size:32px;line-height:40px; }
 .Don {font-size:18px;}
 .index-feedback-left-nr li{font-size:16px;}
 
  .foot-box{display:none;}
  .foot-logo-hz{width:100%;}
.foot-contact-hz{width:100%;margin-bottom: 30px; padding: 50px 0 0 0;}

.qywh-PIC img{width:60px;}
.qywh-title{font-size:20px;}

.ny-service-left{width:22%;}
.ny-service-right{width:75%;}
.index-pro-bottom-hz{width: 31.33%;}
.index-pro-bottom-hz:nth-child(7n){display:none;}
.index-pro-bottom-hz:nth-child(8n){display:none;}

.productshow-top-right-title{font-size:22px;}
.productshow-tabs .horizontal li{font-size:16px; padding: 15px 30px;}
.productshow-top-right-more .btn{font-size:15px;}

.join-menu{font-size:18px;}

}
@media (max-width:1024px){	
.dh>ul>li>a { font-size: 15px;}

.productshow-top-right-title{font-size: 20px;}
.about-qyzl-a2{width:48%;margin-bottom:30px;}
.about-qyzl-a2:nth-child(3n){width:98%;}
	}

@media (min-width:1024px){


}


@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}


.index-title {font-size:30px;line-height:30px;}
.index-title:after{width:45px;height:4px;}

.index-about-title{font-size:30px;line-height:30px; }

.index-about-left{width:100%;}
.index-about-right{width:100%;margin-top:50px;}

.index-about-title2 {font-size:15px;}
.index-title-ms{font-size:15px;}




.pro-left2{width:100%;margin-bottom:30px;}
.pro-right2{width:100%;}
 .pro-left2 .left-category2 ul li h4 {font-size: 18px;}
.pro-right2-top-left p { font-size:18px;}
.pro-right2-top-left{width:100%;}
.pro-left2 .left-category2 ul li{margin-bottom:20px;}
.pro-right2-top-right { width:100%;margin-top:30px;}
.pro-right2-top-right li{width:48%;float:left;margin:0 1%;}


.about-qyzl-a2{width:98%;  font-size: 14px;}




.index-why-left{width: 100%;padding:8% 6%;}
.index-why-pic {width:100%;position:unset; clear:both; }
.index-why-left-title { font-size: 22px;}
.index-why-right{width: 100%;margin-left:0; padding:50px;}
.index-why-right-title{width: 100%;font-size:20px;line-height:30px;  border-bottom: 3px solid #b61e22;}
.index-why-right-nr { margin-top: 50px;font-size:16px;}
.index-why-nr-title{font-size:16px;}
.index-why-nr-wb{font-size:14px;}

.index-feedback-left{width:100%;}
.index-feedback-right{width:100%;margin-top:30px;}
.index-feedback-left-wb{font-size: 28px; line-height: 36px;}
.Don{font-size: 16px;}
.index-feedback-left-nr li{font-size:15px;}
.tj{font-size:16px;}
 .index-feedback-left-nr li img {width:22px;}
 
 
.foot-bq-left{width:100%;}
.foot-bq-right{width:100%;margin-top:20px;}
.foot-contact-hm { width: 100%;}


/***--内页代码***/
.ny-contact-left{width: 100%;padding: 50px 0 0 0; border-right:none;}
.ny-contact-right{width: 100%;  padding:50px 0 ;}

.about-nr-pic { width:98%;}
.qywh-PIC img{width:50px;}
.qywh-title{font-size:20px;}

 .index-pro-bottom-title { font-size: 15px;}
 
.ny-service-left{width:100%; border-right: none;}
.ny-service-left ul{display: flex; flex-wrap: wrap;margin:1% -1%;}
.ny-service-left li {width:31.333%;float:left;border-bottom:1px solid #ccd4dd;margin:1%;}
.ny-service-right{width:100%;margin-top:30px;}
.ny-service-left li a{padding:10px;}

 .productshow-top-right-title{font-size: 18px;}
 .productshow-top-right-nr{margin: 20px 0;}
 
 .join-menu { font-size: 16px;}
.join-menu-title { width: 85%;}
.join-p{width:100%;}
}



@media (max-width:768px){
.tools { display:none;}
	.sear_t { display:block;}
	.sear_t {  width:100% !important;display:block !important;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:static; }
    .search_bar1 {   max-width:none; margin:0px auto;  position:relative; width:100%; box-sizing:border-box;}
    .search_form .sf_input1 {   font-size:16px; text-align:center; text-indent:0px; }  
    .search_form .sf_input1:focus { text-align:left;}
	.search_form .sf_btn1 { background-size:40%; float: right; border: none; cursor: pointer; position:absolute; right:auto; left:0px; top: 0px;}
    .search_form .search_close { display:none; }
	
	.block_home_slider .flex-direction-nav a.flex-prev{display:none;}
.block_home_slider .flex-direction-nav a.flex-next{display:none;}



.index-pro-bottom-hz{width:48%;}
.index-pro-bottom-hz:nth-child(7n){display:block;}
.index-pro-bottom-hz:nth-child(8n){display:block;}



.index-title-ms{font-size: 14px;}

.cpzs_wb_t{font-size:14px; padding:10px;}
.ny-service-left li {width:48%;}

.productshow-top{display:block; padding:20px 20px 30px 20px;}
.productshow-top-left{width:100%;}
.productshow-top-right{width:100%;margin-top:30px;}


.index-pro-bottom-hz2{width:48%;}
.index-pro-bottom-hz2:last-of-type{display:none;}

.index-pro-bottom-title {padding: 20px;}
}
@media (max-width:580px){
.index-title{font-size:24px;}

.index-about-title{font-size:24px;}

.index-lc{width:50%;}
.index-lc:last-of-type { width:100%; }  
.index-lc-y img{width:30px;}
.index-lc-wb{font-size:14px;}
.index-lc-y{ width: 90px; height: 90px; padding-top:30px;}
.index-sz{line-height:90px;font-size:60px;}	
.pro-left2 .left-category2 ul li h4 {font-size: 16px;}
.pro-right2-top-left p {
    font-size: 16px;
}
.about-qyzl-a2{width:98%;}

.index-why-right-nr {font-size: 15px;}
.index-why-right { padding:30px}
.index-why-left-title {font-size: 20px;}
 
.index-lc{width:50%;}
.index-lc:last-of-type { width:100%; }  
.index-lc-y img{width:30px;}
.index-lc-wb{font-size:14px;}
.index-lc-y{ width: 90px; height: 90px; padding-top:30px;}
.index-sz{line-height:90px;font-size:60px;}

.index-feedback-left-wb{font-size:26px;line-height:35px; }
.index-feedback-left-nr li img {width:20px;}

.foot-contact-title {font-size: 20px;}


.tabs{display:none;}

.qywh-PIC img{width:40px;}
.qywh-title{font-size:18px;}

.ny-service-left li{width: 100%;}
 .productshow-top-right-title {font-size: 16px;}
 
.index-pro-bottom-title {font-size:14px;padding:15px;}
}



@media (max-width:480px){



}
	
@media (max-width:320px){	

}