﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){

.index-zz-bj{width:100%;}

.about-hz{  width: 98%; margin: 65px auto ; }
}
@media (max-width:1600px){
.top-hz { width:88%;margin: 0 auto;}
.hz{width:88%;margin: 0 auto;}
.hza{ width: 88%; margin: 50px auto; }
.mainbav li { position: relative; padding: 0 20px; }
}

@media (max-width:1280px){
.foot-contact {width: 45%;}
}
	

@media (max-width:1200px){
	body {padding-top: 0px;}
	img{max-width:100%;}
	.hz{width:96%;margin: 0 auto;}
	.hza{ width: 96%; margin:50px auto; }
	.top-pc { display:none;}
	.banner{display:none;}
	.top_sj { display:block;background:#fff; }
	.banner-sj { display:block; }
	.wrap-all{ width:98%;}
	.top_sj .tp_wrap { width:98%;margin: 0 auto;}
    .tools {right:1%; margin-right:40px;}
	
	.logo-hz{width:100%;}

	.top_bj{display:none;}
	
	.hamburger{display:block;}
	.dh { padding-top:0px;}
	.dh{position:absolute; left:0px;top:100%; z-index:1111;width:100%; height:0px;border-top:1px solid #ebebeb; display:none; overflow:hidden;background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
	.dhov{ height:auto;display:block;}
	.dh>ul { text-align:left;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;line-height:50px; padding:0 2%;font-size:16px;}
	.dh>ul>li>a:hover{color:#00964e;}
	.dh>ul>li .droparea{display:none;}

	.dh ul li span{position:absolute; height:51px;width:51px; top:0px;right:2%; -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: #fff; 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 { background:#00964e; color:#fff;font-size: 16px; font-weight: BOLD;}
	.dh ul li .droparea .act > a { background:#ededed; color:#000;}
    .dh ul li .droparea li{ line-height:50px; background:#f7f7f7; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li .droparea li{  background:#f6f6f6; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li a { padding:0 2%; text-indent:20px; display:block;font-size:14px;}

	.top_sj{ position: relative; }
	
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

	.tools {position:absolute;right:0px; top:32px;}
	.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:15px; border:none; 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:21px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}


.yunu-pinzhi li {width: 50%;margin-bottom:30px;}
.img-center img{width: 100%;}
.yunu-section-title{font-size:32px;}

.index-title {
    font-size: 32px;
    line-height: 32px;}

.index-about-title{font-size: 32px;line-height: 32px;}

.ny-title{font-size: 32px;line-height: 32px;}


/***--内页代码***/
.ny-banner{display:none;}
.ny-banner-sj{display:block;}
.ny-banner-sj img{width:100%;height:auto;}



.ptt-title{font-size:24px;}	
.product-top .l { width:45%;}
.pro-right { width: 50%;  }

.nylist ul{margin-right:-2%; }
.nylist li{width:31.3%; margin-right:2%; }
}
@media (max-width:1024px){	
.index-news-nr-left{width:23%;}

.contact-left {width: 100%;}
.feedback-k { width: 48%;margin-right:1%;margin-left:1%;}
}

@media (min-width:1024px){
.index-case-box:nth-child(4n){margin-right:0;}
.index-news-nr-left:nth-child(4n){margin-right:0;}

  .feedback-k:nth-child(2n){margin-right:0;}

}

@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}

.index-title {
    font-size:28px;
    line-height: 30px;}
.index-about-title{font-size:28px;line-height: 30px;}

.ny-title{font-size: 28px;line-height: 30px;}

.yunu-section-title{font-size:28px;}
.yunu-pinzhi li {
width: 50%;margin-bottom:30px;}


.big-desc{width:100%; font-size: 15px;}
.index-about-tu {width:100%;margin-top:40px;}

.index-case-box{width:48%;margin:1%;}
.index-case-wb{font-size:20px;}

.index-news-nr-left{width: 48%;margin:0 1% 20px 1%;}


.index-product-bj{padding:50px 0 ;}
.index-product-hz{width:48%;margin:1%;}


.foot-left {display:none;}
.foot-contact{width:100%;}
.foot-contact-ewm{float:left;margin-left:8%;}


.about-qyzl { padding:20px 0 0px 0; }
.about-qyzl-a-title { font-size: 20px;}
.about-qyzl-a{width:44%;margin:0 3% 40px 3%;}


  .prc1 .prtp .prt {
    width:100%;
    float: left;margin-top:50px;}

.product-top .l {width: 100%;}

.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}
.ptt-title{font-size:20px;}
.prc1 .prtp .prt .ptc{  -webkit-line-clamp:50; }

.tabs2 .horizontal li{font-size:20px;}
.info-page a{font-size:15px;}

.ny-news-nr{width:100%;border:none;}
.ny-news-right{width:100%;margin-top:50px;padding-left:0;}
.ny-news-nr-left-title{font-size: 16px;}

.nylist ul{margin-right:0; }
.nylist li{width:46%; margin:0 2% 30px 2%; }


 .feedback-nr{font-size: 15px;}
.feedback-title{font-size:18px;}
.feedback-k p {font-size: 16px;}
.feedback-k2 p {font-size: 16px;}
 .feedback-k{width: 100%;margin-left:0;margin-right:0;}
 .soka {font-size: 15px;  line-height: 54px;}
  .sokb {font-size: 15px;}
  .feedback-k { margin-bottom: 35px;}
  
 .contact-map-left{width:100%;padding: 30px;font-size:15px;line-height:30px;}
.relbar-map {width:100%;}

.contact-map-left h3 {font-size: 20px;}
.contact-title {font-size: 26px;}
.contact-title p {font-size: 20px; margin-top:30px;}
}

@media (max-width:580px){
.logo img {height: 65px;}	
	
.index-product-more{width:auto;}
.index-title-ms{font-size: 16px;}

.index-product-title {font-size: 16px;}
.yunu-pinzhi li { width: 100%;}
.yunu-pinzhi li h4 { font-size: 22px;}
.yunu-pinzhi li .text{padding: 0 25px 50px 25px;}
.ys-wb {font-size: 18px;}
 
.foot-contact{width:100%;}
.foot-contact-ewm{margin-left:0;width:100%;margin-top:30px;}
.index-about-title-ms{font-size: 18px;}
.about-menu-right li a {font-size: 16px;}
.product-ry .item .cpzs_wb .cpzs_wb_t{font-size: 15px;}


.ny-news-nr-left{width:100%;}
.ny-news-nr-pic{width:100%;margin-top:20px;}
.ny-news-fl li a{font-size:15px;}

.ny-newshow-title{font-size:20px;}

.nylist_tit{font-size:15px;padding:15px;}
}
@media (max-width:480px){
.index-ys-box{width:100%;}

.index-product-title {font-size: 16px;}

.index-news-nr-left{width:100%;margin:0 0 20px 0;}



}
	
@media (max-width:320px){	

}
