/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
fieldset, button, input, textarea,
th, td {
    margin: 0;
    padding: 0;
    outline: none;
}

/* 设置默认字体 */
body,
button, input, select, textarea, p, span { /* for ie */
    font: 13px / 1.5 'Microsoft Yahei' Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: inherit;}


/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

html,body{
    min-width: 1600px;
    height: 100%;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    position: relative;
}
.container{
    width: 100%;
    height: 100%;
    background: url("../image/container_bg.jpg") center no-repeat;
    background-size: 100% 100%;
    /*position: fixed;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*overflow: scroll;*/
}
.left-nav-wrap{
    width: 250px;
    height: 100%;
    float: left;
    background: url("../image/home_logo.png") 20px 10px no-repeat;
}
.left-nav-box{
    padding: 230px 0 0 40px;
    width: 230px;
}
.left-nav-list{
    margin: 15px 0;
    font-size: 18px;
}
.left-nav-list:after{
    content: '';
    display: block;
    width: 180px;
    height: 1px;
    background: url("../image/short_line.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 15px;
}

.left-nav-list dt{
    color: #4178af;
    width: 230px;
    height: 30px;
    text-align: left;
}
.left-nav-list dt a{
    display: block;
    width: 180px;
    height: 30px;
    line-height: 30px;
    background: url("../image/list_style.png") 5px center no-repeat;
}
.left-nav-list dt a span{
    display: block;
    padding-left: 30px;
}
.left-nav-list dt.cur,.left-nav-list dd.cur{
    background: url("../image/nav_list.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.left-nav-list dt.cur a{
    background: url("../image/list_style_on.png") 5px center no-repeat;
}
.left-nav-list dd{
    color: #4178af;
    width: 230px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    display: none;
}
.left-nav-list dd a{
    display: block;
    padding-left: 30px;
}
.right-content{
    margin-left: 250px;
}
.site-map{
    padding: 10px 0 0 10px;
    height: 20px;
    line-height: 20px;
    color: #3e3a39;
    font-size: 15px;
}
.site-map a:hover{
    text-decoration: underline;
}
.site-map a.cur{
    color: #1d87c6;
}
.home-title{
    height: 45px;
    margin: 40px 0 0 0;
}
.home-title p{
    position: relative;
    line-height: 45px;
    width: 388px;
    margin: 0 auto;
    text-align: center;
    color: #1d87c6;
    font-size: 25px;
}
.home-title p:before,.home-title p:after{
    content: '';
    position: absolute;
    display: block;
    width: 388px;
    height: 1px;
    background: url("../image/lone_line.png") no-repeat;
}
.right-content-box{
    margin: 70px 0 0 25px;
}
.right-content-box>img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.right-cont-wrap{
    height: 480px;
    background: #fbfbfb;
    background-size: cover;
    border-radius: 15px 0 0 15px;
    -webkit-box-shadow: -2px 3px 3px #999;
    -moz-box-shadow: -2px 3px 3px #999;
    box-shadow: -2px 3px 3px #999;
    padding: 20px 0;
}
.audio-btn{
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../image/audio_btn.png") no-repeat;
}
.audio-pause{
    background: url("../image/audio_pause_btn.png") no-repeat;
}
.dj-detail{
    position: relative;
    width: 100%;
    height: 520px;
    background: #fbfbfb;
    background-size: cover;
    border-radius: 15px 0 0 15px;
    -webkit-box-shadow: -2px 3px 3px #999;
    -moz-box-shadow: -2px 3px 3px #999;
    box-shadow: -2px 3px 3px #999;
}
.dj-detail-btn{
    position: absolute;
    right: 0;
    height: 38px;
    bottom: -40px;
    border: 1px solid #7fc3eb;
    border-radius: 0 0 0 10px;
    -webkit-box-shadow: 3px 2px 3px #888;
    -moz-box-shadow: 3px 2px 3px #888;
    box-shadow: 3px 2px 3px #888;
}
.dj-detail-btn_en{
    position: absolute;
    right: 0;
    height: 38px;
    bottom: -40px;
    border: 1px solid #7fc3eb;
    border-radius: 0 0 0 10px;
    -webkit-box-shadow: 3px 2px 3px #888;
    -moz-box-shadow: 3px 2px 3px #888;
    box-shadow: 3px 2px 3px #888;
}
.dj-detail-btn li{
     padding: 0 20px;
     height: 36px;
     line-height: 36px;
     text-align: center;
     border: 1px solid #7fc3eb;
     float: left;
     background: #1d87c6;
     color: #fff;
     cursor: pointer;
 }
.dj-detail-btn_en li{
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #7fc3eb;
    float: left;
    background: #1d87c6;
    color: #fff;
    cursor: pointer;
}
.dj-detail-btn li.cur{
    background: #1e417c;
}
.dj-detail-btn_en li.cur{
    background: #1e417c;
}
.dj-detail-btn li a{
    display: block;
}
.dj-detail-wrap{
    width: 100%;
    height: 520px;
}
.dj-detail-list{
    width: 100%;
    height: 520px;
    display: none;
}
.dj-detail-list_en{
    width: 100%;
    height: 520px;
    display: none;
}
.dj-detail-list-btn{
    display: block;
    width: 80px;
    height: 40px;
    background-color: #7fc3eb;
    margin-left: 100px;
    margin-bottom: 20px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.dj-detail-cont{
    height: 480px;
    padding: 20px 60px;
    text-align: center;
    /* display: none; */
}
.dj-detail-tit{
    background: url("../image/dj_detail_tit.png") no-repeat;
    width: 218px;
    height: 51px;
    color: #4c9fd1;
    font-size: 24px;
    text-align: center;
    line-height: 51px;
    margin-left: 45px;
    position: absolute;
    margin-top: 30px;
}
.dj-detail-page-cont{
    width: 100%;
    text-align: center;
    display: none;
}
.dj-detail-page-btn{
    width: 200px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.dj-detail-page-btn a{
    display: block;
    height: 30px;
    background: #4c9fd1;
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.dj-detail-page-btn a.cur{
    background: #faa401;
}
.dj-detail-video{
    width: 782px;
    height: 440px;
    margin: 20px auto 0;
    background: #000;
}
.dj-detail-flash{
    background: #f1f1f1;
    border-radius: 15px;
    height: 460px;
    padding: 10px;
}
.dj-detail-page-cont img,.dj-detail-cont img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.dj-detail-page-cont object,.dj-detail-cont object{
    display: block;
    margin: 0 auto;
    border-radius: 15px;
}
.dj-detail-video-para{
    width: 965px;
    height: 430px;
    margin: 30px auto 0;
}
.dj-detail-video-para video,.dj-detail-video-para object{
    width: 600px;
    height: 400px;
    background: #000;
    float: left;
}
.dj-detail-video-para object{
    background: #ccc;
}
.dj-detail-video-para img{
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 300px;
    width: 350px;
}
.dj-detail-video-para p{
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 200px;
    width: 350px;
    font-size: 18px;
    text-align: left;
    color: #1d87c6;
}
@media screen and (max-width: 1500px) {
    .dj-detail-tit{
        margin-left: 10px;
        margin-top: 15px;
    }
    .dj-detail-cont{
        height: 480px;
        padding: 20px 20px;
        text-align: center;
    }
    .dj-detail-video{
        width: 682px;
        height: 384px;
        margin: 50px auto 0;
        background: #000;
    }
    .dj-detail-video-para{
        width: 900px;
        height: 430px;
        margin: 50px auto 0;
    }
    .dj-video-para{
        width: 190px;
        position: absolute;
        left: -190px;
        top: 150px;
    }
    .dj-detail-video-para video{
        width: 520px;
        height: 360px;
        background: #000;
        float: left;
        margin-left: 30px;
    }
    .dj-detail-video-para object{
        width: 520px;
        height: 360px;
        float: left;
        margin-left: 30px;
    }
    .dj-detail-video-para img{
        display: block;
        float: left;
        margin-left: 15px;
        margin-top: 300px;
        width: 300px;
    }
    .dj-detail-video-para p{
        display: block;
        float: left;
        margin-left: 15px;
        margin-top: 200px;
        width: 300px;
    }
}
.dragArrow{
    position: absolute;
    width: 80px;
    height: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}
.dragArrow a{
    display: block;
    width: 28px;
    height: 20px;
    background: url("../image/arrow_drag.png") no-repeat;
}
.dragArrow a.drag-left{
    float: left;
    background-position: 0 0;
}
.dragArrow a.drag-right{
    float: right;
    background-position: 0 -20px;
}
.dragWrap{
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative;
}
.dragBox{
    position: absolute;
    left: 0;
    display: block;
    width: 1600px;
    height: 460px;
    text-align: center;
}