@font-face{
    font-family: FrutigerBold;
    src: url('../fonts/Frutiger Bold.ttf');
}
@font-face{
    font-family: AppleLiGothicMedium;
    src: url('../fonts/Apple LiGothic Medium.ttf');
}
@font-face{
    font-family: FrutigerLT45Light;
    src: url('../fonts/Frutiger LT 45 Light.ttf');
}
@font-face{
    font-family: FrutigerLT55Roman;
    src: url('../fonts/Frutiger LT 55 Roman.ttf');
}
@font-face{
    font-family: MHeiHKMedium;
    src: url('../fonts/MHeiHK-Medium.otf');
}

.nav_hide{
    top: -64px !important;
}

/* 针对缺省样式 (必须的) */
::-webkit-scrollbar {
    width: 10px;
    height:10px;
}
/* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-track {
    background-color: rgba(208, 245, 219, 0.82);
    border-radius:5px;
}
/* 滑块颜色 */
::-webkit-scrollbar-thumb {
    background-color: #f48cbd;
    border-radius:20px;
}
/*内层轨道的颜色*/
::-webkit-scrollbar-track-piece{
    background-color: #e5e5e5;
    border-radius:5px;
}
/* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-button {
    background-color: #e6e6e6;
    width:0;
    height:0;
}
/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
::-webkit-scrollbar-corner {
    background-color: #f48cbd;
}


input, video{
    outline:none
}
html {
  position: relative;
  min-height: 100%;

}
body{
    padding: 0;
    margin: 0;
    border: 0;
    height: 100%;
    font-family: 微软雅黑, FrutigerLT55Roman, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    overflow-x: hidden;
}
a{
    text-decoration: none;
    font-family: 微软雅黑, FrutigerLT45Light, sans-serif;
    color: #000 !important;
    font-size: 14px;
    line-height: 34px;
    cursor: pointer;
    word-break:keep-all;      /* 不换行 */
    white-space:nowrap;       /* 不换行 */
}
a:hover{
    color: #f48cbd !important;
    text-decoration: none !important;
}
a:visited {
    text-decoration: none !important;
}
ul, li{
    list-style: none;
    padding: 0;
}
.not_link{
    cursor: auto !important;
}
.not_link:hover{
    color: #000 !important;
}
.current_link{
    color: #f48cbd !important;
}
.active{
    color: #f48cbd !important;
}
.nav > li > a{
    padding: 10px 10px;
}
.links:hover{
    color: #f48cbd !important;
}
.hide{
    display: none !important;
}
.show_block{
    display: block !important;
}
#logo_pic{
    cursor: pointer;
}
.pic_info_inner > .pic_count_btn, .count_length{
    moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

@media screen and (min-width: 320px) {html{font-size:17.06666px;}}
@media screen and (min-width: 360px) {html{font-size:19.2px;}}
@media screen and (min-width: 375px) {html{font-size:20px;}}
@media screen and (min-width: 400px) {html{font-size:21.33333px;}}
@media screen and (min-width: 414px) {html{font-size:22.08px;}}
@media screen and (min-width: 440px) {html{font-size:23.46666px;}}
@media screen and (min-width: 480px) {html{font-size:25.6px;}}
@media screen and (min-width: 520px) {html{font-size:27.73333px;}}
@media screen and (min-width: 560px) {html{font-size:29.86666px;}}
@media screen and (min-width: 600px) {html{font-size:32px;}}
@media screen and (min-width: 640px) {html{font-size:34.13333px;}}
@media screen and (min-width: 680px) {html{font-size:36.26666px;}}
@media screen and (min-width: 720px) {html{font-size:38.4px;}}
@media screen and (min-width: 750px) {html{font-size:40px;}}
@media screen and (min-width: 760px) {html{font-size:40px;}}
@media screen and (min-width: 800px) {html{font-size:40px;}}
@media screen and (min-width: 960px) {html{font-size:40px;}}

/*导航栏*/
.navbar-brand{
    padding: 15px 0 !important;
}
#logo_pic{
    position: absolute;
    background: url("../image/logo_word.png") no-repeat center center;
    background-size: 130px 22px;
    width: 130px;
    height: 22px;
}
#bs-example-navbar-collapse-1{
    background: rgba(255, 255, 255, 0.4);
}
#bs-example-navbar-collapse-1{
    max-height: none;
}
@media (min-width: 1200px){
    body > div > div.navbar-header > span{
        margin-left: 100px;
    }
    #bs-example-navbar-collapse-1 > ul{
        margin-right: 90px;
    }
    .navbar-header{
        margin-left: 126px !important;
    }
}

@media (max-width: 1200px){
    body > div > div.navbar-header > span{
        margin-left: 0;
    }
    #bs-example-navbar-collapse-1 > ul{
        margin-right: 0;
    }

}

@media (max-width: 1000px){
    #bs-example-navbar-collapse-1 > ul:nth-child(1){
        display: none;
    }
    .bottom-footer > .container > .row > div:nth-child(3){
        float: right;
    }
    .col-md-1.pic_list_container_right{
        display: none;
    }
    #bottom-footer > div > div > div.col-md-7.col-xs-1.col-lg-push-1{
        display: none;
    }
}
@media (max-width: 767px){
    #background_radius{
        background:none !important;
    }
    #bs-example-navbar-collapse-1 > ul:nth-child(2) > li > a{
        padding-left: 50px;
    }
    #bs-example-navbar-collapse-1{
        padding: 0;
    }
    .nav > li{
        background: #fff;
    }

    #logo_pic{
        left: 6vw;
    }

    .pic_list_container_left > .v_line{
        display: none;
    }
    .col-md-8.pic_list_container_left{
        padding: 0 !important;
        transform: translateX(5vw) !important;
    }
    .pic_list_container_left > .row_left{
        transform: translateX(0px) !important;
    }
    .pic_list_container_left > .row > .pic_inner{
        max-width: 33vw !important;
    }
    .pic_list_container_left > .row > .img{
        max-width: 29vw !important;
    }

    #header{
        top: 88px !important;

    }
    #bottom-footer > div > div > div.col-md-3.col-sm-4.col-xs-6{
        width: 75%;
    }

}
.collapse .nav li a{
    font-family: FrutigerLT45Light, sans-serif;
    font-size: 14px;
    color: #4d4d4f;
    background: none;
    line-height: 34px;
}
.search_btn{
    background: url("../image/search.png") no-repeat left 20px;
    background-size: 20px 20px;
    width: 40px;
    height: 50px;
}
#bs-example-navbar-collapse-1 > ul:nth-child(2) > li > a{
    color: #000;
    font-weight: bold;
}
#bs-example-navbar-collapse-1 > ul:nth-child(2) > li > a:hover{
    color: #f48cbd;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background: none !important;
}
.navbar-inverse .navbar-toggle{
    border: none !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border: none !important;
}
#bs-example-navbar-collapse-1 > ul:nth-child(1) > li:nth-child(2) > a{
    cursor: pointer;
}
#bs-example-navbar-collapse-1 > ul:nth-child(1) > li:nth-child(2) > a > span:hover{
    color: #f48cbd;
}

/*页脚*/
.bottom-footer{
    /*margin-top: 50px;*/
    height: 200px;
    padding: 20px;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.bottom-footer > .container > .row > div:nth-child(3){
    margin-left: 50px;
}
.footer_logo{
    background: url("../image/JZ-logo.png") no-repeat center center;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    margin-left: 12px;
}
.quicklinks > li > a > div{
    width: 30px;
    height: 30px;
}
.quicklinks > li > a > .wechat{
    background: url("../image/wechat.png");
    background-size: 30px 30px;
}
.quicklinks > li > a > .facebook{
    background: url("../image/facebook.png");
    background-size: 30px 30px;
}
.quicklinks > li > a > .instagram{
    background: url("../image/instagram.png");
    background-size: 30px 30px;
}
.quicklinks > li > a > .twitter{
    background: url("../image/twitter.png");
    background-size: 30px 30px;
}
.quicklinks > li > a > .youtube{
    background: url("../image/youtube.png");
    background-size: 30px 30px;
}
.quicklinks > li > a > .wb{
    background: url("../image/WB.png");
    background-size: 30px 30px;
}
.bottom_ul > div > a{
    color: gray !important;
}
.bottom_ul > div > a:hover{
    color: #f48cbd !important;
}
.bottom_ul > div {
    height: 20px;
    width: 200px;
    padding-left:0;
    line-height:20px;
}
.bottom_link_div{
    float: left;
    margin-top: 25px;
}
.copyright{
    position: absolute;
    bottom: 2px;
    right: -170px;
    color: gray;
    font-size: 12px;
}

.pic_list_header_right > div > a{
    font-size: 12px;
}
.pic_list_header_right > a{
    font-size: 12px;
}
.year > a, .year > ul > li > a{
    font-size: 12px;

}
.phone_menu {
    background: url("../image/menu.png") no-repeat center center;
    background-size: 100% 100%;
}