@charset "utf-8";

@media only screen and (max-width : 1400px) {
	.header .lan{padding-left: 0;margin-right: 20px;}
	
}

@media only screen and (max-width : 1240px) {
	.indcase .caselist .item .img{height:auto;}
	.indabout .rightabout {padding-left: 20px;padding-top: 20px;}
	.indabout .rightabout h3{font-size:32px;}
	.indabout .rightabout .aboutcon {font-size: 16px;line-height: 26px;max-height: 155px;}
	
	
}

@media only screen and (max-width : 1200px) {
	.content{ max-width: 1024px; }
	.header .inmenu{ margin-left: 8%; }
	/* .header .lan{padding-left: 0;margin-right: 5px;} */
	.adv_right {padding: 10px;}
	.adv_right h1{font-size:28px;}
	.adv_right p{font-size:14px;line-height:28px;margin-top:10px;}
	
	.footer .footer_content {padding-left: 20px;}
	.footer .footer_content ul.fl {
	    margin-right: 2%;
	}
	.footer .ewm {
	    margin-left: 30px;}
	.footer .footer_content ul.fr {
	    
	    margin-right: 21%;
	}
}


@media only screen and (max-width : 1024px) {
	.content{ max-width: 900px; }
	.header .lan{ display: none;}
	
	.header .logo{padding: 5px 0 10px;}
	.mbutton{ display: block;margin-top: 25px;}
	.header .inmenu{ float: none; width: 100%; clear: both; margin: 0; padding-bottom: 10px; display: none;}
	.header .inmenu ul > li{ width: 100%; padding: 0; text-align: center; line-height: 35px; }
	.header .inmenu ul li > a{ font-size: 14px; }
	.header .inmenu ul li > a.on{ background: #338dcd; color: #fff; }
	.header .inmenu ul li > a:hover{ background: #338dcd; color: #fff; }
	
	
	.banner{ margin-top: 72px; }
	.banner .hd{ bottom: 5px; }
	.banner .hd ul li{ width: 10px; height: 10px; }
	.banner .hd ul li.on::before{ width: 8px; height: 8px; left: 1px; top: 1px; border-radius: 4px;}
	
	.adv_right h1{font-size:28px; font-weight:bold;}
	.adv_right p{font-size:12px;line-height:20px;margin-top:10px;}
	.prod_4pic .item a h3 {margin-top: 25px;}
	
	.prod_4pic .item a span{width:180px; height: auto; font-size:14;line-height: 20px;text-align: left;display: inline-block;}
	
	.
	.rightabout .more{width:160px;height: 35px;line-height: 35px;}
	.navtitle {
	    font-size: 20px;padding-left: 20px;
		}
	.navtitle img{display:none;}
/* 	
----case------ */
	.rcontent .caselist .item{
	    margin-right: 20px;
	    margin-top: 20px;
	}
	
	.rnewslist .item .itemcenter .ncontent {
		height: 52px;
		}
}

@media only screen and (max-width : 910px) {
  .prod_4pic .item{width: 50%;margin: 0 auto; }
}

@media only screen and (max-width : 850px) {
	.prod_adv .img{display: block; }
	.adv_left {display: block;width: 80%;margin: 0 auto;}
	.adv_right {display: block;width: 76%;padding:15px;margin: 0 auto;background: #fff;}
	.adv_right h1{color:#057ad4;}
	.adv_right p{color: #000;font-size: 14px;line-height: 20px;}
	
	.indabout{padding:20px;}
/* 	.indabout .leftpic {width:100%; float: none;padding:0;}
	.indabout .rightabout{width: 100%;float: none;} */
	.rightabout .more {
	    margin: 20px 0 0 0;}
		
		
	.indnews .newslist .item .con{
		padding: 20px 0;
	}
	.indnews .btitle {
	    padding-bottom: 10px;
	    font-size: 18px;
	}
	.indnews .stitle {
	    padding-top: 10px;
	    font-size: 14px;
	}
	.indnews .newslist .item {
	    margin-right: 15px;
	}
	
	
	
	
	
}

@media only screen and (max-width : 640px) {
	/* .prod_4pic .item{width: 100%;} */
	.indcase .caselist .item{flex: 0 0 49%;margin-right: 0;}
	.indabout .leftpic {width:100%; float: none;padding:0;}
	.indabout .rightabout{width: 100%;float: none;}
	
	.lnav{display:none;}  .button_nav{display:inline;width: 100%;}

	.rcontent{width:100%;}
	.pagebanner{margin-top:72px ;}
	
	.prod_4pic .item{margin-bottom:20px;}
	.prod_4pic .item a .img{width:60%;}
	.prod_4pic .item a h3 {
	    margin-top: 10px;
	}
	
	.rcontent .caselist .item {
	    flex: 0 0 45.5%;
	}

    .rcontent .caselist .item {
	    margin-right: 22px;
	}
	
	.rcontent .caselist .item:nth-child(3n) {
	    margin-right: 22px;
	}
	.rcontent .caselist .item:nth-child(2n) {
	    margin-right: 0;
	}
	 
	 .rcon_detail .title {
	     font-size: 18px;
		 margin-bottom: 20px;
	 }
	 
	.indnews .newslist {
	     display: block;
		 background-color: #f5f6fa;
		 padding:15px 0;
	}
	
	.indnews .newslist .item {
	    margin-right: 0px;
		margin-bottom: 30px;
	}
	.indnews .newslist .item .img{
		width: 80%; 
		margin: 0 auto;
	}
	.rnewslist .itemright{display:none;}
	
	.rnewslist .itemleft {
	    flex: 0 0 30%;
	}
	.rnewslist .item .itemcenter {
	    flex: 0 0 67%;
	    padding-right: 0;
	}
	.rnewslist .item .itemcenter .ncontent{display: none;}
	.rnewslist .item .itemcenter .ntitle{font-size:14px;}
	
	#dituContent{width:350px;! important}
	#container{width:386px !important;
	        height:380px !important;}
}