@charset "utf-8";
/* CSS Document */
.hader{ position:relative}
.hader .ico{
  width: 10%;height:24px;
  border-top: 4px solid #505050;
  border-bottom: 4px solid #505050;
  padding: 6px 0;
  background-color:#505050;
  background-clip: content-box; position:absolute; right:0.2rem; top:1rem; z-index:9; margin-top:0.6rem; display:none
}
#p_proList li .txt{ height: 56px;}
/*.toper .ico.white{ border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5; background-color:#f5f5f5;color:#E1E1E1}*/
.pic_td{ display: none;}
.swiper-container{display: none;}
.menus{ width:100%; /* position:fixed; */ position: absolute; height:100%;/* background:rgba(0,0,0,0.8);*/ left:0; top:0; display:none; z-index:11}
.menus .show-menu img{ width:auto; max-width:100%}
.menus .closed{ width:30px; height:25px; border-radius:50%; padding-top:5px; position:absolute; right:0.2rem; top:5px; z-index:11; color:#E1E1E1}
.menus .show-menu{/* width:50%; */ height:100%; position:fixed; z-index:9; background:#EDEDED; left:0; top:0; text-align:center}
.menus .show-menu h1{line-height:4rem; text-align:center; color:#000; font-weight:normal}
.menus .show-menu a{ color:#000}
.menus .show-menu li{ line-height:2em; font-size:100%; letter-spacing:1px; text-align:center}
	/********浮动咨询 start********/
	.show-erweima{ width:86%; background:rgba(255,255,255,0.9); margin:auto; padding:2rem; text-align:center; border-radius:0.6rem; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:7%; z-index:9}
.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}
.show-erweima .txt{ line-height:2rem; color:#0D0D0D; font-size:100%}
.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff}
.show-erweima .txt span a{ color:#fff}
.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }
.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:30px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}
.footer img{ width:auto; max-width:50%;}
.footer_float {height:auto; overflow:hidden; background:#000; color:#fff; width:100%; position:fixed; z-index:9; left:0; bottom:0; display:none}
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.6rem 0;  width:25%; line-height:2rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none}
.zixun_txt{ line-height:1.4rem; text-align:center; font-size:16px; padding-bottom:1rem}
.zixun_boda{ width:71.6%; margin:auto; height:2em; line-height:2em; border:2px solid #fff; margin-bottom:1rem}
.zixun_boda li{ width:56%; float:left; line-height:2em; font-size:14px;color:#fff}
.zixun_boda li a{ color:#000}
.zixun_boda li:last-child{ width:44%; line-height:2em; background:#fff; color:#000}
	/********浮动咨询 end********/
@media screen and (max-width:768px){
	
	.page, .w1300{ width: 100%;}
	.htop{display: none;}
	.hader{ padding: 20px 0px ;}
	.footer_float{ display:block}
.hader .ico{ display:block}	
.top{ display:none}
.banner li div{ background-size: 140% !important; height: 160px;}
.banner{ height: 160px;}
.pro{ padding-top: 10px;}
.pro_bt p{ font-size: 40px;}
.pro_bt i{ font-size: 12px;}
.pro_bt dl{ font-size: 30px;}
.pro_xbt{display: none;}
.pro_xbt,.pro_list,.pro_con .pro_td{ width: 100%;}
.pro_con{ width: 98%; margin: auto; margin-top: 30px; display: none;}
.pro_list { padding: 0px; border: none; width: 100%; margin: auto; height: auto;}
.pro_list li{ width: 31%; margin: 0px; margin-right: 8px;  float: left; font-size: 14px; }
/*  */
/* .tempWrap{ width: 100% !important;} */

.pro_con .pro_td{ margin: 0px; padding: 0px;}
.trait{ display: none;}
.custcon { overflow:hidden; width: 100%;}
.custerm{ padding-bottom: 0px; height: 510px;}
.adv_bt p{font-size: 26px;}
.advpic{ display: none;}
.advwa{ width: 100%; margin: 0px;}
.advone .advcen{ margin: 0px;}
.tempWrap{ width: 100% !important;}
.pro_list li a{ font-size: 14px;}
.banner ol{ bottom: 10px;}
.w1200{ min-width:100%;}
.dh,.sousuo,.hader .rexian,.zkcp-qh .hd{ display:none}
.container{ width:100%;}
.hader .logo .logo-img,.zkcp-qh .bd{ width:100%; height:auto}
.zkcp{ padding:1rem 0}
.zkcp-qh .bd li .zkcp-img{ height:120px;}
.zkcp-qh .bd li .zkcp-qh-r-ico{ font-size:12px;}
.czwl{ padding:2.4rem 0;}
.czwl .czwl-bt img{ width:98%;}
.czwl .czwl-bt span,.czwl .czwl-ys-bt{ font-size:14px;}
.czwl .czwl-box .czwl-box-l{ width:100%; height:auto;}
.czwl .czwl-box .czwl-box-r{ width:100%; float:left}
.czwl .czwl-box .czwl-box-r .czwl-box-r-div{ width:48%;}
.czwl .czwl-box .czwl-box-r .czwl-box-r-div .czwl-box-r-box{ font-size:13px;}
.tiaofu{ display:none;}
.youshi .youshi-bt p:before,.youshi .youshi-bt p:after{ width:12%; top:20px;}
.youshi .youshi-bt p{ font-size:1.68rem;}
.youshi .youshi-bt span{ font-size:1.2rem;}
.youshi .youshi-box{ margin-top:0}
.youshi .youshi-box .youshi-js,.youshi .youshi-box .youshi-img{ width:100%; height:auto; overflow:hidden;}
.youshi .youshi-box .youshi-img{ float:left; width:100%;}
.youshi .youshi-box .youshi-js:nth-child(3){ float:left; margin-top:10px;}
.about .about-top{ padding:2rem 1%}
.about .about-top .about-top-l{ width:100%; height:auto;}
.about .about-top .about-top-r{ width:100%; float:left}
.news .news-l{ width:100%;}
.news .news-l .news-l-box .news-l-top .news-l-img{ width:100%; height:auto}
.news .news-l .news-l-box .news-l-top .news-l-top-js{ width:100%; float:left}
.news .news-l .news-l-box .news-l-top .news-l-top-js span{ font-size:16px;}
.news .news-l .news-l-box .news-l-botm ul li{ width:90%; padding-left:6%; margin-left:2%;}
.footer .footer-box .footer-l{ width:100%; margin:1rem 0}
.footer .footer-box .footer-c{ width:96%; margin:auto; padding:0; margin-left:2%;}
.footer .footer-box .footer-r{ float:left; width:100%; text-align:center}
.footer .footer-box .footer-r .footer-r-img{ margin:auto; width:100%; height:auto;}
.footer{ background-color:#EEEEEE}
.czwl .czwl-bt span:after{ display:none}
body{ min-width:100%;}
#h_main{ width:100%;}
#h_left{ display:none}
#h_right{ float:none; width:100%;}
#p_proList li{ width:48%; margin-right:1%; margin-left:1%; height:auto;}
#p_proList li .img{ width:100%; height:160px; margin-bottom:0.75rem;}
.hot-pro.hot-pro-big ul li .pic{ height: 90px;}
 .banner-other{ height:152px; background-size: 200% !important; } 
 #m_newsList li .pic{ width:40%;}
 #m_newsList li .txt{ width:56%}
 #m_newsList li .txt h3{ line-height:20px}
 .m_tit1{ display:none}
 .ftit{ font-size:13px;}
 #relate_n li{ width:98%}
 #p_procase li{ width:48%; margin:0 1%;}
 #p_procase li .img{ width:99%; margin:auto; height:160px;}
 #zoom img{ width:100% !important; height:auto !important; }
 .pic_td{display: block; height: 450px; padding-top: 30px; width: 98%; margin: auto;} 
 .pic_td li{ width: 49%; float: left; margin-right: 7px; text-align: center;}
 .pic_td li:nth-child(2n){ margin-right: 0px;}
 .pic_td li .piv_img{ width: 100%; overflow: hidden;}
 .pic_td li .piv_img img{ width: 100%; min-height: 100%;}
 .pic_td li span{ width: 100%; height: 40px; line-height: 40px; text-align: center;  background: #cacaca; display: block;}
 .custcon .divdgweb_new_div_item{ width: 50%;}
 .custcon .news_div_item_pic img{ height: 107px;}
 .custcon .divdgweb_new_div_item{ padding-top: 106px;}
 .custcon .divdgweb_new_div_item_content{ padding-bottom: 0px;}
 .process{ display: none;}
 .par_bt a{ font-size: 32px;}
 .advul{ display: none;}
 .swiper-container{display: block;}
 .swiper-container {
      width: 96%;
			margin: auto;
      height: 100%;
			margin-top: 30px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
		.swiper-slide{ background: #000; padding: 12px;  height: 251px; overflow: hidden; border-radius: 10px;}
	.swiper-slide a{color: #fff;}
		.swiper-slide span{ font-size: 20px; width: 100%;} 
		.swiper-slide p{ height: 196px; overflow: hidden;}
		.adv_bt{ padding-top: 0px;}
		.aboucon{width: 100%; margin: 0px; background: none; height: 345px;}
		.aboutwa{ width: 100%; padding: 0px; margin: 0px; text-align: center;}
		.aboutwa p:nth-child(1),.aboutwa p:nth-child(2){ display: none;}
		.aboutwa p a{ display: none;}
		.qyxx{display: none;}
		.news{ margin: 0px; padding: 0px;}
		.news_row1 .news_tit{ float: inherit; text-align: center;}
		.news_row1 .news_list{ float: inherit;}
		.news_row1 .news_list ul li{ padding: 0px  15px;  margin: auto;}
		.news_row2_l .news_div_item{ width: 98%; margin: auto; padding: 0px;}
		.news_row2_l{ width: 100%; height: 400px;}
		.news_row2_l .news_l_item img, .news_row2_l .news_div_item .news_div_item_pic a, .news_row2_l .news_div_item .news_div_item_pic img{width: 100%;}
.news_row2_l .news_div_item .news_div_item_body{ margin-bottom: 10px;}
.news_row2_l .news_div_item .news_div_item_date{ top:118px; left: 26px; display: none;}
.news_row2_r{ width: 98%; margin: 0px; margin-top: 10px;}
.news_div_item_content{ /* float: right; */ width: 72%; display:grid; padding-left: 4px;}
.news_row2_r .news_div_item .news_div_item_date{ width: 70px;}
.news_row2_r .news_div_item .news_div_item_day{ font-size: 32px;}
.news_div_item_title,.news_row2_r .news_div_item .news_div_item_title .news_div_item_a{width: 100%; line-height: 20px;}
.news_row2_r .news_div_item .news_div_item_body{width: 100%;}
.links{ display: none;}
.kslja dl:first-child{display: none;}
.kslja dl:nth-child(2){display: none;}
.kslja dl:nth-child(3){display: none;}
.erweimacenter{ display: none;}
.kslja {width: 100%;}
.kslja dl{ float:inherit ; padding: 0px; width: 100% !important;}
.con_nr p { text-align: center;}
.con_nr p img{ width: 98%; text-align: center; margin: auto;}
/* .banner-other{ background-size: 140% !important;} */
.company{ width: 100%; overflow: hidden;}
.company-hidden{ width: 100%;}
.company-max{ width: 100%;}
.company-list{ width: 48%;}

}