.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.w50{display: flex;align-items: flex-start;flex-wrap: wrap;}
.w50 p{width: 40%;margin-right: 20px;}
.w50 p:nth-child(2n){margin-right: 0;}

.banner{margin-top: 100px;position: relative;}
.banner img{ width: 100%;}
.banner img.mobile{display: none;}

.banner_tit {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);}
.banner_tit h1 {font-size: 48px;line-height: 1;font-weight: bold;padding-bottom: 20px;color: #fff;}
.banner_tit h2 {font-size: 24px;line-height: 1;color: #00a551;font-family: 'ITCAVANTGARDESTD-BK', Arial, sans-serif;text-transform: uppercase;}
.smart-tit{font-size: 16px;}
.smart-txt:last-child{padding-bottom: 0;}
.txt-circular p{position: relative;padding-left: 9px;box-sizing: border-box;}
.txt-circular p::before{content: "";display: flex;width: 4px;height: 4px;background: #009143;border-radius: 50%;position: absolute;top: 12px;left: 0;}

.sec1 li{background:#fff;height:550px; display: flex;width: 100%;align-items: center;}
.sec1 li .inner{display: flex;justify-content: space-between;flex-wrap: wrap; align-items: center;}
.sec1 li img{max-width: 100%;}
.sec1 li.odd{ background:#f1f7f7;}
.sec1 li.odd a{position: relative;}
.sec1 li.odd a::after{content: "";display: block;height: 318px;width: 38.37%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #e4eeee;}
.sec1 li.odd .inner{flex-direction: row-reverse;}
.sec1 li .sec1_left{transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;width: 576px;}
.sec1 li .sec1_right{width:459px;transition: .15s linear;-moz-transition:.15s linear;-webkit-transition:.15s linear;position: relative; z-index: 1;display: flex;align-items: center; justify-content: center;}
.sec1 li a{width: 100%;}
.sec1 li h1{ color:#333; font-size:40px; font-weight:lighter; line-height:1.5;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; }
.sec1 li p{ color:#666; font-size:16px;font-weight:lighter; line-height:2; margin: 22px 0 45px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow: hidden;}
.sec1_btn{ height:50px; color:#333; font-size:16px; border:#d8dede solid 1px; border-radius:25px;  transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;display: flex;align-items: center;justify-content: center;width: 150px; cursor: pointer;}
.sec1_btn::after{display: block;content: "";width: 7px;height: 12px;background:url(../images/btn_icon.png) no-repeat center/cover;margin-left: 12px;}
.sec1 li a:hover h1{ color:#00a551;}
.sec1 li a:hover .sec1_btn{background-color:#00a551; color:#fff;border:#00a551 solid 1px;}
.sec1 li a:hover .sec1_btn::after{background:url(../images/btn_icon1.png) no-repeat center/cover; }
.add-testing .sec1 li p{margin-bottom: 0; -webkit-line-clamp: initial;}
.glass .sec1 li p{margin-bottom: 0; -webkit-line-clamp: initial;}
.aoi .sec1 li p{margin-bottom: 0; -webkit-line-clamp: initial;}
.sec-texts .texts{margin-bottom: 32px;}
.sec-texts .texts:last-child{margin-bottom: 0;}
.sec-texts .tit{font-size: 16px; color: #009143; font-weight: bold;margin-bottom: 6px;line-height: 1.5;}
.page_style3 .img{transition: .15s linear;-moz-transition: .15s linear;-webkit-transition: .15s linear;vertical-align: middle;}
.back {float: right;width: 110px;height: 40px;line-height: 40px;padding-bottom: 50px;padding-top: 20px;}
.back a {display: block;width: 90px;height: 40px;line-height: 40px;background-image: url(../images/page_btn.png);background-repeat: no-repeat;background-position: 80% center;border-radius: 25px;border: #b8b8b8 solid 1px;text-align: center;padding-right: 20px;color: #666; font-size: 14px;transition: .1s linear;-moz-transition: .1s linear;-webkit-transition: .1s linear;}
.back a:hover {color: #fff;background-color: #00a551;border: #00a551 solid 1px;background-image: url(../images/page_btn1.png);}
.camera_details .sec1{margin-top: 100px;}
.camera_details .sec1 li{background: #f0f6f6;}
.virgo_details .sec1{margin-top: 100px;}
.virgo_details .sec1 li{background: #f0f6f6;}
.add-table-box1 {width: 900px;margin: 0 auto;padding-top: 40px;padding-bottom: 80px;}
.add-table-box1 li {text-align: left;background-image: url(../images/tab_icon.png);background-repeat: no-repeat;background-position: left 15px;font-size: 16px;line-height: 32px;padding: 6px 2% 6px 3%; font-weight: lighter;}
.add-table-box1 .img{margin-top: 200px;text-align: center;}
.add-table-box1 img {max-width: 100%;}



.vela_details .sec1{
    margin-top:100px;
    
}
.vela_details .sec1 li{
    background: #f0f6f6;
}


.sec1 li:hover .sec1_left{
    transform: translateX(10px);
}
.sec1 li:hover .sec1_right{
    transform: translateX(-10px);
}
.banner{
    padding-top:0!important;
}

@media screen and (max-width:1279px){
    .sec1 li h1{
        font-size: 38px;
    }
    .sec1 li p{font-size: 14px; margin: 20px 0 30px;}
    
}
@media screen and (max-width:1180px){
    .banner img.pc{display: block;}
    .banner{
        margin-top: 50px;
    }
    .vela_details .sec1 {
        margin-top: 50px;
    }
    .camera_details .sec1 {
        margin-top: 50px;
    }
    .sec1 li .sec1_right{
        width: 43%;
    }
    .sec1 li .sec1_left{
        width: 53%;
    }
}

@media screen and (max-width: 1024px){
    .sec1 li{height: 400px;}
    .add-table-box1{width:82%;padding-bottom: 40px;}
    .vela-details-menu{width:80%;}
    .vela-details-menu ul{justify-content: space-between;}
    .vela-details-menu li {padding-bottom: 10px;padding-right: 0; width: auto;}
    .vela-details-menu li span{width:100%}
    .add-table-box1 .img{margin-top:60px;}
    .vela-details h1{ font-size: 1.8rem;}
}

@media screen and (max-width: 768px){
    .banner img.mobile{display: block;}
    .banner img.pc{display: none;}
    .sec1 li{
        height: auto;
        padding: 60px 0 40px;
        box-sizing: border-box;
    }
    .sec1 li.odd .inner {
        flex-direction: column-reverse;
    }
    .sec1 li .inner{
        flex-direction: column-reverse;
    }
    .sec1 li a h1 {
        font-size: 2.4rem;
    }
    .sec1 li p{
        margin: 10px 0 20px;
    }
    .sec1 li .sec1_left {
        width: 100%;
        text-align: center;
    }
    .sec1 li .sec1_right{
        width: 100%;
    }
    .add-testing .sec1 li p{
        margin-top: 0;
    }
    .sec1 li.odd a::after{
        display: none;
    }


    .sec1_btn {
        margin: 20px auto 25px;
        width: 70px;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 1.3rem;
    }

    .banner_tit h1{
        font-size: 2.7rem;
        padding-bottom: 10px;
    }
    .banner_tit h2{
        font-size: 1.3rem;
    }
    .pb100 {
        padding-bottom: 50px;
    }
    .pt100 {
        padding-top: 60px;
    }
    .smart-tit {
        font-size: 14px;
    }
    .sec1_btn::after{margin-left: 9px;}
    .w50 p {
        width: 100%;
        margin-right: 0;
    }
    .module-page .sec1{
        padding:0;
        margin-top:0;
    }
    .add-laser .sec1_btn{
        width:100px;
    }
    .vela-details-menu li p{
        display:none;
    }
    .vela-details-menu {
        width: 100%;
    }
    .add-table-box1 {
        width: 90%;
        padding-top: 0;
        padding-bottom: 20px;
    }
    .add-table-box1 li{  
        font-size: 1.3rem;
        line-height: 2.1rem;
        background-position: left 10px;

    }
    .add-table-box1 .img {
        margin-top: 30px;
    }
}

@media screen and (max-width: 414px){
    .tab_top_cont li{
        width: 94%;
        font-size: 1.2rem;
        background-size: 8px auto;
        background-position: left 10px;
        padding: 3px 0 3px 6%;
    }
}