﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){
.hz{width:80%}
.hza{ width:80%;}

}
@media (max-width:1600px){
.hz{width:88%}
.hza{ width: 88%;  }

.top-hz{width:98%;}

.logo img {height:30px;}
.index-yyl{margin-left:100px;}

.mainbav ul li{margin:0 30px;}
.index-title {
    font-size: 36px;
    line-height: 36px;}
.index-title-ms{ width: 74%;font-size: 17px; }

.product-list3 li .info .title {
    font-size: 20px;}
	
.home-more{ min-width:140px; height:45px;}
.sousuo .ssk { width: 40%;}
.index-products-more-hz{margin-top:60px;}
.index-about-title2 { font-size:36px; line-height: 40px;}
.about-qyzl-a-title { font-size: 26px !important;}
.about-qyzl-ms{font-size: 16px;}
.about-qyzl-a2{ padding:60px 40px;}

.pro_t {
    font-size: 36px;
    line-height: 36px;}
.index-news-left-title{font-size:22px;}
.index-news-nr-left-title{font-size: 20px;}


.index-Professional-title{font-size:36px;line-height:36px;}
.index-Professional-nr{font-size:18px;}

.index-From-box-title{font-size:24px;}
.index-news-nr-left-title2{font-size:18px;}
.Applications-title{font-size:18px;}
.index-news-nr-left-more{font-size:15px;}

.showshow-title {font-size: 28px;}
.index-pro-bottom-title {font-size: 20px;}
.ptt-title {
    font-size: 30px;
    line-height: 30px;}
}
@media (max-width:1440px){
.hz{width:96%}
.hza{ width: 96%; margin: 50px auto; }	
	
.mainbav ul li{margin:0 25px;}

.sousuo { padding-left:0;}



	}
@media (max-width:1300px){
.mainbav ul li{margin:0 20px;}	
.index-title{font-size:30px;line-height:30px; }

.index-Professional-title {font-size: 30px; line-height: 30px; }
 .index-about-title2 { font-size: 30px;line-height: 30px;}
.index-ly-left-title{font-size: 30px;line-height: 30px;}
.pro_t{font-size:30px;line-height:30px; }

.servicesC-a ul li a{font-size: 16px;}
.about-nr{font-size:15px;line-height:27px;}
.index-From-box-title { font-size: 22px;}
.index-From-box-title img { width: 60px;}
.qywh-title{font-size: 16px;}

.ny-product2-left{width:60%;}
.ny-product2-right{width: 35%;}
.ny-product2-right-hot-right-title{ font-size:16px;}
.ny-news-right-title { font-size: 26px;}
	}
@media (max-width:1200px){
.sousuo{margin-right:0;}
.top-home-more{display:none;}
.index-yyl{margin-left:50px;}
.mainbav ul li ul{width:220px;}
.new {width:150px;}
.mainbav ul li ul li a{padding:10px 20px;}
.sousuo .ssk { width: 50%;}


.index-title-ms{  font-size: 16px; width: 90%;}
 .product-list3 li .info .title { font-size: 18px;}

.index-products-more2{padding:12px 50px;}
.index-products-more{ padding: 12px 10px 12px 30px;}
.index-products-more::before{width:25%;}


.index-products-more3 {padding: 12px 10px 12px 30px;}
.index-ly-left-title{font-size:28px;}
.index-yyly-pic li{font-size:20px;}
.index-yyly-pic li img{width:80px;}
.index-ly-right-title2{font-size:16px;}

.index-ys-box-tb img {width:70px;}

.about-qyzl-a-title { font-size: 22px !important; }
.about-qyzl-a2{padding:50px 30px}

.index-about-bj{ padding: 60px 0;}
.index-about-title2{font-size: 28px; line-height: 30px; }
.index-about-nr{-webkit-line-clamp:3;font-size:15px;}

.index-ryzz-bj{ padding: 60px 0;}

 .index-Professional-title{font-size:30px;}
.index-Professional-nr{font-size:18px;}
.hover-btn { font-size: 15px;}

.index-news-left-title{font-size:20px;}
.index-news-nr-left-title{font-size:18px;}
.index-new-left-nr{font-size:15px;line-height:27px;}

.soka{width:100%;padding:12px;}
.sokb{width:100%;}

.foot-contact-title{font-size:20px;}
.foot-contact-nr2 li{width:31.3%;}


 .index-news-nr-left-title2 { font-size: 16px; }
 .showshow-title {font-size: 24px;}
.Applications-title{font-size:16px;margin-top:20px;}



 .nylist_tit {padding: 15px;}
 
.index-pro-bottom-title { font-size: 18px; } 
 .ny-product-left-title{font-size:22px;}
 .ny-product-left-nr li a { font-size: 15px;}
 .ny-product-right {width:75%;}
 .ny-product-left {width: 22%;}
 
.ptt-title { font-size: 26px;}
.productshow-xq {font-size: 26px;}

.swiper-slide{font-size: 20px;}
}
@media (min-width:1024px){



}
@media (max-width:1024px){	
body{padding-top:0;}

.top-pc { display:none;}

.logo-sj {margin:20px 0;float:left;}
.logo-sj img{height:32px;}

.tp_wrap { width:98%;margin: 0 auto;}

.top_sj{
  position:relative;
    width: 100%;display:block; z-index: 2;
    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:15px 0;background:#f5f5fa;}
	.dh>ul { text-align:left;}
	.dh>ul>li{  position:relative;}
	.dh>ul>li>a{display:block;font-size:16px;padding:15px;color:#3a416f;}
	.dh>ul>li>a:hover{background:#fff;}
	.dh>ul>li .droparea{display:none; padding-bottom:20px;}
	.dh>ul>li .droparea .sj{display:none;margin-top:10px; }
		.dh>ul>li .droparea .sj li{ padding-bottom:3px;}
	.dh>ul>li .droparea .sj a{color:#666;font-size:14px;line-height:22px;padding-left:12px;    background: url(../images/d.png) no-repeat left;margin-left:10px;}
	
	.dh ul li img{float:left;padding-right:5px;}
	.dh ul li span{position:absolute; height:65px;width:51px;top:-5px;left:75px;-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:#00205c; 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:#00205c; 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:#0045a1;font-weight:bold;}
	.dh ul li .droparea .act > a { color:#1f4397;font-size:15px;}
    .dh ul li .droparea li{ padding:10px 25px; position:relative; }
	.dh ul li .droparea li .droparea li{position:relative; }
	.dh ul li .droparea li a { }	
.dh ul li .droparea li:hover{background:#fff;}
.sj-serach{padding:15px;}
	.sj-sok{border:none;background:none;font-size:15px;color: #00205c;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;}
	.sj-menu-yy a{float:left; font-size:15px !important;}
.sj-menu-yy:hover,.sj-menu-yy a.on{color:#1f4397;}



	.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;}
.index-title-ms {font-size:16px; }


.index-products-more-hz {  margin-top: 40px;}

.pro_t { font-size: 28px;}
 .pro_t p { font-size:16px;}
.index-news-nr-left{ width:48%;}
.index-news-nr-left:nth-child(2n){padding-right:0;}	
.index-news-nr-left:last-of-type {display:none; } 

.contact-title{font-size: 16px;}

 .ptc{ font-size:15px;}




.pro-right {width:42%;}
.product-top .l { width:53%;}
}


@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}


.logo-sj img{height:28px;}

.product-list3 li {
    padding-bottom: 72px;
    width: calc(50% - 1rem);}

.product-list3 li .info{padding:1.2em;}
 .product-list3 li .info .title{font-size:16px;}
 
 
.index-products-more2{padding:10px 35px;}
.index-products-more2 a{font-size:15px;}
.index-products-more{ padding: 10px 10px 10px 20px;}
.index-products-more::before{width:25%;}
.index-products-more a{font-size:15px;}

.index-products-more span img{padding-left:25px;}

 .index-products-more3{padding:10px 15px 10px 30px;}
.index-products-more3 span img{padding-left:25px;}
.index-products-more3::before{width:30%;}
.index-about-title2{font-size: 26px;}
 .index-products-more3 a{font-size:15px;}
  
.index-ly-left-title{font-size:26px;}
.index-ys-box-tb img {width:55px; }
.about-qyzl-a2{width:48%;}
.about-qyzl-a2{padding: 40px 20px;}

.index-about-left{width:100%;}
.index-about-right{width:100%;margin-top:50px;}

 .index-Professional-title{ font-size: 24px; }
.index-Professional-nr {font-size:16px;}	
.index-Professional-nr { margin: 20px 0 30px 0;}

.index-news-nr-left:last-of-type{display:none;}
.index-news-left { padding-right: 0; width: 100%;}
 .index-news-left-title {  font-size: 17px;}
.index-news-nr-left-title {font-size: 17px;}

.index-ly{display:block;}
.index-ly-right{width:100%;margin-bottom:50px;}
 .index-ly-right-title2{font-size: 15px;}
.index-ly-left-hz { width:100%;}
.index-ly-left-title{padding:25px;}

.soka{width:48%;}
.sokb{width:98%;}

.foot{font-size:15px;}
.foot-logo-hz{width:100%;padding:40px 0 0 0;}
.foot-logo img{height: 24px;}
.foot-box {
    border-left:none;
    padding:0 0 2% 0;
    width:100%;}


.about-top{display:block;}

.about-left{width:100%;}
.about-right{width:100%;margin-top:30px;}

.about-nr{font-size:15px;}
.servicesC-a ul li a{padding:12px 40px}
 .index-From-box-title { font-size: 20px; }
.index-From-box { width: 48%;}
  .index-From-box-title img { width: 50px;}
  
.nylist li { width: 31.3%;}
.nylist_tit{font-size:15px;padding:13px}

.qywh-title{font-size:15px; }
		
.contact-box{width:100%;}			
	
.index-news-nr-left2{width:48%;}
.yema a{font-size:16px;height:38px;line-height:38px}
	
.showshow-title {font-size:22px; }

 
 .ny-product-right {width:100%;margin-top:30px; margin-left:0; margin-right:0;}
 .ny-product-left {width:100%;}
 .ny-product-left-nr li{width:31.33%;float:left;margin-left:1%;margin-right:1%;}
 .ny-product-left-title {font-size: 20px;}
.index-pro-bottom-title { font-size: 16px; }


.pro-right {width: 100%;margin-top:50px;}
.product-top .l {width: 100%;}

.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}
.productshow-xq-bj{ padding:20px 0;}
.productshow-xq { font-size:22px;}

.ptt-title {font-size: 22px;}

.index-pro-bj2{ padding: 60px 0;}
}



@media (max-width:768px){
.index-news-nr-left{width:100%; padding-bottom:30px;}

.contact-hz2 {margin-bottom:40px;}

.index-pro-bottom-hz2 {width: 48%;}
.index-pro-bottom-hz2:last-of-type{display:none;}
	





}

@media (max-width:580px){	
.flex-direction-nav{display:none;}
.dh>ul>li>a{font-size:15px;}

.logo-sj{margin:18px 0;}
.logo-sj img{margin-top:0;}


.index-title{font-size:26px;}
 .index-title-ms{font-size:15px;}

 .product-list3 li .info .title{font-size:15px;}
 
 .index-about-title2 { font-size: 24px;}
 
.about-qyzl-a-title{font-size:20px !important;}
  .about-qyzl-ms { font-size: 15px; }
  
  
.index-news-left-title{font-size:16px;}
.index-news-nr-left-title{font-size:16px;}

 .index-ly-left-title{font-size: 24px;padding:20px;}
.index-ly-left p{font-size:15px;}
.index-Professional-title {font-size:24px;}
.index-Professional-nr {font-size:16px;}
 .soka{ width:100%;}
.sokb { width:100%;}
.tj{font-size:15px;padding:12px 35px}

.index-From-box{padding:30px;}
.index-From-box-title { font-size: 18px;}
.index-From-box-nr {font-size: 15px;}


.nylist ul{margin-right:0; }
.nylist li{width:46%; margin:0 2% 30px 2%; }


 .tabs{display:none;}
 
 .index-news-nr-left2{width:98%;}
 .swiper-slide p {  font-size: 16px; }
		
.showshow-title { font-size: 20px; }
.ny-product2-right-title {font-size: 22px}
.ny-news-right-title { font-size: 24px;}
.ny-product2-right-Message{padding:30px;}

 .ny-product-left-nr li{width:48%;}
.ptt-title {font-size:18px;}
 .productshow-xq {font-size:18px;}
}
@media (max-width:480px){

.index-products-more a{font-size: 14px;}
.index-products-more2 a{font-size:14px;}
.index-products-more2{padding:10px 15px;}

.foot-contact-nr2 li{width:48%;}
.ny-product-left-nr li {  width: 98%;  }
}
	
@media (max-width:320px){	

}
