/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; display:none;
}

.proshow .img + .right .dp {
	padding-top: 0px; margin-bottom:10px;
}
.dtitle2{ font-size:16px; font-weight:bold;}


.proshow .right .dp{ min-height:250px;}
.zixun{border-top: 1px dashed #ccc; float:left; width:100%; clear:both; padding-top:50px; margin-top:50px;}	
.zixun .tk1{ float:left;border-radius:30px; color:#ffffff;background-color: #0061C2; padding-left:50px; padding-right:50px; line-height:55px; font-size:18px;}
.zixun .tk2{ width:calc(100% - 220px); float:right; line-height:1;}
.zixun .tk2 .tt1{ color:#666666}
.zixun .tk2 .tt2{
	color: #0061C2;
	font-size:32px;
	margin-top:10px;
	font-weight:bold;
	font-family: Impact;
}



/*.zixun{
	float:left;
	width:100%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #dddddd; padding-top:20px; margin-top:20px;
}
.zixun .btn{border-radius:40px; padding:0 45px; float:left; line-height:45px; font-size:18px; background-color:#0061C2; color:#FFFFFF;}
.zixun .btn+.t{ margin-left:200px;}
.zixun .t1{ font-size:14px; line-height:1;}
.zixun .t2{ font-size:22px;color:#0061C2;font-weight:bold;}*/

.protitle span{color:#0061C2; font-size:18px;}
.protitle ul li>div .img img{ max-width:100%;}
#cms1 .protitle+.content{ color:#666666; font-size:14px;}
.case .txt2{ display:none;}


.aboutin .left .dp{ font-size:28px;}
.aboutin .left .title{color: #000000; font-size:53px;}
.aboutin .left .dp strong{ font-size:43px;}
.aboutin .ys2 .item{ margin-top:65px;}

@media screen and (max-width :1920px){
.case .txt ul li .tt{ font-size:15px;}
}

@media screen and (max-width :1800px){
.case .txt ul li .tt{ font-size:14px;}
}
@media screen and (max-width :1650px){
.case .txt ul li .tt{ font-size:12px;}
}

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

  .case .txt2{position:fixed; top:10%; left: -100vw; width:80%; height:80%; z-index:23; display:flex; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; box-sizing:border-box; }
  .case .txt2>div{ margin-left:-30%; max-width:650px;display:block; color:#FFFFFF;  background-color:rgba(11,90,159,0.8);padding:20px 50px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; box-sizing:border-box;}
  .case .txt2 .tit{ padding-bottom:10px;font-size:24px; font-weight:bold; text-align:left; position:relative;}
   .case .txt2 .tit:after{ content:''; background-color:#fff; width:2em; height:3px; left:0;bottom:0; position:absolute;}
  .case .txt2 .tt{font-size:18px; text-align:left;padding:0px; bottom:auto; left:auto; line-height:2; align-items:flex-start; margin-top:10px;}
  
.case .swiper-slide-active .txt2{ left:10%; }
 /* .case .txt{ display:none;}*/
.case .txt ul li .tt{ display:none}
  .case .econtent{ position:relative;transform: translateZ(0);}
 .case  .swiper-slide{ overflow:hidden;}
}

@media screen and (max-width :1900px){
.protitle ul li>div{ width:95%; }
.protitle ul { width: 1220px;}
.protitle .title{ width:300px;}
.protitle .more{ width:calc(100vw - 1520px);}
}

@media screen and (max-width :1650px){
.contact .left .hc{}
.contact .left{ width:600px;}
.contact .right{ width:calc(100% - 620px);}
.contact .right .map{overflow:hidden; }
.contact .right img{ max-width:200%;}
}


@media screen and (max-width :1550px){
body{--boxwidth:1300px;}

.bannerin{ background-size:auto 100%;}
.protitle ul li>div{ width:95%; max-width:280px; }
.protitle ul { width:calc(100vw - 460px);}
.protitle .title{ width:300px;}
.protitle .more{ width:160px;}
.protitle ul li>div .img{ max-width:120px;}
.protitle ul li .t {
  width: calc(100% - 130px); line-height:1.2; font-size:20px;
}


#postion  .sortlen8+div.postion{ display:none;}

.nav{ width:1100px;}
.case .txt ul li .tit{ font-size:20px; min-height:80px;}
.case .txt ul li .tt{ font-size:14px; line-height:1.5; padding:1vw 15px calc(1vw + 80px) 15px;}
.about .left .title,.etitle .tit{ font-size:42px;}
.etitle .dp{ line-height:1.5;}
.about .left .dp strong{ font-size:32px;}
.aboutin .left .dp{ font-size:24px;}
.aboutin .left .hc{ margin-top:20px;}
.aboutin .right {
  width: calc(100% - 620px);
}
.aboutin .left{ width:600px;}
.aboutin .ys2 .item {
  margin-top: 30px;
}
body{ --culturewidth:400px;--cultureheight:calc(var(--culturewidth) * 367 / 480);}
.culture .econtent .li{width:calc(100% - var(--culturewidth) - 20px);}
.culture .econtent .li .right{  width:calc(100% - var(--culturewidth));}
.culture .econtent .li .img img{ height:var(--cultureheight);}
.culture .econtent .li .img,.culture .econtent .li:nth-child(3),.culture .econtent .li:nth-child(3) .right{ width:var(--culturewidth);}
.culture .econtent .li:nth-child(3){ margin-top:calc(-1 * var(--cultureheight));}
.culture .econtent .li:nth-child(3) .right{min-height:calc(30px + var(--cultureheight));}
.culture .econtent .li .right .t1{ font-size:36px;}
.culture .econtent .li .right .t2{ font-size:24px;}
.culture .econtent .li .right .hc{ font-size:16px;}

.culture .econtent .li .right{  padding:30px;}


#cms .caseli .img{ width:60%;}
#cms .caseli  .right{ width:40%;}
#cms .caseli  .right .title{ font-size:36px;}
.aboutin .ys2 .item .t2{ font-size:14px;}
}

@media screen and (max-width :1366px){
body{--boxwidth:1280px;}
.nav{ width:1000px;}
.protitle ul li>div .img{ max-width:100px;}
.protitle ul li .t {
width: calc(100% - 110px); 
 font-size:18px;
}

/* #postion  .sortlen8{ width:100%;}
 #postion  .sortlen8 ul{ width:100%; display:table;}
#postion  .sortlen8 ul li{ float:none; display:table-cell; height:80px; line-height:1.2;vertical-align: middle;}
#postion  .sortlen8 ul li>a{ height:80px; display:block;display: flex;
    justify-content:center;
    align-items:center;}*/


.block{ padding-top:40px; padding-bottom:40px;}
/*.nav >ul >li >a{ font-size:16px; }*/



.contact .left .hc {
  min-height: 350px;
}
.contact .map iframe {
  min-height: 460px;
}
.tabs i{ font-size:14px;}

.at .ali{ padding-top:50px; padding-bottom:50px;}
.about .aboutbg{ padding:70px 0; min-height:0;}
.aboutin .aboutbg{ padding:0;}
.about .left .title,.etitle .tit{ font-size:36px;}
.about .left .dp{ font-size:24px;}
.about .left .dp strong{ font-size:28px;}
.about .left .hc{ margin-top:30px;}
.about .ys2 .item{ margin-top:50px;}
.culture{ padding:0;}

.etitle .dp{ line-height:1.5; font-size:16px;}
.etitle .more{ font-size:14px; bottom:0; display:none;}
/*.etitle .dp{ max-width:90%; }*/

.news .more{ line-height:45px;  clear:both; text-align:center; padding-top:30px;}
.news .more a{
	display:inline-block;
	border: 1px solid #dddddd;border-radius:45px; padding-left:50px; padding-right:50px;
}
.news .more a:hover{background-color:#065EA5; color:#FFFFFF;}
.news .more{ display:block;}
.etitle .more{ display:none; }
}
@media screen and (max-width :1250px){
.etitle .dp{ max-width:90%; }


  .case .txt2{position:fixed; top:10%; left: -100vw; width:80%; height:80%; z-index:23; display:flex; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; box-sizing:border-box; }
  .case .txt2>div{ max-width:350px;display:block; color:#FFFFFF;  background-color:rgba(11,90,159,0.8);padding:20px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; box-sizing:border-box;}
  .case .txt2 .tit{ padding-bottom:15px;font-size:20px; font-weight:bold;}
  .case .txt2 .tt{font-size:16px; text-align:left;padding:0px; bottom:auto; left:auto; line-height:1.5; align-items:flex-start; margin-top:10px;}
  
.case .swiper-slide-active .txt2{ left:10%;}
.case .txt ul li .tit{  font-size:16px;}
/*.case .txt{ display:none;}*/
/*.case .txt{ position:relative; background-color:#FFFFFF;}
.case .txt ul li .tit{ color:#000; font-size:16px;}
  .case .swiper-button-next,.case .swiper-button-prev{ display:block; color:#FFFFFF;}*/

}

@media screen and (max-width :640px){
.case .txt2>div{ margin:auto;}
.case .swiper-button-next,.case .swiper-button-prev{ display:block; color:#FFFFFF;}
}
@media screen and (max-width :1250px){
body{--boxwidth:98vw; min-width:1100px;}
.protitle .title,.protitle ul,.protitle .more a{ height:128px; min-height:0;}
.protitle ul li>div .img{ max-width:100%; min-height:80px; width:100%;}
.protitle ul li>div .img img{ max-height:70px;}
.protitle ul li .t {
  width: 100%; min-height:0;
}



.pro .picli,.pro .picli .img div, .pro .picli .right {
 min-height:50vw;

}

/*.pro .picli .box>div{ max-width:1300px; margin:auto;}*/
.pro .picli .img{   width:calc(100% - 550px); }

.pro .picli .img img{ max-width:calc(100vw - ((100vw - var(--boxwidth))/  2 + 580px)); max-height:30vw;}

.pro .picli .right{ width:500px;}









#postion .postion{ display:none;}

#postion.fixed{ top:90px;}

#postion  .sortlen8.leftdh ul > li a{ font-size:16px;}


/*.tabs li{ line-height:1.2;}
.tabs li > div{ padding-top:5px; padding-bottom:5px; background-size:auto 100%;}
.tabs li i{ display:block; font-size:12px; color:#CCCCCC;}
.tabs li.hover > div i, .tabs li.active > div i, .tabs li:hover > div i{
  color:rgba(255,255,255,0.3);
}
*/
.tabs li .img{ display:block; width:100%;box-sizing:border-box; min-height:80px; }
.tabs li .img img{ max-height:80px; max-width:100%;}
.tabs li .tit{ width:100%; display:block; min-height:0;box-sizing:border-box; text-align:center;}

.app_top{ display:block;height:52px; float:left; width:100%;}
#top{ display:none;}

.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:50px; background-color:rgba(255,255,255,0.95); background-color:#ffffff;
}

/*.box,.box1,.box2{ max-width:calc(--boxwidth:98vw);}*/

.app_header .app_logo{ width:calc(100% - 60px); line-height:40px; font-size:18px; font-weight:bold;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-left:10px; background-color:#004DA1; 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;}
.app_rt a{ color:#FFFFFF}
 .bannerin,.flash{ margin-top:50px;}
 
 
.tabs li div{ font-size:18px; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px;}


.case{ position:relative;transform: translateZ(0);}
/*.case .txt ul li{ position:static;}
.case .txt ul li .tt{ width:400px; line-height:2; padding:10px; bottom:calc(5vw + 80px); height:calc(30vw - 80px); font-size:16px; left:-60vw;background: none; background-color:rgba(11,90,159,0.8);}
.case .txt ul li.hover .tt{ left:20%; bottom:calc(5vw + 80px); }
.case .txt ul li:after{ display:none;}
.case .txt ul li .tit{ position:relative;}
.case .txt ul li .tit:after{ content:''; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; left:50%; bottom:5px;  width:0; background-color:rgba(255,255,255,0.8); height:3px; position:absolute;}
.case .txt ul li.hover .tit:after{ width:80%; left:10%; }
*/


#cms .caseli .img{ width:50%;}
#cms .caseli  .right{ width:50%;}


.culture .econtent .li .right .t2{ font-size:22px;}
.culture .econtent .li .right .hc{ line-height:1.5;}


}



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

body{ min-width:1000px;}
.box{ width:1000px;}

.nav >ul >li >a{padding-left:5px;
	padding-right:5px;}
	
	
.contact .left{ width:100%;}
.contact .right{  width:100%;}
.contact .map iframe{ min-height:30vw;}	

.contact .left .hc {
  min-height: 0px; padding-bottom:20px;
}
.qr{ display:none;}
#foot .foot .row{ width:33.3333%;}


.contact .econtent {padding-top: 0px;}

.culture .econtent .li .right .t1{ font-size:28px;}
.culture .econtent .li .right .t2{ font-size:22px;}
.culture .econtent .li .right .hc{ font-size:16px;line-height:1.5;}
.culture .econtent .li,.culture .econtent .li:nth-child(3){width:100%;}
.culture .econtent .li .right,.culture .econtent .li:nth-child(3) .right{  width:calc(100% - var(--culturewidth)); float:right; clear:none;}
.culture .econtent .li .img img{ height:var(--cultureheight);}
.culture .econtent .li:nth-child(3){ margin-top:30px;}
.culture .econtent .li:nth-child(3) .img{width:var(--culturewidth); float:left;}
.aboutin .etitle{ display:block;}
.aboutin .img{ display:none;}
.aboutin .left{ width:100%; max-width:100%;}

}
@media screen and (max-width :816px){
#foot .foot .fpro{ display:none;}
#foot .foot .fnav{ display:none;}
#foot .foot .row{ width:100%;}
#foot .foot .lxin{ display:block; padding:0;}
#foot .foot .row + .row{ padding:0;}
#foot .foot .row::before{ display:none;}
#foot{ padding-top:10px; padding-bottom:10px; background-image:none;}
#foot .foot{ display:none;}
/*.ny .foot{ display:block;}*/

#foot .copy{ border:none; padding-top:0; padding-bottom:0; display:block; padding-top:0px; padding-bottom:10px; line-height:1.5; margin-top:0;}

.tabs li div{ font-size:16px;}



.etitle > span b {
  font-size: 28px;
}
.etitle > span > span {

  font-size: 16px;
}

#postion .leftdh{ display:none;}

#postion .postion.fr{ width:100%; float:left; text-align:left; display:block;min-height:0; max-height:1000px; padding-top:10px; padding-bottom:10px;}
.at .ali .etitle{ font-size:28px;}

.flash video {
  width: 100%;
  min-width: calc( 25vh * 1920 / 1080);
  min-height: 25vh;
}


#cms1,#cms2,#cms {min-height:0px;}

#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;}

#cms .picli:nth-child(2n+1){ clear:both}

#pages,#right,.box{ max-width:100%; min-height:0px;}

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

#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%;}

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



.ny{ padding-bottom:30px; float:left; width:100%;}

/*内页*/
#foot.animated{animation-fill-mode: none;animation-duration: 0s; }
#foot .copy .gotop,.gotop{bottom:80px;position:fixed; top:auto;  margin:auto; right:10px; z-index:22;}



#cms,#cms1{ clear:both;}


.mm-right .app_header{ top:-50px;}



#cms .newsli div.img{ width:120px; padding:2px;border-radius:3px;}

#cms .newsli div.right{ width:calc(100% - 140px); margin:auto; float:right;}


#cms .newsli .dp{ display:none;}


.block{ padding-top:30px; padding-bottom:30px;}

.bannerin img{ display:none;}





.bannerin {
  background-size: auto 100%; min-height:40vw;
}
 .tabs ul{ display:block;}
 .tabs li > div{ max-width:100%; min-height:0; height:auto;}
   .tabs li div.clear{ display:block; padding:0;}
 .tabs li{ width:48%; margin:5px 1%; float:left; font-weight:bold;}
.tabs li .img{ display:none;}
.tabs li::after{ display:none;}

#cms .picli{ width:calc(50% - 20px);}
#cms .picli .img {

  height: calc((var(--boxwidth) / 2 - 20px) * 0.7 );

}
#cms .picli .title{ font-size:16px;}
#cms .picli .title{ margin-top:15px; padding:0;}

#cms .picli:nth-child(3n+1){ clear:none;}
#cms .picli:nth-child(2n+1){ clear:both;}



#cms .newsli{ width:100%; padding:0; padding-top:10px; padding-bottom:10px;}
/*#cms .newsli .date{ display:none;}*/
#cms .newsli div.right{ width:100%; float:right; margin:auto;}
#cms .newsli div.img{ position:relative; float:left; top:auto; margin:auto; right:auto; }
#cms .newsli div.img img.img{ min-height:80px;}
#cms .newsli .right .hc{ margin-right:0; float:right; width:calc(100% - 135px); }
#cms .newsli .right .ntitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden;
  text-overflow: ellipsis;white-space:normal; padding:0; margin-bottom:10px; font-size:18px;
}



.block{
  padding-top: 30px;
  padding-bottom: 30px;
}


.proshow .img{ height:auto; }
 .proshow .img + .right{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee; padding-bottom:20px; width:100%;
}


.table2{ font-size:14px; line-height:1.5;}
.table2 .td {
  width: 100%; display:block;
}
#cms1 h1.h1 { font-size:24px;}

 .about .more {
  padding-top: 15px;
  clear: both;
}


.about.block .more{ padding-top:10px;}

.box{ padding-left:10px; padding-right:10px;box-sizing:border-box;}

.etitle {
  font-size: 24px; 
}






#cms .picli .ntitle {

  font-size: 20px;
}
#cms .picli .right {
  padding: 15px;
}


#cms1 .content  h1{ font-size:24px;}
#cms1 .content  h2{ font-size:22px;}
#cms1 .content  h3{ font-size:20px;}

.bannerin .h1{ font-size:28px;}

.bannerin .h2{
	font-size:16px;

}



.abin .tabs{ display:none;}
.tabs li{ margin-top:2px; margin-bottom:2px;}
.tabs li > div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #fff;
  font-size: 18px;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;border: 1px solid #ddd;/* background-color:#f5f5f5;*/
}
.tabs li.hover>div,.tabs li.active>div{ color:#FFFFFF; background-color:#117CCA;}
.tabs li.hover>div a,.tabs li.active>div a{color:#FFFFFF;}


.protitle .title{width:100%; text-align:center; position:relative; background-color:#FFFFFF; background-image:none; color:#1F4A9C; line-height:1.2; padding-top:30px; padding-bottom:20px; z-index:2;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:30px;}
.protitle .title .t1{color:#1F4A9C; color:rgba(32,74,156,1); font-size:24px;}
.protitle .title .t2{ color:#000000; padding-top:10px; font-size:28px; font-weight:bold; position:relative; padding-bottom:10px;}
.protitle .title .t2:after{ content:''; height:5px; background-color:#1F4A9C; position:absolute; left:50%; bottom:0; width:2em; margin-left:-1em;}
.protitle .more{ display:none;}
.protitle ul{ float:left;width:100%;}
.pro .picli{ min-height:400px;}
.pro .picli .img{ width:45%; margin-right:5%;}
.pro .picli .right .ntitle { font-size:24px;}
.pro .picli .right .morei a { font-size:16px; padding-left:30px; padding-right:30px;}
.pro .picli .right{ width:50%;}
.pro .picli .img img {
    max-width:200%;
    max-height: 30vw;
  }
  
.at .ali .etitle,.protitle .title .t2, .about .left .title,.etitle .tit{ font-size:28px;}

.about .left .title{ color:#ffffff; padding-bottom:5px;text-shadow: 0 0 12px rgba(255,255,255,0);}
.about .left .dp{ font-size:20px;}
.about .left .dp strong{ font-size:22px;}
.about .left .hc{ margin-top:20px;}
.about .ys2{ background-color:rgba(255,255,255,0.6); float:left; width:100%; clear:both; margin-top: 30px; padding:10px;box-sizing:border-box;border-radius:5px;}
.about .ys2 .item {margin-top: 0px;}
.about .ys2 .item .t1 .span{ font-size:18px;}
.about .ys2 .item .t1 .span span{ font-size:24px;}
.about .ys2 .item .t2{ font-size:12px;}
  .about .left .hc{ line-height:1.5;}

  .ys .item{ width:50%;}
  .ys .item:nth-child(2n+1){ clear:both;}

  .news .left,.news .right{ width:100%; padding:0;}
  .news .left .picli .img img{ max-width:100%; height:auto;}
  .news .left .picli .r .t{ font-size:22px;}
  .news .left .picli .r .dp{ margin-bottom:auto;}
  .news .right{ margin-top:20px;}
  .news .right .picli .img{ width:160px; height:120px;}

  .news .right .picli .r{ width:calc(100% - 175px);}
  .news .right .picli .r .t{ font-size:16px;}
  .news .right .picli .r .date{ margin-top:0;}
  .news .right .picli .r .dp{ font-size:14px; margin-top:0;}
  #foot{ margin-top:20px;}
  
  
  .ys,.about .aboutbg,.etitle{ padding:30px 0;}
.ys .item .right .tit{ font-size:18px;}
.casebox {
  padding:0;
}
#cms .caseli .img{ width:100%;}
#cms .caseli .right{ width:100%; padding:20px;}
  #cms .caseli .right .title{ font-size:24px;background-position: left 30px; }
  #cms .caseli .right .dp{ font-size:16px; margin-top:10px;}
  
  
  
  .case .econtent .picli img{ max-height:400px; max-width:2000px; width:auto;}
  


/*  
.case .txt ul li{ position:fixed;width:320px; background-color:rgba(11,90,159,0.8);padding:10px; top:50%; margin-top:-135px; left:-400px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; box-sizing:border-box;}
.case .txt ul li .tit{ min-height:50px; padding-bottom:15px;}
.case .txt ul li .tt{ position:static; height:auto; width:100%;padding:0px; bottom:auto; left:auto; background-color:rgba(11,90,159,0); line-height:1.5; min-height:10.5em;align-items:flex-start; margin-top:10px;}
.case .txt ul li.hover{ left:50%; margin-left:-160px;}*/



.aboutin .aboutbg{ padding:0;}
.aboutin .left .title{color: #223a8f;}
.culture{ padding:0;}
.case .picli:after{ content:''; z-index:23; height:100%; width:100%; position:fixed; top:0; left:0;}

.case .txt ul li:after{ display:none;}

.case .txt{ position:relative; background-color:#FFFFFF;}
.case .txt ul{ display:block;}
.case .txt ul li{ width:calc(100% / 3 - 10px); float:left; display:block; text-align:center;border: 1px solid #dddddd; margin:5px;box-sizing:border-box;border-radius:3px; min-height:50px;}
.case .txt ul li .tit{ color:#000; font-size:16px;}
.case .txt ul li:before{ display:none; }


.proshow .right .dp{ min-height:0px;}
.proshow .img + .right{ margin-top:10px;}
.zixun{ padding-top:20px; margin-top:10px;}	
 .protitle .title{ height:auto; padding:15px;}
}

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

.culture .econtent .li .img,.culture .econtent .li .right,.culture .econtent .li:nth-child(3) .img,.culture .econtent .li:nth-child(3) .right{ width:100%; min-height:0;}
.contact ,.contact .left .etitle{ padding:0;}
.contact .left .etitle .dp{ display:none;}
 .contact .left .etitle{ display:block; text-align:center;}
.contact .right .map{ min-height:0; }
 .contact .left .hc{ font-size:14px;}
 
.contact .left .hc ul li{  line-height:25px; padding-top:5px; padding-bottom:5px;} 
 .contact .left .hc ul li img{ top:3px;}
  .at .ali {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .at .ali:last-child {
  padding-bottom: 0;
}
 .protitle ul li .t{ font-size:16px;}
 .pro .picli .img,
 .pro .picli .right{ width:100%; margin:auto; padding:0; float:left;}
 .pro .picli .right .morei{ text-align:center;}
 .pro .picli{ min-height:0; padding:20px 0;}
.pro .picli .img div{ position:relative; right:auto; text-align:center; width:100%; min-height:0;}
.pro .picli .img div img{max-width: 100%;max-height: 30vw; float:none; margin:auto;}
.pro .picli .right .dp {margin-top:10px;}
.pro .picli .right .morei {padding-top:10px;}
.pro .econtent {

  background-size: auto 100%;

}
.about .ys2 .item .c{ max-width:100%;}


.case .txt ul li{ width:calc(50% - 10px);  padding:0; line-height:1; min-height:0; }
 .case .txt ul li .tit{min-height:3em;}
.case .txt ul li .tit:after{ display:none;}
.etitle .tit{ padding-bottom:0px;}
.culture .econtent .li .img img{ height:auto;}

.zixun .tk1{width:100%; float:left;box-sizing:border-box; margin:auto; text-align:center;}
.zixun .tk2{ width:100%; float:left; margin:auto; margin-top:20px;text-align:center;}
}
@media screen and (max-width :500px){

.tabs li > div { font-size:16px;}

  .about .left .title, .etitle .tit {
    font-size: 24px;
  }
.about .left .dp{ font-size:18x;}
.about .left .dp strong{ font-size:20px;}
.about .left .hc{ text-indent:2em;}
.pc{ display:none;}
.phone{ display:block;}


  .tabs li i{ display:none;}
  body.in .tabs{ margin-bottom:-20px;}
  #cms .picli{ margin-top:1vw; margin-bottom:1vw;}
.case .txt ul li .tit{ font-size:14px;}




}
@media screen and (max-width :450px){
/*.case .txt ul li{ width:calc(50% - 10px);  padding:0; line-height:1; min-height:0; }
 .case .txt ul li .tit{min-height:3em;}
.case .txt ul li .tit:after{ display:none;}*/

.ys .item { width:100%;}
.protitle ul li .t{ font-size:14px;}
.protitle ul{ height:100px;}
.protitle ul li > div .img{ min-height:50px;}
.protitle ul li > div .img img{ max-height:50px;}
.table2{ font-size:12px;}
.zixun .btn+.t{ margin-left:00px; display:block; clear:both; padding-top:15px;}
.tabs li div {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 20px 0 20px 0;
   font-size:16px; padding:5px 10px;
}

.about .ys2 .item .c{ padding-right:10px;box-sizing:border-box;}
.about .ys2 .item .t1 .span {font-size: 16px;}
.about .ys2 .item .t1 .span span{ font-size:20px;}
.news .left .picli .r .dp{ display:block;}
.news .left  .picli .r .t{ text-align:left;}
.news .right .picli .r .dp{ display:none;}
.news .right .picli .r .t{white-space: normal;}
.news .right .picli .img{ width:120px; height:80px;}
.news .right .picli .r { width:calc(100% - 135px);}
}

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

.about .ys2 { display:flex; align-items:center;justify-content: center; padding:15px;}
.about .ys2 .item{ width:auto; margin:auto; float:none; clear:both;}
.about .ys2 .item .c{ width:auto;}
.about .ys2 .item+.item{ margin-top:15px;}
.about .ys2 .item .c .t1{ float:left; min-height:50px; width:120px; display:flex;     justify-content:center;
    align-items:center;}
.about .ys2 .item .c .t2{ float:right; width:calc(100% - 120px);}
/*.aboutin .ys2{ margin-top:0;}*/
.aboutin .ys2{background-color:#065EA5;text-shadow: 0 0 12px rgba(255,255,255,0); }
.aboutin .ys2 .item .c .t1,.aboutin .ys2 .item .c .t1 span,.aboutin .ys2 .item .c .t2{ color:#FFFFFF; }

}

#cms1 .content *{
	overflow-x:auto;
	
}

.contact .left .hc { color:#000000;}
.culture .econtent .li .right .t1{ color:#333333;}
.aboutin .left .title{color: #000000; }


.aboutin .left .dp{color: #444444;}
.aboutin .left .hc{color: #5e5e5e;}
.aboutin .ys2{color: #2a2a2a;}