@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;}
  .pageBox ul{ padding:0 0 }
.pageBox ul li{ width:100%; margin:0vw 0;} 
.pageBox ul li .item{padding:2vw 0;  overflow:hidden;border-bottom:#c1c0bc solid 1px; height:auto;ransition: all .3s;}
.pageBox ul li:hover .item{ border-bottom:#c7151c solid 1px; transition: all .3s;}

.pageBox ul li a{}
.pageBox ul li .picCon{width:30%; margin-right:4vw; border-radius:0; overflow:hidden;}
.pageBox ul li .conBox { display: -webkit-flex;display: flex;align-items: center;}
.pageBox ul li .noImg{ display:block;}
.pageBox ul li .noImg .picCon,.pageBox ul li .noImg .picCon img{ display:none;}
.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:hover .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.pageBox ul li .liBox{ width:70%; }
.pageBox ul li .noImg .liBox{ width:100%;}

.pageBox ul li .title h3 { letter-spacing:0; font-weight:500; padding:0; margin:1.5vh 0;font-size:1.4vw; line-height:160%;display: -webkit-pageBox;-webkit-pageBox-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pageBox ul li:hover .title h3{ }
.pageBox ul li .title p{ color: #686868 ;text-align:left; font-weight:500;line-height:150%;font-family:Arial, Helvetica, sans-serif}
.pageBox ul li .title{  width:100%;  padding:0 0; text-align:left;}
.pageBox ul li .title span{padding:0 .5vw 0 0; font-weight:300}
.pageBox ul li .text{text-align:left;}
.pageBox ul li .text p {color: #686868 ; font-size:.85vw; line-height:180%; overflow: hidden; text-overflow: ellipsis; display:-webkit-pageBox;  -webkit-line-clamp: 2;line-clamp: 2;-webkit-pageBox-orient: vertical;}

.pageBox h3 { letter-spacing:0; font-weight:500; padding:0; margin:1.5vw 0;font-size:1.8vw; line-height:160%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.pageBox{padding:0 2% 0 15%;}
.pageBox .Img{ width:60%; margin:0 auto; text-align:center}
.pageBox .Img img{ width:100% ; height:auto; }
.pageBox { width:100%; text-align:left; padding:0 0; text-align:left; }
.pageBox .titleBox h4{ line-height:140%; font-weight:700;font-size:1.8vw;}
.pageBox h5{ line-height:100%;text-align:left; }
.pageBox span{ font-weight:100; color:#9e9e9e; display:block; padding:1vw 0; 0 0}
.pageBox h5{font-size:1.8vw;text-transform:uppercase; padding:2vw 0 0 0;}
.pageBox p{line-height:200%; padding:1vw 0; text-align:left; font-weight:500;}

.rightCon .moreBtn{ display:none;}
 .rightCon .moreBtn{ margin-top:1vw;  padding:.3vw 1.0vw;  line-height:100%; display:inline-block; letter-spacing:0;cursor:pointer; border:#fff solid 1px; color:#fff; background:none; border-radius: 30px;transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
.rightCon .moreBtn:hover{color:#c6010b; background:#FFF; border:#fff solid 1px;  transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
 .rightCon .moreBtn i{ font-size:.6vw}
}

@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) {
.pageBox ul{ margin:0 0 20px 0; padding:10px 20px;}
.pageBox ul li{ width:100%; }
.pageBox ul li .item{margin:0 0 10px 0; padding:15px 0 25px 0;  overflow:hidden;border-bottom:#aaa solid 1px; transition: all .3s;}
.pageBox ul li:hover .item{ border-bottom:#c7151c solid 1px; transition: all .3s;}
.pageBox ul li:first-child{ margin-top:0;}
.pageBox ul li:hover{ border-bottom:#c7151c solid 1px; transition: all .3s;}

.pageBox ul li a{display:block;align-items: left;}
.pageBox ul li .picCon{ width:50%; margin-right:10px; border-radius:3px; overflow:hidden;}
.pageBox ul li .conBox { display: -webkit-flex;display: flex;align-items: center;}

.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:hover .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.pageBox ul li .liBox{ width:50%;padding:0 0 0 10px; text-align:left; }
.pageBox ul li .title h3 { text-align:left;font-weight:500;letter-spacing:0; margin:0 0;margin-bottom:0; line-height:160%;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden; }
.pageBox ul li .title p{ color: #686868 ;text-align:left; font-weight:500;line-height:150%;font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.pageBox ul li .title{  width:100%;  padding:0 0; text-align:left;}
.pageBox ul li .title .line{ display:none; width:100%; height:1px; background:#c7151c; margin:10px 0;}

 .pageBox{padding:20px 20px;}
.pageBox .Img{ width:100%; margin-top:40px;}
.pageBox .Img img{ width:100% ; height:auto; }
.pageBox { width:100%; text-align:left; padding:0 20px; text-align:left; }
.pageBox h5{ line-height:100%;}
.pageBox h5{font-size:20px;text-transform:uppercase; padding:20px 0 0 0;text-align:left; }
.pageBox p{line-height:200%; padding:10px 0; font-weight:500;text-align:left; }
.pageBox ul li .text p { display:none;}

.pageBox  span{font-weight:500; color:#9e9e9e; text-align:center; display:block; padding:20px 0 0 0}
.pageBox ul li .title p span{display:none; }

.rightCon .moreBtn{ display:block;}
.rightCon .moreBtn{ margin:40px 0; text-align:center;  padding:8px 30px; font-size:14px; display:inline-block; letter-spacing:0;cursor:pointer; border:#686868 solid 1px; color:#686868; background:none; border-radius: 30px;transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
.rightCon .moreBtn:hover{color:#fff;border:#c6010b solid 1px; background:#c6010b; transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
.rightCon .moreBtn i{ font-size:12px; margin-right:3px}

}