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




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

.flash .picli img{ display:block; width:100%;}
.about { background-size:100%;}
.bannerin{ background-size:100%; min-height:21.1vw}
}
@media screen and (min-width :1600px){

.box{ width:calc(100vw - 100px); max-width:1500px;}
}


@media screen and (max-width :1650px){
.box{ width:1500px;}

}
@media screen and (max-width :1550px){
.box{ width:1400px;}
#foot .lxin{ padding-right:50px; width:280px;}
#foot .fnav.two{ width:320px;}

#cms .picli div.img > div,#cms .picli div.img > div img {
  overflow: hidden;
  min-height: 235px;
  max-height: 235px;
}

.proboxim div.img{ min-height:400px; max-height:400px;}
.proboxim div.img img{  max-height:400px;}

}
@media screen and (max-width :1450px){
.box{ width:1300px;}

#foot .fnav{ margin-right:40px;}




.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,#cms .picli div.img > div img {
  overflow: hidden;
  min-height: 214px;
  max-height: 214px;
}
.protitle .title{width:320px; 
}
.protitle ul{ float:left;width:calc(100% - 500px);}
.hezuo .protitle .econtent{width:calc(100% - 320px);}
#cms .picli div.img > div,#cms .picli div.img > div img {
  overflow: hidden;
  min-height: 220px;
  max-height: 220px;
}


.proboxim div.img{ min-height:380px; max-height:380px;}
.proboxim div.img img{max-height:380px;}
.probox{ width:53%;}
.proboxim{  width:45%;}

}

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

.nav> ul> li> a{ font-size:18px; }
/*#header .nav ul li li a{ font-size:15px; }*/




}


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

.about .left .hc{ padding-top:20px;}
.about .right{ padding-top:20px;}
.about {

  min-height: 0px; background-size:100% 100%;

}



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

.news  .r .picli .img{width:100%; overflow:hidden; min-height:155px; max-height:155px;}

#foot .fnav{
	float:left;
	width:250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.1); margin-right:30px; min-height:180px; 
}
#foot .fnav.two{ width:260px;}
/*#foot .lxin{ padding-right:50px; width:280px;}
#foot .fnav.two{ width:320px;}*/

#foot .lxin .tel{  line-height:50px;}
#foot .lxin{ float:left;  width:350px; padding-right:30px; line-height:1.5; padding-right:0; }
.caseli .ntitle{ font-size:28px;}
.caseli .dp{ line-height:1.5; min-height:10.5em;}



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

.protitle .title{width:270px; }
.protitle .more{ width:130px;}
.protitle ul{ float:left;width:calc(100% - 400px);}
.hezuo .protitle .econtent{width:calc(100% - 275px);}
.flash .picli{ min-height:500px; background-size:auto 100%;}
.pro .picli .img{ width:55%; margin-right:5%;}
.pro .picli .img img{ max-width:100%;}
.pro .picli .right{ width:40%;}
.pro .picli>div{ padding-top:20px;}

#cms .picli div.img > div,#cms .picli div.img > div img {
  overflow: hidden;
  min-height: 185px;
  max-height: 185px;
}

#cms .picli2 div.img{ min-height:250px;max-height:250px;}
#cms .picli2 div.img *{ max-height:250px;}




.proshow div.img{width:550px; min-height:550px;
}

.proshow div.img img{ max-height:550px; }
.proshow .right{ width:calc(100% - 600px);}
.proshow .right .t3{ margin-top:5px;}
.y2{ padding:0;}
.y2 .yli .tt1,.y1 .yli .tt1{ font-size:16px;}
.proshow .right .t4 { padding-top:5px;}


.proboxim div.img{ min-height:330px; max-height:330px;}
.proboxim .right .dp{ font-size:16px; line-height:1.5; font-weight:normal;}
.proboxim div.img img{max-height:330px;}
.probox{ width:50%;}
.proboxim{  width:48%;}

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

.boxin .caseli{ width:calc(94% / 3); margin-left:1%; margin-right:1%;}
.boxin .caseli:nth-child(3n+1){ clear:both;}
}
@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;}
#foot .fnav.two{ width:220px;}


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

.protitle .title{width:200px; padding-right:10px; }
.protitle .more{ width:100px;}
.protitle ul{ float:left;width:calc(100% - 300px);}
.hezuo .protitle .econtent{width:calc(100% - 200px);}
.flash .picli{ min-height:400px;}
.pro .picli{min-height:500px;}
.nav> ul> li> a{ padding-left:10px; padding-right:10px;}

/*.y2 .yli{ width:50%; float:left;}*/





}




@media screen and (max-width :1050px){
#header .logo img {
  height: 35px;
}
#header .logo {
  padding-top:25px;
  padding-bottom: 25px;
}
.nav> ul> li> a{ font-size:16px; }

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

.about .left .h1 { font-size:40px;}
.about .left .hc{ padding-top:20px;}
.nav> ul> li> a{ padding-left:10px; padding-right:10px; font-size:16px; }
#header .nav ul li li a{ font-size:12px;}

.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:32px;}
.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{ width:100px;}
.protitle ul{ float:left;width:calc(100% - 100px);}

.hezuo .protitle .econtent{width:100%;}
.hezuo .protitle .econtent{height:auto; padding-top:20px; padding-bottom:20px;}
.box{ width:900px; min-width:880px;}

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

.etitle { font-size:28px;}

.aboutpic{ padding-bottom:0;}


.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: #1F4A9C;
  content: '';
}
.news .r .picli:hover:after{ width:100%;}


#foot .fnav{ width:180px; margin-right:15px;}
#foot .lxin{ width:250px;margin-right:0; padding-right:15px;}

#foot .fnav.two{ width:250px;}
#foot .qrcode{ display:none;}

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


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

#postion .postion{ display:none;}

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



#cms .picli div.img > div,#cms .picli div.img > div img {
  overflow: hidden;
  min-height: 200px;
  max-height:200px;
}

.proshow div.img{ width:100%;}
.proshow .right{ clear:both; width:100%; padding-top:20px;}


.proboxim div.img{ min-height:250px; max-height:250px;}
.proboxim div.img img{max-height:250px;}
.proboxim .right .dp{ font-size:14px; line-height:1.5; font-weight:normal;}

}
@media screen and (max-width :900px){ 
.nav> ul> li> a{ padding-left:5px; padding-right:5px; }

}
.proshow .title{ display:none;}
@media screen and (max-width :768px){

.contact  .left {
  line-height: 1.5;
}
#foot .foot{ padding-top:0;}
#foot .copy > .fl{ min-height:0;}
.etitle b{ font-size:24px;}
.caseli .ntitle {
  font-size: 20px;
}
.block{ padding-top:20px; padding-bottom:20px;}
.about .left .h1{ font-size:24px; background-size:auto 40px; padding-top:50px; }
.about .left .hc{ font-size:16px; line-height:2; padding-top:10px; line-height:1.5;}
.flash .picli{ min-height:45vw;}
#header + div {
  height: 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:100%; padding-left:10px; padding-right:10px; width:100%;box-sizing:border-box; }
.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:#1F4A9C; 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:5px; margin-top:20px;}
.aboutpic .left{ padding-left:20px; padding-right:20px;}
.aboutpic .right .swiper-slide img{ width:100%;}


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


#cms1 h1.h1 + .content {
  padding-top: 5px;
}
#cms1 .content{ line-height:1.5; }
#cms1 .h1{font-size:24px;}
#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 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 .picli:nth-child(3n+1){ clear:none}
#cms .picli:nth-child(2n+1){ clear:both}


#footnav{ display:block}




#cms .picli div.img > div,#cms .picli div.img > div img {
  overflow: hidden;
min-height:30vw; max-height:30vw;
}
.proshow .img{ width:100%;}
.proshow .img img{ width:100%;}
.proshow .right{ margin:auto; margin-top:0px; clear:both; width:100%; float:left;}
.proshow .title{ display:block; font-size:24px; text-align:center; padding-bottom:10px; color:#000000;}
.proshow .right .t1{ display:none;}
.proshow .right .t2,.proshow .right .t3{padding-top:0;}
.ptitle b{font-size:18px;}

.bannerin .h1{ font-size:32px; font-weight:bold;}
.bannerin .h2{ font-size:22px;}

.sort{ display:block; line-height:28px;}

.sort>ul>li{ float:left; width:50%;   text-align:center; margin:auto;}
.sort ul ul{ display:none;}
.sort>ul>li>a{
	display:block;margin-left:-1px; margin-top:-1px;
	border: 1px solid #dddddd; padding:0; padding-top:5px; padding-bottom:5px;border-radius:0; font-size:16px; min-height:3em; max-height:3em; line-height:1.5;display: flex;
    justify-content:center;
    align-items:center;  
}
.sort>ul>li.hover>a{ background-color:#1F4A9C; color:#FFFFFF;}



.proshow div.img img{ max-width:500px; min-width:0px;}


.proshow div.img{ max-width:100%; min-height:80vw;}



.proshow .right .t1{ font-size:24px;}
.proshow .right .t2{ font-size:18px;}
.proshow .right .t3{ font-size:18px; box-sizing:border-box; margin-top:0;}

.proshow .right .t4 a{ display:block; text-align:center;}
.proshow .right .t4 {
  padding-top: 15px;
}


.y2 .yli{ float:left; width:100%; margin-top:0px; margin-bottom:0px;}
.y2 .yli:nth-child(2n+1){ clear:both; border:none;}



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

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


/*.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:32px;}
.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{ width:100px;}*/
.protitle ul{ float:left;width:100%;}
.protitle ul li{ display:block; float:left; width:25%;border-bottom: 1px solid #dddddd;}
.protitle .more{ display:none;}


.contact .econtent .left h1 { font-size:20px;}
.block .econtent{ padding-top:20px;}

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

#cms .picli2 div.img{ min-height:30vw;max-height:30vw;}
#cms .picli2 div.img *{ max-height:30vw;}
#cms .picli2 .right .ntitle{ font-size:22px;}
#cms .picli2 .right .dp{ font-size:16px;}
.sort + div{ display:none;}
.sort{ position:relative; z-index:1;}
.sort div > ul > li,.sort.fixed div > ul > li{ float:left; width:calc(33.33333% - 10px); margin-top:0; margin-bottom:0; margin-left:5px; margin-right:5px;}
.sort div > ul > li > a,.sort.fixed div > ul > li a { border: 1px solid #eeeeee;font-size:12px; line-height:1.5; min-height:3em; max-height:3em; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center; padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:5px;}
.sort.fixed{ position:relative;}	
.sort.fixed+div{ display:none;}
.boxin .caseli{ width:48%;}
.boxin .caseli:nth-child(2n+1){ clear:both;}
.boxin .caseli:nth-child(3n+1){ clear:none;}

.y2 .yli{ width:100%; padding:0; min-height:0; text-align:left;}



.proboxim{ width:100%; min-height:100vw; min-height:100vw; text-align:center;display:none; }
.proboxim .li{ padding-bottom:20px;}
.proboxim .swiper-pagination{ text-align:center; top:auto; bottom:0;}
.probox{ width:100%; }
.probox .boxli{border-radius:5px;}
.probox .boxli{ width:48%; margin-left:1%; margin-right:1%;}
.probox .boxli:nth-child(3n+1){ clear:none;margin-left:1%; margin-right:1%;}
.probox .boxli:nth-child(2n+1){ clear:both;}


.sort {

  padding-top: 20px;
  padding-bottom: 20px;

}
.sort+div+.boxin{ padding-top:0; clear:both;}
.proin #cms{ padding-top:10px;}
}

@media screen and (max-width :450px){
.sort div > ul > li, .sort.fixed div > ul > li{  width:calc(50% - 10px);}
.protitle ul li{ min-height:120px; overflow:hidden;}
.protitle ul li .t1{ font-size:18px;}
.protitle ul li .img{ min-height:50px;display: flex;
    justify-content:center;
    align-items:center;}
.protitle ul li .img img{ max-width:60%; max-height:50px;}
.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%;}
.pro .picli{ min-height:0; padding-bottom:20px;}
.pro .picli>div{ max-width:90%;}
.pro .picli .img{ width:80%; margin:auto; text-align:center;}
.pro .picli .img img{ max-height:200px;}
.pro .picli .right{ width:100%; margin-top:20px;}
.pro .picli .right .ntitle{ font-size:20px; }
.pro .picli .right .dp{ margin-top:10px; font-size:14px; line-height:1.5;}
.pro .picli .right .morei{ padding-top:10px; }
/*.pro .picli .right .morei a{font-size:14px;}*/

.proshow .right .t4 a{border-radius:0;}
.nextpage{ font-size:14px;}

}