body {
    letter-spacing: 1px;
}

.swal2-title {
    color: #6b6b6b;
}

.swal2-actions button {
    background-color: #007fd4 !important;
    border-radius: 0px !important;
}

.swal2-modal{
    border-radius: 0px !important;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
    .pc_show {
        display: none;
    }
}
@media (min-width: 768px) {
    .mobile_show {
        display: none;
    }
}

#page {
    margin-top: 67px;
}

#banner {
    margin-top: 67px;
}

@media (min-width: 992px) {
    #page, #banner {
        margin-top: 90px;
    }

    #banner, .page-banner {
        /* border-top-width: 7px;
        border-top-style: solid;
        border-top-color: #007fd4; */
    }
}


button, a{
    outline:none;
}

/* 有色背景 */
.weiyuan-bg-color {
    background-color: #fbfbfb;
}

/* 簡介文章 */
.summary {
    text-align: justify;
    color: #909090;
}

/* 灰色字 */
.weiyuan-font-gray {
    color: #a7a7a7;
}

/* 行高 */
.weiyuan-lineheight {
    line-height: 32px;
}

.page-path{
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}

.page-path-unit:after{
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #9a9a9a;
    content: "/";
}

.page-path .page-path-unit:last-child:after{
    content: "";
}

.page-path a {
    color: #5e5e5e !important;
    font-weight: 500;
}

.page-path-unit:last-child a, .page-path a:hover{
    color: #007fd4 !important;
}

.page-path-unit {
    display: inline-block;
}

.page-path-box {
    background-color: #f1f1f1;
    padding: 11px 0px;
    color: #000000;
}

section {
    border-bottom: 1px solid rgb(236, 236, 236);
}

.google_map_box {
    background-color: #FFFFFF;
    height: 332px;
    padding:5px;
    border: 1px solid rgb(236, 236, 236);
}
/*
@media (min-width: 992px) {
    .contact_box {
        height: 332px;
    }
} */

.portfolio-title {
    color: #3c3c3c;
    font-size: 22px;
    font-weight: 600;
    color: #213b52;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin-bottom: 0.5rem;
}

.contact_info {
    background-color: #FFFFFF;
    padding:5px;
    border: 1px solid rgb(236, 236, 236);
}

#contact, #contact label {
    font-size: 1.125rem;
}

.form-control {
    min-height: 48px;
}

.btn.contact_btm {
    background-color: #007fd4;
    border-color: #007fd4;
    color: #ffffff;
}

.btn.contact_btm:hover {
    background-color: #007fd4;
    border-color: #007fd4;
}

.contact_text_box {
    background-color: #FFFFFF;
}

.contact_text {
    border-bottom-style:solid;border-bottom-width: 1px;border-bottom-color:#d8d9da;text-align: center;padding-bottom: 20px;
}

.contact th, .contact td {
    font-size: 16px;
}

td, th{
    vertical-align: middle !important;
}

.table {
    margin: 0px;
}

.portfolio-item:hover .portfolio-title {
    color: #007fd4;
}

.portfolio-item:hover img {
    transform: scale(1.05);
    transition: all 0.6s;
}

.portfolio-title:hover {
    color: #007fd4 !important;
}

.service_3_unit_title {
    line-height: 28px;
    font-weight: 900;
    margin-top: 20px;
}


@media (min-width: 769px) {
    .service_img_3 {
        padding-top: 150px;
    }

    .service_img_1 {
        padding-top: 100px;
    }
}



.img-box {
    padding:0 10px;
    margin: 0px;
    width: 19%;
    display: inline-block;
}

.about_logo {
    padding: 0px;
}

.description {
    text-align: justify;
    line-height: 28px;
    color: #444444 !important;
}




@media only screen and (min-width: 1200px){
    .year2012 {
        margin-top: 154px !important;
    }

    .year2009 {
        margin-top: 55px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
    .description {
        text-align: center;
        padding: 0 10px;
    }
}

.news_content {
    background-color: #FFFFFF;
    z-index: 10;
    background: #fff;
    padding: 30px;
}

@media (min-width: 768px) {
    .news_content {
        padding: 30px;
    }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
    .news_content {
        padding: 15px;
    }

    .news_detail_title {
        font-size: 25px;
        line-height: 42px;
    }
}

.news-date {

}

.weiyuan {
    color: rgba(187, 200, 216, 0.7);
}

.main_color {
    color: #007fd4 !important;
}



.main-image-text {
    background-color: #007fd4;
    font-size: 28px;
    font-weight: 700;
}


@media only screen and (min-width: 1200px) {
    .main-image-box {
        height: 580px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-image-box {
        height: 500px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-image-box {
        height: 400px;
    }
}

@media only screen and (min-width: 526px) and (max-width: 767px) {
    .main-image-box {
        height: 550px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 525px) {
    .main-image-box {
        height: 100vw;
    }
}

.main-title-en {
    color: #007fd4;
    font-size: 24px !important;
    /*padding-bottom: 10px;*/
}

.main-content {
    line-height: 32px;
}

.project-btn {
    border-radius:6px;
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #007fd4;
    padding: 12px 60px;
    cursor: pointer;
}

.project-btn i {
    color: #007fd4;
}

.project-btn:hover i{
    color: #007fd4 !important;
}

.project-btn:hover {
    border-width: 1px;
    border-style: solid;
    border-color: #007fd4;
}

.client-logo img{
    width: 100%;
    height: auto !important;
}

.service-title-sec {
    font-size: 18px;
    padding-bottom: 5px;
    line-height: 27px;
    color: #adabab;
}

.service-unit {
    font-weight: 400 ;
}

.service-icon{
    font-size: 20px;
    padding-right: 4px;
    color: #007fd4;
}

.page-item, .page-item a , .page-item.disabled .page-link{
    background-color: rgba(0, 0, 0, 0);
}

.pagination .page-item a{
    /*color: #007fd4 !important;*/
}

.pagination .page-item.disabled a{
    color: #b9c1d0 !important;
}

.pagination .page-item.active a{
    color: #FFFFFF !important;
    background-color: #007fd4;
    border-color: #007fd4;
}

.pagination .page-item a:hover{
    color: #FFFFFF !important;
    background-color: #007fd4;
    border-color: #007fd4;
}

.page-item:last-child .page-link, .page-item:first-child .page-link {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: .0px !important;
}

.page-link {
    padding: 10px 15px;
    color: #777777 !important;
}

.news-title {
    color: #3c3c3c !important;
}

.news-title:hover {
    color: #007fd4 !important;
}

.page-banner {
    background-size: 100% 100%;
    padding-top: 110px;
    height: 300px;
    background-color: #8a8a8a;
}

.new_link_btn, .product_link_btn {
    border-radius:6px;
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #007fd4;
    padding: 6px 20px;
    cursor: pointer;
}

.news_box .card-body {
    position: relative;
}

.news_box .new_link_btn {
    position: absolute;
    right: 30px;
    bottom: 15px;
}

.news_box .card-body {
    padding-bottom: 55px;
}

.project-btn:hover, .new_link_btn:hover, .product_link_btn:hover {
    background-color: #007fd4;
    border-color: #007fd4;
    color: #ffffff;
}

.project-btn:hover .fa-chevron-right, .new_link_btn:hover .fa-chevron-right, .project-btn:hover .fa-chevron-left{
    color: #ffffff !important;
}

.news_box .card-text {
    text-align: justify;
}









a{text-decoration:none}
h4{text-align:center;margin:30px 0;color:#444}
.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#ec496e;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #ec496e;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:#ec496e;font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#ec496e;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ec496e;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ec496e;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#ec496e;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;line-height:20px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
    .main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
    .main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
    .main-timeline .timeline-icon{left:25%}
    .main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
    .main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
    .main-timeline:before{left:80px;right:0;margin:0}
    .main-timeline .timeline{margin-bottom:70px}
    .main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
    .main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
    .main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
    .main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
    .main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
    .main-timeline .timeline-icon i{font-size:30px;line-height:45px}
    .main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
    .main-timeline .timeline:nth-child(even) .timeline-content{float:right}
    .main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
    .main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
    .main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
    .main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
    .main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}



/******************* Timeline Demo - 4 *****************/
.main-timeline4{overflow:hidden;position:relative}
.main-timeline4:before{content:"";width:5px;height:62%;background:#333;position:absolute;top:70px;left:50%;transform:translateX(-50%)}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline4 .timeline-content{display:block;padding-left:150px;position:relative}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px}
.main-timeline4 .year{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #ea571b;font-size:30px;color:#ea571b;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:0;left:0}
.main-timeline4 .year:before{content:"";border-left:20px solid #ea571b;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding:20px 0}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#ea571b;text-transform:uppercase;margin:0 0 8px}
.main-timeline4 .description{font-size:16px;color:#6f6f6f;margin:0 0 5px;}
.main-timeline4 .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{left:auto;right:-10px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 150px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-92px}
.main-timeline4 .timeline:nth-child(2n) .year{right:0}
.main-timeline4 .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid #ea571b;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-110px 0 0}
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
.main-timeline4 .timeline:nth-child(2n) .year{border-color:#f8b62b;color:#f8b62b}
.main-timeline4 .timeline:nth-child(2) .year:before{border-right-color:#f8b62b}
.main-timeline4 .timeline:nth-child(2n) .title{color:#f8b62b}
.main-timeline4 .timeline:nth-child(3n) .year{border-color:#7cba01;color:#7cba01}
.main-timeline4 .timeline:nth-child(3) .year:before{border-left-color:#7cba01}
.main-timeline4 .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year{border-color:#f8781f;color:#f8781f}
.main-timeline4 .timeline:nth-child(4) .year:before{border-right-color:#f8781f}
.main-timeline4 .timeline:nth-child(4n) .title{color:#f8781f}
@media only screen and (max-width:1200px){.main-timeline4 .year{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
    .main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
    .main-timeline4 .timeline-content{padding-left:130px}
    .main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
    .main-timeline4 .timeline-content:before{width:68px;left:-68px}
    .main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
    .main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
    .main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
    .main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
    .main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
    .main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
    .main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{position:relative;transform:translateY(0)}
    .main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{border:none;border-right:20px solid #ea571b;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
    .main-timeline4 .timeline:nth-child(2n) .year:before{border-right-color:#f8b62b}
    .main-timeline4 .timeline:nth-child(3n) .year:before{border-right-color:#7cba01}
    .main-timeline4 .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
    .main-timeline4 .inner-content{padding:10px}
}

@media only screen and (min-width: 1px) and (max-width: 991px) {
    .home_news_unit:last-child {
        display: none !important;
    }
}

#imghr {
    height: auto;
    width: 100%;
}

.imghr_box {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    background-color: rgba(181, 181, 181, .5);
}

.imghr_box_height {
    height: 300px;
}

.imghr_box_height h3 {
    padding-top: 80px;
    text-shadow:3px 3px 12px rgba(0,0,0,0.6);
}

.imghr_box_height p {
    font-size: 22px;
    text-shadow:3px 3px 12px rgba(0,0,0,0.6);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.7);
}





#header_menu.active {
    background-color:rgb(255, 255, 255);
    transition: all 0.5s;
    border-bottom: 1px solid rgb(236, 236, 236);
}

#header_menu header_menu.nav-link {
    color: #FFFFFF !important;
    font-weight: 600;
    margin-left: 10px;
}

@media only screen and (min-width: 992px) {
    #header_menu {
        background-color: rgba(255, 255, 255, 0);
        border-bottom: 0px solid rgb(236, 236, 236);
    }

    #header_menu .logo {
        /*display: none;*/
    }

    #header_menu.active .logo {
        transition: all 0.5s;
        display: block;
    }

    .nav-link {
        color: rgba(255, 255, 255, 1) !important;
    }

    #header_menu.active .nav-link {
        color: rgba(0, 0, 0, 0.7) !important;
    }

    #header_menu {
        height: 90px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 991px) {
    #header_menu {
        background-color: rgba(255, 255, 255, 0.9);
        border-bottom: 1px solid rgb(236, 236, 236);
    }

    #header_menu .nav-link {
        color: rgba(0, 0, 0, 0.7) !important;
    }
}

#header_menu .logo {
    height:42px;
}

#header_menu .nav-link {
    position: relative;
    padding: .5rem 1.2rem !important;
}

#header_menu .nav-link::before{
    background-color: #007fd4;
    bottom: -19px;
    content: '';
    display: block;
    height: 4px;
    width: 0;
    position: absolute;
    left: 50%;
    transition: all .2s ease-in-out;
    transform: translateX(-50%);
}



@media only screen and (min-width: 992px) {
    #header_menu .nav-item:hover .nav-link {
        color: #007fd4 !important;
        /*width: 100%;*/
    }
}












.back-to-top {
    background-color: #007fd4;
}

.back-to-top:hover {
    background-color: #0056a3 !important;
}

.footer_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    color: #FFFFFF;
    height:50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    margin-bottom: 15px;
}

.footer_unit, .footer_unit a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 35px;
}

.footer_unit a:hover {
    color: #007fd4 !important;
}

.footer_unit a:hover i {
    color: #007fd4 !important;
}

.copyright {
    text-align: center;
    border-top: solid 1px rgba(233, 244, 248, 0.1);
    padding-top: 15px;
    padding-bottom: 15px;
    color: rgba(187, 200, 216, 0.7);
}

.logo {
    width: 200px;
    max-width: 100%;
}

.float_contact {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 75px;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: all 0.2s;
}

.float_contact.active {
    height: 260px;
    opacity: 1;
    transition: all 0.2s;
}



.float_contact a, .float_contact_btn a{
    cursor: pointer;
    background-color: rgb(228, 57, 43);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    white-space:nowrap;
    display: inline-block;
    text-align: left;
    transition: all 0.3s;
}

.float_contact img, .float_contact_btn img{
    height:32px;
    width:32px;
}


.float_contact_text{
    width: 350px;
    display: inline-block;
    overflow: hidden;
    white-space:nowrap;
    padding:0 12px;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: 600;

}

.float_contact .float_contact_unit:hover{
    width: 170px;
    transition: all 0.3s;
}

.float_contact_btn {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 40px;
    overflow: hidden;
    vertical-align: bottom;
}

.product_class_title {
    text-align: center;
    border-bottom: none;
    background-color: #007fd4;
    border-radius: 0px !important;
    padding: 12px 0px;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    border-radius: 6px 6px 0 0 !important;
}

.product_class .product_class_box{
    box-shadow: 0px 2px 15px rgb(0 0 0 / 20%);
    border-radius: 6px;
}

.product_class .card-body{
    box-shadow: none;
    padding: 25px 0px;
}

.product_class li {
    margin-bottom: 10px;
    list-style: none;

}

.product_class li  i {
    color: #007fd4 !important;
}

.product_class li a, .product_item a {
    color: #8d8d8d;
}

.product_item .card-footer {
    word-break: break-all;
}



.product_class li a:hover, .product_item a:hover {
    color: #007fd4;
}

.active{
    color: #007fd4 !important;
}

.product_item .card-footer, .product_item .card-body {
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}

.product_item a {
    box-shadow: 0px 2px 15px rgb(0 0 0 / 20%);
}

.product_item .card-footer {
    font-weight: 400;
    font-size: 18px;
    padding: 20px 15px;
}

.product_name {
    color: #007fd4;
}

.product_summary {
    padding-top: 20px;
    font-size: 18px;
    text-align: justify;
    color: #888;
}

.link_contact_btn {
    border-radius:6px;
    background-color: #007fd4;
    color: #ffffff;
    padding: 10px 20px;
}

.link_contact_btn:hover {
    background-color: #0056a3 !important;
    color: #ffffff;
    color: #ffffff;
}

.catalog_download_search {
    width: 360px;
    margin: auto;
    height: 45px;

}
.catalog_download_search input {
    width: 300px;
    border-radius: 0px;
    height: 45px;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    border-style: solid;
    padding: 15px;

}

.catalog_download_search button {
    border-radius: 0px;
    height: 45px;
}

.input-group button {
    background-color: #007fd4;
    color: #ffffff;
    border-radius: 0px;
}

.input-group input {
    border-radius: 0px;
}
.input-group button:hover {
    background-color: #0056a3;
    color: #ffffff;
}

.section-title h2 {
    color: #007fd4;
}

.text-black {
    color: #444444;
}

#product_detail_box .nav-link {
    color: #9e9e9e !important;
}

#product_detail_box .active.nav-link,  #product_detail_box .nav-link:hover {
    color: #000000 !important;
}
#product_detail_box .tab-pane {
    padding:15px;
}
#product_detail_box .tab-pane p {
    padding-bottom: 10px;
    color: #000000;
    margin: 0px;
}

#product_detail_box .nav-link::before {
    width: 0%;
}

.editor_area img {
    max-width: 100% !important;
}

.news_list_item .card-body {
    padding-top: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

/* news list */
.news-list {
    width: 100%;
    padding: 15px;
    border:1px #eee solid;
    background-color: #fff;
    margin-bottom:15px;
    border-radius: 6px;
    transition: all 0.1s;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-bottom:5px #fff solid;
    transform: all 1s;

}

.news-list:hover {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    border-bottom:5px #007fd4 solid;
}

.news-list-img {
    width: 20%;
    float: left;
}

.news-list-img img{
    border-radius: 6px;
}

.news-list-text {
    width: 80%;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.news-list-text .card-title {
    line-height: 40px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .news-list-img {
        width: 100%;
        float: left;
    }

    .news-list-text {
        width: 100%;
        float: right;
        padding: 15px;
    }
}

.read-more {
    font-size: 16px;;
}

.carousel-inner{
    position: relative;
}

.carousel-inner-text{
    position: absolute;
    top:0;
    left:0;
    z-index: 3;
    width: 100%;
    text-align: center;
    padding: 100px 20px;
    font-size: 50px;
    color: #fff;
    text-shadow:5px 5px 5px #333;
    letter-spacing: 0.3em;
}

@media screen and (max-width: 767px) {
    .carousel-inner-text{
        font-size: 30px;
    }
}

.circle_logo{
    border-radius: 50%;
    padding: 30px;
    border:3px  rgba(255,255,255,0.2) solid;
    background-color: rgba(100,100,100,0.5);
    width:173px;
    height:173px;
    margin-top: 70px;
    float: right;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
    .circle_logo{
        display: none;
    }
}

.home-about{
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: justify;
}

.summary{
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-bottom: 40px;;
}

.text-introduce{
    letter-spacing: 0.1em;
    color: #777;
}