@media (max-width: 768px) {
	
	}
	
@media (min-width: 769px){
  .rightCon{ width:100%; padding:0 2vw;}
  
  .bg1{background:url(../../icon/pc/bg4.png) no-repeat; background-position:top left; background-size:100% auto;}
  .rightCon ul.picList{ padding-left:2vw; margin-top:5vh;}
  .rightCon ul.picList li{ width:100%; height:auto; margin-bottom:3vh;}
  .rightCon ul.picList li img{ width:100%; height:auto;}
  
  .aboutBox{ padding:0 0;}
  .aboutBox .pageBox {position:relative;padding:0 2% 0 15%;}
  .aboutBox .pageBox .Img{ width:100%; margin:0 auto; text-align:center}
  .aboutBox .pageBox .Img img{ width:100% ; height:auto; }
  .aboutBox .pageBox .txt{ width:100%; text-align:left; padding:0 0; text-align:left; }
  .aboutBox .pageBox .txt h5,.aboutBox .pageBox .txt p{ line-height:100%;}
  .aboutBox .pageBox .txt h5{font-size:4.2vw;text-transform:uppercase; padding:2vw 0;}
  
    .aboutBox .pageBox .txt h6{font-size:1.0vw;font-weight:300; text-transform:uppercase; padding:2vw 0; line-height:180%;border-bottom:#c1c0bc solid 1px;}

  .aboutBox .pageBox .txt p{line-height:200%; padding:1vw 0; font-weight:500;}
  .aboutBox .pageBox .word{line-height:200%; text-align:left; width:100%; height:auto; padding:1.5vw 1.5vw;}
  
  @media (min-width: 769px){
  .honorBox .pageBox {position:relative;padding:0 0 0 5%;}

.pageBox ul{ width:100%; padding:0 0; margin:0 auto; display: -webkit-flex; display: flex;justify-content: flex-start; flex-wrap:wrap}
.pageBox ul li{padding:2.0vw 1.0vw 0 1.0vw;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 1.5vw); flex:0 0 calc(50% - 1.5vw);max-width:calc(50% - 1.5vw); width:calc(50% - 1.5vw);  margin:0 0; cursor:auto;  position:relative; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.pageBox ul li .conBox{background-color:rgba(255,255,255,.9); }
.pageBox ul li:hover .conBox{ background-color:rgba(198,1,11,.9); color:#FFF; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}


.pageBox ul li .picCon{width:100%; border-radius:0; overflow:hidden;}
.pageBox ul li .picCon img{ width:100%; height:auto; }
.pageBox ul li .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}

.pageBox ul li p { min-height:24vh; font-size:1.2vw; font-weight:100; padding:1.5vw 1.5vw 3vw 1.5vw; color: #686868 ; line-height:180%; overflow: hidden; text-overflow: ellipsis; text-align:left;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }

.pageBox ul li:hover .conBox p {color: #fff ;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
}
@media (max-width: 768px) {
	.swiper-slide .textBox{ background-color:rgba(0,0,0,.5); width:100%; height:auto; text-align:center; padding:2vw 2vw;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.swiper-slide:hover .textBox{background-color:rgba(198,1,11,.7); transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}

.swiper-slide .textBox .textPos{ width:100%; height:auto; color:#FFF}
.swiper-slide .textBox .textPos h5{ padding:0 0; font-size:1.2vw;  text-align:left; font-weight:300; line-height:130%;text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.swiper-slide .textBox .textPos p{ display:none;}
.swiper-slide .imgBox{display: block;overflow:hidden;position:relative;  }
.swiper-slide .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.swiper-slide:hover .imgBox img{display:block;filter: blur(2px);-webkit-transform:translateZ(0) scale(1.2);-moz-transform:translateZ(0) scale(1.2);-ms-transform:translateZ(0) scale(1.2);-o-transform:translateZ(0) scale(1.2);transform:translateZ(0) scale(1.2);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

}
  
}

@media (min-width: 1921px)and (max-width: 3839px) {
	.aboutBox .pageBox .txt h5{font-size:3.6vw;}

  .aboutBox .pageBox .txt{ width:65%; text-align:left; padding:0 0; text-align:left; position:absolute;width:35%; left:0; bottom:-8vh;z-index:3;}
  .aboutBox .pageBox .word{line-height:200%; text-align:left; position:absolute;width:35%; height:auto; right:0; bottom:-8vh; padding:1.5vw 1.5vw; z-index:2}
    .aboutBox .pageBox .txt p{text-transform:uppercase;line-height:180%; margin-top:.5vh;}


.posHeight{ height:8vh;}

	}
	
@media (max-width: 768px) {
.aboutBox{ padding:0 20px;}
  .aboutBox .pageBox {position:relative; padding:20px 0;}
  .aboutBox .pageBox .Img{ width:100%;z-index:1}
  .aboutBox .pageBox .Img img{ width:100% ; height:auto; }
  .aboutBox .pageBox .txt{ width:100%; text-align:left; padding:0 0; text-align:left; }
  .aboutBox .pageBox .txt h5,.aboutBox .pageBox .txt p{ line-height:100%;}
  .aboutBox .pageBox .txt h5{ display:none; font-size:30px;text-transform:uppercase; padding:10px 0;}
  .aboutBox .pageBox .txt p{line-height:200%; padding:10px 0; font-weight:500;}
  .aboutBox .pageBox .word{line-height:200%; text-align:left; width:100%; height:auto; padding:5px;}
    .aboutBox .pageBox .txt h6{font-size:18px; text-transform:uppercase; font-weight:300; padding:20px 0; line-height:150%;border-bottom:#c1c0bc solid 1px;}
	
	
	.honorBox .pageBox {position:relative;padding:0 20px;}

.pageBox ul{ width:100%; padding:0 0; margin:0 auto; }
.pageBox ul li{padding:20px 0; width:100%;  margin:0 0; cursor:auto;  position:relative; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.pageBox ul li .conBox{background:rgba(0,0,0,.6); }


.pageBox ul li .picCon{width:100%; border-radius:0; overflow:hidden;}
.pageBox ul li .picCon img{ width:100%; height:auto; }
.pageBox ul li .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}

.pageBox ul li p {font-size:16px; font-weight:100; padding:20px 20px; color: #FFF ; line-height:180%; overflow: hidden; text-overflow: ellipsis; text-align:left;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }

.pageBox ul li:hover .conBox p {color: #fff ;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }

}