/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
@media screen and (max-width :1600px){
.box{
	width:1350px;
	margin:auto;
	min-width:1350px;

}
#right{ width:1050px;}
.protitle{ margin-top:50px;}
}
@media screen and (max-width :1366px){
.box{
	width:1200px;
	margin:auto;
	min-width:1200px;
}
#right{ width:920px;}
.protitle{ margin-top:30px;}
#header .logo{margin-left:50px; }

}

@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}

#right{ float:right; width:calc(100% - 300px);}


#header .tel{

	padding-left: 75px;
	 width:200px; 
}
/*.flash .swiper-slide img{ margin-left:-410px;}
.flash .swiper-slide a{ width:1100px; }
*/
#cms .newsli div.img{ top:-20px; }



#cms .list .img{ 
	 min-height:175px; max-height:175px;_height:175px; 
}
#footer .fnav>ul>li{  padding-right:50px; padding-left:50px; }
#footer .share{ padding-left:50px;}
#footer .flx .item  { 	width:30%;
	
	margin-left:5%;}
}
@media screen and (max-width :1150px){
#header .tel{

	padding-left: 65px;
	 width:170px; background-size:55px; 
}
#header .tel b{ font-size:28px;}
body{ min-width:1000px;}
.box{ width:1000px;}

#header #nav{ font-size:16px}
/*
.flash .swiper-slide img{ margin-left:-460px;}
.flash .swiper-slide a{ width:1000px; }*/



#footer .fnav>ul>li{  padding-right:40px; padding-left:40px; }

#footer .share{ padding-left:40px;}
#header .logo{margin-left:20px; }


 #nav ul li a{  padding-left:15px;padding-right:15px; }
}
@media screen and (max-width :1000px){#nav{ margin-right:50px;} #nav ul li a{ padding-left:10px; padding-right:10px;}}
@media screen and (max-height :900px){

/*.flash .swiper-slide img{ max-height:900px;}*/
.pro .hc{
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px; line-height:1.5;

}
.pro .econtent{ padding-top:10px;}
.pro .econtent .proli .img{
 padding-top:10px; padding-bottom:10px; 
}

.pro .econtent .proli .img img{ max-height:200px;}

.pro .econtent .proli a{ padding:0px;}
.about .econtent+.img img{ max-height:350px; }
.about .econtent .youshi{ padding-top:20px; padding-bottom:10px;}
/*.news .picli{ display:none}*/
/*.news .picli:nth-child(1){ display:block}*/
.news .newstop .picli .right .title,.news .econtent .li  .title{min-height:3em; max-height:3em; }
.news .newstop .picli .img{ max-height:250px; overflow:hidden; }
.news .newstop { padding-top:20px;}
.news .econtent { padding-top:10px;}
.case .econtent .li .title{ max-height:2.4em; overflow:hidden; padding-bottom:0px; margin-bottom:10px;}
.case .econtent .li .dp{min-height:4.5em; max-height:4.5em; }

}
@media screen and (max-height :768px){

/*.flash .swiper-slide img{ max-height:768px;}*/
/*.pro .hc{
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px; line-height:1.5;

}
.pro .econtent{ padding-top:10px;}
.pro .econtent .proli .img{
 padding-top:10px; padding-bottom:10px; 
}

.pro .econtent .proli .img img{ max-height:200px;}

.pro .econtent .proli a{ padding:0px;}
.about .econtent+.img img{ max-height:350px; }
.about .econtent .youshi{ padding-top:20px; padding-bottom:10px;}

.news .newstop .picli .right .title,.news .econtent .li  .title{min-height:3em; max-height:3em; }
.news .newstop .picli .img{ max-height:220px; overflow:hidden;}
.news .newstop { padding-top:20px;}
.news .econtent { padding-top:10px;}
.case .econtent .li .title{ max-height:2.4em; overflow:hidden; padding-bottom:0px; margin-bottom:10px;}
.case .econtent .li .dp{min-height:4.5em; max-height:4.5em; }*/

}
@media screen and (max-height :720px){

/*.flash .swiper-slide img{ max-height:768px;}*/
.pro .hc{
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px; line-height:1.5;

}
.pro .econtent{ padding-top:10px;}
.pro .econtent .proli .img{
 padding-top:10px; padding-bottom:10px; 
}

.pro .econtent .proli .img img{ max-height:200px;}

.pro .econtent .proli a{ padding:0px;}
.about .econtent+.img img{ max-height:350px; }
.about .econtent .youshi{ padding-top:20px; padding-bottom:10px;}

.news .newstop .picli .right .title,.news .econtent .li  .title{min-height:3em; max-height:3em; }
.news .newstop .picli .img{ max-height:220px; overflow:hidden;}
.news .newstop { padding-top:20px;}
.news .econtent { padding-top:10px;}
.case .econtent .li .title{ max-height:2.4em; overflow:hidden; padding-bottom:0px; margin-bottom:10px;}
.case .econtent .li .dp{min-height:4.5em; max-height:4.5em; }

}
.procontent .phone,.content .phone,.aboutin .phone{ display:none;}
@media screen and (max-width :816px){
.ptitle span{ float:left; font-size:14px; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto; width:25%; text-align:center;}
.procontent .pc,.content .pc,.aboutin .pc{ display:none}
.procontent .phone,.content .phone,.aboutin .phone{ display:block;}
.banner .box img{ width:160%; margin-left:-30%;}

.banner .box { width:100%; min-width:0px;}

#footer .footlogo,#footer .footnavs{ display:none;}
#footer .flx .item  { 	width:48%;
	
	margin-left:2%;}
	#footer .flx .item:nth-child(3n+1){ clear:none;} 	
	#footer .flx .item:nth-child(3n){ float:left;margin-left:2%;}
#footer .flx .item:nth-child(2n+1){ clear:both;margin-left:0%;}
#footer .flx .item:nth-child(2n){ float:right}


#nav,#top{ display:none}
.search{ display:none}
.flash{ margin-top:50px;}
#cms1,#cms2,#cms {min-height:0px;}
#header{ display:none}
#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}
.box{ width:98%;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}
#cms .list:nth-child(2n+1){ clear:both}
.app_top{ display:block}
.nav{ display:none;}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:62px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:60px; background-color:#13924D;
}

.box,.box1,.box2{ max-width:94%;}

#right{ width:98%; float:none; margin:auto;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 min-height:100px; float:left; margin-left:1%;}
.app_header .app_logo{ width:220px;  float:left;  margin-left:5px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.app_header .app_logo img{ max-width:100%;height:60px;}

	.app_header .app_rt a{ float:right; display:block; width:40px; height:40px; margin-top:10px; margin-right:10px; /*background-color:rgba(255,255,255,0.2);*/ text-align:center; line-height:40px; font-weight:bold}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}




#postion{ line-height:1.2; padding-top:10px; padding-bottom:10px;}
#postion b{ display:none}
#postion>div.postion{ float:left;}

#cms .list,.pro .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .list .img img{ height:auto}
#cms .list:nth-child(3n+1){ clear:none}
#cms .list:nth-child(2n+1){ clear:both}
#cms .list .ntitle{ font-size:14px;}
#cms .list .img{  min-height:0px; max-height:45vw;
}
#cms .list .img img{ min-height:0px;}
#cms .list.appli .img{ min-height:0px;}

#cms .list.appli .img img{ min-height:0px;}

#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}

#cms .picli .right .ntitle,#cms .picli .right .time{ width:100%; text-align:left; padding:0px; margin:auto; line-height:1.2;}
#cms .picli .right .title{ padding-bottom:5px; }

/*底部*/
#footer{ padding-top:5px; padding-bottom:10px;}
.copy{ padding-bottom:50px; font-size:12px}
.copy .logo+.fl{ padding-top:10px;}
.qrcode,.flx{ width:100%; box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
padding:20px; border:none; min-height:0px;
}

.footnavs{ font-size:12px;}
.footnavs a{ margin:2px;}

.ny{ padding-bottom:30px; /*float:left;*/ width:100%;}
.qrcode{ display:none}
/*内页*/

.gotop{bottom:80px;}

#cms .picli{width:100%;height:auto;}
#cms .picli .img {height:80px;margin-left:5px;}

#cms .picli .img img{ width:120px; height:80px; }
#cms .picli .img+.right { margin-left:140px; margin-right:10px; }




#cms1{ width:90%; margin-left:5%; margin-right:5%;}
#cms1 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}
#left{ display:none}



.flx .title,.qrcode .title{ font-size:14px; }
.flx .title{ display:none}

.flx{	font-size:12px; min-height:0px;}


#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}
.proshow .right  .xq{min-height:0px;}



#cms .picli.newsli .img img{ width:105px; }
#cms .picli.newsli .img+.right{ margin-left:125px;}

.fnav{ display:none}





.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:100%; margin-left:0%;}



#cms .newsli{ padding-top:10px; padding-bottom:10px;} 
#cms .newsli .right{ padding-bottom:0px;}
 #cms .newsli .date{ display:none}
 
 #cms .newsli div.img{ width:120px; min-height:0px; position:relative; top:auto; right:auto; float:right}
 #cms .newsli .right{
	 margin-left:0px; float:left; width:100%;}
	#cms .newsli .right .hc{margin-right:0px;width:calc(100% - 130px); float:left;}
	 #cms .newsli .right .share{ display:none}
	 #cms .newsli .right .dp{ min-height:0px; line-height:1.5; }
	 #cms .newsli .right .ntitle{ font-size:18px;}
#cms .newsli:hover{ background-color:#ffffff;}


/*.navnode + .intop { height:20px;}*/

body.in .ny{ margin-top:50px;}
.banner{ margin-top:50px;}
body.in.isba .ny{ margin-top:0px;}
body.in .navnode + .intop{ display:none}
body.in .ny .sorts{ margin-top:0px; line-height:55px;}
#cms,#cms1{ padding-bottom:0px;}

.news .etitle,.pro .etitle,.about .etitle,.case .etitle{ font-size:24px;}
.news .etitle span,.pro .etitle span,.about .etitle span,.case .etitle span{ font-size:18px;}
.news .etitle,.pro .etitle,.about .etitle,.case .box>div{ margin-top:0px;}
.pro,.news,.about,.case{ padding-top:30px; padding-bottom:30px;     }
.pro .econtent{ margin-top:20px;}
.pro .button-next, .pro .button-prev { top:-30px;}
.pro .hc{ font-size:14px;}
.news .newstop .picli{ width:100%; margin-left:0px;}
.news .newstop .picli .img {
  max-height: 160px;
}
.news .newstop .picli .right .title, .news .econtent .li .title{ font-size:14px;}
.news .newstop .picli .right > div{ padding:10px;}
.news .newstop .picli .right{border-radius:0;  position:relative; top:0; left:0; width:100%;}
.news .econtent{ margin-top:0px; padding-top:0px;} 
.news .econtent .li{ width:100%; clear:both; float:left; margin-left:0px; margin-top:0px; margin-bottom:10px;}
.news .econtent .li a{border-radius:0; }
.news .newstop .picli .right .title,.news .econtent .li  .title{min-height:0em; max-height:75em; }
.news .more{ position:relative; top:auto; right:auto; text-align:center; width:100%; clear:both; padding-top:10px;}
.about{
	background-repeat: repeat;
}
.about .left.img{ display:block; margin-top:15px;}
.about .econtent + .img{ display:none}
.about .econtent .title{ line-height:1.9; font-size:18px;}
.about .econtent .hc{ font-size:14px;line-height:1.9; }
.about .econtent .youshi{ text-align:center;}
.about .econtent .youshi .item .t2 span{ font-size:36px;}
.about .more{ text-align:center;}

.case .left { width:100%;}
.case .left .more{ display:none}
.case .hc { font-size:14px;}
.case .econtent { width:100%;}
.case .econtent .li { width:100%; margin-left:auto; clear:both; display:none; margin-top:5px; margin-bottom:5px;}
.case .econtent .li:nth-child(1),.case .econtent .li:nth-child(2){ display:block;}
.case .econtent .li .dp,.case .econtent .li .title { min-height:0px; max-height:1.5em; line-height:1.5;}
.case .econtent .li .dp{max-height:4.5em;}
.case .econtent .li a { padding:10px;}
.case .box > div > .more{ display:block; text-align:center; clear:both; padding-top:10px;}

.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; left:20px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:80px;
	height:50px;
	border-width:2px; margin-left:5px; margin-right:5px; 
}

.searchform input{width:calc(100% - 80px);}
.ny{ padding-top:0px;}
.ny .sorts{ margin-top:-30px;}

.ny .sorts.stop{ margin-top:0px;}
.aboutin .title + .img{ width:100%; clear:both; float:left;}
.aboutin .title + .img + .hc{ clear:both; width:100%;}
#cms .jobli .ntitle{ font-size:18px;}
#cms .sortlist{ width:48%;}
#cms .sortlist:nth-child(2n+1) { clear:both;}
#cms .jsli .right .dp{ max-height:4.5em; overflow:hidden;}
#cms .downli .right .fl{ margin-right:0px; padding-right:50px;box-sizing:border-box}
#cms .downli .right .ntitle{ font-size:16px;}
#cms .downli .right .dp{ font-size:14px;}
.com_news_top ul li{ width:100%; padding:10px; margin-left:0px; margin-bottom:10px;}
.com_news_top ul li a .n_pic{ max-height:200px; min-height:0px;}
#left2{ display:none}
#right2{ margin-left:auto;}

.protitle:after{ display:none}
.protitle{ margin-top:20px; margin-bottom:10px;}
.protitle .title{ text-align:center; width:100%; padding-bottom:10px; margin-bottom:10px; position:relative; padding-right:0px;}
.protitle .title:after{ content:'';	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AF50; position:absolute; left:50%; width:2em; margin-left:-1em; bottom:0px;}
.protitle .sortname{ text-align:center; width:100%; padding-left:0px;}
.protitle .sortname ul li a{ margin-bottom:5px;}
.contactli{ padding-top:0px;}
.contactli .hc{ width:100%;}
.contactli .map{ width:100%; padding-top:20px;}
.contactli .map iframe{ min-height:300px;}
#cms .downli { margin-top:0px;}


body.init .section-wrap .section.center{ display:block; /*padding-top:80px;*/box-sizing:border-box;}
.case .econtent .li{ display:block;}
.case .econtent .li .dp{ max-height:3em;}

/*body.init .section-wrap .section  div.swiper-slide.swiper-slide-active video{width:130%; height:100%; margin:auto; min-height:100%; float:left; margin-left:-15%;}*/
}

@media screen and (max-width :600px){
#footer .flx { padding-top:20px; padding-bottom:10px;}
#footer .flx .item{ margin-bottom:10px;}
#footer .flx .item>span{background-position: left 5px; }
#footer .flx .mail > span,#footer .flx .tel > span{ line-height:1.5;}
.sorts ul li a{padding-left:10px; padding-right:10px; font-size:14px;}
#cms .jobli{ padding:10px;}
}
@media screen and (max-width :480px){

 #cms .newsli{ padding:0px;}
 	 #cms .newsli .right .ntitle{ font-size:16px;}
  #cms .newsli .dp{ display:none}
 #cms .newsli .right{ padding-bottom:20px; padding-top:20px;}
#cms .newsli .right .time{ display:block; color:#999; font-size:12px;}


#footer .flx .item{  width:100%; margin-left:0px;}
#footer .flx .item>span{background-position: left 0px; min-height:35px; color: #fff;}
#footer .flx .tel > span,#footer .flx .mail > span{background-position: left center; line-height:35px;color: #fff;}


.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px; left:0px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:70px;
	height:40px;
	  margin-right:0px; 
}

.flash .swiper-slide{ height:100%; background-color:#999999}
body.init .section-wrap .section .flash .swiper-slide a{ height:100%; width:100%;}
body.init .section-wrap .section .flash .swiper-slide img{max-width:100%; height:100%; margin:auto; min-height:100%;}
body.init .section-wrap .section  div.swiper-slide.swiper-slide-active video{width:130%; height:100%; margin:auto; min-height:100%; float:left; margin-left:-15%;}
body.init .section-wrap .section  div.swiper-slide .phone{ height:100%; float:left; width:100%; float:left; overflow:hidden;}
.banner .txt .box{ padding-left:20px; padding-right:20px;}
.banner .txt .t1{ font-size:24px;}
.banner .txt .t2{ font-size:16px;}


}
@media screen and (max-width :400px){.sorts{ display:none;}
.sorts + .box > #postion{ display:block;}
#cms .jobli .ntitle{ position:relative;}
#cms .jobli .ntitle b{ width:100%; float:left;}
#cms .jobli .ntitle span{ display:block; width:100%; clear:both; float:left;}
#cms .jobli .ntitle span font{ font-size:12px;}
#cms .jobli .ntitle span i{ position:absolute; top:0px; right:0px;}
}
@media screen and (max-width :380px){

.news .etitle span,.pro .etitle span,.about .etitle span,.case .etitle span{ font-size:14px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:60px;
	height:35px;

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



#footer .flx .mail > span,#footer .flx .item.tel > span,#footer .flx .mail > span{ line-height:1.5;}

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

.news .etitle span,.pro .etitle span,.about .etitle span,.case .etitle span{ display:none}

}


.flash .swiper-slide .txt{ color:#ffffff; position:absolute; bottom:50%; width:80%; left:10%;letter-spacing: 60px;
font-size: 26px;padding-left: 60px; box-sizing:border-box; text-align:center;    text-shadow: 2px 2px #333333;}

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

.flash .swiper-slide .txt{letter-spacing: 40px;padding-left: 40px;   font-size: 22px;  text-shadow: 2px 2px #333333;}
}
@media only screen and (max-width: 1150px){

.flash .swiper-slide .txt{letter-spacing: 30px;padding-left: 30px; font-size: 18px;text-shadow: 2px 2px #333333;}
}

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

.flash{ position:relative;}
.flash:after{ content:'向上滑动';/*writing-mode:tb-rl;*/
	background-image: url(m-s.png);
	background-repeat: no-repeat;
	background-position: 20px top;
	height: 35px;
	width:80px; position:absolute; bottom:50%;margin-bottom:-360px; left:52.1%; z-index:2222; color:#ffffff; padding-top:110px; margin-left:-42px;
}
.flash .swiper-pagination{ display:none}
.flash .swiper-slide .txt{ letter-spacing: 15px;    text-shadow: 1px 1px #333333;
writing-mode: vertical-lr;
line-height: 3.5rem;
font-size: 18px;
padding-left:0px; text-align:center; width:100%;/*bottom:250px;*/ bottom:50%; margin-bottom:-210px; left:50%; margin-left:-1.75em;}
.init .app_header{ border:none;background-color:rgba(0,0,0,0);}
.init .app_header .app_logo{ display:none}
.init[section='0'] .app_header .app_logo{ display:block;}
/*.init[section='2']{ display:none}*/
.init[section='2'] .app_header a{background-color: #13924D; }
.init .flash{ margin-top:0px;}
body.init .section-wrap .box{ padding-left:20px; padding-right:20px;box-sizing:border-box; max-width:100%;width:100%;}

.pro .econtent .proli .img .phone{ display:block;}

.pro .econtent .proli .img .pc{ display:none}
.pro .etitle{ position:absolute; top:50px; width:100%; padding-left:20px; padding-right:20px;box-sizing:border-box; z-index:22; color:#000000; line-height:1.2;font-size:20px; font-weight:600;}
.pro .etitle:before{ display:none}
.pro .etitle span{ display:block; clear:both; padding-left:0; position:absolute; top:-30px; left:20px; font-size:20px; font-weight:600;text-transform: uppercase;}
.pro .etitle span font{ display:none}
.pro .hc{ display:none}
.pro,.pro .box,.pro .econtent,.pro .econtent .swiper-container{ padding:0px; height:100%;}
body.init .section-wrap .pro .box{ padding:0px; width:100%;}
.pro .econtent{ margin:auto; padding:0px;}
.pro .econtent .proli{border-radius:0; width:100%; height:100%; position:relative;}
.pro .econtent .proli .img.center{ padding:0px; display:block;height:100%;}
.pro .econtent .proli .img img{ width:100%; height:100%; height:100%; max-height:100%;}
.pro .econtent .proli .right{ position:absolute; top:calc( 100% - 120px );/* top:auto;*/ left:0; width:100%; text-align:center; color:#000000;}
.pro .econtent .proli a{ padding:0px; background-color:rgba(0,0,0,0);height:100%; position:relative;}

/*产品展示*/
.pro{

	background-image: url(prophonebg.jpg);

}
}

@media screen and (max-width :815px){
.about>.box,.news>.box,.case>.box,.case>.box>div{ height:100%;}
.about .left.img{ height:calc(100% - 420px); width:100%;display: flex;
    justify-content:center;
    align-items:center;}
.about .left.img img{  height:100%;  min-width:100vw; max-width:200vw; max-height:1000px;}
.news .econtent .li a { padding-top:10px; padding-bottom:10px;}
.news .econtent{ display:none;}
.news .newstop{ height:calc(100% - 120px);}
/*.news .newstop .picli .img {height:calc((100vh - 600px) /2);}*/
.news .newstop .picli{ height:calc(50% - 10px); margin-bottom:10px; overflow:hidden;}
.news .newstop .picli .img {height:calc(100% - 130px);;max-height:100%; display: flex;
    justify-content:center;
    align-items:center;}
.news .newstop .picli .img img{height:100%;min-height:100%;max-height:100%;  min-width:100vw; max-width:200vw; max-height:1000px;}
.case .econtent{ height:calc(100% - 200px);}
.case .econtent .li { height:calc(33.3333% - 10px ); overflow:hidden;}
.case .econtent .li a{min-height:100%;max-height:100%;display: flex;
    justify-content:center;
    align-items:center;box-sizing:border-box;}
	.case .econtent .li a>div{ width:100%; text-align:left;}
}
@media screen and (max-width :815px) and (max-height :926px) and (min-height :815px){

.about>.box,.news>.box,.case>.box,.case>.box>div{ height:100%;}
.about .left.img{ height:calc(100% - 450px); width:100%;display: flex;
    justify-content:center;
    align-items:center;}

}

@media screen and (max-width :815px) and (max-height :668px){
.flash:after{ 
bottom:50%;margin-bottom:-330px;padding-top:80px; background-size:24px 80px;
}

}
@media screen and (max-width :815px) and (max-height :640px){
.flash:after{ 
padding-top:60px; background-size:24px 60px;margin-bottom:-310px;
}

}

@media screen and (max-width :375px) and (max-height :650px){

.case .econtent .li .dp{ display:none}
}
@media screen and (max-width :375px) and (max-height :520px){
.case .econtent .li .date{ padding-top:0;}
.news .newstop .picli{ /*height:calc(50% - 10px);*/ margin-bottom:10px; overflow:hidden;}
.news .newstop .picli .img {height:calc(100% - 70px);;max-height:100%; display: flex;justify-content:center;align-items:center;}
.news .newstop {height: calc(100% - 10px);}
}





/*@media screen and (max-width :815px) and (max-height :812px){
.about .left.img{ height:calc(100% - 520px);}
.case .econtent .li .dp{ display:none}
.news .newstop .picli .img {height:calc((100% - 480px) /2); max-height:calc((100vh - 480px) /2);}
}
@media screen and (max-width :375px) and (max-height :812px){
.about .left.img{ height:calc(100% - 520px);}
.case .econtent .li .dp{ display:none}
.news .newstop .picli .img {height:calc((100% - 480px) /2); max-height:calc((100vh - 480px) /2);}
}*/
/*@media screen and (max-width :550px){
.case .econtent .li .date{ padding-top:0;}
}
@media screen and (max-width :530px){

.case .econtent .li:nth-child(3){ display:none}
}*/