@media only screen and (max-width:768px){
    body{min-width:320px;}
	ul{ flex-direction:column; 

	}
h2{
	font-size: 1.5rem;
	width: 8rem;
	margin:2rem 0 1rem 1rem;
	letter-spacing:3px;
	line-height:3rem;
}
header #logo{
}	
header #logo img{
	width: 80%;
	height:80%;
}	

summary { list-style:none;
          position:relative;
          cursor:pointer;
		  width:4rem;
		  height:2.8rem;}
summary span{ display:block;
      position:absolute;
      transition:0.3s;
	  background-color:#333;
	  width:4rem;
	  height:0.6rem;}
summary span:first-child{ top:0;}	
summary span:nth-child(2){ top:calc(50% - 0.3rem);}
summary span:last-child{ bottom:0;}
details[open] span:nth-child(2){ display:none;} 
details[open] span:first-child{ top:calc(50% - 0.3rem);
                                transform:rotate(-45deg);
								transform-origin:center;} 
details[open] span:last-child{ bottom:calc(50% - 0.3rem);
                                transform:rotate(45deg);
								transform-origin:center;}  
								
header nav{ 
     position:absolute;
     top:100%;
	 width:100%;
	 height:0;
	 transition: height 0.75s ease;
	 overflow:hidden;
	 z-index:1;
}
details[open] + nav{ height:calc(100vh - 100%);}	

header nav ul{ padding:0;  }
header nav ul li{ 
    float:none;
    list-style:none;
    border-bottom:1px solid #eee;
	padding-block:0.8rem;
	font-size:2rem;
	line-height:4rem;
	background-color:white;
	padding:0 10%;

	}	 		
 
    #top,.huixian, .tx-honer{display: none;}

.ibg_about1 img{display:block;}

        #banner_zzgy{ 
            height: 28vh; 
        }
        #banner_us{
	height: 28vh
 
        }
#chanpin{
	margin: 0;
	padding: 0;
	flex-direction:row;
	flex-wrap:wrap
}
#chanpin li
	{ width:50%;
	  margin:0px 0px 1.5rem 0px;
	 }
#chanpin li a{ 
		padding:1.8rem 0px 2rem 0px;
        }
#chanpin li .en{ 
		color:#000;font-size:1rem;
        }
.pro_main{
	flex-direction:row;
	width:100% }	
.pro_main li{
	width:50%; }
.pro_main li div{
	width:92%; }
.pro_main li a:nth-child(2){
	padding: 2rem 0 2rem 0;
	letter-spacing: 2px;
	font-size:0.65rem	
 }    .tx-video .on{width: 100px;height:100px;background-size:100%;}

    .tx-padding{padding:30px 0;}
    .tx-service-main li{width:49%;margin-bottom:2%; height:305px }
	.tx-service-main li a{overflow:hidden;height:35px; line-height:35px}
    .tx-service-main li:nth-child(2n-1){margin-left:0;}
	.tx-service-main li:nth-child(3),.tx-service-main li:nth-child(4){margin-top:20px;}
	
    .tx-chanpin{ margin-top:5px; }
    .tx-chanpin-left{ margin:0 auto; float:none}
	.tx-chanpin-right .table .table-caption{ margin-top:20px;}
    .table-row  li:nth-child(1),.table-row  li:nth-child(4){display:none}
		
#yuancailiao{ width:100%}
.mudanyou {
	margin-left: 0px; float:none;
}
.mudanyou ul{ width:300px; height:70px;margin : 0 auto;}
    .tx-gg{height:150px;padding:42px 0;}
    .tx-gg img{width: 70%;}
    .tx-gg a{line-height: 36px;margin-top:14px;font-size:14px;}


.tx-news li{
	width: 100%;
	margin-bottom: 3rem;
             }	
.tx-news li:nth-child(3){
	margin-bottom: 1rem;
             }				 
.tx-gg-new{
		   margin-top:0rem;
		   }
.tx-video{
	margin-top:6rem;
}
.tx-contact{
	margin-top: 2rem;
}	
.tx-contact ul li ul{
	flex-direction: row;
}
.tx-contact ul li:nth-child(2){ font-size:1rem	
}

.tx-contact ul li:nth-child(1) ul li:nth-child(3){
	position: absolute;
	top:1.8rem;
	right:1rem
}
.tx-contact ul li:nth-child(1) ul li{
	font-size: 1.3rem;
}
.tx-contact ul li:nth-child(3) ul li{
	line-height: 2rem;
	padding-top: 1rem;
	padding-left:0.3rem;
}	   
    .tx-honer-title img{width: 130px;}
    .tx-honer-main li{margin-bottom:20px;}
    .tx-honer-main li:nth-child(2n-1){margin-left:0;}


    .tx-footer{
	background: #4492d0;
	}

    .tx-footer-down,.tx-footer-down a{color:#fff;margin-top:0;}
   #container1  #header, .tx-footer-nav,.tx-footer .bg,.tx-footer-down img{display: none;}

    .tx-downs-ul,.tx-downs{display: block;}
    .tx-downs{height:66px;}
    .tx-downs-ul{position: fixed;bottom:0;left:0; background:#008e52;z-index: 9999;}
    .tx-downs-ul li{width:25%;border-left:1px solid #4ea26a;}
    .tx-downs-ul li:nth-child(1){border:none;}
    .tx-downs-ul li a{color:#fff;display: block;text-align: center;font-size:14px;padding:36px 0 10px;}
    .tx-downs-ul li:nth-child(1) a{background:url('../images/homes.png') center 10px no-repeat;background-size:24px;}
    .tx-downs-ul li:nth-child(2) a{background:url('../images/products.png') center 10px no-repeat;background-size:24px;}
    .tx-downs-ul li:nth-child(3) a{background:url('../images/phones.png') center 10px no-repeat;background-size:24px;}
    .tx-downs-ul li:nth-child(4) a{background:url('../images/contacts.png') center 10px no-repeat;background-size:24px;}

    /*pro*/
    .ibg_about,.ibg_about1{height:auto;}
    .case_pro{width: 24%;margin:0 0.5% 20px;}
    .case_pro_title{width:100%;}
	

    /*main3_about*/
    .TabTitlea,.TabContent2a{width:100%;}
    .nTaba .TabTitlea ul{width:100%;margin-bottom:50px;height:auto;}
    .nTaba .TabTitlea ul li{width:20%;}
    .nTaba .TabTitlea ul li{font-size:16px;line-height: 58px;height:58px;}

    .about_scon li a{float:left;width:70%;line-height: 45px;height:45px;overflow: hidden;}
    .about_scon li span{float:right;width: 30%; line-height: 45px;height:45px;overflow: hidden;text-align:right;}

    .about_rongyu{width:100%;}
    .about_rongyu ul{width:100%;}

    .about_rongyu ul li{width:48%;margin:1%;height:auto;}


    .TabTitlea1,.nTaba1 .TabTitlea1 ul{width:100%;}
    .nTaba1 .TabTitlea1 ul{height:auto;margin-bottom:30px;}
    .nTaba1 .TabTitlea1 ul li{width:25%;font-size:16px;}
    .TabContent2a1{width:100%;}
    .case_pro_title1{width:100%;}

    .pageTitle_top1{width:100%;}
 .us_title{
	flex-direction:row;
	border:none
}
.us_title li{
	margin-bottom: 0.3rem;
	writing-mode: tb-rl;
	letter-spacing:1px;
}	
 .us_title li span{
	padding-bottom: 0;
	border-bottom: none;
	border-left:2px solid #4492d0;
}
#smallpicarea {display:none;
}

#bigpicarea {
	POSITION: relative;
	MARGIN: 0px auto;
	WIDTH: 100%;
	HEIGHT: 19rem;

}
#bigpicarea img{
	width: 500px;
	height:18rem;
}

#bigpicarea .bigbtnPrev,#bigpicarea .bigbtnNext {
 TOP: 22%;
}
 #rongyu2 ul li {width:100%; }

.about .jituan{ background: none; }
.about .jituan .jieshao{   width:320px;  border:none; background:none; text-indent:2em;
                          margin:10px 10px 0 0; padding:5px;border-radius: 10px 10px 0 0; float:none}
.about .jituan1 { margin-top:-150px}
.about .jituan1 .jieshao1,.about .jituan1 .jieshao1 img,.about .jituan1 .jieshao1 .zongzhi{ float:none}
.about .jituan1 .jieshao1 img{ padding:0 0 10px 0}
.about .jituan1 .jieshao1 .zongzhi h1{  width:140px; margin-left:10px }						  
.about .jituan1 .jieshao1 .zongzhi h2{  width:230px;margin-left:40px}

.jidi li .weidu{
	position:absolute;
	top:278px;
	right:0rem;
	padding-bottom:0.3rem;
	font-size:1rem;
}
.jidi li:first-child{
	background: url(../images1/us/shanxi_s.jpg) center center no-repeat;
	width: 100%;
	height: 514px;

}
.jidi li:nth-child(2){
	width:100%;
	margin-top:0rem;

}
.jidi li:nth-child(2) .heyang,.jidi li:nth-child(2) .pucheng{
	padding-left: 10px;
	padding-right:10px;
	padding-top:320px;
	background-position: center center;
	height:250px

}
.yanjiu li{
	width: 100%;
}
.yanjiu li:nth-child(1){
	margin-bottom: 3rem;
}

 .zeren li{
	width: 100%;
}

 .zeren li:first-child{
	margin-bottom: 3rem;
}

.us_sjg .jiagong1,.us_sjg .jiagong2{ clear:left}
.us_sjg .jiagong1 li,.about .jiagong2 li{ width:100%; margin-top:40px; }
.us_sjg .gongchang1 img{margin:0px; float:left; padding:0px; margin:0 20px 0 0; border:1px solid #4492d0;border-radius:10px 10px 0 0; }
.us_sjg .gongchang img,.us_sjg .jiagong1,.us_sjg .jiagong2{ display: block}
.us_sjg .jiagong{ display:none}
.us_sjg .gongchang p{
	text-indent: 2em;
	margin-top:2rem;

}
.us_sjg .gongchang ol{
	margin: 0;
	padding:0
}
.us_sjg .jiagong2 li{
	margin-bottom: 3rem;
}
.tx-honer #smallpicarea{display:none}
.tx-honer #bigpicarea{WIDTH: 300px; HEIGHT: 250px; }
.tx-honer #bigpicarea .bigbtnPrev {
	 TOP: 90px;  LEFT: -2px
}
.tx-honer #bigpicarea .bigbtnNext {
	 TOP: 90px; RIGHT: -2px
}
.tx-honer #honer #rongyu2{width:300px;}
.tx-honer #honer #rongyu2 ul{ width:300px;margin:0 auto}
.tx-honer #honer #rongyu2 ul li{  width:300px;height:420px;float:none;margin-right:0px; margin-top:20px; }
.tx-honer .container_rz { width: 300px; height: 440px;}
.tx-honer .container_rz .arrow span{ display:none;}
.tx-honer .container_rz  .left{ left:-20px}
.tx-honer .container_rz  .right{ right:-20px}
.us_licheng_phone{ display: block;}
.us_licheng_phone ul{ height:440px;width:420px;  }
.us_licheng_phone ul li{  position:absolute; font-size:14px; float:none; height:25px; line-height:25px }
.us_licheng_phone ul li:nth-child(2n-1){ background:url(../images1/us/shijiandian.png) no-repeat left center; padding-left:60px;}
.us_licheng_phone ul li:nth-child(2n){ left:35px}
.us_licheng_phone ul li:nth-child(1){ bottom:180px}
.us_licheng_phone ul li:nth-child(2){ bottom:180px;}
.us_licheng_phone ul li:nth-child(3){bottom:140px}
.us_licheng_phone ul li:nth-child(4){bottom:140px}
.us_licheng_phone ul li:nth-child(5){ bottom:100px }
.us_licheng_phone ul li:nth-child(6){ bottom:100px }
.us_licheng_phone ul li:nth-child(7){ bottom:60px }
.us_licheng_phone ul li:nth-child(8){ bottom:60px }
.us_licheng_phone ul li:nth-child(9){bottom:20px }
.us_licheng_phone ul li:nth-child(10){ display:none;}
.us_licheng_phone ul li:nth-child(11){ bottom:-20px;}
.us_licheng_phone ul li:nth-child(12){ bottom:-20px }
.us_licheng_phone ul li:nth-child(13){ bottom:-60px;padding-left:78px; }
.us_licheng_phone ul li:nth-child(14){ bottom:-60px }
.us_licheng_phone ul li:nth-child(15){ bottom:-100px;padding-left:78px; }
.us_licheng_phone ul li:nth-child(16){ bottom:-100px }
.us_licheng_phone ul li:nth-child(17){ bottom:-140px;padding-left:78px; }
.us_licheng_phone ul li:nth-child(18){ bottom:-140px; }
.us_licheng_phone ul li:nth-child(19){ bottom:-180px;padding-left:78px; }
.us_licheng_phone ul li:nth-child(20){ bottom:-180px; }
.us_licheng_phone ul li:nth-child(21){ bottom:-220px;padding-left:25px; }
.us_licheng_phone ul li:nth-child(22){ display:none }	

#chan_pin{ flex-direction: row;
	           flex-wrap:wrap;
			   width:90%;
	           }


.main_new li{
	font-size: 1.3rem;	
	height:4rem;
	position:relative;
	margin-bottom:2rem;

}
.main_new li span{
top:-1.3rem;
left:0
}
.jiameng .zjy li:nth-child(1),.jiameng .zjy li:nth-child(2){ width:100%}
.jiameng .zjy { padding:0rem 2rem 0 2rem}
.jiameng .zjy li:nth-child(2){ height:20rem;
                               padding-top:2rem}
.jiameng .yingxiao .tit{ 
                         font-size:1.6rem;
}
.jiameng .ziyuan ul li{ 
						 width:100%;
						 }
.contact{ margin:2rem 0 0 0}						 
.contact>li{
	width: 100%;
	margin-bottom: 2rem;
	display:flex;
	align-items:center;
	flex-direction: column
}	

					 
.contact li ul{
	margin-top: 1rem;
}
.contact li ul li{
	line-height:2.5rem;
	font-size:1rem;
	letter-spacing:1px
}
.contact li form{
	width: 87%;
	margin-top: 1rem;
}
.contact li form .index_wby,.contact li form .index_wby1{
padding-right:0
}
@media only screen and (max-width:640px){
    .tx-padding{padding:22px 0;}
#header{ display:none}	
header{ display:flex; 
        justify-content: space-between;
		align-items:center;
		position:relative;
		margin-bottom:1rem;
}
    .topline{display: none;}
    #container1 #header .logo{width: 100px;}
    #container1 #header .ce{top:28px;width:auto;height:auto;line-height: normal;font-size:14px;clear:both;}
    #container1 #header .menu li{line-height: 42px;font-size:14px;}

    .tx-video .on{width:60px;height:60px;
	              background:none}
    .tx-service-main li{padding:12px 9px;min-height: auto;background-position: center top;text-align: center;}
    .tx-service-main li:nth-child(1),.tx-service-main li:nth-child(2){min-height: 150px;}
    .tx-service-main li:nth-child(3),.tx-service-main li:nth-child(4){min-height: 184px;}
    .tx-service-main li b{border:6px solid #fff;}
    .tx-service-li a{font-size:12px;padding:0 8px; line-height: 32px;margin-bottom:8px;background-color:#fff !important;opacity: 0.9;}
    .tx-service-more{font-size:12px;width:100px; height:32px;line-height: 32px; display: inline-block;bottom:16px;background: rgba(255,255,255,0.9);}
    .tx-service-main li:nth-child(2) .tx-service-more{background: rgba(35,93,162,0.9);}
    .tx-service-main li:nth-child(4) .tx-service-more{background: rgba(91,118,38,0.9);color:#fff;}
.jidi .jidi_left{ height:500px; margin-bottom:30px}

.pageTitle_top1{line-height: 22px; padding-bottom: 12px;}
.pageTitle_bot1{font-size:12px !important;height:auto;line-height:18px;padding:8px 0;}
    
    .tx-gg{height:auto;padding:26px 0;}
    .tx-gg img{width:100%;}
    .tx-gg a{line-height: 30px;padding:0 18px;margin-top:12px;position: relative;right:50%;margin-right:-47px;}
    
    .tx-honer-title img{width:100px;}
    .tx-honer-main li h3{line-height: 16px;font-size:12px;margin-top:10px;}


	.shangcheng a{ display:block; margin-top:15px; margin-left:0px}
    .media{ display:block}
	.compu{ display:none}
 .us_icons{ margin-left:10%;
               margin-bottom:0;}
 .us_icons li{ height:150px }
    .tx-contact{padding:20px;}
    .tx-contact-main li{padding:0;}
    .tx-contact-main li span{padding-left:40px;background-size:24px;}
    .tx-contact-main li h3{font-size:14px;line-height:21px;margin-bottom:10px;}

    .tx-downs{height:63px;}
    .tx-downs-ul li a{font-size:12px;}
    .tx-footer{padding:15px 0 10px;}
    .tx-footer-down{font-size:12px;line-height: 20px;}

    /*other*/
    .mt100{margin-top:20px;}
    .f40{font-size:24px;}
    .f30{font-size:20px;}
    .f24{font-size:17px;}
    .mt50{margin-top:8px;}
    .f22{font-size:16px;}
    .mt40{margin-top:16px;}
    .mb40{margin-bottom:20px;}
    .mt60{margin-top:30px;}
    .h50{height:30px;}

    .about{padding-bottom:12px;}
    .pageTitle_top{line-height: 40px;}
    .pageTitle_bot{line-height: 36px;height:auto;}
    .about span,.about p{font-size:14px !important;line-height: 24px !important;}
    .pageTitle h1{margin-bottom:12px;}
    .about1{width:100%;padding-bottom:30px;}
    .about1_1{margin-bottom:20px;}
    .about1 p{font-size:14px;line-height: 24px;}
    a.button1{font-size:14px;line-height:38px;height:auto; width:120px;position: relative;right:50%;margin-right:-60px;}

    .shops{padding-top:28px !important;}
    .case_pro{width:49%;margin-bottom:10px;}
    .case_pro_title{height:38px;line-height: 38px;overflow: hidden;}

    /*about*/
    .mainW.centerss{padding:0;}
    .nTaba .TabTitlea ul{text-align:center;margin-bottom:20px;}
    .nTaba .TabTitlea ul li{width:33.33%;font-size:14px;line-height: 42px;height:auto;}
    .nTaba .TabTitlea ul li:nth-child(4),.nTaba .TabTitlea ul li:nth-child(5){width:50%;}
    .TabContent2a{margin-top:15px;padding:0 15px;}

    .about_scon,.about_rongyu,.about_scon1{padding-bottom:30px;}
    .about_scon li a{font-size:14px;line-height: 38px;height:38px;}
    .about_scon li span{font-size:12px;line-height: 38px;height:38px;}

    .index_wby{width:100%;margin-top:8px;font-size:12px;line-height: 38px;height:38px;}
    .index_wby1{margin-top:8px;font-size:12px;width:100%;}
    .tj_anniu{width:100%;margin-top:15px;font-size:14px;line-height: 38px;height: 38px;margin-left:0;}
    .mainW.contactss{padding-bottom:30px !important;}

    .nTaba1 .TabTitlea1 ul li{width:50%;font-size:14px;line-height: 42px;height:42px;}
    .TabContent2a1{margin-top:12px;}
    .f18{font-size:14px;}
    .case_pro_title1{height:42px;line-height: 42px;}

    #myTab3_Content3 .mainW{padding:0;}
	

	 #TabTitle{ flex-direction:row; }

}