@charset "utf-8";
@import url("hover.css");
@import url("bootstrap.css");
@import url("fontawesome.css");

body,html{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;font-size: 1rem;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-dark .navbar-nav .nav-link{color: #333;}
.banner .carousel-caption{height: 100%;}
.bg-primary{background: #0a3e6b !important;}


#carouselpro .carousel-ins{margin: 0;padding: 0;list-style: none;}
#carouselpro .carousel-ins li{margin: 0;padding: 0;list-style: none;float: left;margin-left: .5rem;}
#carouselpro .carousel-ins li img{width: 80px;height: 80px;}
.l-font-16{font-size: 1.25rem;}
.l-back-0a3e6b{background: #0a3e6b;}
/* .l-font-12{font-size: 0.875rem;}.l-font-16{font-size: 1rem;}.l-font-18{font-size: 1.125rem;}.l-font-38{font-size: 2.375rem;} */
.l-color-4c4c4c{color: #4c4c4c;}
.l-shadow {background-color: rgba(0, 0, 0, .5);top: 0;left: -100%;width: 100%;height: 100%;z-index: 99;color: #ffffff;transition: 0.5s;border-left: 0.625rem solid red;}
.l-text{bottom: 0;right: 0;}
.l-shelter {border-radius: 0.625rem;height: 19rem;cursor: pointer;}
.l-shelter img{width: 70%;}
.l-shelter:hover img{width: 100%;}
.l-shelter:hover .l-shadow {transform: translate(100%, 0);transition: 0.5s;}
.l-shelter:hover .l-text {display: none;}
.bg-back2{background: url(../img/back2.jpg) no-repeat 100%;background-size: cover;}

.skw-page__half--right {right: 0;top: 0;height: 100%;background: linear-gradient(99deg, transparent 125px, #ffffff 0);width: 56%;padding-left: 8.5rem;display: flex;flex-direction: column;justify-content: center;}
.l-position-top{height: 24rem;}
.carousel-indicators li{height: 0.9375rem;border-radius: 50%;background: rgba(0,0,0,.5);width: 0.9375rem;border: 1px solid #003d73;background-color: #ffffff;}
.carousel-indicators .active{background: #003d73;}
.l-wcf .l-w-19{width: 19%;}
.l-w-20{width: 7.5rem;}
.l-datetime .media{border-radius: 5px;align-items: center;padding: 0 0.625rem;cursor: pointer;}
.l-datetime .media:hover .font-weight-bold{color: #0a3e6b;}
.l-fontsize-14{font-size: 0.875rem;margin-bottom: 0;}
.l-bg-101f31{background: #101f31;}
.footer dd{cursor: pointer;}
.row{margin: 0;}
.l-mb-8{margin-bottom: -6%;}
.l-mb-8 .media{align-items: center;}
.header .navbar-dark .navbar-toggler {color: rgb(0 0 0 / 50%);border-color: rgb(0 0 0 / 10%);}
.carousel-inner img {min-height: 50vh;object-fit: cover;}

.carousel-inner .btn {background: #0a3e6b;border-color: #0a3e6b;}
.footer a{color: #6C757D;}
.l-bore{width: 1.875rem;height: 1.875rem;}
.banner .carousel-item:nth-child(3) .btn{display: block;}
.banner .carousel-item:nth-child(3) .l-carousel-item{background: rgba(0, 61, 115, .5);padding: 2rem 1rem;}
.banner .carousel-item .btn{display: none;}
.hvr-underline-from-left:before{
    background: #0a3e6b;
}
.l-video img , .l-video-item{
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: transform;
}
.l-video:hover img{
    transform: scale(1.1);
}
.l-video .l-video-item:hover{
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.l-video-item{
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     display: flex;
     border: 1px solid red;
     border-radius: 50%;
     width: 6rem;
     height: 6rem;
     justify-content: center;
     align-items: center;
     cursor: pointer;
}
.l-wwa-span{
    bottom: -0.8rem;
    left: 0;
    right: 0;
    font-size: 2rem;
    margin: 0 auto;
    color: #0a3e6b;
}
.white-space{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* .banner .carousel-item h2{font-size: 1.5rem;text-align: initial;} */
.banner .carousel-item:nth-child(5) .l-carousel-item .col-md-6{padding-left: 0;}
.carousel-inner .btn {background: #fb061e;border-color: #fb061e;}
.l-bg-3c5a9a{background: #3c5a9a;}
.l-bg-0a66c2{background: #0a66c2;}
.l-bg-3298f0{background: #3298f0;}
.l-bg-dc2217{background: #dc2217;}
.l-bg-28c445{background: #28c445;}
.l-text-003d73{color: #003d73;}
.l-padd-0 .col-md-3{padding: 0 0.5rem;}
.l-z-index{z-index: 99999;}
.header .nav-item{z-index: 1000;margin-left: 1rem;}
.header .list-group{position: absolute;top: 100%;white-space: nowrap;display: none;}
.header .hvr-underline-from-left {overflow: visible;}
.header .nav-item:hover .list-group{display: block !important;}
.header .hvr-icon-spin:before{right: -5px;}
.header .nav-item5 .hvr-icon-spin:before {
    display: none;
}
.l-icon-video{display: flex;border: 1px solid red;border-radius: 50%;width: 6rem;height: 6rem;justify-content: center;align-items: center;bottom: 2rem;left: 40%;cursor: pointer;background: none;}
.l-icon-play{font-size: 35px;width: 4.5rem;height: 4.5rem;border-radius: 50%;background: red;display: flex;justify-content: center;align-items: center;}
.footer .l-dhover:hover , .footer dd a:hover{color: #ffffff;}
.footer .form-horizontal .col-md-6 , .footer .form-horizontal .col-md-12{padding-left: 0;}
.l-fa-font a:hover{text-decoration: none;}
.l-fa-font .hvr-push:hover a{color: #ffffff;}
.l-fa-font .hvr-push{display: initial;}
.l-pt-19{
    margin-top: 1.95rem;
}
.sm a{display: inline-block;border-radius: 50px;}
.sm a span{width: 35px;height: 35px;text-align: center;display: inline-block;line-height: 37px;border-radius: 50px;}
.sm a span i{color:#fff;font-size: 18px;}
.navc a{display: inline-block;border-radius: 50px;}
.navc a span{width: 28px;height: 28px;text-align: center;display: inline-block;line-height: 29px;border-radius: 48px;}
.navc a span i{color:#fff;font-size: 16px;}

/* product */
.borderimg{
    height: 8px;
    background: url(../img/proxian.png) no-repeat center;
    margin-top: 2%;
}

.l-product h4{
    display: block;
    margin-bottom: 0.5rem;
    color: #333;
    font-size: 25px;
    font-weight: initial;
}
.l-product ul{
    list-style: none;
    padding: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(239 236 236);
}
.l-product .features p{
    display: inline-block;
    background: #f5f5f5;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0.5rem 1rem;
    color: #666;
}
.l-product .formshiro{
    padding: 1.7rem 1rem;
    background: #f5f5f5;
}
.l-product .l-btn{
    border: 1px solid #0a3e6b;
    color: #0a3e6b;
    padding: 0.6rem 5rem;
    border-radius: 30px;
    margin-top: 1rem;
}
.l-product .l-btn:hover{
    background: #0a3e6b;
    color: #fff;
}
.l-product h1{
    font-size: 2rem;
}
.l-descript ul{
    list-style: none;
    padding-left: 0;
}
.l-descript h3{
    font-weight: 500;
    line-height: 1.2;
    padding-left: 0;
}
.l-descript .l-descript-name{
    font-size: 16px;
    color: #666;
    margin-bottom: 0.5rem;
}
.l-descript .l-descript-table table{
    border: 10px solid #efecec;
    width: 100%;
    margin: auto;
}
.l-descript .l-descript-table table td{
    padding: 10px 20px;
    font-size: 15px;
    color: #666;
    border: 1px solid #e8eaf3;
}
#overview ul li{
    list-style: disc;
    margin-left: 30px;
}
#overview , .l-descript-table td , .l-text-product{font-size: 1.2rem !important;}
#l-product .nav-link{
    padding-left: 0;
}
#l-product h5{
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.l-quality ul li::marker{
    font-size: 1.5rem;
}
.l-left-product ul li{
    list-style: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-bottom-color: #fff !important;
}
.l-left-product ul li a{
    color: #000;
}
.l-hav-light ul li:hover a::before{
    content: ' ';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    margin: 0 0.5rem 0.15rem 0;
    display: inline-block;
}
.l-left-product ul li a:hover{
    text-decoration: none;
}
.l-left-product ul{
    display: none;
}
.l-left-product .l-text-overflow{
    text-overflow: ellipsis;
    white-space: nowrap;
}
.l-grey{
    background: #4d4d4d;
}
.l-f5{
    background: #f5f5f5;
}
.l-navdown-item{
    cursor: pointer;
}
#services-provided .carousel-inner img {
    min-height: 0;
}
.cursor-pointer{
    cursor: pointer
}
.btn-danger {
    color: #fff;
    background-color: #db0d00;
    border-color: #db0d00;
}
/* product */
.l-50vh{
    min-height: 40vh;
    object-fit: cover;
}
.border-left-2{
    border-left: 2rem #fff solid;
}
.smtable .table td{
    padding-left: 0;
    padding-bottom: 0;
}
.restricted{
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.restricted-2{
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.aline{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.back-home:hover{
    text-decoration: none !important;
}
.current{
    transform: rotate(180deg);
}
.singlerow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.l-mask{
    top: 0;
    background: rgba(0, 0, 0, .5);
}
.l-mask h1{
    font-size: 3rem;
}
.l-mask p{
    font-size: 0.87rem;
}
.clear-both{
    clear: both;
}
.page-item.active .page-link {
    background-color: #0a3e6b;
    border-color: #0a3e6b;
}
.l-2rem{
    font-size: 2rem;
}
.l-3rem{
    font-size: 3rem;
}
.l-datetime a:hover{
        text-decoration: none !important;
    }
.l-datetime .hvr-grow:last-child{
    margin-bottom: 0 !important;
}
.mailcom{
    color: #000;
}
.mailcom:hover{
    text-decoration: none;
}

.position ul{
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}
.position ul li a{
    color: #000000;
}
.w-20{
    width: 20%;
}
.w-80{
    width: 80%;
}
.listnews .card{
    flex-direction: row;
}
#google_translate_element .skiptranslate{
    height: 1.75rem;
    overflow: hidden;
}
.hotproduct .card-body{
    flex-direction: column;
}
.videoiframe{
    width: 100%;
    height: 100%;
}
@media (max-width:768px){
    .position {
        padding: 0;
    }
    .w-80 , .w-20{
        width: 100%;
    }
    .listnews .card{
        flex-direction: column;
    }
    .smtable .table tr{
        display: flex;
        flex-direction: column;
    }
    .l-datetime .media-body{
        width: 64%;
    }
    .l-left-product , .listpage , .listpage .container , .listpage .container .col-md-3 , .listnews , .para .col-12 , .contents .col-12 , .hotproduct .col-12 , .probo .col-12 , #services-provided .col-12 , .lunb .col-md-6{
        padding: 0;
    }
    .l-company .section .col-12 , .l-contants .container .col-12 , .l-contants .mescon .col-md-6 , .aboutus .col-12 , .l-padd-0 .col-md-3 , .l-choose .col-12 , #l-carouselExampleIndicators .carousel-item .col-12 , .videoidenx .col-12{
        padding: 0;
    }
    .carousel-inner img {
        min-height: 40vh;
    }
    .listpage .container{
        padding-top: 0 !important;
    }
    .l-left-product .row .col-6:nth-child(even) {
        padding-left: 0.5rem !important;
    }
    .l-left-product .row .col-6:nth-child(odd) {
        padding-right: 0.5rem !important;
    }
    .header .navbar{
        padding: 0.5rem 0 !important;
    }
    .header .nav-item {
        margin-left: 0;
    }
    .navbar .fa-2x {font-size: 1.5em;}
	.skw-page__half--left img{width: 100%;}
    .l-wcf .l-w-19{width: 100%;}
    .skw-page__half--right{width: 100%;background: none;margin: 0;padding: 2rem 1rem;position: static !important;padding-right: 1rem !important;}
    .l-icon-video{top: 4rem;left: 35%;}
    .l-mb-8{margin: 0;padding: 0 !important;border-radius: 0.3125rem;}
    .l-mb-8 .col-12{padding-top: 1rem;}
    .l-text-center{text-align: center;}
    .l-padd-0 .col-6:nth-child(even){padding: 0 0 0 0.4375rem;}
    .l-padd-0 .col-6:nth-child(odd){padding: 0 0.4375rem 0 0;}
    .l-mb-8 .col-12:nth-child(1) , .l-mb-8 .col-12:nth-child(2){border-bottom: 1px solid #dee2e6;}
    .l-mtop{margin-top: 1.25rem;}
    .l-pm-0{margin-top: 0 !important;padding-top: 0 !important;}
    .l-shelter {height: 10.625rem;}
    .l-mb-8 .media{padding-left: 0 !important;border-left: 0 !important;}
    .carousel-inner h2 {font-size: 1.5rem;}
    .carousel-inner p {font-size: 1rem;}
    .l-datetime img{margin-top: 1.2rem;border-radius: 0.3125rem;}
    .l-datetime .col-12{padding: 0 !important;}
    .l-grow{margin-top: 1rem;}
    .header .list-group{position: inherit;white-space: nowrap;display: block;}
    .header .nav-link{font-size: 1.5rem;}
    .l-position-top{height: 40rem;}
    .l-choose .media img{margin-left: 1rem !important;}
    .l-choose .media{padding-right: 1rem !important; padding-bottom: 1rem;}
    
    .l-flex-direction-column{
        flex-direction: column;
    }
    .l-img-p-0{
        padding: 0 !important;
    }
    .border-left-2{
        border-left: none;
    }
    .padding-top-5{
        padding-top: 3rem;
    }
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 1000px;
    }
    .modal-dialog .modal-body{
        height: 500px;
    }
}