@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1200px ) {
    .divBox{ width: 92%; margin: 0 auto;  }
	header{ height: 60px;  }
	header:hover{ background:none; }
	header.active{background: rgba(0,0,0,.8);}
	header.activeb{background: rgba(0,0,0,.8);}
	.logo{ display: block; float: left; margin-top:12px; }
    .logo img{ display: block; height: 36px; }
	.mobile{ display: block; width: 30px;  overflow: hidden; cursor: pointer;color: #fff;  float: right;margin-top:15px!important;}
	.mobile span{ display: block; width: 100%; height:18px;  overflow: hidden;  }
	.mobile i{  display: block; width: 100%; height: 2px; background: #fff; margin-top: 6px; }
	.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top: 0px;}
	.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
	.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
	.mobile.activem i:nth-child(1){transform: rotate(45deg) translateY(5px) translateX(5px);}
	.mobile.activem i:nth-child(2){transform: translateX(40px);opacity: 0;}
	.mobile.activem i:nth-child(3){transform: rotate(-45deg) translateY(-5px) translateX(5px);}
	.mobile p{ width: 100%; overflow: hidden; margin-top: 4px; display:block;}
	.mobile p img{ display: block; width: 100%; }

	nav{ float: none; position: fixed; right:-100%; top:60px; width: 100%;background: rgba(0,0,0,.8); z-index: 99999; padding-bottom: 20px; padding-top:20px; transition: 0.5s;  }
	nav ul{ float: none; width: 100%; }
	nav ul li{  width: 100%; margin-left: 0;  }
	nav ul li a{  line-height: 50px;height: 50px; width: 100%;    text-align: center;  }
	nav ul li a:before{ display: none; }
	nav ul li a:hover:before{display: none; }
	.navon{  height: 2px;  left: 50%; margin-left: -15px; bottom:10px; top:auto; }
	@keyframes navline{
	  from { width: 0;}
	  to { width: 30px;}
	}
    header.activem nav{ right: 0; }

    
    .case-list li{ width:calc(50% - 10px); margin-right: 20px; margin-top: 20px; }
    .case-list li:nth-child(2n){ margin-right: 0px; }
    .case-list li:nth-child(odd){ margin-right: 20px; }

    .mendian{width: 100%;margin: 0 auto; margin-top:20px; overflow: hidden; }
    .mendianselect{   width:100%; margin-right:0px; margin-top: 10px;}
    .mendian input[type="submit"]{ width: 100%; margin-top: 10px;}
		
  

	

	
    
	
}
@media only screen and (max-width:1100px ) {
	
   
	
}
@media only screen and (max-width:1000px ) {
	.case li{ width:50%; }
    .news li{ width:calc(50% - 16px); margin-right: 32px; }
	.news li:nth-child(2n){ margin-right: 0px; }
    .news li:nth-child(3){ margin-top: 32px; }
    .news li:nth-child(4){ margin-top: 32px; }
	

	.foot-t-1{ width: 100%;  margin-bottom: 20px; border-bottom: 1px #363636 solid; padding-bottom: 20px;}
	.foot-t-1 em{ width: 150px;  }
	.foot-t-2{  margin-left:0px; }
	.foot-t-3{ margin-left: 60px; }

	.news-l{  width: 240px; position: relative; border-right:0px;}
	.news-l dl{ width: 70px; height:70px; overflow: hidden;  right:auto; top:auto; bottom:0; left: 0; transform: translateY(0); background: #009b9e; color: #fff; }
	.news-l dl dt{color: #fff; margin-top: 10px;  }
	.news-r{ width: calc(100% - 340px);  }
	.news-r h1{font-size: 16px; }
	
	
}
@media only screen and (max-width:900px ) {
	.banner i img{height: 120px; display: block; margin: 0 auto;}

	.quickmenu li{ width: 50%;  height: 200px;  }
	.quickmenu li:nth-child(odd){ background: #222; }
	.quickmenu li:nth-child(even){ background: #ca2b2f; }
	.quickmenu li:nth-child(1){ background: #222; }
	.quickmenu li:nth-child(2){ background: #ca2b2f; }
	.quickmenu li:nth-child(3){ background: #ca2b2f; }
	.quickmenu li:nth-child(4){ background: #222; }


	.pinpai-pic{ width: 380px; float: left; }
	.pinpai-miaoshu{ width: calc(100% - 410px);    }
	.p-m-logo{ width: 140px; overflow: hidden; }

	.jianjie-pic{ width: 380px;  }
	.jianjie-miaoshu{ width: calc(100% - 410px); }

	.denglu{  width:100%; margin-top: 60px; overflow: hidden;  }
	.denglu input[type="text"]{ width: 100%;}
	.denglu input[type="password"]{ width: 100%; margin-left: 0px; margin-top: 10px; }
	.denglu input[type="submit"]{ width: 100%;margin-top: 10px;}



    


}
@media only screen and (max-width:800px ) {
   

}
@media only screen and (max-width:750px ) {
    .banner i{ margin-top: 20px; }
	.banner i img{height: auto; width: 74%; display: block; margin: 0 auto;}

	.quickmenu li{  height: 140px;  }
	.quickmenu li span h1{font-size: 14px; }
    .quickmenu li span h2{font-size: 12px;}
    .quickmenu li a h1:before{ font-size:28px; }


	.indextitle{  margin-top: 30px; }
	.indextitle h1{font-size: 24px;}
	.indextitle h2{ font-size: 18px;}

	.index_gushi{ padding-bottom: 30px; }

	.gushitx i{  width: 140px;}
	.gushitx em{  width: 90%; }
	.gongneng li{  margin-top: 30px;font-size: 12px;}

	.more{ margin-top: 30px; }
    .more a{  width: 100px;  height: 32px; line-height: 30px;}

    .case{  margin-top: 30px; }
	.case li{ font-size: 12px;  width:100%; }
	.case li span dl{padding-left: 10px; padding-right: 10px; }

	.index_news{  padding-bottom: 30px; margin-top: 30px; }
    .news{ margin-top: 30px; }
	.news li{ width:calc(50% - 8px); margin-right: 16px; padding: 10px;}
    .news li:nth-child(3){ margin-top: 16px; }
    .news li:nth-child(4){ margin-top: 16px; }



    footer{  padding-top: 30px; }
    .foot-t-2{ width: 100%;  margin-bottom: 20px; border-bottom: 1px #363636 solid; padding-bottom: 20px;margin-left:0px;}
    .foot-t-3{ width: 100%;  margin-left:0px; float: left; margin-right: 0px; margin-top: 0px;}
    .foot-t-4{width: 100%; float: left;margin-bottom: 20px; border-bottom: 1px #363636 solid; padding-bottom: 20px; }
    .foot-t-4 p{width: 100px ;}
	.foot-b{ width: 100%;  text-align: left; margin-top: 20px;  }

    .btx{  width:40%; height: 68px; bottom:-34px; }
	.btx span{  right: 12px;  }
	.btx span h1{ font-size: 18px;  line-height: 18px; }
	.btx span h2{  font-size: 16px; line-height: 16px;  }
	.weizhi{font-size: 12px!important;  height: 34px; line-height: 34px; }
	.weizhi a{font-size: 12px; }

	.fytitle{ margin-top: 30px;  }
	.fytitle h1{font-size: 20px; font-weight: bold;}

	.pinpai{  margin-top:30px;  }
    .pinpai-pic{ width:100%;  }
	.pinpai-miaoshu{ width:100%; margin-top: 20px;    }
	.p-m-logo{ width: 180px; }
	.about-youshi{margin-top: 30px; padding-top: 30px; padding-bottom: 30px; }
    

    .jianjie{  margin-top: 30px;  }
	.jianjie-pic{ width: 100%;  }
	.jianjie-miaoshu{ width:100%;  margin-top: 20px;}

	.svo{margin-top:60px; }

    .casebox{   margin-top:10px; }
	.case-list li{ width:calc(50% - 6px); margin-right: 12px; margin-top: 12px; }
    .case-list li a{padding: 10px; }
    .case-list li:nth-child(odd){ margin-right: 12px; }


    .pages{  margin-top:30px; }


	.newsbox{  margin-top:0px; }

	.news-list{  margin-top: 0px; }
	.news-list li{  background: #fff; margin-top: 20px; }

    .news-list li a{  padding-top:20px; padding-bottom: 20px;  }
    .news-list li a:after{position:static; right:auto;top:auto;transform: translateY(0); display: inline-block; margin-top: 16px;}
	.news-l{ width: 100%; border-right:0px;}
	.news-l em{ width:100%;  }
	.news-r{ width:100%; position:  static; right:auto;  top:auto;transform: translateY(0);  margin-top: 16px; float: left;}
	.news-r h1{font-size: 16px; color: #000;}
    .news-r h2{font-size: 12px;}
	

    .biaotibox{ margin-top: 30px; }
    .contact li{ width: 100%;  margin-top: 20px; margin-right: 0px; height: 120px; }

    .join{ margin-top:30px; }

    .chaxuntitle{  margin-top: 100px;  }

    .jiage{  width: 100%;  margin-top: 40px;  }
    .jiageselect{ width: 100%; }
    .jiage input[type="submit"]{  width:100%;  margin-top: 12px;}

    .jieguobox{  margin-top: 50px;  padding: 16px;  }
    .zhengche{ font-size: 20px; }
    .biaotitle li{ font-size: 14px; }
    .biaozhi li em{ font-size: 14px; }

    .denglu{  margin-top: 40px;   }

    .upload{ width:100%; margin-top: 20px; }

    .upload span input[type="submit"]:nth-child(1){ width: 140px; }
    .upload span input[type="submit"]:nth-child(2){width: 140px;}
    .upload span input[type="button"]:nth-child(1){ width: 140px; }
    .tishi{ width:100%; margin-top: 30px;  }
    .chazhibao{width:100%;}
    .chazhibao input[type="text"]{width:100%;}
    .chazhibao input[type="submit"]{width:100%; margin-top: 10px;}

    .mendianjieguo li em{  width:100%; }
    .mendianjieguo li span{  width: 100%;  margin-top: 20px; }


}