﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){
.hz{width:70%}
.hza{ width:70%;  }
}
@media (max-width:1600px){
.hz{width:80%}
.hza{ width:80%;  }
.ny-banner-wb{font-size:22px;}
.ny-banner-wb p{font-size:48px;}
.service-Full-wb p{font-size:36px;line-height:36px;}
}
@media (max-width:1440px){
.hz{width:90%}
.hza{ width:90%;  }
.mainbav .memu>a {padding: 0 25px;}

.ny-banner-wb{width:65%;}




	}
@media (max-width:1300px){
.sousuo .ssk {width: 42%;}


	}
@media (max-width:1200px){
.hz{width:96%}
.hza{ width: 96%; margin: 50px auto; }	
.hzb{margin-bottom:50px;}

.mainbav .memu>a { padding: 0px 20px;font-size:17px;}
.sousuo{margin-left:10px;margin-right: 10px;}
.new{margin-left: -80px;width:120px;}

.index-capability-title{font-size:24px;}
.index-oem-left {  margin-top: 30px;}

.cpzs_wb_t {font-size: 24px;}
.index-Professional-title{font-size:36px;line-height:36px;}

.ny-banner-wb{font-size:22px;}
.ny-banner-wb p{font-size:40px;margin-bottom:30px;}
.service-Full-wb p{font-size:30px;line-height:30px;}
}
@media (min-width:1024px){



}
@media (max-width:1024px){	
body{padding-top:0;}

.top-pc { display:none;}

.logo-sj {margin:8px 0;float:left;}
.logo-sj img {height:60px;}
.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;}

	.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:85%;margin:0 auto;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;font-size:18px;padding:15px 0;color:#000;}
	.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 {font-weight:bold;color:#296d72;}
	.dh ul li .droparea .act > a { color:#296d72;font-size:16px;}
    .dh ul li .droparea li{ line-height:38px; position:relative; }
	.dh ul li .droparea li .droparea li{position:relative; }
	.dh ul li .droparea li a { text-indent:10px; display:block;color:#666;}	


.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:18px !important;}
	.sj-menu-yy li:hover,.sj-menu-yy li a.on{color:#296d72; }
.sj-sok{  font-size: 14px; width: 85%;}

	.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;}

video{height:450px;}

.owl-carousel .owl-wrapper-outer{width:80%;}
.cpzs_wb_t {font-size: 22px;width:80%;}

.index-news-right-title{font-size:22px;}

.ny-banner-wb{font-size:18px;}
.ny-banner-wb p{font-size:36px;line-height:36px;margin-bottom:10px;}

.about-title-ms {  width: 92%;}
.ptt-title {
    font-size: 26px;}
.nylist li {
    width: 31.3%;}
.contact-title {
    font-size: 36px;
    line-height: 36px}
}




@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}


.index-title{font-size:32px; }
.index-From-box {width:50%;}
.index-From-box-title {font-size: 22px;}

.index-oem-left{margin-top: 0;}

.khjz .item .cpzs_wb .cpzs_wb_t{font-size:20px;}
.index-Professional-title{font-size:30px;line-height:30px;}
	
.index-news-right{width:47%;}
.index-news-right:nth-child(3n){display:none;}
.index-news-right-title { font-size:20px;}

.foot-box{display:none;}
.foot-bq{text-align:center;}
#firstpane{display:block;}
.menu_head{font-size:18px; color: #fff;line-height:55px;cursor:pointer;border-bottom:1px solid #FFF;position:relative;background: url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background: url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:100%;height:auto;overflow:hidden;padding:25px;line-height:32px;}
.menu_body a{display:block;width:100%;color:#FFF;}
.menu_body a:hover{ text-decoration:underline;}


.ny-banner{display:none;}
.ny-banner-sj{display:block;text-align:center;}
.ny-banner-sj img{width:100%;height:auto;}
.ny-banner-wb{width:80%;}
.ny-about-nr{width:100%;}
.about-right{width:100%;}
.about-right li{float:left;width:50%;padding:0 5px;}
.about-right p{font-size:15px;}
.about-title{font-size: 28px;}

.service-Full{display:block;}
.service-Full-left{width:100%;margin-top:30px;}
.service-Full-wb{width:100%;margin-top:30px;}
.service-Full-wb p { font-size: 24px;}
.contact-hz{display: block; }
.relbar-map {width:100%;float:right;}
.contact-right {width:100%;    padding:50px;}
#map_container {height:400px;}
.contact-title {
    font-size: 32px;
    line-height: 32px}
	.contact-wb { font-size: 20px;}
.soka { width: 99.7%;padding:15px;font-size:14px;}
.sokb { font-size:14px;}
.tj {width:170px;font-size:16px;line-height: 48px;}
.contact-nr{font-size:16px;}
.ny-news-nr{width:100%;}
.ny-news-right-hz{width:100%;margin-top:40px;}
.ny-product-left li{width:50%;}
.ny-news-right-title{font-size:27px;}

.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}
.ptt-title {font-size: 24px;}
.pro-right {width: 100%;margin-top:50px;}
.product-top .l {width: 100%;}
.ny-cp-right-nr ul{margin-left:-2%;margin-right:-2%;}
.ny-cp-right-nr li{width:46%;margin:0 2% 4% 2%;}
.ny-news-right { padding:30px 20px;}
}



@media (max-width:768px){
.index-capability{width:100%;}
.index-capability-title{font-size:24px;}
.index-oem-left{width:100%;}
.index-oem-left-nr{margin: 40px 0 ;}
.index-oem-pic { width: 100%;margin-top:80px;}
.index-oem-left-more .btn{ line-height: 2.5em;}


video{height:100%;}
.index-about-video{background-color:#296d72;}

.cpzs_wb_t {width:100%;}
.owl-carousel .owl-wrapper-outer{width:100%;}
.owl-buttons{display:none;}
.hover-btn{font-size:16px;padding:0.5em 2em;}
.index-Professional-title{width:80%;}

.ny-news-nr-pic{width:35%;}
.ny-news-nr-left{width:60%;}
}

@media (max-width:580px){	
.flex-direction-nav{display:none;}
 .index-title { font-size: 25px;}
 .index-about-nr { margin: 30px 0;}
.index-From-box-title {font-size: 20px;}
 .index-capability-title { font-size: 20px; }
.cpzs_wb_t { font-size: 18px;}

.index-hzhb { margin-top:40px;}
.index-hzhb li{width:25%;}

.index-news-right{width:97%;margin-bottom:30px;}
.index-Professional-title{font-size:24px;width:90%;}
.ny-banner-wb{font-size:16px;line-height:20px;width:90%;}
.ny-banner-wb p{font-size:22px;}
.about-title{font-size: 24px;}

.service-Full-wb p { font-size: 22px;}
.contact-title {
    font-size: 25px;
    line-height: 30px;}
.ny-product-left li{width:100%;}
.ny-news-right-title{font-size: 22px;}
.ny-news-nr-left{width:100%;}
.ny-news-nr-pic{width:100%;margin-top:30px;}

.sy-product-hz {width: 48%;}
.sy-product-hz:last-of-type { display:none; }
}
@media (max-width:480px){	
.index-From-box {width:100%;}
.index-hzhb li{width:33.3%;}
}
	
@media (max-width:320px){	

}
