/* sec01 */
section .title{position: relative; word-break: keep-all; color: #005aa9; text-align: center; width: 100%;  font-size:36px; margin-bottom: 8px; cursor: inherit; display: table;}
/* section .title::before{content: ""; width:4px; height: 30px; position: absolute; left: -24px; top: 50%; background-color: #00458a;
    transform: translateY(-50%);
} */
section .main-title-container span{display: block;}
section .main-title-container{ margin-bottom: 80px;}
section .main-title-container p{word-break: keep-all; line-height: 1.5; text-align: center; width: 665px; max-width: 100%;margin: 0 auto; font-size: 28px; }
:lang(en) section .main-title-container p{font-size: 23px;}
section .title h3{ font-weight: 300; position: relative;  font-weight:700;}
section .title span{font-size: 16px; color: #aaa;}


.swiper-pagination-bullet{width: 10px;height: 10px; background-color: #fff; position: relative; z-index: 10;}
.swiper-pagination-bullet-active::before{content:""; width: 200%; height: 200%; border: 1px solid #fff;position: absolute; left: 50%; top: 50%; border-radius: 50%;
 transform: translate(-50%, -50%);
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 18px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    left: -10px!important; bottom: inherit; top: 50%; left: inherit; width: auto; 
    -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); -o-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%);
    width: auto;
}


.sec01_con{width: 100%; background-color: #fff; position: relative; }
.sec01_con .inner{position: relative; width: 100%; height: 100vh; overflow:hidden;}
.sec01_con .inner .main_slide_con{width: 100%; height: 100%;}
.sec01_con .inner .main_slide_con>.swiper-wrapper .main_slide01{width: 100%; height: 100%; background: url(../img/main/visual03.jpg); background-position: 90%; background-size: cover; }
.sec01_con .inner .main_slide_con>.swiper-wrapper .main_slide02{width: 100%; height: 100%; background: url(../img/main/visual04.jpg); background-position: 90%; background-size: cover;}
.sec01_con .inner .main_slide_con>.swiper-wrapper .main_slide03{width: 100%; height: 100%; background: url(../img/main/visual03.jpg); background-position: 90%; background-size: cover;}
.sec01_con .inner .main_text{width: 1420px; max-width: 100%; position: absolute; color: #fff; left:50%; top: 44%; padding-top: 100px;
    -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);
    text-align: left; z-index:99; text-align: LEFT;
}
.sec01_con .inner .main_slide01 .main_text{color: #333;text-align: center;}
.sec01_con .inner .main_text p{font-size: 21px;line-height: 1.6;  word-break: keep-all; margin-top: 16px; color: #fff;font-weight: 300;}
.sec01_con .inner .main_text p>span{display: block; font-weight: 500;}
.sec01_con .inner .main_text h2{position: relative; font-size: 58px; color: #fff; word-break: keep-all; line-height: 1.4; font-weight:500; margin-bottom: 16px; letter-spacing: 3px;}
.sec01_con .inner .main_text h2>span{display: block;}
.sec01_con .inner .main_text .btn{border: 1px solid #fff; width: 160px; height: 50px; text-align: center; margin-top: 64px; color: #fff; transition-duration: 0.3s;}
.sec01_con .inner .main_text .btn>a{position: relative; font-size: 18px; display: block; padding: 10px;}
.sec01_con .inner .main_text .btn:hover{color: #005aa9; border: 1px solid #005aa9;}
.main_arrow{width: 140px; height: 45px; background-color: rgba(255, 255, 255, 0.4); position: relative; margin-left: 72px; }
.main_arrow ul li{width: 70px; float: left; padding: 16px; position: relative; cursor: pointer;}
.main_arrow ul li img{width: 20px; height: 12px; margin: 0 auto;}
.main_arrow ul li p{position: relative;}
.main_arrow ul .main_btn_left2::after{content: "";position: absolute; right: 0; top: 50%;  width: 1px; height: 13px; background-color: #ddd; 
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.sec01_con .main_text .search_wrap{position: relative; width: 500px; height: 58px; padding-left: 16px; max-width: 100%; background-color: rgba(179,160,111,0.4); margin: 80px auto 0 auto; border-radius: 3px; overflow: hidden;}
.sec01_con .main_text .search_wrap input{border: 0; width: 100%; height: 100%; padding-right: 180px; color: #fff;}
.sec01_con .main_text .search_wrap input:focus{outline: none!important;}
.sec01_con .main_text .search_wrap span{display: block; width: 160px; height:58px; text-align: center;  top: 0; position: absolute; right: 0; background-color: #00458a; padding: 16px 0; cursor: pointer; }
.sec01_con input::placeholder {color:#919191;}
.sec01_con input::-webkit-input-placeholder {color:#919191;}
.sec01_con input:-ms-input-placeholder {color:#919191;}
.sec01_con .grid{z-index: 9; opacity: 0.15;}


/* ********************************************* *
*  main_contact
* ********************************************* */

.main_contact_con{width: 100%; background-color:rgba(0,69,138,0.9); padding: 24px; width: 480px; position: absolute; bottom: 0; right: 0; z-index: 10; padding-left: 16px;}
.main_contact_con::before{content: ""; width:0; height: 0; 
    position: absolute; left: -75px; top: 0;
    border-width: 0 0 75px 75px;
    border-style: solid;
    border-color:  transparent transparent rgba(0,69,138,0.9);
}
.main_contact_con ul li{color: #fff; cursor: pointer; position: relative;}
.main_contact_con ul li::after{content: ""; width: 4px; height: 4px; right: -35px; top: 50%; opacity: 0.3;
    position: absolute;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    background-color: #fff;
}
.main_contact_con ul li:last-child::after{display: none;}
.main_contact_con ul li p{font-weight: 500; display: inline-block; vertical-align: middle; font-size: 17px; opacity: 0.7;}
.main_contact_con ul li img{width: 23px; height: 23px; display: inline-block; vertical-align: middle;  margin:0 16px;}
.main_contact_con ul li:first-child{float: left;}
.main_contact_con ul li:last-child{float: right;}
/* ********************************************* *
*  sec02
* ********************************************* */

.sec02_con{position: relative; padding: 110px 0;;}
/* .sec02_con::after{content: ""; position: absolute; width: 560px; height: 415px; background: url(../img/main/main02_point.png)no-repeat; right: -145px; top: 90px; } */
.sec02_con .inner{width:100%; margin: 0 auto; position: relative;}
.sec02_con .sec02_con_bottom{width: 100%; overflow: hidden;background-color: #f5f5f5; position: relative; padding: 24px 0;}
/* .sec02_con .sec02_con_bottom::after{content: ""; width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0;} */
.sec02_con_bottom .inner{width: 1440px; max-width: 100%;}
.sec02_con .sec02_con_bottom .img_wrap{width: 100%; padding: 16px;}
.sec02_con .sec02_con_bottom .img_wrap .text_wrap{width: 100%; height: 100%; margin-bottom: 24px;}
.sec02_con .sec02_con_bottom .img_wrap b{display: block; text-align: center; font-size: 18px; font-weight: 500; transition-duration: 0.3s;}
.sec02_con .sec02_con_bottom .img_wrap p{font-size: 17px; color: #555;}
.sec02_con .sec02_con_bottom .img_wrap .img_in{width: 100%; padding-bottom: 105%; background: url(../img/main/test.png)no-repeat; background-position: center; background-size: cover;}
.sec02_con .sec02_con_bottom .swiper-slide-duplicate-active{margin-top: 80px!important;}

/* 
.sec02_con .arrow_wrap{left: 0; z-index: 5; position: relative; margin-top: 32px;}
.sec02_con .arrow_wrap ul li{float: left; padding-right: 41px; font-size: 19px; position: relative;}
.sec02_con .arrow_wrap ul li:last-child{padding-right: 0;}
.sec02_con .arrow_wrap ul li .main_bs_arrow{opacity: 0.7; transition-duration: 0.3s; cursor: pointer; width:9px;}
.sec02_con .arrow_wrap ul li .arrow_left::after{content: ""; position: absolute; left: 56%; top: 50%; 
    -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    width: 1px; height: 16px; background-color: #ddd; opacity: 1;
}
.sec02_con .arrow_wrap ul li .main_bs_arrow:hover{opacity: 1;}

 */


.sec02_con .arrow_wrap{left: 0; z-index: 5; position: absolute; top: 50%; width: 100%;
    -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
   }
.sec02_con .arrow_wrap ul li{font-size: 19px; position: absolute; padding: 0;
    width: 25px; height: 45px;
    left: -80px; top: 50%;
    -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
}
.sec02_con .arrow_wrap ul li:last-child{right: -80px; left: inherit;}
.sec02_con .arrow_wrap ul li .main_bs_arrow{opacity: 0.3; transition-duration: 0.3s; cursor: pointer;}

.sec02_con .arrow_wrap ul li .main_bs_arrow:hover{opacity: 1;}








.sec02_con .swiper-container-horizontal>.swiper-scrollbar{height: 6px;}
.sec02_con .swiper-scrollbar-drag{background-color: #00458a;}

.sec02_con .swiper-slide{background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; transition-duration: 0.5s;}
.sec02_con .swiper-slide:hover{background-color: #fff; box-shadow: 1px 1px 8px #e2e2e2; }
.sec02_con .swiper-slide:hover b{font-weight: 500;}
.sec02_con .swiper-container-horizontal>.swiper-scrollbar{width: 100%; left: 0;}

.grid{width: 100%; position: absolute; left: 0; top: 0; height: 100%; z-index: -1;}
.grid .inner{width: 1700px; max-width: 100%; height: 100%;  margin: 0 auto;}
.grid .inner ul{width: 100%; height: 100%;}
.grid .inner ul li{border-left: 1px solid #f5f5f5; width: 25%; height: 100%; float: left;}
.grid .inner ul li:last-child{border-right: 1px solid #f5f5f5;}
/* ********************************************* *
*  sec03
* ********************************************* */
.sec03_con{width: 100%; background-color: #f5f5f5; padding: 50px 0;  margin: 0 auto;}
.sec03_con ul li{width: 33.3333%; display: inline-block; vertical-align: top; margin: 0 auto; margin-right: -4px; text-align: center; }
.sec03_con ul li .con_wrap{width: 100%; cursor: pointer;  transition-duration: 0.3s;}
.sec03_con ul li .con_wrap:hover b{color: #00458a;}
.sec03_con ul li .con_wrap>div{display: inline-block; vertical-align: top; margin-right: -4px;}
.sec03_con ul li .con_wrap .left{width: 50px; padding:4px;}
.sec03_con ul li .con_wrap .right{width: calc(100% - 50px); text-align: left; padding-left: 16px; transition-duration: 0.3s; position: relative;}
.sec03_con ul li .con_wrap .right b{display: block; font-size: 18px; transition-duration: 0.3s;}
.sec03_con ul li .con_wrap .right p{opacity: 0.7; font-size: 16px; word-break: keep-all;}
.sec03_con ul li .con_wrap:hover{transform: translateY(-5px);}

.mo_arrow_wrap{display: none; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/* ********************************************* *
*  sec04
* ********************************************* */
.sec04_con  .title::before{background-color: #fff;}
.sec04_con .title{color: #fff;}
.sec04_con .main-title-container p{color: #fff; word-break: keep-all;}
.sec04_con{width: 100%; padding: 110px 0; background: url(../img/main/main03_bg.jpg)no-repeat; background-position: center; background-size: cover;}
.sec04_con .bottom{width: 100%; position: relative;}
.sec04_con .bottom ul li{width:25%; display: inline-block; vertical-align: top; margin-right: -4px;  padding: 16px; }
.sec04_con .bottom ul li .con_wrap{width: 100%;position: relative; transition-duration: 0.3s;}
.sec04_con .bottom ul li .con_wrap:hover{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}
.sec04_con .bottom ul li .con_wrap .img_wrap{width: 100%;}
.sec04_con .bottom ul li .con_wrap .img_wrap .img_in{width:100%; padding-bottom:140%;}
.sec04_con .bottom ul li .con_wrap .text_wrap{transition-duration: 0.3s; opacity: 0; width: 100%; position: absolute; height: 100%; text-align: center; top: 50%;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5); cursor: pointer;
}
.sec04_con .bottom ul li .con_wrap .text_wrap:hover{opacity: 1;}
.sec04_con .bottom ul li .con_wrap .text_wrap .text{position: absolute; top: 50%; left: 50%; width: 100%;
    transform: translate(-50%, -50%);
}
.sec04_con .bottom ul li .con_wrap .text_wrap .text p{font-size:24px; color: #fff; font-weight: 500; margin-bottom: 32px;}
.sec04_con .bottom ul li .con_wrap .text_wrap .text .btn_wrap a{display: table; color: #00458a; font-size: 16px; position: relative; margin: 0 auto; text-align: center;}
.sec04_con .bottom ul li .con_wrap .text_wrap .text .btn_wrap a::after{content: "";position: absolute; width: 100%; height: 2px; background-color: #00458a; bottom: -5px; left: 0;}
.sec04_con .bottom ul li .con_wrap .text_wrap .line{background-color: #00458a;position: absolute; transition-duration: 0.5s; z-index: 3;}
.sec04_con .bottom ul li .con_wrap .text_wrap .line-top{width: 0%; height: 3px; top: 0; left: 0;}
.sec04_con .bottom ul li .con_wrap .text_wrap .line-left{width: 3px; height:0%; top: 0; left: 0;}
.sec04_con .bottom ul li .con_wrap .text_wrap .line-right{width: 3px; height:0%; bottom: 0; right: 0;}
.sec04_con .bottom ul li .con_wrap .text_wrap .line-bottom{width: 0%; height: 3px; bottom: 0; right: 0;}
.sec04_con .bottom ul li .con_wrap .text_wrap:hover .line-top{width: 100%;}
.sec04_con .bottom ul li .con_wrap .text_wrap:hover .line-left{height: 100%;}
.sec04_con .bottom ul li .con_wrap .text_wrap:hover .line-right{height: 100%;}
.sec04_con .bottom ul li .con_wrap .text_wrap:hover .line-bottom{width: 100%;}


.sec04_con .mo_text{display: none; color: #fff; padding-top: 8px; font-size: 16px; position: relative;}
.sec04_con .mo_text::after{content: ""; width: 55px; height: 1px; background-color: #fff; right: -0; top: 19px;
    position: absolute;
}

.sec04_con .bottom .img_wrap{width: 100%;}
.sec04_con .bottom .img_wrap .img_in{width:100%; padding-bottom:140%;}
.sec04_con .bottom .text_wrap{transition-duration: 0.3s; opacity: 0; width: 100%; position: absolute; height: 100%; text-align: center; top: 50%;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    background-color: rgba(0,0,0,0.8); cursor: pointer;
}
.sec04_con .bottom .text_wrap:hover{opacity: 1;}
.sec04_con .bottom .text_wrap .text{position: absolute; top: 50%; left: 50%; width: 100%;
    transform: translate(-50%, -50%);
}
.sec04_con .bottom .text_wrap .text p{font-size:24px; color: #fff; font-weight: 500; margin-bottom: 32px;}
.sec04_con .bottom .text_wrap .text .btn_wrap a{display: table; color: #fff; font-size: 16px; position: relative; margin: 0 auto; text-align: center;}
.sec04_con .bottom .text_wrap .text .btn_wrap a::after{content: "";position: absolute; width: 100%; height: 2px; background-color: #fff; bottom: -5px; left: 0;}
.sec04_con .bottom .text_wrap .line{background-color: #0072d6;position: absolute; transition-duration: 0.5s; z-index: 3;}
.sec04_con .bottom .text_wrap .line-top{width: 0%; height: 4px; top: 0; left: 0;}
.sec04_con .bottom .text_wrap .line-left{width: 4px; height:0%; top: 0; left: 0;}
.sec04_con .bottom .text_wrap .line-right{width: 4px; height:0%; bottom: 0; right: 0;}
.sec04_con .bottom .text_wrap .line-bottom{width: 0%; height: 4px; bottom: 0; right: 0;}
.sec04_con .bottom .text_wrap:hover .line-top{width: 100%;}
.sec04_con .bottom .text_wrap:hover .line-left{height: 100%;}
.sec04_con .bottom .text_wrap:hover .line-right{height: 100%;}
.sec04_con .bottom .text_wrap:hover .line-bottom{width: 100%;}


.sec04_con .arrow_wrap{left: 0; z-index: 5; position: absolute; top: 50%; width: 100%;
    -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
   }
.sec04_con .arrow_wrap ul li{font-size: 19px; position: absolute; padding: 0;
    width: 25px; height: 45px;
    left: -80px; top: 50%;
    -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);
}
.sec04_con .arrow_wrap ul li:last-child{right: -80px; left: inherit;}
.sec04_con .arrow_wrap ul li .main_bs_arrow{opacity: 0.3; transition-duration: 0.3s; cursor: pointer;}

.sec04_con .arrow_wrap ul li .main_bs_arrow:hover{opacity: 0.7;}









.sec05_con{padding: 0  0 110px 0; position: relative; overflow: hidden;}
.sec05_con .left{width: 500px; display: inline-block; vertical-align: middle; margin-right: -4px; padding-right: 50px;}
.sec05_con .right{width: calc(100% - 500px); display: inline-block; vertical-align: middle; margin-right: -4px;}
.sec05_con .right .img_wrap{width: 100%; overflow: hidden;}
.sec05_con .right .img_wrap .img_in{padding-bottom: 60%;  animation:img_zoom 3s ease 0s forwards ;}
.sec05_con::after{content: ""; position: absolute; width: 560px; height: 415px; background: url(../img/main/yongma_bg.svg)no-repeat; left:0; bottom: 00px; opacity: 0.1; }
.sec05_con .btn_wrap{position: relative; z-index: 10; font-size: 16px;font-weight: 500;margin-top: 48px; opacity: 0.7; display: table;}
.sec05_con .title{text-align: left;}
.sec05_con .main-title-container p{text-align: left; word-break: keep-all;}
.sec05_con .btn_wrap a::after{content: "";position: absolute; width: 100%; height: 2px; background-color: #333; bottom: -5px; left: 0; opacity: 0.7;}





/* ********************************************* *
 * 1600px
 * ********************************************* */
   
 @media screen and (max-width: 1600px){

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: -92%; left: inherit;}
    .sec02_con .arrow_wrap{display: none;}
    .sec04_con .arrow_wrap ul li .main_bs_arrow{display: none;}

 }
    


/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1440px){
    .sec02_con .inner{padding: 0 16px;}
    .sec01_con .inner .main_text{padding: 0 16px;}
 

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

    .sec05_con::after{width: 375px; bottom: -150px;}
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
    
    .sec05_con .left{display: block; width: 100%; padding-right: 0;}
    .sec05_con .right{display: block; width: 100%;}
    .sec05_con .main-title-container p{text-align: left; width: 100%;}
    .sec05_con .right .img_wrap .img_in{height: 320px; padding-bottom: 0;}
    .sec05_con::after{display: none;}
  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

    .sec01_con .inner .main_text h2{font-size: 52px;}
    .sec01_con .main_text .search_wrap{width: 420px; height: 50px;}
    .sec01_con .main_text .search_wrap span{height: 50px; padding: 12px 0;}
    .sec01_con .inner .main_text p{font-size: 20px;}
    .sec03_con ul li{width: 50%; margin: 16px -4px; }
    .sec01_con .inner .main_text{padding: 0 20px; top: 45%;}
 

    
    
    




}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 
    
 
}
@media screen and (max-width: 768px){
    .sec02_con .arrow_wrap{position: relative; left: 0px; top: 26px; width: 59px;}
    .sec02_con .sec02_con_bottom{margin-top: 72px;}
    .sec04_con .bottom ul li{width: 50%;}
    .sec04_con .bottom ul li .con_wrap .text_wrap .text p{font-size: 20px;margin-bottom: 12px;}

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    .sec02_con{padding: 80px 0;}
    .sec04_con{padding: 80px 0;}
    .sec03_con{padding: 24px 0;}
    .sec02_con .sec02_con_bottom .img_wrap .text_wrap{padding: 16px; padding-left: 0;}
    .sec03_con ul li{width: 100%;}
    .sec03_con ul li .con_wrap .right b{font-size: 17px; margin-bottom: 8px;}
    .sec03_con ul li .con_wrap .right p{font-size: 15px;}
    .sec04_con .bottom ul li{padding: 8px;}
    .sec04_con .main-title-container p{font-size: 16px;}
    section .main-title-container p{font-size: 24px;}
    section .main-title-container{margin-bottom: 50px;}
    .sec01_con .inner .main_text h2{line-height: 1.2;}
    .sec01_con .inner .main_text p{line-height: 1.4;}
    .sec01_con .main_text .search_wrap{margin-top: 48px;}
    .sec02_con::after{display: none;}
    .main_contact_con::before{display: none;}
    
    .sec01_con .inner .main_text h2{font-size: 44px;}
    .main_contact_con{width: 100%;}
    .main_contact_con::after{display: none;}
    .main_contact_con ul li::after{display: none;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: -85%;}
    .sec02_con .sec02_con_bottom .img_wrap .text_wrap{margin-bottom: 0;}
}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

    .sec02_con .main-title-container h3.title{font-size: 32px;}
    .sec02_con .main-title-container{padding-right: 0;}

    .main_contact_con .boundary2{padding: 0;}
    .main_contact_con{padding: 0;}
    .main_contact_con ul li:first-child{float: inherit; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
    .main_contact_con ul li:last-child{float: inherit;}
    .main_contact_con ul li img{float: right; margin-right: 0;}

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 480px){
    .main_contact_con{padding: 0;}
    .sec01_con .main_text .search_wrap{height: 45px; }
    .sec01_con .main_text .search_wrap span{width: 115px; height: 45px; padding: 14px 0; font-size: 14px;}
    .sec02_con .sec02_con_bottom .img_wrap .text_wrap{padding: 0;}
    .sec04_con .bottom ul li .con_wrap .img_wrap .img_in{padding-bottom: 120%;}
    .sec04_con .bottom ul li .con_wrap .text_wrap .text p{width: 100%; font-size:18px; margin-bottom: 8px;}
    .sec04_con .bottom ul li .con_wrap .text_wrap .text{width: 100%;}
    .sec01_con .main_text .search_wrap{width: 325px;}
    .main_contact_con ul li{padding: 10px 16px;}
    .sec01_con .inner .main_text p>span{display: inline;}
   
    .sec02_con .sec02_con_bottom .swiper-container{padding-bottom: 16px;}


    .sec02_con .main-title-container h3.title{font-size: 29px;}
    .sec02_con .main-title-container p{font-size: 16px; line-height: 1.4;}
    section .title{font-size: 24px; margin-bottom: 10px;}
    section .main-title-container p{font-size: 22px;}
    .sec01_con .inner .main_text h2{font-size: 35px;}
    .sec01_con .inner .main_text p{font-size: 18px;}
    .sec04_con .main-title-container p{font-size: 16px;}

    .sec03_con ul li .con_wrap .right{padding-right: 40px;}
    .mo_arrow_wrap{display: block;}

    .sec04_con .bottom ul li .con_wrap{margin: 11px auto;}
    .sec04_con .mo_text{display: block;}
    /* .text_wrap{display: none;} */

    .sec04_con .bottom ul li .con_wrap:hover{box-shadow: inherit;}
    .sec03_con ul li .con_wrap:hover{transform: translateY(0);}

    section .main-title-container span{display: inline;}
    .sec02_con .sec02_con_bottom{padding: 0;}
    .sec02_con .sec02_con_bottom .img_wrap .img_in{padding-bottom: 120%;}
    .sec02_con .sec02_con_bottom .img_wrap b{font-size: 16px;}
    
    


}