/* CSS Document */
@charset "utf-8";
.swiper-container{ position:relative; overflow:hidden;}
.pro .hc{ position:relative;}
.pro .swiper-container .picli{ width:100%; text-align:center;}
.pro .swiper-container .picli .img{ text-align:center; width:100%;}
.pro2{--swiper-theme-color:#cccccc;}
.case .picli .img >div{ overflow:hidden;}
#cms .picli div.img > div img{ max-height:204px;}
#cms .picli div.img>div{max-height:204px;min-height:204px;}
.pro1{ background-size:auto 100%;}
@media screen and (max-width :1024px){
.pro2 .hc{ padding-left:60px; padding-right:60px;}
}
.flash .picli img{ display:block; width:100%;}
/*@media screen and (min-width :1600px){

.box{ width:calc(100vw - 100px); max-width:1500px;}
.pro4 .hc .img>div{ width:100%;}
.pro4 .hc img{ width:100%;}
.case .picli div.img,.case .picli div.img>div{  max-height:357px; min-height:357px;}
.case .picli .img img{max-height:357px;}
.case .picli div.img img{ width:100%;}
#cms .picli div.img > div img{ max-height:249px;}
#cms .picli div.img>div{max-height:249px;min-height:249px;}
}

@media screen and (min-width :1920px){

.flash .picli img{ display:block; width:100%;}
.box{ max-width:1800px;}
.case .picli div.img,.case .picli div.img>div{  max-height:428px; min-height:428px;}
.case .picli .img img{max-height:428px;}
#cms .picli div.img > div img{ max-height:338px;}
#cms .picli div.img>div{max-height:338px;min-height:338px;}
}

@media screen and (min-width :2100px){
.box{ max-width:2000px;}
.case .picli div.img,.case .picli div.img>div{  max-height:480px; min-height:480px;}
.case .picli .img img{max-height:480px;}

#cms .picli div.img > div img{ max-height:385px;}
#cms .picli div.img>div{max-height:375px;min-height:385px;}

}

*/
@media screen and (max-width :1366px){
.flash .picli{
	min-height:400px; background-size:auto 100%;
	
}
.flash .picli img{ display:none;}
.box{ width:1200px; min-width:1000px;}

#right{ width:910px;}
/*#left .sort>ul>li>a{ padding-top:13px; padding-bottom:13px;}*/
.nav ul li a{ padding-left:28px; padding-right:28px;}

#foot .fnav{ margin-right:30px;}
#foot .lxin{ padding-right:30px; width:320px;}
.ys .left{  margin-left:75px;  }

.youshi .econtent .item>div{ padding-left:0px; padding-right:0px;}
.youshi .econtent .item div.img{ overflow:hidden;border-radius:100%; min-height:0px; max-width:100%;}
.youshi .econtent .item div.img img{ max-width:100%; min-height:0; }

#cms .picli div.img>div{ min-height:184px; max-height:184px;}
#cms .picli div.img>div img{ max-height:184px;}

.case .picli div.img{ min-height:260px; max-height:260px;}
.case .picli .img>div,.case .picli .img>div>img{ min-height:260px; max-height:260px;}
}
@media screen and (max-width :1230px){

.flash .picli{
	min-height:350px;
	
}


body{ min-width:1000px;} 
.box{ width:1100px; min-width:1000px;}
.ys .left{  margin-left:18px;}
#right{ width:calc(100% - 285px);}
.nav ul li a{ padding-left:22px; padding-right:22px;}


#cms .picli div.img>div{ min-height:162px; max-height:162px;}
#cms .picli div.img>div img{ max-height:162px;}

/*.pro1 .dp{ font-size:16px;}*/
.pro1{ padding-left:35%;}
}


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

.ys{ background-color:#C7011C; background-image:none;}
.ys .left{ width:100%; max-width:100%; text-align:center; margin:auto; min-width:0;padding-top:15px; padding-bottom:15px;}
.ys .h1,.ys .h2 { line-height:1.2; padding-bottom:10px;}

.ys .tel{ background-color:#F39801; width:100%; margin:auto; max-width:100%; position:relative; text-align:center;  padding-top:10px; padding-bottom:10px;}
.ys .tel:before{ content:''; height:100%; position:absolute; bottom:0; left:-50%; width:200%; z-index:-1;background-color:#F39801; }


#left .title2{ background-color:#828282; background-image:none;}
.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;}





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


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



.contact .map iframe{ width:100%; min-height:350px;}

#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; margin-top:20px;}
#left .sort ul li{ float:left; width:49%; margin-left:2%;}
#left .sort ul li:nth-child(2n+1){ float:left; margin-left:0; clear:both; }
#left .sort,#left .leftnav{ margin:auto; padding:0;border-radius:0;}

#left .sort ul li a{background-color:#999999; color:#FFFFFF; padding:0; padding-left:20px; font-size:16px; }
#left .title2{ display:none;}
#left .leftnav{ background-color:rgba(255,255,255,0);}
#left .leftnav ul ul{ display:none;}
 .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;}

 
#cms .picli div.img>div{ min-height:20vw; max-height:20vw;}
#cms .picli div.img>div img{ max-height:20vw;}
 
 .app_header{background-color:#fff; width:100%; display:block; position:fixed; z-index:2;}
	.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:#015fac; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}
.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);
}
#menu{ z-index:999;}
 
 #header.navbg{ display:none}
 
 .block{ padding-top:30px; padding-bottom:30px;}
 
.flash{--swiper-navigation-size:30px;}

.pro1{ padding:10px; background-image:none; background-color:#ffffff;}
.nav{ padding-top:55px;}

.case .picli div.img{ min-height:215px; max-height:215px;}
.case .picli .img>div,.case .picli .img>div>img{ min-height:215px; max-height:215px;}

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

.pro4{ padding:10px; background-image:none; background-color:#ffffff;}
.contact * {
  line-height: 1.5;
}
.nav{ background-image:none; margin-bottom:1px;  background-color:#015fac;}
.nav ul li{ width:25%; float:left; }
.nav ul li a{ color:#ffffff;}
.nav > .box > ul > li + li{ background-image:none;}
.nav > .box > ul > li:after{ content:''; background-color:rgba(255,255,255,0.3); height:16px; right:0; top:50%; width:1px; position:absolute; margin-top:-8px; z-index:1;}
.nav > .box > ul >  li:before{ content:''; background-color:rgba(0,0,0,0.3); height:16px; right:1px; top:50%; width:1px; position:absolute; margin-top:-8px; z-index:1;}
.nav > .box > ul > li.hover>a,.nav > .box > ul > li.active>a{ color:#CCFF00}
.nav > .box > ul > li:nth-child(4n):after,.nav > .box > ul >  li:nth-child(4n):before{ display:none;}

.nav ul li:hover>ul{ display:none;}
/*.flash .picli,.flash .picli a{ min-height:280px;}*/

.flash .picli,.flash .picli a{ min-height:35vw;}
 
.block{ padding-top:30px; padding-bottom:30px;}
body,.box{ min-width:250px;--swiper-navigation-size:30px;}

#foot .box{ max-width:98%;}

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

#header.navbg.fixed4 + .clear {
  height: 55px;
}
.bannerin { min-height:200px; background-size:auto 200px;}




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



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

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

#right .picli,.case .left+.right .picli{ width:48%; padding:5px; margin-left:1%; margin-right:1%;}
#right .picli:nth-child(3n+1),.case .left+.right .picli:nth-child(3n+1){ clear:none; margin-left:1%; margin-right:1%;}
#right .picli:nth-child(2n+1),.case .left+.right .picli:nth-child(2n+1){ clear:both; margin-left:1%; margin-right:1%;}
#right .picli div.img > div ,.case .left+.right .picli div.img > div{
  overflow: hidden;
min-height:30vw; max-height:30vw;
}
#right .picli div.img > div img { max-height:30vw;}
#right #cms .picli div.img > div img { max-height:32vw;}
#right #cms .picli{ margin-bottom:5px;}


#footnav{ display:block}

.more,.aboutpic .left .more{ padding-top:10px;}
.aboutpic .left .h2{ padding-top:10px;}
.aboutpic .left .h2,.aboutpic .left .h1{ line-height:1.3;}
.ys .tel{ font-weight:bold;}
.youshi .title .t1{ line-height:1.2; padding-bottom:10px; font-size:28px;}
.youshi .title .t2{ font-size:18px;}
.youshi .econtent .item{ width:48%; margin-top:10px; margin-bottom:10px;}
.youshi .econtent .item:nth-child(2n+1){ clear:both;}

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

.contact .map iframe {min-height:40vw;}


/*
#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 .bk{ padding:10px; padding-top:0;}
#left .title b{ font-size:20px;}

.mapjson+iframe{min-height:250px; margin-top:20px;}

.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; 
}
#postion .fl{ display:none;}
#left{ padding-top:10px;}
#left.leftnav2{ display:none;}
#left+#right{ margin-top:0;}
.boxin.block{ padding-top:0;}
.etitle b{ font-weight:bold;}
#left .sort{ padding-left:0; padding-right:0; margin-left:0; margin-right:0;}
.pro1 .hc .picli{ width:48%; margin:10px; margin-left:1%; margin-right:1%;}
.pro3 .hc .picli{ width:100%;}
.case .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;}
.news .econtent .picli{ width:100%; margin-left:auto; margin-right:auto;border-bottom: 1px  solid #dddddd; margin:auto; padding-top:15px; padding-bottom:15px;}
.news .econtent .picli div.img{ width:150px; min-height:120px; max-height:120px;}
.news .econtent .picli .right{ margin-left:170px;}
.news .econtent .picli .right .dp{ margin-top:0;}
.econtent .picli .right .morei{ padding-top:10px;}
.news .econtent .picli:nth-child(3n+1){ width:100%;}
.titledp{ font-size:16px; line-height:1.5;}
.ptitle b{ font-size:24px;}
.ptitle{ position:relative;border-bottom: 1px solid #dddddd; background-size:auto 25px;}
.ptitle a{ position:absolute; top:50%; right:0px; line-height:20px; margin-top:-10px;}
.pro .ptitle{ padding-left:0;}
.pro1 .ptitle b,.pro4 .ptitle b{ padding-left:50px;}
.pro2 .ptitle b,.pro3 .ptitle b{padding-left:35px;}
.pro .ptitle b{ display:inline-block; position:relative;}
.pro .ptitle b:before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#015fac;}
.pro .dp{ line-height:1.5; font-size:16px; padding:10px;}
.aboutpic .left .more a::after{ display:none;}


.case .picli div.img{ min-height:35vw; max-height:35vw;}
.case .picli .img>div,.case .picli .img>div>img{  min-height:35vw; max-height:35vw; }
}

@media screen and (max-width :600px){
.lxli ul li{ width:100%; margin-left:0%;}
.lxli ul li:nth-child(3n+1){ margin-left:0%;}
.pro #right .title .tel{ display:none;}
.pro #right .title{ height:45px; line-height:45px;}
.ys .h1{ font-size:28px;}
}

@media screen and (max-width :450px){
#foot .copy{ background-image:none; padding-left:0px; min-height:0; width:100%;}
.news .econtent .picli div.img{ width:120px; min-height:80px; max-height:80px;}
.app_header .app_logo *{ max-width:100%;}
.nav>.box>ul>li>a{ font-size:14px; padding-left:0; padding-right:0;}
.youshi .item .t1 { font-size:16px;}
.youshi .item .t2 { min-height:3.6em; padding-left:5px; padding-right:5px;box-sizing:border-box; line-height:1.2; font-size: 12px;}
.aboutpic .left .h1 {
  font-size: 22px;
}
.aboutpic .left .h2 {
  font-size: 20px;
}
}
/*@media screen and (max-width :350px){
#left .leftdh2 ul li{ float:left; width:98%; margin-left:1%; margin-right:1%;}
}*/