@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){

}
@media (max-width:1680px){
.hz{width:92%;}
.hza{width:92%;}
.top-hz{width:92%;}

.mainbav li a{font-size:16px;}
.index-title{ font-size:36px;}
.banner-wb-title{font-size:42px;line-height:42px;}
.product-ry .item .cpzs_wb .cpzs_wb_t{font-size:20px;}


.cd-timeline-content h2{font-size:40px;line-height:40px;margin-top:50px;}

.qywh-title{font-size: 24px;}
.about-qyzl-a2{font-size:16px;}

.products-wb {font-size: 18px;}

.service5Box4 .item h3 {
    font-size: 26px;}


}
@media (max-width:1440px){
.mainbav li {padding:0 20px;}
.index-title{font-size:32px;line-height:35px;}

.banner-wb-title{font-size:40px;line-height:40px;}

.foot-logo-wb li img{width:100px;}
.index-hzhb-box li{width:14%;}

.foot-menu{margin-right:7%;}
.foot-left{float:left;width:100%;margin-left:0;margin-top:30px;}
.foot-logo{width:100%;}
.foot-box{width:100%;}

.cd-timeline-content h2{font-size:36px; line-height:36px;}
.cd-timeline-content p{font-size:16px;}
.ny-ryzz-more a{font-size:16px;}
	
.qywh-title{font-size:22px;}

.ny-Bloghow-title{font-size: 24px;}
 .soka {width:32.5%;}

}
@media (max-width:1300px){
.hz{width:96%;}
.hza{width:96%;margin:50px auto; }
.top-hz{width:96%;}

.set {font-size: 15px;}
.new li a {font-size: 15px;}

.top_sj.open .logo{background:url(../images/logo2.png) no-repeat; background-size:auto 75px;}


.infou-pic img{height:65px;}
.infou-ul li h3 span:nth-child(1){font-size:40px;line-height: 45px;}
.infou-ul li p{font-size:16px;}

.foot-menu{margin-right:5%; }

.ny-After-title{font-size:20px;}
}
@media (max-width:1200px){
body{font-size:15px;padding-top:80px;}

.top-pc{padding-top:0;}

.nav1{margin-left:2%;}

.banner-wb-title{font-size:32px;line-height:32px;letter-spacing:0;}

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

.product-ry .item .cpzs_wb .cpzs_wb_t{font-size:18px;}

.index-hzhb-box li{width:16.5%;}

.cpzs_wb_t{font-size:16px; margin:20px;}



 .foot-menu{margin-right: 3%;}

.box .cd-timeline-block:nth-child(odd){text-align:left;}
.cd-timeline-content h2{font-size:30px;line-height:30px; }

.qywh-PIC img{height:60px;}
.about-qyzl-a2 {width:48%;margin-bottom:25px;}
.qywh-title{margin:25px 0; }

.products-wb{font-size:16px;}

.ny-Bloghow-title{font-size:22px;}

.ny-case-box{padding:15px 10px;}
.ny-case-box p{font-size:16px;}
.ny-case-box img{height:50px;}

.contact-left-title{font-size:24px;}
.contact-title{font-size:18px;}
.contact-left-nr {font-size:16px;}

.i-vidu{width:90%;}
.ny-After-title{font-size:18px;}

.pro-left2 .left-category2 ul li h4 { font-size: 16px;}
.pro-right2-top-left p { font-size:18px;}

.ny-sc {
    font-size: 16px;}
}


@media (min-width:1024px){



}
@media (max-width:1024px){
body.head-top{padding-top:70px;}


img{max-width:100%;}
.top-pc { display:none;}

.top_sj .tp_wrap {padding:10px;}
.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

.top_sj{
		position: fixed;
		z-index: 99999;background-color:#fff;
		top: 0px;left: 0; right:0;display:block; }
.top_sj.active{
		background:#fff;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);	
	}
	.top_sj.open{
		background-color:#fff;
}	


	.top_sj.active .hamburger .hamburger-inner, 
	.top_sj.active .hamburger .hamburger-inner:after, 
	.top_sj.active .hamburger .hamburger-inner:before,
	.top_sj.open .hamburger .hamburger-inner, 
	.top_sj.open .hamburger .hamburger-inner:after, 
	.top_sj.open .hamburger .hamburger-inner:before{background-color:#333;}
	.top_sj.open .hamburger .hamburger-inner{background-color:rgba(0,0,0,0);}


	.top_sj .hamburger .hamburger-inner, 
	.top_sj .hamburger .hamburger-inner:after, 
	.top_sj .hamburger .hamburger-inner:before{background-color:#333;}
	
	.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;}
	.dh>ul { text-align:left;width:95%;margin:0 auto;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;font-size:16px;padding:15px 0;}
	.dh>ul>li>a:hover{}
	.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;}
	
	.dh ul li img{float:left;padding-right:5px;}
	.dh ul li span{position:absolute; height:65px;width:51px; top:-10px;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:#af1d2b;font-weight:bold;}
	.dh ul li .droparea .act > a { color:#ba122b;font-size:15px;}
    .dh ul li .droparea li{ padding:8px 35px 8px 0; position:relative; }
	.dh ul li .droparea li .droparea li{position:relative; }
	.dh ul li .droparea li a { font-size:14px;}	

.tools {position:absolute;right:0px; top:28px;}
	.sear_t { position:absolute; width:100% !important; top:80px; 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; 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.png) no-repeat center; width:20px; height:25px; float:left;margin-right: 5px;cursor:pointer;}

.index-yyl {float:left;margin-left:8%;margin-top:5%;}
.index-yyl a{font-weight:normal;  font-size: 15px;}
.index-yyl:hover, .index-yyl a.on { color: #ba122b;}
.index-yyl li{float:left;margin-right:20px;margin-bottom:10px;}
.index-yyl li img{width:22px;margin-top:8px;float:left;margin-right:5px;}

.indtech li{margin-right:1%;width:49%;margin-bottom:1%;}


/*首页导航初始透明底色*/
.head-top .top_sj{  background:#333;
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0);}
	
	.head-top .top_sj.active .hamburger .hamburger-inner, 
	.head-top .top_sj.active .hamburger .hamburger-inner:after, 
	.head-top .top_sj.active .hamburger .hamburger-inner:before,
	.head-top .top_sj.open .hamburger .hamburger-inner, 
	.head-top .top_sj.open .hamburger .hamburger-inner:after, 
	.head-top .top_sj.open .hamburger .hamburger-inner:before{background-color:#333;}
	.head-top .top_sj.open .hamburger .hamburger-inner{background-color:rgba(0,0,0,0);}
	.head-top .top_sj .hamburger .hamburger-inner, 
	.head-top .top_sj .hamburger .hamburger-inner:after, 
	.head-top .top_sj .hamburger .hamburger-inner:before{background-color:#fff;}
	
.head-top .top_sj .logo{background:url(../images/logo.png) no-repeat; background-size:auto 50px;}

.head-top .top_sj.open .logo{background:url(../images/logo2.png) no-repeat; background-size:auto 50px;}

/*首页导航滚动 背景、字体变化*/
.head-top .top-pc.active {
	background:rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
}
.logo img{height:50px;}
.logo{background-size:auto 50px;}

.logo{margin-top:0;}
.head-top .active .logo{ background-size:auto 50px;}
.top_sj.open .logo{background:url(../images/logo2.png) no-repeat;background-size:auto 50px; }
.head-top .top_sj.active .logo{background:url(../images/logo2.png) no-repeat; background-size:auto 50px;}
.head-top .top_sj.active {
	background:rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
}
 .head-top .top_sj.open {
        background-color: #fff;}

.hamburger{top:25px;}
.banner-wb-more .btn {padding: 10px 45px;}
.index-title{font-size:30px;line-height:35px; }


.infou-ul li{width:48%;}
.infou-ul li h3 span:nth-child(1){font-size:36px;line-height:40px;}
.infou-ul li h3 d{font-size:18px;}
.infou-pic img{height:55px;}


.ny-about{margin-top:40px;}
.ny-about-left{width:100%;font-size:14px;line-height:28px;}
.ny-about-right{width:100%;margin-top:30px;}

.foot-left{margin-top:0;}
.foot-menu{display:none;}

/***--内页代码***/
.cpzs_wb_t{font-size:16px;}

.pro-left2{width:100%;margin-bottom:30px;}
.pro-right2{width:100%;}


.pro-right2-top-left{width:100%;}
.pro-left2 .left-category2 ul li{margin-bottom:28px;}
.pro-right2-top-right { width:100%;margin-top:30px;}
 .pro-left2 .left-category2 ul li h4 {font-size:16px; }
 
 .service5Box4 .item h3 {font-size: 24px;}
 
 
}	

	
@media (max-width:960px){
.banner-wb-title{font-size:28px;line-height:30px;}
.index-title{width:80%;}
.index-hzhb-box li{width:20%;}

.cpzs_wb_t{font-size:15px; margin:15px; }

.foot-contact-title{font-size: 16px;}
.foot-bq-left{width:100%;}
.foot-bq-right{width:100%;}

.product-ry .item .cpzs_wb .cpzs_wb_t {font-size: 16px;}
.product-ry .item .cpzs_wb{padding:25px;}

.nylist li{width:33.3%;}

#page{width:100%;padding-right:0;}
.back_r{float:left;margin-top:20px;}

.ny-Bloghow-title{font-size:20px;line-height:26px;}

.contact-top { margin-top:50px;}
.contact-left-title{font-size:20px; }
.contact-left{width:100%;}
.contact-right{width:100%;margin-top:20px;}

 .ny-case-box img{height:45px;}
 
.i-vide p{font-size:15px;padding:20px;}
.i-vide li{width:48%;}

.cd-timeline-content h2{font-size: 26px;}

.service5Box4 .item{justify-content: space-between;flex-wrap: wrap;margin-top: 3.8vw;}
.service5Box4 .item h3 { font-size: 20px; }
.service5Box4 .items{gap: initial;}
.img {width:100%;}
 .service5Box4 .item .content { padding:35px; }
 
  .soka {width:49%;padding:15px;font-size:15px;}
		}

@media (max-width:768px){
	.tools { display:none;}
	.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 {  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; }
	
.index-title{width:90%;}
	
 .banner-wb-title{font-size:22px;}
.index-hzhb-box li{width:24.5%;}

.infou-ul li{width:98%;margin-bottom:25px;}
.infou-ul li h3 span:nth-child(1){font-size:32px;line-height:35px; }
.infou-ul li h3 d{font-size:16px;}
.infou-ul li p{font-size:15px;}
.infou-pic img { height: 50px;}	
	
.about-qyzl-a2 {width:98%;}

.nylist li{ width:50%;}

.products-hz li{width:48%;padding:4%;}
.ny-case-an li{width:47%;}
.ny-case-an li:last-of-type{display:none;}


.ny-case-box p{font-size:15px; margin-top:15px;}

.contact-title{font-size: 17px; }
.contact-left-nr p{margin-bottom: 10px;}
 .contact-left-nr{font-size: 15px;}
 .contact-left-title{font-size:18px;}
 
 .i-vide div:after{ width:15px;height:30px;}
 
  .service5Box4 .item .content { padding:25px; }
}
@media (max-width:580px){
.flex-direction-nav{display:none;}
.hamburger{top:25px;}

.index-title{FONT-SIZE:24PX;line-height:30px;}

.ny-Bloghow-title{font-size:18px;}

.cd-timeline-content h2{font-size:24px;}
  .soka {width:99%;}
}
@media (max-width:480px){

.index-hzhb-box li{width:33.3%;}



 

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

}