@media screen and (max-width :815px){.app_top,.app_header{
	 display:block;
}


.nav,#top,#left{ display:none;}
#right{ width:100%; margin:auto; float:left;}
.box{ margin:auto; width:calc(100% - 20px); margin-left:10px; float:none;}
.flash,.bannerin{ margin-bottom:15px;}
.bannerin{ height:150px; background-size:auto 100%;}
.bannerin{ }
.case{ padding-top:0;}
.about{ margin-top:15px; padding-top:15px; margin-bottom:15px; padding-bottom:15px;}
.pro .econtent .picli .img{	min-height:calc(16vw + 4px);max-height:calc(16vw + 4px);}
.pro .econtent .picli .img img{ max-height:16vw; display:block;}
.about .picli{ margin-top:15px; padding:5px;}

.about .picli .img {

    width: calc((100% - 10px) /3);
    margin-left:5px;
    margin-right:0;
    text-align: center;
    float: left;
    overflow: hidden;

}
.about .picli .img:nth-child(1) { margin-left:0;}
.contact{ padding-top:15px; padding-bottom:15px;}
.contact .map{ margin:auto; width:100%; clear:both;}
.contact .left { width:100%; text-align:center;min-height:0px;max-height:4000px; padding:10px; padding-bottom:20px; text-align:left;}
.contact .econtent{ padding:10px;}
.contact .title{ margin-bottom:15px;}
.contact .left .ntitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.2); line-height:1.2; padding-bottom:10px; font-size:22px;
}
.contact .left .hc{	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:rgba(0,0,0,0.2);}
	
.contact .map iframe{ min-height:200px;max-height:200px;}
.foot{ margin-top:30px;}
.form{ padding-top:15px; padding-bottom:30px;}
.contact.ny{ padding-top:0;}
#left{ display:block; background-color:#FFFFFF; margin-bottom:10px; width:100%; margin-bottom:30px;}
#left .h2{ background-image:none;color:#1E50AE; position:relative; line-height:2;}
#left .h2:after{ 	content:'';
	position:absolute;
	width:2em;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FF6537; bottom:-5px; left:50%; margin-left:-1em;}
#left .leftdh{ display:none}
.kefu{ position:fixed; top:auto; bottom:50px;}
.flash .swiper-slide img{ /*height:150px; width:120%; margin-left:-10%;*/ display:none;}
.flash .swiper-slide{ height:150px;}
.proshow{ padding:0; padding-top:10px;}
.proshow .img{
	width:100%;
	min-height:0px;
	max-height:4500px; text-align:center;}
.proshow .right{ margin:auto; width:100%; clear:both; margin-top:15px; float:left;}
/*#cms{ border:none;}

#cms .etitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}*/




.flash .swiper-slide{ background-size:100% 100%;}
.flash .swiper-slide,.flash .swiper-slide a,.flash .swiper-slide .box{ min-height:300px; }
.slidetxt2 .txt .bg{ font-size:150px;}

.slidetxt2 .txt .t1{ font-size:24px;}
.slidetxt2 .txt .t2{font-size:40px; }
.slidetxt2 .txt .t3{ font-size:20px;}

.flash  .slidetxt1 .img{ max-width:30vw; max-height:30vw; margin-top:-15vw; left:30px;}

.flash  .slidetxt1 img{ display:block;}

.slidetxt1 .txt{
	width:60%; padding:20px; margin-top:-100px;
}
.slidetxt1 .txt,.flash  .slidetxt1 .img{transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);}

/*.slidetxt2 .txt{ text-align:center; color:#FFFFFF; position:relative; line-height:1.5; padding-bottom:20px; position:absolute; top:50%; margin-top:-100px; left:0; width:100%; z-index:2;}
.slidetxt2 .txt .bg{
	font-size:50px;

}
*/

}
@media screen and (max-width :750px){
.message{ padding-top:30px; padding-bottom:30px;}
.message .left{ width:100%; text-align:center;}
.message .left  .title{}
.message .left .title2{ line-height:1.2;}
.message .picli { width:100%; float:left; padding:10px;}


	
.slidetxt1 .txt ul li{ font-size:16px;}
}

@media screen and (max-width :550px){
.pro .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;}
.pro .econtent .picli .img{	min-height:calc(34vw + 4px);max-height:calc(34vw + 4px);}
.pro .econtent .picli .img img{ max-height:33vw; display:block;}

.case .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;text-align:center;}
.case .econtent .picli:nth-child(5){ display:none}
.case .econtent .picli:nth-child(2n+1){ clear:both; }
.slidetxt1 .txt ul{ background-image:none; padding-top:10px;}
.slidetxt1 .txt ul li{ background-color:#0179C7; margin-left:2%; width:32%; text-align:center;}
.slidetxt1 .txt ul li:nth-child(3n+1){ margin-left:0; clear:both; background-color:#232C48;}
.slidetxt1 .txt ul li:nth-child(3n){background-color:#3FB4BC;}
.slidetxt1 .txt .t1 span{ position:relative; right:auto; top:auto; width:100%;display:block; text-align:center; clear:both;}
.slidetxt1 .txt .t1 b{ display:block; position:relative; left:auto; top:auto; text-align:center; width:100%; margin-top:0px;}
.slidetxt1 .txt .t1{ min-height:30px; font-size:48px;}
.flash .swiper-slide,.flash .swiper-slide a,.flash .swiper-slide .box{ min-height:200px; }
.slidetxt2 .txt{margin-top:-80px;}
}
@media screen and (max-width :400px){
.app_header .app_logo{ font-size:16px;}

}
@media screen and (max-width :340px){
.app_header .box{ width:100%; margin:auto;}
.app_header .app_logo{ font-size:14px;}
body{ min-width:300px;}

}
