@charset "utf-8";
/* CSS Document */

@media (max-width:1200px){
	img{max-width:100%;}
	.w1200{width:92%;}
	.pc-top{ display:none;}
	.banner{display:none;}
	.top_sj { display:block; }
	.banner-sj { display:block; }
	.wrap-all{ width:98%;}
	.top_sj .tp_wrap { width:98%;margin:8px auto;}
    .tools {right:1%; margin-right:40px;}
	.dh ul li.sjlan { display:none;}
	.logo{margin:12px 0;}
	.logo img{ display:block;height:55px;}
	.logo-wb{font-size:28px;margin-left:10px; line-height: 28px;margin-top:15px;font-weight:bold;}
	.logo-wb2{margin-left:10px;font-size:16px;margin-top:5px;}

	.hz{width:98%;margin: 0 1%;}
	.hza{ width: 98%; margin: 35px 1%; }
	
	
	.hamburger{display:block;}
	.dh { padding-top:0px;}
	.dh{position:absolute; left:0px;top:100%; z-index:101;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;font-size:16px;color:#666;line-height:51px; padding:0 2%;}
	.dh>ul>li>a:hover{}
	.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:#0176c8; color:#fff; font-weight: bold;font-size: 16px;}
	.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:15px;}
	.dh ul li .droparea li .droparea li a {padding:0 2%; text-indent:40px; display:block;font-size:14px;}
    .dh ul li.hnavdwn .droparea li a { background:url(../images/pdf.png) no-repeat left 18px  center; padding-left:40px;}
	.sj_sanji a{font-size:14px !important;line-height:30px; margin-bottom:5px;}
	.top_sj{ position: relative; }
	
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

	.tools {position:absolute;right:0px; top:28px;}
	.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 { display:block; font-size:18px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; padding:0; 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:20px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}
	.search_tbn.sat_bt{ border-bottom:2px solid #505050;}
	.language { font-size:0px;  float:left; padding:0 5px;margin:0 10px;}
	.language a { display:block; height:38px; background:url(../images/cn.jpg) no-repeat center; width:31px; }


.search{width:25%;}
.gjz{width:75%;}

 .feature li h4{font-size:19px;}

.ny-product-left{width:21%;}
.index-p-list>div {
width:24%;margin-right:1%;}

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

.index-news-nr-left {
    width: 31%;
    margin-right: 3%;}

.foot-lxfs { width: 48%;}
.foot-hz-nav { margin-right:8%; }	



/***--内页代码***/
.ny-banner{display:none;}
.ny-banner-sj{display:block;}
.ny-banner-sj img{width:100%;height:auto;}
.about-menu-top-wz{ display:none; }

.about-menu-top-title{font-size:30px;margin-bottom:20px;float:left;}
.about-menu-cd li a{padding:0 15px;font-size:18px;}



.about-menu-left-title2{display:none;}
.about-menu-left-contact{display:none;}



.soka{ width: 100%; border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left:1%; color: #CCCCCC; font-size: 14px;font-family:"Microsoft YaHei", verdant, tahoma;  }
.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left:1%; color: #CCCCCC; font-size: 14px; font-family:"Microsoft YaHei", verdant, tahoma; width:100%;}

.map{  padding: 1%; border: 1px solid #e6e6e6; width:100%; }


.index-cp-mz a{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px;}


.ny-product-pic{width:30%;margin: 0 1% 20px 1%;}
.ny-product-wz{ font-size:16px; }
.ny-hzhb-pic{width:30%;margin: 0 1% 20px 1%;}

}


@media (min-width:1024px){
.index-p-list>div:nth-child(4n){margin-right:0px;}
.index-news-nr-left:nth-child(3n){margin-right:0;}
.foot-hz-nav:nth-child(4n){ margin-right:0; }
.about-zzyp-pic-hz li:nth-child(4n){margin-right:0px;}
.about-team li:nth-child(3n){margin-right:0px;}
.ny-case li:nth-child(5n){margin-right:0px;}
}
@media (max-width:1024px){
.mainbav li {padding:0 1.9%;}
.nav{margin-left:3%;}
.index-news-nr-left {width: 31.3%;margin-right: 2%;}

.index-news-right-content {margin: 10px 0 20px 0;}

}	

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


.search{width:30%;}
.gjz{width:70%;}

.feature li h4 {font-size: 18px;}
.index-about-nr{font-size:15px;line-height:28px;}
.features li{min-width:270px;height:220px;padding-top:30px;}
.features li span{font-size:1.4em;}

.index-product-left{width:100%;float:none;}
.index-product-right{width:100%;float:none;margin-top:30px;}


.foot-lxfs {width: 60%;}
.foot-contact { width: 40%;}
.foot-right{display:none;}


.about-menu-left{width:100%;float:none;}
.about-menu-right{width:100%;margin-top:40px;}
.about-nr-left{width:100%;}
.about-nr-pic{float:none;width:100%;text-align:center;}
.about-nr-pic img{width:100%;}
.about-menu-left-title{display:none;}
.about-menu-left-menu li{width:32%;margin:0.5%;float:left;line-height:45px;}
.about-menu-left-menu li:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.ny-product-hm{font-size:24px;color:#0088c7;}	

.contact-nr{float:none;width:100%;}
.contact-feedback{float:none;width:100%;margin-top:40px;}


}

@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; }

.gjz{width:100%;float:none;padding:20px 0;overflow:hidden;}
.search{display:none;}

.logo-wb{font-size:24px;margin-left:5px; margin-top:15px;}
.logo-wb2{margin-left:5px;font-size:15px;}


.feature{padding:40px 0 0 0;}
.feature li{float:left;width:50%;border:none;margin-bottom:20px;}
.feature li h4 span{height:50px;}


.index-about-bj{padding:30px 0;}
.index-about-nr{margin:30px 0 40px 0;}


.index-p-list>div {width:48%;margin:0 1% 15px 1%;}
.index-news-nr-left{width:100%;margin-right:0%;}
.index-news-nr-left-pic img{width:100%; }

.foot-lxfs {display:none;}
.foot-contact { width:97%;overflow:hidden;border:none;padding-left:2%;}
.foot-hz-nav { float: left; margin-right:3%; }

.tj-product-hz {width: 200px;}

.news-box{float:right;width:70%;}
.news-nr-pic{width:27%;float:left;}

.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}

.pro-right { width: 100%; float: none; margin-top:30px;}
.ny-product-js{ margin-top: 30px; }
.ny-product-jj{ width: 100%; float: none; margin-top: 20px; display: block; }
.ny-product-title{ font-size: 18px;text-align:center; }
 .partner2 li{width:32%;}
}
@media (max-width:580px){
.logo-wb{display:none;}
.logo-wb2{display:none;}
.feature li{float:left;width:50%;border:none;margin-bottom:20px;}
.feature li h4{font-size:17px;}
.feature li h4 span{height:50px;}
 
.index_title{font-size:28px;line-height:28px;}


.ny-product-content table td{word-break:break-all;}
.index-sb-hm{width:60%;}

.about-menu-top-title {font-size: 26px;}

.ny-product-pic{width:47%;margin: 0 1% 20px 1%;float:left;padding:0 0 10px 0;}

.news-nr-pic {width: 100%; float: none;}
.news-box{float:none;width:100%;margin-top:15px;}
.news-hz{padding-bottom:15px;}
}
@media (max-width:480px){	
.logo{margin:5px 0;}
.hamburger {top:24px;}
  
.index-ys-top-content {width:80%;}

.index-product-pic-left-title a{font-size:24px;}
.index-product-pic-left-ms{margin-bottom:10px;}
.index-product-pic-left-title{padding-bottom:25px;}

.index-sb-hm{width:80%;}
}
	
@media (max-width:320px){

	.sheb li p {
    padding: 20px 15px 0;}

}