@charset "utf-8";
/* CSS Document */

@media (min-width:0px) and (max-width: 1024px){
	body{background: #fff;}/*overflow: hidden;*/
	#phone_nav{display:block;}#pc_nav{display:none;}
	.top_tp{display:none;}
	.pc_guide_b_l{display: none;}
	.sj_guide_b_l{display: block;}
	.slideBox{display: none}
	.box_swipe{display: block;}
	.pc_banner_de{display: none;}
	.sj_banner_de{display: block;width: 100%;height: auto;}
	.sj_banner_de img{width: 100%;height: auto;}
	/*banner*/
	.box_swipe{overflow:hidden;position:relative;display: block;}
	.box_swipe ul li{width: 100%;height: auto;}
	.box_swipe ul li img{width: 100%;height: 200px;vertical-align: middle;}
	.box_swipe>ol{height:30px;position: relative;z-index:10;margin-top:-30px;text-align:center;}
	.box_swipe>ol>li{display:inline-block;width: 9px;height: 9px;background: #fff;margin-left: 5px;margin-right: 5px;cursor: pointer;border-radius: 50%;}
	.box_swipe>ol>li.on{background: #fff;width: 31px;border-radius:20px;}
	/*top*/
	.top_nav{height: 100%;overflow: unset;padding-top: 0px;}
	.top{width:100%;max-width: 100%;height: 80px;margin:0px auto;padding-left: 0%;padding-right: 0%;overflow: unset;}
	.top_t{display: none;}
	.logo{width:280px;height:46px;float:left;margin:0px auto;display: block;}
	
	.logo img{width:100%; height:auto;}
	.logo p{display:none}
	.top_rr{display: block;width: 25px;height: 20px;float: right;margin-top:35px; padding-right:10px;}
	.top_rr img{width: 100%;}
	.nav{width:50%;height: auto;background:rgba(43,59,69,0.95);overflow: hidden;position: absolute;right: 0px;top:80px;z-index: 211;display:none;}
	#phone_nav{display:none;}.p_list_r{display:none;}.left1 h1{width:100%;}
	.nav ul {width: 100%;height: auto;margin:20px auto;max-width: 100%;padding-left: 0px;}
	.nav ul li{line-height:40px;float: none;width: 100%;border:none;line-height: 50px;height: auto;background: none;padding-left: 0px;padding-right: 0px;font-size: 16px;}
	.nav ul li a{width: 100%;color: #fff;}
	.top_r{display: none;}
	
	.proudct_list .p_list_l {width:100%;}
	.proudct_list .p_list_l ul li {float: left;line-height: 66px;margin-right: 15px;padding-left:5px; padding-right:5px;border-right:0px #efefef solid; text-align:center;}
    .proudct_list .p_list_l ul li a {font-size: 14px;color: #010101;font-family: "微软雅黑"; display: block;height: 66px}
	
	
	/*关于我们*/
	#gywm{width: 100%;height: auto;overflow: hidden;margin:30px auto; background:#0573b3;}
	.gywm{width: 100%;max-width: 100%;height: auto;margin:0px auto;}
	.gywm1{width: 100%;height: auto;margin-left: 0px;display: none;}
	.gywm2{width: 90%;height: auto;overflow: hidden;margin:0px auto;margin-right: 0px;padding:30px 5%;}
	.gywm2 .gywm2_1{width: 100%;height: auto;}
	.gywm2 .gywm2_1 img{width: 300px;height: 50px;}
	.gywm2 .gywm2_2 a{margin:0px auto;}

	/*产品*/
	.cp{width: 100%;height: auto;overflow: hidden;}
	.cp_t{margin-top: 35px;font-size: 22px;height: 60px;width: 94%;margin-left: 3%;}
	.cp_t p{margin-top: 0px;font-size: 14px;}
	.cp_c{width: 100%;height: auto;margin:20px auto 0px;}
	.cp_c1{width: 100%;height: auto;overflow: hidden;}
	.cp_c1 ul{width: 100%;height: auto;overflow: hidden; margin:0px auto; text-align:center;display:table;}
	.cp_c1 ul li{width: 30%;font-size: 12px;margin-left: 2.5%;margin-right: 0%;margin-bottom: 10px;}
	.cp_c2{width: 100%;height: auto;overflow: hidden;margin:1px auto;}
	.cp_c2 ul{width: 100%;margin-left: 0px;}
	.cp_c2 ul li{width: 45.5%;height: auto;overflow: hidden;margin-left: 3%;margin-right: 0px;margin-bottom: 15px;}
	.cp_c2 ul li a img{width: 100%;height: auto;overflow: hidden;}
	.cp_c2 ul li a p{height: 30px;line-height: 30px;font-size: 12px;}
	
	.x_banner{height: 177px;}
	.x_t{margin-top: 30px;font-size: 18px;}
	.x_t p{font-size: 15px;}
	.x_b{margin:15px auto;height: 40px;}
	.x_b a img{height: 40px;}

	#ys{background: #3e5462;height: auto;overflow: hidden;}
	.ys{width: 94%;height: auto;overflow: hidden;margin:0px auto;}
	.ys1{width: 100%;height: auto;overflow: hidden;margin-top: 20px;margin-right: 0px;}
	.ys1 h1{font-size: 22px;}
	.ys2{line-height: 30px;font-size: 14px;margin-top: 15px;}
	.ys1 ul li{margin-bottom: 20px;width: 23%;height: auto;margin-right: 6px;}
	.ys1 ul li img{width: 30px;height:30px;    margin: 19px auto 10px;}

	#xw{height: auto;background: none;}
	.xw{width: 100%;max-width: 100%;height: auto;margin:0px auto 30px;}
	.xw1{width: 100%;margin-top: 20px;height: auto;}
	.xw2{width: 100%;margin-top: 20px;height: auto;}
	.xw1_t{font-size: 22px;height: 50px;width: auto;margin-left: 2%;}
	.xw1_t p{ padding-right:7px;}
	.xw1_b{margin-top: 0px; padding-left:1%;padding-right:1%;}
	.xw1_b1{margin-top: 15px;height: 130px;}
	.xw1_b1 .xw1_bl{width: 67%;padding:15px 3%;}
	.xw1_b1 .xw1_bl h1{font-size: 14px;height: 30px;line-height: 30px;overflow: hidden;}
	.xw1_b1 .xw1_bl h1 a{display: block;overflow: hidden;height: 30px;}
	.xw1_b1 .xw1_bl p{margin-top: 5px;line-height: 20px;font-size: 12px;height: 60px;}
	.xw1_b1 .xw1_br{padding:20px 3% 15px 0px;width: 22%;}
	.xw1_b1 .xw1_br p{font-size: 12px;}
	.xw1_b1 .xw1_br a{width: 88%;height: 23px;line-height: 23px;margin-right: 0%;float: right;}

    #cooperation{height: auto;}
	.cooperation{width: 100%;max-width: 100%;height: auto;margin:0px auto 30px; text-align:center;}
	.cooperation ul{ width:100%; height: auto; overflow:hidden; margin:0px auto; text-align:center;display:table; margin-top:15px;}
    .cooperation ul li{ width:30%; height:50px; float:left; margin:5px auto; margin-left:2%; margin-right:0.5%;  }

	.bottom_bj{width: 100%;height: auto;overflow: hidden;}
	#bottom_t{height: auto;}
	.bottom_t{width: 94%;height: auto;margin:20px auto;}
	.bottom_t dl{display: none;}
	.bottom_t1{width: 100%;height: auto;margin-right: 0px;}
	.bottom_t1 dt{display:none}
	.bottom_b{height: auto;font-size: 12px;line-height: 24px;padding-top: 10px;padding-bottom: 10px;}

	.about{width: 100%;max-width: 100%;}
	.left{margin-left: 0%;width:100%;margin-top: 0px;}
	.left1{width: 94%;margin-left: 3%;margin-bottom:10px;}
	
	.left2{width: 100%;margin-top: 0px;border-bottom: 0px #b5b5b6 solid;margin-bottom: 0px;}
	.left2 h1{font-size: 16px;margin-left: 0%;}
	.left2 ul li .left_nav1{display:block;}
	/*.left2 ul li{width:100%;float: left;font-size: 13px;border-bottom:none;text-align:left;line-height: 32px;height: auto;margin-left: 3%;}*/
	.left3{display: none;}
	#about_r{width: 100%;margin:1px auto;margin-right:0%;}
	.about_r{width: 94%;margin:0px auto;}
	
	.about iframe{height: 250px; width:100%;}
	.aboutus_1{display:none;}
	.aboutus_2{float:none;width:94%; margin:0 auto;}
	.hono{width:100%; height:360px; padding-top:2px; margin:20px auto;margin-bottom:0px;}
    .guide{max-width: 100%; padding-top:20px;}
	.guide_t{max-width: 100%;height: auto;position: relative;overflow: hidden; padding-left:0px;padding-right:0px;}
	.guide_t ul li{width: 50%;height: 200px;float: left;}
	.guide_t ul li a{ display:block; width:95%; text-align: center;margin:0 auto;}
    .guide_t ul li img{ width:100%; height:162px;background: #e7e7e7;}
	.guide_t ul li a h1{font-weight: normal;font-size: 18px;color: #2c2c2c;text-align: center;margin-top: 0px; width:100%;background: #e7e7e7;}
	.guide_t ul li a p{font-size: 14px;color: #737373;text-align: center;width:100%;margin-top: 0px; height:36px; line-height:30px;background: #fff;}
	.k{width: 42px;height: auto;position: absolute;top:70px;z-index: 1;cursor: pointer;}
	.k img{width:100%; height:auto;}
	#pro_leftcss{display:none;}
	.factory ul li{width:45.5%;height:auto;overflow: hidden;margin-left:3%;margin-right: 0px;margin-bottom: 15px;}
	.factory ul li img{width: 100%;height: auto;overflow: hidden;}
	.factory ul li p{height: 30px;line-height: 30px;font-size: 12px;}
	
	.proudct_row ul li{width:45.5%;height:auto;overflow: hidden;margin-left:3%;margin-right: 0px;margin-bottom: 15px;}
	.proudct_row ul li img{width: 100%;height: auto;overflow: hidden;}
	.proudct_row ul li a {display: block;background: #f8f8f8;box-sizing: border-box; height: auto;}
	/*.proudct_row ul li p{height: 30px;line-height: 30px;font-size: 12px;}*/
    
	.case_row ul li{width:45.5%;height:auto;overflow: hidden;margin-left:3%;margin-right: 0px;margin-bottom: 15px;}
	.case_row ul li img{width: 100%;height: auto;overflow: hidden;}
	.case_row ul li a {display: block;background: #f8f8f8;box-sizing: border-box; height: auto;}
	.case_row ul li h1 {padding-top: 5px;padding-bottom: 5px; height:30px;}
	
	.process{width: 94%;}
	.pr_de1 .pr_de1_1{width: 94%;height: auto;margin-left: 3%; display:none; }
	.pr_de1_lt ul li img{width: 99%;height: auto;}
	.tempWrap{width: 100!important}
	.pr_de1_lt{margin-left: 0px;}
	.pr_de1_lt ul li{width: 100%;height: auto;}
	.pr_de1 .pr_de1_2{width: 94%;margin-right: 3%;margin-top: 30px;}
	.pr_de2{width: 94%;margin-left: 3%;}
	.pr_de3 .pr_de2_1{margin-left: 3%;}
	.pr_de3_2 ul li{width: 45.5%;height: auto;margin-left: 2.5%;margin-right: 0px;}
	.pr_de3_2 ul li a p{height: 40px;line-height: 40px;}
	.pr_de3_2 ul li a img{width:98%;height:auto;}
	.pr ul li a img{width: 100%;height: auto;}
	
	
	.pr_de4_2{width: 100%;height: auto;overflow: hidden;margin:15px auto;}
.pr_de4_2 ul{width:auto;height: auto;overflow: hidden; margin:0px auto; text-align:center;display:table;}
.pr_de4_2 ul li{width: 45.5%;height: auto;margin-left: 2.5%;margin-right: 0px;}
.pr_de4_2 ul li a img{width: 100%;height: 150px;display: block;margin:0px auto;transition: all 0.5s;}
.pr_de4_2 ul li a p{background: #fff;height: 40px;color: #000;line-height: 40px;font-weight: 300;}
.pr_de4_2 ul li a:hover p{background: #fff;}
.pr_de4_2 ul li a:hover p{color: #025bb5;}
	
	.pr_de1 .pr_de1_2 h1{margin-top:0px;}
	.pr_de1 .pr_de1_2 .pr_de1_4{margin-top:30px;}
	.pr_de2_t ul li{width:25%;padding-left: 0px;padding-right: 0px;}

	.system{width: 94%;}
	.serv{width: 94%;}
	.con{width: 94%;}
	.se_de{width: 94%;}
	.news_de{width: 94%;}
	
	.news{width: 94%;max-width: 100%;height: auto;margin:0px auto 30px;}
	.news ul li{height:auto;border-bottom: 1px #e5e5e5 solid; margin:10px auto; padding-bottom:20px;}
	.news ul li p{font-size: 14px;line-height: 26px;color: #a6a6a6;height: auto;overflow: hidden;margin-top: 12px;}
	.news_row_l {float:none; padding: 0px;width: 100%;margin-top: 20px; height:auto;}
	.news_row_l img { width: 100%;height: 170px;}
	.news_row_r {width:100%;float:none;padding-top:10px;}
	.news_de1{font-size: 19px;}
	
	.serv ul li strong{margin-top:5px;}
	
	.pr_de1_lb{height: auto;}
	.pr_de1_lb ul li{margin-bottom: 10px;}
	.con1{width:92%;margin:3% auto;float:none; margin-top:30px;}
	.con2{width:94%;margin:3% auto;float:none; padding-left:0px;}
	.con2 img{width: 100%;height: auto;margin:10px auto;}
	.con2 iframe{height: 250px; width:100%;}
	.nav ul li.hover .nav1{display: none;}
	.nav ul li.hover:nav1{display: none;}
	.nav ul li.hover .nav2{display: none;}
	.nav ul li:hover .nav2{display: none;}
	.download ul li{padding-bottom:5px;margin-bottom:5px;}
	.download_row_l {float: left; padding: 0px;width: 20%; height:auto;margin-top: 10px;}
	.download_row_l img { width: 100%;height: auto;}
	.download_row_c {width:78%;float: left;padding-left:5px;padding-top:15px;color: #191919;font-size: 16px; }
    .download_row_r {width:78%;float: right;padding-top:0px; text-align:left; padding-left:20%; padding-bottom:5px;}
	.download ul li p{font-size: 13px;line-height: 24px;color: #a5a5a5;height: 25px;overflow: hidden;margin-top: 5px;}
	.download_row_r img { width: 25%;height: auto;}
	
}
@media (min-width:415px) and (max-width: 1024px){
	.gywm2 .gywm2_2 a{margin:unset;}
}

@media (min-width:500px) and (max-width: 1024px){
	.cp_c1 ul li{width: 15.5%;margin-left: 1%;height: 40px;line-height: 40px;}
	.cp_c2 ul li{width: 30%;margin-left: 2.5%;}
	.ys1 ul li{width: 80px;}
	.factory ul li{width: 30%;margin-left: 2.5%;}
	.left2 ul li{width: auto;}
	.pr_de3_2 ul li{width: 30%;margin-left: 2.5%;}
	.pr_de1 .pr_de1_1{width: 45%;}
	.pr_de1_lb ul li{width: 52px;height: 47px;margin-left: 4px;margin-right: 4px;}
	.pr_de1_lb ul li img{width: 50px;height: 45px;}
	.pr_de1 .pr_de1_2{width: 45%;margin-top: 0px;}
	.pr_de1 .pr_de1_2 .pr_de1_3{margin-top: 10px;}
	.pr_de1 .pr_de1_2 .pr_de1_3 p{line-height: 26px;}
	.pr_de1 .pr_de1_2 .pr_de1_4{margin-top: 20px;}

}


@media (min-width:769px) and (max-width: 1024px){
	
}







