/* sec01 */
.sec01_con{width: 100%; overflow: hidden; margin-top: 85px;}
.sec01_con h2{color: #4c4ea2; font-size: 44px; font-weight: 600; padding: 39px 0; line-height: 1.3;}
.sec01_con h2>span{display: block;}
.sec01_con .main_img{width: 100%;position: relative;}
.sec01_con .main_img::before{content: ""; width:372px; height: 92px; position: absolute; right:11%; top: -92px;
    background: url(../img/main/main01_img_text.png)no-repeat; background-position: center; background-size: contain;
}
.sec01_con .main_img .main_img_in{width: 100%; padding-bottom: 34%;}
/* sec01 // */
/* sec02  */
.sec02{width: 100%;}
.sec02 .inner{position: relative;  transition-duration: 0.5s; }

.sec02 .inner::before{content: ""; position: absolute; transition-duration: 0.5s;  right:0; top: 0; width: 95%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
.sec02_con{ transition-duration: 0.5s;  width: 100%; overflow: hidden; padding: 90px 120px;  margin-top: -150px; margin-left:120px;}
.sec02_con .left{width:500px;  position: relative; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: -4px; position: relative; z-index:10;}
.sec02_con .left .text{width: 100%; overflow: hidden; }
.sec02_con .left .text>h2{font-size: 40px; font-weight: 600; padding-bottom: 24px;}
.sec02_con .left .text>p{font-size: 20px; color: #8e8c8c; padding-right: 80px; padding-bottom: 90px; font-weight: 400; word-break: keep-all;}
.sec02_con .left .arrow_wrap{width:90px; height: 45px; border-left: 1px solid #dedede; border-right: 1px solid #dedede;}
.sec02_con .left .arrow_wrap ul li{width: 50%;height: 45px; float: left;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: pointer;}
.sec02_con .left .arrow_wrap ul li:first-child{border-right: 1px solid #ddd;
    background: url(../img/main/slide_arrow_left.png)no-repeat; background-position: center; background-size: 15%;
}
.sec02_con .left .arrow_wrap ul li:last-child{background: url(../img/main/slide_arrow_right.png)no-repeat; background-position: center; background-size: 15%;}

.sec02_con .right{width:calc(100% - 500px); display: inline-block; vertical-align: middle; margin-right: -5px;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide{ background-color: #f5f5f5; border: 1px solid #ddd; cursor: pointer; transition-duration: 1s;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide:hover{box-shadow: 7px 6px 13px #dedede;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide .img{width: 100%; padding-bottom:90%;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul{width: 100%;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text{width: 100%; background-color: #fff; height: 65px; font-weight: 500;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li{display:table-cell; vertical-align: middle; font-size: 20px;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:first-child{width: 65px; height: 65px; background-color: #4c4ea2; font-size: 21px;  line-height: 65px; color: #fff; line-height: 65px;}
.sec02_con .right .swiper-container .swiper-wrapper .main-product-slide>ul>li>.text ul li:last-child{padding-left: 32px;width:calc(100% - 65px); height: 100%; text-align: left;}
.sec02_con .right .main_swiper_wrap{padding: 0 0 20px 0;}
.change{width:100%; background-color:#fff;}
.change2{margin-top: 0;}
/* sec02 // */

/* sec03 */
.sec03{padding: 56px 0; }
.sec03_con{width: 100%; overflow: hidden; text-align: center; }
.sec03_con h2{width: 100%; font-size: 37px; font-weight: 600; padding-bottom: 24px;}
.sec03_con>p{padding-bottom: 56px; color: #636363; word-break: keep-all;}
.sec03_con .inquiry_btn{width:180px; height: 45px; background-color:#4c4ea2; margin: 0 auto; text-align: center; color: #fff; }
.sec03_con .inquiry_btn p{font-size: 17px; font-weight: 400; padding: 11px;}
.sec03_con .inquiry_btn p>a{display: block; width: 100%; height: 100%;}
.sec03_con .inquiry_btn p>a::after{content: ""; display: inline-block; width:25px; height: 5px; margin-left:48px; margin-bottom:5px;
   background:url(../img/main/main_contac_arrow.png)no-repeat; background-position: center; background-size: contain;
}
/* sec03 // */
/* sec04 */
.sec04{width: 100%; display: block; padding-bottom: 120px; overflow: hidden; background-color: #f8f8f8; padding: 56px 0; }
.sec04 .sec04_con{width: 100%; }
.sec04_con .left{width:100%; position: relative;  display: inline-block; vertical-align: middle; margin-right: -4px; position: relative; z-index:10;}
.sec04_con .left>a{float: right; margin-right: -17px;}
.sec04_con .left h2{font-size: 40px; font-weight: 600; padding-bottom: 24px; text-align: center;}
.sec04_con .left>a>.more_btn{display: inline-block; vertical-align: middle; width: 45px; height: 45px; 
     text-align: center;color: #7f7f7f; cursor: pointer; margin-top: 5px;
}
.sec04_con .left p{ display: inline-block; vertical-align: middle; font-size: 18px; color: #8e8c8c;font-weight: 400; word-break: keep-all;}
.sec04 .sec04_con .inner{width: 100%; display: inline-block; vertical-align: middle; margin-right: -5px; padding-left: 8px;}
.sec04 .sec04_con .inner ul li .con_wrap{width: 100%;  border: 1px solid #ddd; cursor: pointer; }
.sec04 .sec04_con .inner ul li .con_wrap .text{width: 100%; height: 235px; text-align: center; padding: 16px; background-color: #fff;}
.sec04 .sec04_con .inner ul li .con_wrap .text>span{color: #c3c3c3; font-size: 16px; font-weight: 400;}
.sec04 .sec04_con .inner ul li .con_wrap .text>h3{font-size: 20px; word-break: keep-all; padding: 16px;}
.sec04 .sec04_con .inner ul li .con_wrap .text>h3::after{content: ""; display:block;width: 30px; height: 2px; background-color: #a2a2a2; text-align: center; margin: 8px auto; } 
.sec04 .sec04_con .inner ul li .con_wrap .text>p{text-overflow:ellipsis;  overflow:hidden; display: inline-block;
    white-space: normal; line-height: 1.2; height: 3.6em; word-wrap: keep-all; color: #777;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

    font-size: 18px; word-break: keep-all; margin-bottom: 16px; 
}

.sec04 .sec04_con .inner ul li .con_wrap:hover{box-shadow: 7px 6px 13px #dedede;}
/* .sec04 >.boundary2{margin:0;} */

/* sec04 // */