/* CSS Document */

@media (max-width:1800px){

.hz{width:98%;margin: 0 1%;}

.hza{ width: 98%; margin: 6% 1%; }

.about-hz{  width: 98%; margin: 65px 1% ; }

}

@media (max-width:1600px){

.top-hz { width:98%;margin: 0 1%;}

.mainbav li { position: relative; padding: 0 20px; }



.logo-hz { width:28%;}

.hz{width:98%;margin: 0 1%;}

.hza{ width: 98%; margin: 6% 1%; }







.bot2 .dz { margin-right:4%;}



	

	}

@media (max-width:1200px){

	body {padding-top: 0px;}

	img{max-width:100%;}

	.hz{width:98%;margin: 0 1%;}

	.hza{ width: 98%; margin: 6% 1%; }

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

	
	

	.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;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:#992c2e; color:#fff;}

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



	.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: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("404.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(../image/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(../image/ss_tbn.jpg) 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;}



.vidbacking-active-body-back{height:7.1rem !important;margin-bottom:-30px;}

.banner-wb{top: 50%;}

.business_index_wrap{ position:static; transform:translateY(0%); transition:all 0.5s; z-index:1000;}

.business_index_box {

    width: 50%;border-bottom:1px solid #e6e6e6;}



.width-auto{width:100%;position: relative;}



.index-product-bj { padding:0 0 40px 0; }

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

.banner-wb .banner_wz{font-size:28px;line-height:30px;margin-top:25px;}

.banner-wb .banner_wzz{font-size:28px;line-height:30px;margin-top:25px;}



.index-title{font-size:42px;line-height:42px;margin-top:50px;}	

.index-ggt-wb{padding:130px 80px;font-size:32px;line-height:45px;}



.bot2 .lx {width: 60%;}

.bot2 .dz{ display:none;}

.ewm {width: 32%; float: right;margin-top:60px;}







.about-title{font-size:32px;}



/***--ÄÚÒ³´úÂë***/

.ny-banner{display:none;}

.ny-banner-sj{display:block;}

.ny-banner-sj img{width:100%;height:auto;}





.about-nr{

	width: 98%;

	margin: 0 1% 30px 1%;}







.product-top {width: 55%;}

.pro-right {width: 40%;}

.product-ny-title{font-size:28px;line-height:33px;}

.news-hz{margin-bottom:40px;}



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

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





.news-rq { width:13%;}

.news-wz-hz { width:52%; }

.news-pic {

    width: 30%;

}

.ny-sp-hz{width:100%;}



.faq_read_title {

    font-size: 24px;margin-bottom:10px;}

.faq_read_box {

    font-size: 16px;

    line-height: 28px;}

}

@media (max-width:1024px){	

.index-news-nr-left {width:48%;margin: 0 0%;}





.about_eb ul li strong{ float:left; width:25%; }

.about_eb ul li span{ width:70%;}	







	}



@media (min-width:1024px){

.index-news-nr-left:nth-child(2n){margin-right:0;}



}



@media (max-width:960px){

.banner-wb .banner_bt{font-size:35px;line-height:35px;}

.banner-wb .banner_wz{font-size:24px;line-height:25px;}

.banner-wb .banner_wzz{font-size:24px;line-height:25px;}





.infou-ul li {float: left;width:33%;margin-top:30px;}

.infou-ul li h3 span:nth-child(1) {font-size: 68px;}





.index-ggt-wb{padding:100px 70px;}





.about_culture_title{font-size:26px;}

.news-rq { width:15%;}





.back{float:left;margin-top:20px;}

.product-top-hz{width:100%;margin:0 auto;}



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

.product-box { float:none;width:100%;margin-left:0;margin-top:40px;}



.navigation_li a {padding: 0 20px;}



.contact-nr{width:100%;float:none;    overflow: hidden;}

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

.news-pic img{width:100%;}



.index-ys-box {

    width: 100%;

    float: none;}

.index-ys-pic {

	    width: 100%;

    float: none;}

.case-list li{width:50%;}

.case-list{margin:0 -17.5px;}

.case-list .con{margin:0 17.5px;}



.product-ny-title{font-size:26px;line-height:33px;}

}



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



.banner-wb .banner_bt{font-size:25px;line-height:30px;}

.banner-wb .banner_wz{font-size:18px;line-height:28px;margin-top:15px;}

.banner-wb .banner_wzz{font-size:18px;line-height:28px;margin-top:15px;}





.index-title{font-size:32px;line-height:35px; margin-top:40px;}

.index-title-ms{font-size:18px; margin: 12px 0;}





.parHd ul li{ width: 48.8%; margin: 0.5%;font-size:18px;padding:2% 1.5%;}

.index-ggt-wb{padding:90px 50px;font-size:28px;line-height:32px;}



.index-ys-left{width:100%;float:none;}

.index-ys-pic{width:100%;float:none;margin-top:50px;}

.index-ys-pic img{width:100%;}

.faq_read_title{font-size:24px;line-height: 30px;}

.faq_read_box {font-size: 16px;margin-top:30px;}



.bot2 .lx {width: 100%;}

.bot{font-size:16px;}

.ewm{width:100%;float:left;}

.ewm li{width:20%;margin-right:3%;}



.about_culture_title{font-size:25px;}





.index-news-nr-left{width:100%;margin-right:0%;margin-bottom:4%;}



.news-wz-hz { width:85%; margin-bottom:40px;}

.news-pic {

    float: none;

    width: 100%;}



.index-ys{margin-top:60px;}

.product-syt-hz{width:100%;float:auto;}

.product-ny-title{font-size: 26px;line-height:30px;}





.product-top{width: 100%; margin-bottom:30px;}



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

.ny-ryzz-hz{width:250px;}

.zzmc{font-size:16px;}



.navigation_li a {padding: 0 30px;}

.navigation_li {

    line-height: 70px;

    height: 70px;}

}



@media (max-width:580px){

.banner-wb .banner_bt{font-size:20px;line-height:27px;}

.banner-wb .banner_wz{font-size:16px;line-height:27px;margin-top:10px;}

.banner-wb .banner_wzz{font-size:16px;line-height:27px;margin-top:10px;}

	

.business_index_title {font-size: 16px;line-height: 30px;}  

.business_index_box a {padding: 40px 2% 20px 2%;}

	

.index-title-ms { font-size: 16px;}	





.infou-ul { margin-top: 70px;}

.infou-ul li {float: left;width: 48%;}

.infou-ul li p {font-size: 16px;}

.infou-ul li h3 span:nth-child(1) {font-size:55px;}



.index-ggt-wb{padding:80px 20px;font-size:24px;}



.index-news-nr-left-title a {font-size:20px;}

.index-news-nr-left-content {margin: 20px 0;}



.bot{font-size:16px;}

.bot2 .dz dt {font-size: 22px;}

.bot2 .dz .dd1 {font-size: 16px;line-height: 30px;}

.bot2 .lx dt {font-size: 22px;}

.ewm li{width:30%;margin-right:5%;}









.about_culture_list {

    width: 100%;margin-bottom:60px;}

.about_culture_title{font-size:24px;}

.about_culture_wrap { padding-top:50px;}



.product-ny-title{font-size: 24px;line-height:30px;}



.product-ny-fwrx {font-size: 18px;margin-bottom:0;}

.product-ny-hm {font-size: 24px;}

.contact-nr .gsm {font-size: 26px;}

.contact-nr-lxfs{line-height:30px;font-size:16px;}



.navigation_li a {padding: 0 20px;}



.news-hz {margin: 40px 0;}

.news-rq { width:24%;}

.news-rq-x {font-size: 40px;}

.news-more {

    width: 150px;

    line-height: 42px;}

.news-ti { font-size: 26px;	}

.news-wz-hz { width:75%;}

.news-centent-title a {

    font-size: 22px;}



.case-list li{width:100%;}





}

@media (max-width:480px){







}

	

@media (max-width:320px){	



}