html{ font-size:16px;}

body{ padding-top:76px; font-family:arial,verdana,helvetica,PingFang SC,HanHei SC,STHeitiSC-Light,Microsoft Yahei,sans-serif;}

.big_banner_item{height: 360px; background: no-repeat center center/cover;}

@media screen and (max-width:768px) {
    .big_banner_item{ height: 200px;}
}


@media (max-width: 767.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 76px; /* Height of navbar */
        z-index:16;
        left:0;
        bottom: 0;
        width:100%;
        box-sizing:border-box;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        background-color:var(--white);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .offcanvas-collapse.open {
        -webkit-transform: translateX(-0rem);
        transform: translateX(-0rem); /* Account for horizontal padding on navbar */
    }
}

.navbar-nav .active>.nav-link{color:#12CDC9!important;}
/*
.dropdown-menu{ border:0; border-radius: 0; background-color: #47b6b8}
.dropdown-menu .dropdown-item{ color: #2b5557;}
.dropdown-menu a.dropdown-item:hover{background-color:transparent; color:#fff;}
*/
.dropdown-menu{ border:0; border-radius: 0; background-color: #fff; box-shadow:0 1px 5px #eee}
.dropdown-menu .dropdown-item{ color: #777;}
.dropdown-menu a.dropdown-item:hover{background-color:transparent; color:#333;}





.index_title_en{ color:#cdcdcd;}
.index_page_bg_gray{ background-color: #f4f4f4}

.right_nav_box{ width: 260px; margin-left:30px;}

.right_nav_box .nav-pills .nav-link{ height: 50px; line-height:50px; padding:0; border-radius:0px; text-align: center; border:1px solid #12CDC9; color:#12CDC9; margin-bottom: 20px;}
.right_nav_box .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background-color: #12CDC9; color:#fff;}

.content_pic_txt_body{ line-height: 2;}

.pic_thumbnail_h_200{ height: 200px; background: no-repeat center center / cover;}

@media (min-width: 768px){
    .navbar-nav .nav-item{ border-left:1px solid #eee;}
    .navbar-nav .nav-item:first-child{border-left:0;}
    .navbar-nav .active>.nav-link{ background-color: #12CDC9; color:#fff!important;}
    .navbar-expand-md .navbar-nav .nav-link{ padding:0.5em 1em;}
}