﻿@charset "utf-8";
/* CSS Document */

@media (max-width:1800px){
.foot-contact { width:50%;}
.foot-menu{margin-right:5%;}
	}
@media (max-width:1680px){
.hz{width:94%;margin: 0 auto;}
.hza{ width: 94%;margin: 50px auto;}
.top-hz {width: 94%;}

.mainbav li {padding: 0 26px;}
.mainbav li a {font-size:16px;}
.index-product-left-wb{-webkit-line-clamp: 2; margin: 35px 0;}
.index-product-left-bt-hz{padding:30px;}

.foot-contact { width: 65%;}
.foot-contact-box {margin-right:5%;}
.foot-contact-fw-hz {width: 48%;}
		}

@media (max-width:1440px){
.index-yyl{ margin-left: 35px;}
.top-hz {
    width: 96%;}
.hz{width:96%;}
.hza{ width: 96%; }
.mainbav li {padding: 0 22px;}


.foot-contact {width: 55%;}
.foot-menu { margin-right: 4%;}



}
@media (max-width:1366px){
.top-hz{width:98%;}


.mainbav li {padding: 0 16px;}


.index-product-left-m-wb {
    margin-top: 70px;}
.index-product-left-wb{margin: 30px 0 10px;}
.index-product-left-bt-hz {
    padding: 25px;}
.foot-contact {width:65%;}
.foot-menu { margin-right: 3%;}
.foot-contact-box { margin-right: 3%;}	
.foot-contact-fw-hz{width: 50%;}
}
@media (max-width:1200px){
img{max-width:100%;}
body{padding-top:80px;}
.top-pc { display:none;}

.logo-hz{margin:20px 0;}
.logo-wb {font-size: 26px;}



.banner{display:none;}
.banner-sj { display:block; }

.top_sj .tp_wrap { width:98%;margin: 0 auto;}

.index-yyl{float:right;}

.top_sj{
		position: fixed;
		z-index: 99999;
		top: 0px;background:#fff;
		left: 0; right:0%;display:block; 
		transition:all 0.4s;}

.top_sj.open{    background: #fff;}
.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 - 80px);display:block;overflow-y:auto;padding-top:20px;}
	.dh>ul { text-align:left;width:80%;margin:0 auto;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;line-height:55px;color:#000;font-size:16px; }
	.dh>ul>li>a:hover{}
	.dh>ul>li .droparea{display:none;margin-bottom: 15px;}

	.dh ul li span{position:absolute; height:55px;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: #757575; 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:#333;}
	.dh ul li .droparea .act > a { color:#333;}
    .dh ul li .droparea li{ line-height:30px;  position:relative; }
	.dh ul li .droparea li .droparea li{position:relative; }
	.dh ul li .droparea li a { text-indent:20px; display:block;font-size:14px;color:#666;}		
 .dh ul li .droparea ul li ul li a{padding-left:20px;font-weight:normal !important;color:#999;font-size:14px;line-height:32px; }
 
 .dh ul li .droparea ul li ul li a:hover{color:#d8231a;}
	.dh ul li .droparea > ul > li > ul { display: none;  margin:0 0 15px 0;}

.sj-serach{padding:15px 0;}
	.sok{border:none;background:none;font-size:15px;width:88%;}
.sj-menu-yy {margin:20px 0;overflow:hidden;border-bottom:none !important;}
	.sj-menu-yy a{float:left; font-weight:normal !important;font-size:14px !important;margin-right:10px;}


	.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: 32px;
    line-height: 32px;
}

.index-about-title {
    font-size: 32px;
    line-height: 32px;
}
.set {font-size: 16px;}



.yunu-pinzhi li {width: 50%;margin-bottom:30px;}
.img-center img{width: 100%;}
.yunu-section-title{font-size:32px;}

.index-about-bj{ padding: 50px 0;}

.index-about-title-ms { font-size: 24px; line-height: 35px;}

.foot-box{display:none;}
.foot-contact {
    width: 100%;
}
.foot-contact-fw-hz {
    width: 40%;
}

/***--内页代码***/
.ny-banner{display:none;}
.ny-banner-sj{display:block;}
.ny-banner-sj img{width:100%;height:auto;}

.date span {font-size: 40px;}
.tit a {font-size:18px;}

.ny-title {font-size: 30px;}

.news-pic {width:35%; }
.news-wz-hz { width:60%;}
 
 .sy-product-title { font-size: 28px;line-height: 30px;}
 .about-qyzl-a-title { font-size: 20px;}
 
 .sy_cpfl_img ul li { width: 31.3%;}
 
.contact-title {font-size: 28px;}


.sy_cpfl_img2 ul li{ width: 23%;margin-bottom:40px;}


  .index-product-right-title{font-size:22px;}


.ptt-title{font-size:24px;}	
.product-top .l { width:45%;}
.pro-right { width: 50%;  }


}
@media (max-width:1024px){	

.contact-left {width: 100%;}

.feedback-k { width: 48%;margin-right:1%;margin-left:1%;}
	}

@media (min-width:1024px){
  .feedback-k:nth-child(2n){margin-right:0;}
}


@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}

.hamburger{top:28px;}


.index-title {font-size:30px;}
.index-title-ms {font-size: 16px;}

.index-about-title {font-size:30px;}

.index-product-bj {padding: 50px 0;}

 
.yunu-section-title{font-size:30px;}
.yunu-pinzhi li {
width: 50%;margin-bottom:30px;}
.in-ys{ background-size: cover; padding: 50px 0; }


.index-about-left { width:100%;    padding:0 25px 25px 25px;}
.index-about-right { width:100%; padding:25px 25px 0 25px;}

.index-cases-hz{ width:100%; margin-bottom:15px;}
.index-cases-wb{padding:0 30px;}
.index-cases-wb a{font-size:18px; }


.m4_2 ul li{width:100%;}
.m4_2a_1 h3 { font-size: 20px;}
.m4_2a{padding:30px;}


.foot-contact {width: 100%;}
.foot-box{display:none;}
.foot-contact-fw-hz{width:44%;}

.foot-contact-box {
    width: 50%;}





.ny-newsshow-left{width:100%;border:none; padding:50px 0 0 0;margin-bottom:30px;}
.ny-newsshow-right{width:100%;padding-top:0; padding-left: 0;}
.ny-newsshow-right-nr li a {font-size: 16px;}

	
.ny-sl-wb-left{width:100%;}
.ny-sl-wb-pic{width:100%;margin-top:50px;}
.ny-sl-wb-left h3{font-size:18px;}


.about-qyzl-a2{width:44%;margin:0 3% 40px 3%;    padding:30px;}

.ny-menu li a {font-size: 16px;}
.ny-ms{font-size:15px;}
.index-partner-bj{padding: 50px 0;}
.about-qyzl { padding:20px 0 0px 0; }
.about-qyzl-a-title { font-size: 22px;}
.about-qyzl-a{width:44%;margin:0 3% 40px 3%;}
    
.page-zhaopin li{width:100%;}
.page-zhaopin li .top h2 { font-size: 18px;}
 
 .sy_cpfl_img ul li { width: 48%;} 
 .sy_cpfl_img ul li .text { padding: 15px 30px;}
 .sy_cpfl_img ul li .text .h1 {font-size: 16px;}
  
    


 .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%;}
#map_container { height:380px;}

.contact-map-left h3 {font-size: 20px;}
.contact-title {font-size: 26px;}
.contact-title p {font-size: 20px; margin-top:30px;}

  .contact-bj { padding: 50px 0;}
  

  .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;padding: 12px 50px;}
.product-ry .item .cpzs_wb .cpzs_wb_t { font-size: 18px;}

.ny-about-left{width: 100%; line-height:28px;font-size: 15px;padding:30px;}
.ny-video-pc{width: 100%;}

.news-centent-title {font-size: 18px;}

.news-ti {font-size: 24px;}
.ny-feedback-hz{padding:30px;}

.ny-title {font-size: 26px;}
.ny-menu{  padding:10px 0 20px 0;}

.dianfang .df_yi{width:100%;}
.dianfang .df_er{width:100%;}
.dianfang .df_san{width:100%;}
.dianfang .df_si{width:100%;}

}

@media (max-width:768px){
.flex-direction-nav {display:none;}	
	.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; }
	
.foot-contact-box{    width:100%;}
.foot-contact-fw-hz {float:left;
    width: 100%;}
	.foot-contact-fw {width: 100%;text-align:left;margin:30px 0;}
	.foot-contact-ewm-hz{width: 100%;text-align:left;}
	

.sy_cpfl_img2 ul{margin-right:-2%;margin-left:-2%;}
.sy_cpfl_img2 ul li{ width:29%;margin-right:2%;margin-left:2%;}

	}

@media (max-width:580px){
	body{padding-top:74px;}
.logo img { height:30px;}
.logo-wb { font-size: 24px; }
.hamburger{top:23px;}

.index-title {font-size: 28px;}
.index-about-title {font-size: 28px;}


.yunu-pinzhi li h4{	font-size:20px;}
.yunu-pinzhi li .text{ padding:0 20px 40px 20px;}
.yunu-section-title{font-size:26px;}


.index-about-nr {font-size: 15px;}

.index-about-title-ms { font-size: 22px;}

.foot-dh{float:left;margin-top:30px;width:100%;}

.sokb {font-size: 15px;}
.tj {width: 160px;line-height:45px; font-size: 16px;}
.contact-title { font-size: 24px;}

.contact-title p {font-size: 18px;}

.ny-title {font-size: 24px;}

.ny-about-menu li{margin-bottom:10px;margin-right:8%;}





.news-ti {font-size: 22px;}
.about-content { font-size: 15px;}


.ny-feedback-hz{padding:30px 20px;}

.ny-menu li { margin-right: 5%;}
.ny-menu li a { font-size: 16px;}

.ny-newsshow-right-title {
    font-size: 26px;}
.about-content {
    margin: 40px 0;}


.news-pic {width:100%; }
.news-wz-hz { width:100%;margin-top:30px;}
.news-centent-title{font-size:16px;}

.ny-product-title {font-size:20px;}
.ny-product-left-pic{width:98%;}
	
.tab-hz {padding: 30px 20px;}
.tabs .horizontal li{font-size: 16px; padding: 12px 8%;}
.info-page a { font-size: 15px;}


}
@media (max-width:480px){
  .index-product-left-m-wb{margin-top:30px;}
.index-product-left-m-wb a {font-size:18px;}


.index-product-hz {
    width: 100%;
    margin: 0 0 30px 0;}

.about-qyzl-a2 {width: 96%;}
	
.str_tbt .ysbt {margin-left:0;}
}
	
@media (max-width:320px){	

}
