/* CSS Document */
@charset "utf-8";


@media screen and (min-width :1367px){
#foot .lxin {
  width: 500px;

}

}

@media screen and (max-width :1650px){
.box{ width:1500px;}
.lianxi .contact .left{ width:420px;}
.lianxi .contact .right {
  width: calc(100% - 420px);
}
.pro .picli .img>div{  max-height:288px; min-height:288px;}

.pro .picli .img img{  max-height:288px;}


}
@media screen and (max-width :1550px){
.box{ width:1400px;}
#foot .lxin{ padding-right:50px; width:400px;}
#cms .picli div.img > div {
  overflow: hidden;
  min-height: 235px;
  max-height: 235px;
}
#cms .picli div.img > div img {
  max-height: 235px;
}

.pro .picli .img>div{  max-height:268px; min-height:268px;}

.pro .picli .img img{  max-height:268px;}


 #cms .caseli div.img > div {
  min-height: 325px;
  max-height: 325px;
}
 #cms .caseli div.img > div img {
  max-height: 325px; min-height: 325px;
}



}
@media screen and (max-width :1450px){
.box{ width:1300px;}
.honorin .picli{ width:25%; }
.honorin .picli:nth-child(5n+1){ clear:none;}
.honorin .picli:nth-child(4n+1){ clear:both;}
#cms .picli div.img > div {
  overflow: hidden;
  min-height: 214px;
  max-height: 214px;
}
#cms .picli div.img > div img {

  max-height: 214px;
}

 #cms .caseli div.img > div {
  min-height: 305px;
  max-height: 305px;
}
 #cms .caseli div.img > div img {
  max-height: 305px; min-height: 305px;
}



.pro .picli .img>div{  max-height:245px; min-height:245px;}

.pro .picli .img img{  max-height:245px;}

}
@media screen and (max-width :1366px){
.box{ width:1200px; min-width:1000px;}

.news  .r .picli .img{width:100%; overflow:hidden; min-height:155px; max-height:155px;}
#cms .picli{ width:23%;}
#cms .picli:nth-child(5n+1){ clear:none;}
#cms .picli:nth-child(4n+1){ clear:both}



 #cms .caseli{ width:32%; margin-left:2%; margin-right:0;}
   #cms .caseli:nth-child(4n+1){ clear:none;margin-left:2%;}
 #cms .caseli:nth-child(3n+1){ margin-left:0; clear:both;}


 #cms .caseli div.img > div {
  min-height: 280px;
  max-height: 280px;
}
 #cms .caseli div.img > div img {
  max-height: 280px; min-height: 280px;
}









#foot .fnav{
	float:left;
	width:270px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.1); margin-right:30px; min-height:180px; 
}
#foot .lxin .tel{ margin-bottom:20px;}
#foot .lxin{ float:left;  width:350px; padding-right:30px; line-height:1.2; }
.jtitle span{ font-size:22px; }

.pro .picli .img>div{  max-height:232px; min-height:232px;}

.pro .picli .img img{  max-height:232px;}

}
@media screen and (max-width :1230px){body{ min-width:1000px;} 
.box{ width:1100px; min-width:1000px;}
#cms .newsli{ width:100%;}

.aboutpic .left .h1{ font-size:36px; }
.aboutpic .left .h2{ font-size:20px;}

#foot .fnav{ width:220px;}
#foot .lxin{ width:300px; margin-right:0;}
#postion .leftdh{ line-height:70px;}
#postion .postion{ min-height:70px; max-height:70px; }
#postion .leftdh ul>li a{ padding-left:15px; padding-right:15px; font-size:18px;}

.lianxi .contact .left{border-radius:10px 10px 0 0; width:100%; min-height:0; padding-bottom:20px;}
.lianxi .contact .right {
  width: 100%;
}
.lianxi .contact .left .dp{ left:auto; right:20px;}
.jtitle span{ font-size:18px; }

.pro .picli .img>div{  max-height:205px; min-height:205px;}

.pro .picli .img img{  max-height:205px;}
#cms .newsli .right .ntitle{ font-size:22px;}
#cms .newsli .right .time {
  padding-bottom: 0px;
}
#cms .newsli {

  padding-top: 15px;

  padding-bottom: 15px;
}
}


@media screen and (max-width :1024px){ 
.box{ width:900px; min-width:800px;}

.aboutpic .left,.aboutpic .right{ width:100%; max-width:100%;}
.aboutpic .right img{ width:100%;}
.aboutpic .right{ margin-top:20px; display:none;}

.etitle { font-size:28px;}

.aboutpic{ padding-bottom:0;}
.pro .picli{ width:48%;} 

.news .l{ width:100%;}
.news .r{ width:100%; padding-top:0px;}
.news .r .picli .right{ padding-right:50px; padding-left:20px;}
.news .r .picli .right .morei{ position:absolute; top:50%; margin-top:-16px; right:0px; padding:0;}

.news .r .picli .right .dp{ display:none;}
.news .r .picli .right .date{ display:block;}
.news .r .picli .img{ display:none;}
.news .r .picli{ width:100%;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; margin-left:0; margin-right:0; 
}

.news .r .picli .right:before {
  position: absolute;
  left: 0;
  top: 10px;
  height: calc(100% - 20px);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #015B97;
  content: '';
}
.news .r .picli:hover:after{ width:100%;}

.news .l.fr .picli:nth-child(1){ padding-top:8px; padding-bottom:8px; position:relative;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;}
.news .l.fr .picli:nth-child(1):after{ display:block;}
.news .l.fr .picli:nth-child(1):hover:after{ width:100%;}
.news .l.fr .picli:nth-child(1) .img{ display:none} 
.news .l.fr .picli:nth-child(1) .img + .right {
  width: 100%;padding-left: 20px;

}
.news .l.fr .picli:nth-child(1) .right .dp { display:none;

}

.news .l.fr .picli:nth-child(1) .right::before { display:block;
}


.news .picli::after {}
#foot .fnav{ width:180px; margin-right:15px;}
#foot .lxin{ width:280px;margin-right:0; padding-right:15px;}

.bannerin { min-height:300px; background-size:auto 300px;}



.honorin .picli a{ min-height:16vw; max-height:16vw;}

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

 #cms .caseli{ width:32%; margin-left:2%; margin-right:0;}
   #cms .caseli:nth-child(4n+1){ clear:none;margin-left:2%;}
 #cms .caseli:nth-child(3n+1){ margin-left:0; clear:both;}
 #cms .caseli div.img > div {
  min-height: 204px;
  max-height: 204px;
}
 #cms .caseli div.img > div img {
  max-height:204px; min-height: 204px;
}

.contact .left{ float:left; width:100%; padding-left:20px; padding-right:20px;}
.contact .right{ float:left; width:100%; padding-top:20px;padding-left:20px; padding-right:20px;}
.contact .map iframe{ width:100%; min-height:350px;}
.youshi .item .t2 {
  font-size: 12px; padding-left:10px; padding-right:10px;

}
#postion .postion{ display:none;}


#left{ width:100%;}
#left .leftnews,#left .tags,#left .lxin{ display:none;}
#left+#right{ width:100%; float:left; clear:both; margin:auto;}
#left .leftdh2 ul li{ float:left; width:31.33%; margin-left:1%; margin-right:1%;}


 .lxli ul li{ width:49%; margin-left:2%;}
 .lxli ul li:nth-child(3n+1){ margin-left:2%; clear:none;}
.lxli ul li:nth-child(2n+1){ margin-left:0; clear:both;}
.lianxi .contact{ height:auto;}

 .pro .picli .img>div{  max-height:365px; min-height:365px;}

.pro .picli .img img{  max-height:365px;}
 
}
@media screen and (max-width :768px){
.contact * {
  line-height: 1.5;
}
.wenhua .picli:hover .img,.youshi .item:hover .img,.lxli ul li:hover .img{

transform: rotate(0deg)

}

.flash{ margin-top:55px;}
body,.box{ min-width:250px;--swiper-navigation-size:30px;}
#header.navbg{ display:none}
#foot .box{ max-width:98%;}
.app_header{background-color:#fff; display:block; position:fixed; z-index:2;}
#postion .leftdh{ display:none;}
#postion .postion{ float:left; width:100%; text-align:left; display:block; min-height:0; padding-top:10px; padding-bottom:10px;}
/*.app_top{ height:50px; float:left; width:100%;}*/
#pages,.box{ max-width:100%; min-height:0px;}
.box{ max-width:98%; }
.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; box-shadow:0 0 5px rgba(0,0,0,0.3);
}
#header.navbg.fixed4 + .clear {
  height: 55px;
}
.bannerin { min-height:200px; background-size:auto 200px;}


	.app_header .app_logo{ width:250px;    float:left; padding-top:5px; padding-bottom:5px;}
.app_header .app_logo img{  height:45px;}
	.app_header .morenav{ float:right; display:block; color:#000; width:40px; height:40px; margin-top:5px;  line-height:40px; text-align:center; position:absolute; top:0%; right:0px; margin-top:0px; height:55px; background-color:#015B97; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}

#menu{ z-index:999;}


#foot{ padding-top:0; padding-bottom:65px;}
#foot .qrcode{ text-align:left; float:left; width:100%; display:none}
#foot .fnav{ width:50%;box-sizing:borer-box; margin-right:0; display:none;}
#foot .copy .fl{ padding-right:50px; font-size:12px; line-height:1.5;}
#foot .copy{ margin-top:0; border:none;}



.aboutpic .left .more{ text-align:center;}
.aboutpic .left,.aboutpic .right{ width:100%; float:left;max-width:100%; min-height:0;}
.aboutpic .right{ padding-top:50px;}
.aboutpic .left{ padding-left:20px; padding-right:20px;}
.aboutpic .right .swiper-slide img{ width:100%;}

.pro,.news,.aboutpic{ padding-top:20px; padding-bottom:20px;}

.aboutpic .left .h1{ font-size:24px;}
.aboutpic .left .h2{ font-size:22px;}
.aboutpic .left .hc{  line-height:1.5; padding-top:10px;}



#cms1 .content{ line-height:1.5; }
#cms1 .content h1{ font-size:22px;}
#cms1 .content h2{ font-size:20px;}
#cms1 .content h3{ font-size:18px;}
.boxin{ padding-top:20px; padding-bottom:20px;}

/*img[align="right"]{ margin:5px;}*/


.honorin .picli{ width:50%;}
.honorin .picli a{ min-height:32vw; max-height:32vw;}
.honorin .picli:nth-child(2n+1){ clear:both;}
 


 
 #cms .newsli div.img{ width:120px; }

#cms .newsli .right .hc{ margin-right:130px; }
#cms .newsli.jsli2 .right .hc{ margin-right:0;}
#cms .newsli div.img{ margin-top:-43px;}
#cms .newsli div.img img {
  width: 100%;
  min-height: 80px;
  max-height: 80px;
}

#cms .picli{ width:48%; padding:5px;}
#cms .caseli{width:48%; margin-left:1%; margin-right:1%; }
 
 #cms .caseli:nth-child(3n+1){ margin-left:1%; clear:none;}
#cms .picli:nth-child(3n+1){ clear:none}
#cms .picli:nth-child(2n+1){ clear:both}


#footnav{ display:block}




#cms .picli div.img > div {
  overflow: hidden;
min-height:30vw; max-height:30vw;
}
#cms .picli div.img > div img { max-height:30vw;}


 #cms .caseli div.img > div {
  min-height:  33vw;
  max-height:  33vw;
}
 #cms .caseli div.img > div img {
  max-height: 33vw; min-height: 33vw; width:100%;
}

#cms .caseli div.ntitle{ padding:10px;}




.proshow .img{ width:100%;}
.proshow .img img{ width:100%;}
.proshow .right{ margin:auto; margin-top:20px; clear:both; width:100%; float:left;}
.bannerin .h1{ font-size:32px; font-weight:bold;}
.bannerin .h2{ font-size:22px;}

.sort{ display:block;}
.proshow .img img{ max-width:500px; min-width:0px;}
.proshow .right .t3{
	border: 1px solid #dddddd; padding:5px;border-radius:5px;box-sizing:border-box;
}

.psort a{ float:left; width:32%; margin-left:2%; margin-top:5px; margin-bottom:5px; margin-right:0;}
.psort a:nth-child(3n+1){ clear:both; margin-left:0; text-align:center; padding-left:0; padding-right:0;}
.pro .econtent{ padding-top:10px;}
.pro .picli .right .ntitle{ font-size:16px;}
.pro .picli .right{ padding:5px;}
.pro .picli .img{ padding:2px;}
.pro .picli .right .dp { margin-top:5px;}
.pro .picli .right .morei { padding-top:5px;}
.pro .picli { margin-bottom:5px; margin-top:5px;}
.pro .more, .news .more { padding-top:10px;}
.news .picli .right .ntitle{ font-size:16px;}
.news .econtent,.psort{ padding-top:20px;}
.news .l .picli .img { width:150px;min-height: 100px;
max-height: 100px;}
.news .picli .img img{ min-height:100px;}
.news .l .picli:nth-child(1) .img + .right {
  width: calc(100% - 160px);
  float: right;
  padding-right: 0px;
}
.news .l .picli:nth-child(1) .right .dp{ max-height:3em;}
.news .l .picli:nth-child(1){ padding-bottom:0;}
.contact .map iframe {
  min-height:40vw;
}

.sorts{ padding:10px;}
.sorts ul li{ margin-top:5px; margin-bottom:5px; float:left; width:50%; }
/*
#left.proin{ display:none;}*/
.proin#left{ display:none;}
.proshow2{ margin-top:20px;}
.proshow2 .left{ width:100%;}
.proshow2 .right{ margin:auto; width:100%; margin-top:20px;}
.proin2{ padding-top:30px; padding-bottom:30px;}
#left .leftdh2 ul li{ width:48%; line-height:30px;}
#left .leftdh2 ul li a{ line-height:25px;}
#left .bk{ padding:10px; padding-top:0;}
#left .title b{ font-size:20px;}
.lianxi .left .dp{ display:none;}
.lianxi .title2::after{ bottom:-10px;}
.mapjson+iframe{min-height:250px;}


.lxli ul li{ padding-top:5px; padding-bottom:5px; margin-top:0px; margin-bottom:0;}
.lxli ul li .img{ width:50px; height:50px; overflow:hidden;}
.lxli ul li  .t1{ font-size:18px;}
.lxli ul li  .t2{ font-size:14px;}
.lxli ul li img + div, .lxli ul li .img + div {
  margin-left: 65px;
 
}
.lianxi .contact .right .hc {
  padding-top: 20px;
}
.lianxi{ padding-top:30px; padding-bottom:30px; }
  .honorMain .honorList { width:calc(100vw - 140px);  }
  .honorMain{ padding-bottom:0px;}
  .honorMain .econtent{ padding-top:0px;}
  .honorMain{ padding-top:30px;}
  .wenhua{padding-top:30px; padding-bottom:50px; min-height:0;}
  .wenhua .econtent {

  padding-top:20px;
}
 .wenhua .picli{ background-color:rgba(255,255,255,0.95);}
/* .wenhua .picli{ background-color:#005B97; color:#FFFFFF}*/
/* .wenhua .picli .h1,.wenhua .picli .h2,.wenhua .picli .hc{ color:#ffffff;}*/
  .wenhua .picli  .hc{
	 min-height:4.5em; margin-top:10px; font-size:14px;
}
  .wenhua .picli  .h1 {
  font-size: 24px;
  padding-top: 20px;
}
.wenhua .picli .img{ background-color:rgba(255,255,255,0.8);}
.jtitle span{ display:block; border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;}
	 .jtitle span+span:before,.jtitle span+span:after{ display:none;}
	
	
	
	
 .pro .picli .img>div{  max-height:40vw; min-height:40vw;}

.pro .picli .img img{  max-height:40vw;} 



.news .l .picli .right .morei,.news .r .picli .right .morei{ display:none;}
.news .picli .right .ntitle {

  white-space:normal;

}
.news .l .picli .right,.news .r .picli .right {
  padding-right: 10px; 
}
#cms .newsli .right{min-height:70px;}
#cms .newsli .right .ntitle {
white-space:normal; font-size:18px; padding-bottom:0; max-height:3.6em; 
}
#cms .newsli .right .dp{ display:none;}

#cms .newsli.jsli2 .right {
  min-height: 0px;
}
#cms .newsli.jsli2 .right .dp{ display:block; max-height:4.5em; font-size:14px;}
}

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

.lxli ul li{ width:100%; margin-left:0%;}
.lxli ul li:nth-child(3n+1){ margin-left:0%;}
.lianxi .contact .right .title { font-size:22px;}

/*.lxli ul li{ padding-top:5px; padding-bottom:5px; margin-top:0px; margin-bottom:0;}
.lxli ul li .img{ width:50px; height:50px; overflow:hidden;}*/
.wenhua{ background-size:auto 100%;}
.wenhua .picli{ width:100%; margin:auto; margin-top:5px; margin-bottom:5px;}
.wenhua .picli .img{ position:relative; top:auto; left:auto; float:left; margin:auto; }

.wenhua .picli .right{ float:right; width:calc(100% - 120px); text-align:left;}
.wenhua .picli .hc{ /*text-align:left; */clear:both; min-height:0; font-size:16px;border-top-width: 1px;
	border-top-style: solid;
	border-top-color:rgba(255,255,255,0.3); margin-top:15px; float:left; width:100%; padding-top:15px;}
  .wenhua .picli  .h1 {

  padding-top: 0px;
}
  .wenhua .picli .left{ max-width:200px; margin:auto;}
}

@media screen and (max-width :450px){
.psort a{ font-size:14px; line-height:1.2; padding-top:10px; padding-bottom:10px;}
.news .l .picli:nth-child(1) .right .dp{ display:none;}
.news .l .picli:nth-child(1) .right .ntitle{white-space:normal;}

#foot .copy{ background-image:none; padding-left:0px; min-height:0; width:100%;}
#left .leftdh2 ul li{ float:left; width:48%; margin-left:1%; margin-right:1%;}
#left .title b{ padding-bottom:0;}
#left .leftdh2 ul li{ font-size:14px;}
#left .leftdh2 ul li a{ padding-left:25px;}
.leftdh2 ul li a::before { left:10px;}
}
/*@media screen and (max-width :350px){
#left .leftdh2 ul li{ float:left; width:98%; margin-left:1%; margin-right:1%;}
}*/