/* 清除内外边距 */
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("../../../public/image/changde/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("../../../public/image/changde/home_logo.png") 20px 10px no-repeat;
}
.left-nav-box{
    padding: 230px 0 0 40px;
    width: 180px;
}
.left-nav-list{
    margin: 15px 0;
    font-size: 18px;
}
.left-nav-list:after{
    content: '';
    display: block;
    width: 180px;
    height: 1px;
    background: url("../../../public/image/changde/short_line.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 15px;
}

.left-nav-list dt{
    color: #4178af;
    width: 180px;
    height: 30px;
    text-align: center;
}
.left-nav-list dt a{
    display: block;
    width: 180px;
    height: 30px;
    line-height: 30px;
    background: url("../../../public/image/changde/list_style.png") 5px center no-repeat;
}
.left-nav-list dt.cur,.left-nav-list dd.cur{
    background: url("../../../public/image/changde/nav_list.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.left-nav-list dt.cur a{
    background: url("../../../public/image/changde/list_style_on.png") 5px center no-repeat;
}
.left-nav-list dd{
    color: #4178af;
    width: 180px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    display: none;
}
.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("../../../public/image/changde/lone_line.png") no-repeat;
}
.right-content-box{
    margin: 70px 0 0 0;
}
.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("../../../public/image/changde/audio_btn.png") no-repeat;
}
.audio-pause{
    background: url("../../../public/image/changde/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 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 li a{
    display: block;
}
.dj-detail-wrap{
    width: 100%;
    height: 520px;
}
.dj-detail-list{
    width: 100%;
    height: 520px;
    display: none;
}
.dj-detail-cont{
    height: 480px;
    padding: 20px 60px;
    text-align: center;
}
.dj-detail-tit{
    background: url("../../../public/image/changde/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: 130px;
    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{
    width: 600px;
    height: 400px;
    background: #000;
    float: left;
}
.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: 300px;
    width: 350px;
    font-size: 24px;
    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: 965px;
        height: 430px;
        margin: 50px auto 0;
    }
    .dj-video-para{
        width: 190px;
        position: absolute;
        left: -190px;
        top: 150px;
    }
    .dj-detail-video-para video{
        width: 620px;
        height: 400px;
        background: #000;
        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: 300px;
        width: 300px;
    }
}
.threesixty-wrapper{
    position: relative;
    width: 998px;
    height: 500px;
    margin: 0 auto;
}
.ui{
    width: 1000px;
    height: 150px;
    position: absolute;
    margin: 0 auto;
    top: 500px;
}
.ui .next{
    position: absolute;
    display: inline-block;
    width:250px;
    height:120px;
    background:url(../../../public/image/changde/right-btn.png) no-repeat;
    cursor: pointer;
    right: 0;
}
.ui .next:hover{ background:url(../../../public/image/changde/right-btnon.png) no-repeat;}
.ui .prev{
    position: absolute;
    display: inline-block;
    width:250px; height:120px;
    background:url(../../../public/image/changde/left-btn.png) no-repeat;
    cursor: pointer;
    left: 0;
}
.ui .prev:hover{background:url(../../../public/image/changde/left-btnon.png) no-repeat;}
.goin{
    width: 127px;
    height: 120px;
    background: url(../../../public/image/changde/goin.png) no-repeat;
    font-size: 18px;
    position: absolute;
    left: 436px;
    top: 0;
}
.goin a{
    color: #004ea2;
    text-decoration: none;
    position: absolute;
}
.goin .left{
    left: 32px;
    top: 23px;
    color: #004ea2;
}
.goin .right{
    left: 63px;
    top: 74px;
}
.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("../../../public/image/changde/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;
}

/*主页*/
.pots{
    width: 30px;
    height: 30px;
    position: absolute;
}
.pots a{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../../../public/image/changde/pots.gif") no-repeat;
}
.pots a img{
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: none;
}
.pots a:hover img{
    display: block;
}
.pot01{
    left: 380px;
    top: 202px;
}
.pot02{
    left: 360px;
    top: 310px;
}
.pot03{
    left: 540px;
    top: 246px;
}
.pot04{
    left: 690px;
    top: 210px;
}
.pot05{
    left: 710px;
    top: 300px;
}
.pot06{
    left: 645px;
    top: 320px;
}
.pot-box .pot02 a img {
    position: absolute;
    left: 17px;
    top: 23px;
}
.pot-box .pot06 a img {
    position: absolute;
    left: 17px;
    top: 23px;
}
.index-tc{
    width: 1000px;
    height: 450px;
    padding: 50px 80px;
    background: rgba(255,255,255,.95);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -580px;
    margin-top: -275px;
    border-radius: 15px;
    box-shadow: 0 5px 5px #888;
    display: none;
}
.index-tc-close{
    display: block;
    background: url("../../../public/image/changde/index_cp5.png") no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.index-tc-cont{
    width: 100%;
    height: 100%;
}
.index-tc-cont li{
    display: none;
}
.index-tc-video{
    width: 600px;
    height: 400px;
    padding: 25px;
}

.history-wrap{
    height: 500px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.history-top{
    margin: 0 auto;
    position: relative;
}
.history-pots{
    position: absolute;
    width: 1000px;
    height: 325px;
    top: 0;
    left: 0;
}
.history-pots .pots{
    width: 54px;
    height: 54px;
}
.history-pots .pots a{
    width: 54px;
    height: 54px;
    background: none;
}
.history-pots .pots a img{
    left: -130px;
    top: -150px;
    display: none;
}
.history-pots .pot02 a img,
.history-pots .pot05 a img,
.history-pots .pot06 a img,
.history-pots .pot07 a img{
    top: -180px;
}
.history-pots .pots a:hover img{
    display: block;
}
.history-pots .pot01{
    left: 76px;
    top: 259px;
}
.history-pots .pot02{
    left: 194px;
    top: 242px;
}
.history-pots .pot03{
    left: 333px;
    top: 230px;
}
.history-pots .pot04{
    left: 471px;
    top: 215px;
}
.history-pots .pot05{
    left: 611px;
    top: 199px;
}
.history-pots .pot06{
    left: 750px;
    top: 185px;
}
.history-pots .pot07{
    left: 890px;
    top: 169px;
}
.history-bottom{
    width: 849px;
    margin: 0 auto;
    height: 125px;
    position: relative;
    padding: 19px 25px;
    background: url("../../../public/image/changde/history_bottom_bg.png") repeat-x;
    overflow: hidden;
}
.history-bottom:before{
    content: '';
    display: block;
    width: 29px;
    height: 153px;
    position: absolute;
    background: url("../../../public/image/changde/history_left_bg.png") no-repeat;
    left: 0;
    top: 5px;
}
.history-bottom:after{
    content: '';
    display: block;
    width: 29px;
    height: 153px;
    position: absolute;
    background: url("../../../public/image/changde/history_right_bg.png") no-repeat;
    right: 0;
    top: 5px;
}
.history-img{
    width: 1500px;
    height: 120px;
    position: relative;
    top: 2px;
}
.history-img li{
    display: block;
    float: left;
    width: 175px;
    height: 125px;
    cursor: pointer;
}
.history-arrow-left{
    width: 25px;
    height: 61px;
    background: url("../../../public/image/changde/history_arrow_left.png") no-repeat;
    position: absolute;
    left: 0;
    top: 380px;
    display: block;
}
.history-arrow-right{
    width: 25px;
    height: 61px;
    background: url("../../../public/image/changde/history_arrow_right.png") no-repeat;
    position: absolute;
    right: 0;
    top: 380px;
    display: block;
}
.history-tc{
    width: 800px;
    height: 560px;
    padding: 20px 80px;
    background: rgba(255,255,255,.95);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -300px;
    border-radius: 15px;
    box-shadow: 0 5px 5px #888;
    display: none;
}
.history-tc-cont{
    width: 100%;
    height: 100%;
    text-align: center;
}
.history-tc-cont li{
    display: none;
}
.history-tc-close{
    display: block;
    background: url("../../../public/image/changde/index_cp5.png") no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
}