.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container.flex::before,
.container.flex::after {
    display: none;
}





@media(max-width:1730px){
    
}

@media(max-width:1430px){

}
@media(max-width:1200px){

}
@media(max-width:990px){

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

}
@media(max-width:550px){

}






/* about */


.abouttitle h3{
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #ccc;
}
.abouttitle h4{
    font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #e30212;
    margin-top: 10px;
}




@media(max-width:1730px){
    
}

@media(max-width:1430px){

}
@media(max-width:1200px){

}
@media(max-width:990px){

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

}
@media(max-width:550px){

}









.aboutbox1l {
    width: 30%;
}

.aboutbox1l h3 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #fe0305;
}

.aboutbox1l h4 {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #111111;
}

.aboutbox1l h5 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #111111;
    margin-top: 42px;
}



.aboutbox1r {
    width: 70%;
}


.aboutdetail p{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #111111;
}


.aboutbox1 .abt-list {
    box-shadow: none;
    max-width: initial;
}

.aboutbox1 .abt-list ul li+li::after {
    display: none;
}


@media(max-width:1730px){
    
}

@media(max-width:1430px){
    .aboutbox1l h3{
        font-size: 13px;
    }
    .aboutbox1l h4{
        font-size: 26px;
    }
    .aboutbox1l h5{
        font-size: 20px;
    }
}
@media(max-width:1200px){

}
@media(max-width:990px){
    .aboutbox1l{
        width: 100%;
    }
    .aboutbox1l h5{
        margin-top: 25px;
    }
    .aboutbox1r{
        width: 100%;
        margin-top: 45px;
    }
}
@media(max-width:768px){

}
@media(max-width:550px){

}










.aboutbox2{
    margin-top: 3vw;
}

.aboutbox2main{
    margin-top: 43px;
}
.aboutbox2main>div{
    width: 48.6%;
}
.aboutbox2main>div img{
    width: 100%;
}



.aboutbox3{
    margin-top: 93px;
}
.aboutbox3 img{
    width: 100%;
}



@media(max-width:1730px){
    
}

@media(max-width:1430px){

}
@media(max-width:1200px){

}
@media(max-width:990px){

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

}
@media(max-width:550px){

}











.aboutbox4{
    background: url(../images/aboutht.jpg) no-repeat  center;
    background-size: cover;
    padding: 4.5vw 0;
    margin-top: 5vw;
    margin-bottom: 2vw;
}
.abt-deve{
  border-top: solid 1px #fff;
}
.abt-deve ul li{
  margin: 0 33px;
  position: relative;
  cursor: pointer;
}
.abt-deve ul li::after{
  position: absolute;
  content: '';
  background: #fff;
  width: 33px;
  height: 226px;
  right: 30px;
  top: 0;
  background: url(//cdn.myxypt.com/6becb1e3/22/11/fd9e2d695f5661195782a17d8ef403960faa275c.png) no-repeat top center;
}
.abt-deve ul li h3{
  font-size: 2vw;
  font-weight: bold;
  color: #fff;
  padding: 3vw 0
}
.abt-deve ul li .con{
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
}
.abt-deve ul li:hover .con{
  background-color: #e30212;
}
.abt-deve ul li .con p{
  font-size: 17px;
  line-height: 35px;
  color: #fff;
  padding-left: 15px;
  padding-right: 65px;
  padding-top: 30px;
  padding-bottom: 16px;
}



.abt-deve .owl-carousel .owl-nav{
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 40px;
  max-width: 252px;
  background-color: #e3021252;
  margin: 0 auto;
     margin-top: 5.5vw;

}
.abt-deve .owl-carousel .owl-nav::after{
  display: block;
  content: '';
  width: 134px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.abt-deve .owl-carousel .owl-nav button{
  position: absolute;
  width: 58px;
  height: 40px;
  top: 0;
  outline: none;
}

.abt-deve .owl-carousel .owl-nav button.owl-prev{
  background: url(//cdn.myxypt.com/6becb1e3/22/11/958a8ac32ae6a071d44bc21c53d52b1c7ab3b7c9.png)no-repeat center;
  left: 0;
}
.abt-deve .owl-carousel .owl-nav button.owl-next{
  background: url(//cdn.myxypt.com/6becb1e3/22/11/07dbb68ebd9e4effa63a64937b92ec4b41f2b608.png)no-repeat center;
  right: 0;
}
.abt-deve .owl-carousel .owl-nav button span{
  display: none;
}



@media(max-width: 1780px){
    .abt-deve ul li::after {
    transform: translateY(-20px);
}
}
@media(max-width: 1780px){
    .abt-deve ul li::after {
    transform: translateY(-40px);
}
}
@media(max-width: 1300px){
    .abt-deve ul li::after {
    transform: translateY(-60px);
}
}
@media(max-width: 1060px){
    .abt-deve ul li::after {
    transform: translateY(-80px);
}
}
@media(max-width: 780px){
    .abt-deve ul li::after {
    transform: translateY(-110px);
}
}