@charset "utf-8";
.item{
    max-width: 1960px;
    margin:0 auto;
    position: relative;
}
.item.bg::before{
    width:800px;
    height:200px;
    content:'';
    position: absolute;
    right:0;
    top:-200px;
    background:url(/uploads/image/images/bgimg_03.png) no-repeat;
    z-index: -1;
}
.item.bg2::before{
    width:600px;
    height:150px;
    content:'';
    position: absolute;
    left:0;
    top:-60px;
    background:url(/uploads/image/images/bgimg_05.png) no-repeat;
    background-size:contain;
    z-index: -1;
}
.item.bg3::before{
    width:800px;
    height:200px;
    content:'';
    position: absolute;
    right:0;
    top:-100px;
    background:url(/uploads/image/images/bgimg_03.png) no-repeat;
    z-index: -1;
}
.item h2.title{
    width:281px;
    height:60px;
    line-height:60px;
    text-align: center;
    margin:0 auto 20px;
    font-size:33px;
    color:#1f74ab;
    background:;
    font-weight:normal;
}




.item .item01{
    width:1200px;
    height:550px;
    margin:0 auto 120px;
    overflow: hidden;
}
.item .item01 .focus{
    width:730px;
    height:550px;
    float:left;
    position: relative;
}
.item .item01 .focus .swiper-slide img{
    width:730px;
    height:486px;
    display:block;
}
.item .item01 .focus .swiper-slide span{
    width:730px;
    height:50px;
    line-height:50px;
    background:rgba(255,255,255,.8);
    color:#063d8f;
    font-size:16px;
    display:block;
    text-indent:30px;
    z-index:99;
}
.item .item01 .focus .arrow-left,.item .item01 .focus .arrow-right{
    width:45px;
    height:80px;
    background:rgba(255,255,255,.5);
    position: absolute;
    top:200px;
    z-index: 99;
}
.item .item01 .focus .arrow-left{
    left:0;
    background:rgba(255,255,255,.5) url(/uploads/image/images/left.png) center no-repeat;
}
.item .item01 .focus .arrow-right{
    right:0;
    background:rgba(255,255,255,.5) url(/uploads/image/images/right.png) center no-repeat;
}
.item .item01 .list{
    width:462px;
    height:536px;
    background:#fff;
    float:right;
    padding:20px 15px 30px 15px;
    box-sizing: border-box;
}
.item .item01 .list li{
    line-height:26px;
    /* white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
    position: relative;
    margin-bottom:20px;
    padding-left:16px;
    box-sizing: border-box;
}
.item .item01 .list li::before{
    content:'';
    width:6px;
    height:6px;
    background:#62a7d2;
    border-radius: 50%;
    position: absolute;
    top:50%;
    left:0;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.item .item01 .list li a{
    font-size:18px;
    color:#595757;
}



.item .item02 {
    width:1200px;
    margin:0 auto;
    margin-bottom:80px;
    height:445px;
}
.item .item02 .timeline{
    width:532px;
    height:445px;
    float:left;
    position: relative;
    background:#ebf6f5;
    overflow: hidden;
}
.item .item02 .timeline .title{
    width:100%;
    height:57px;
    background:#389082;
    border-bottom:6px solid #cfe5df;
    border-radius: 3px 3px 0 0;
    position: relative;
    padding-left:160px;
    padding-right:20px;
    box-sizing: border-box;
    text-align: right;
}
.item .item02 .timeline .title span{
    display:inline-block;
    color:#fff;
    font-size:20px;
    width:100px;
    height:48px;
    line-height:48px;
    cursor:pointer;
    text-align: center;
}
.item .item02 .timeline .title span.active{
    border-bottom:4px solid #cfe5de;
}
.item .item02 .timeline .title i{
    color:#fff;
}
.item .item02 .timeline .title::before{
    width:55px;
    height:57px;
    content: '';
    position: absolute;
    left:-8px;
    top:0;
    z-index: 99;
    background:url(/uploads/image/images/icon.png) center left no-repeat;
}
.item .item02 .timeline .list{
    width:480px;
    height:350px;
    margin:20px 25px;
    padding-left:40px;
    box-sizing: border-box;
    overflow: auto;
}
.item .item02 .timeline .list>div{
    display:none;
}
.item .item02 .timeline .list>div.active{
    display:block;
}
.item .item02 .timeline .list {
	overflow-y: scroll;
}
.item .item02 .timeline .list::-webkit-scrollbar {
    width: 6px;
}
.item .item02 .timeline .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a3cdc7;
}
.item .item02 .timeline .list::-webkit-scrollbar-track {
    border-radius: 0;
    background: none;
}

.item .item02 .timeline .list::before{
    content:'';
    width:2px;
    height:350px;
    background:#389082;
    position: absolute;
    top:80px;
    left:35px;
}
.item .item02 .timeline .list h3{
    font-size:20px;
    color:#389082;
    font-weight:500;
    margin-bottom:10px;
}
.item .item02 .timeline .list ul{
    margin-bottom:14px;
}
.item .item02 .timeline .list li{
    font-size:16px;
    height:30px;
    position: relative;
}
.item .item02 .timeline .list li::before{
    content:'';
    width:8px;
    height:8px;
    border-radius: 6px;
    position: absolute;
    top:6px;
    left:-33px;
    background:#389082;
}
.item .item02 .service{
    width:325px;
    height:445px;
    float:left;
    background:#fff;
    overflow: hidden;
}
.item .item02 .service .title{
    width:100%;
    height:57px;
    line-height:57px;
    background:#d5e8e1;
    font-size:30px;
    text-align: center;
    color:#389082;
}
.item .item02 .service ul{
    width:290px;
    height:300px;
    margin:45px auto;
}
.item .item02 .service ul li{
    width:33.33%;
    float:left;
    text-align: center;
    margin-bottom:50px;
    font-size:18px;
}
.item .item02 .service ul li a{
    color:#595757;
}
.item .item02 .service ul li i{
    background:#eee;
    margin:0px auto 15px;
    width:77px;
    height:77px;
    display:block;
}
.item .item02 .service ul li i.i01{
    background:url(/uploads/image/images/icon01_05.png)
}
.item .item02 .service ul li i.i02{
    background:url(/uploads/image/images/ico001_03.png)
}
.item .item02 .service ul li i.i03{
    background:url(/uploads/image/images/icon01_03.png)
}
.item .item02 .service ul li i.i04{
    background:url(/uploads/image/images/ico001_07.png)
}
.item .item02 .service ul li i.i05{
    background:url(/uploads/image/images/icon01_09.png)
}
.item .item02 .service ul li i.i06{
    background:url(/uploads/image/images/icon01_10.png)
}
.item .item02 .sound{
    width:325px;
    height:445px;
    background:#fff  no-repeat;
    float:right;
    overflow: hidden;
}
.item .item02 .sound h2{
    font-size:27px;
    color:#545454;
    text-align: center;
    font-weight:normal;
    height:110px;
    padding-top:26px;
}
.item .item02 .sound h2 span{
    font-size:15px;
    display:block;
}
.item .item02 .sound .player{
    width:270px;
    height:100px;
    margin:0 auto 20px;
}
.item .item02 .sound ul{
    width:100%;
    padding: 0 20px;
    height:170px;
    overflow-y: scroll;
    box-sizing: border-box;
}
.item .item02 .sound ul {
	overflow-y: scroll;
}
.item .item02 .sound ul::-webkit-scrollbar {
    width: 6px;
}
.item .item02 .sound ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a3cdc7;
}
.item .item02 .sound ul::-webkit-scrollbar-track {
    border-radius: 0;
    background: #e7e7e7;
}
.item .item02 .sound li{
    font-size:16px;
    line-height:34px;
    overflow: hidden;
    cursor:pointer;
}
.item .item02 .sound li.active span{
    color:#8e97ff;
}
.item .item02 .sound li span{
    margin-right:10px;
    float:left;
}
.item .item02 .sound li i.play{
    background:url(/uploads/image/images/ico01.png);
    width:20px;
    height:20px;
    float:right;
    position: relative;
    top:7px;
}
.item .item02 .sound li.active i.playing{
    background:url(/uploads/image/images/qmydz-play.gif);
    background-size:contain;
    width:20px;
    height:20px;
    float:right;
    position: relative;
    top:7px;
    margin-right:10px;
}


.item .item03{
    width:1200px;
    height:555px;
    background:#f2f2f3;
    margin:0 auto 65px;
}
.item .item03 .list{
    width:487px;
    height:555px;
    float:left;
    background:#fff;
    overflow: auto;
    padding-right:12px;
    box-sizing: border-box;
}
.item .item03 .list {
	overflow-y: scroll;
}
.item .item03 .list::-webkit-scrollbar {
    width: 6px;
}
.item .item03 .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a3cdc7;
}
.item .item03 .list::-webkit-scrollbar-track {
    border-radius: 0;
    background: #e7e7e7;
}
.item .item03 .list li{
    font-size:16px;
    border-bottom:1px dotted #ededec;
    height:65px;
    line-height:65px;
    cursor: pointer;
    padding:0 20px;
    box-sizing: border-box;
}
.item .item03 .list li span{
    margin-right:20px;
    float:left;
}
.item .item03 .list li i{
    width:30px;
    height:30px;
    float:right;
    display:block;
    background:url(/uploads/image/images/arrow1.png) center no-repeat;
    position: relative;
    top:16px;
}
.item .item03 .list li.active{
    background:#eef9f8;
}
.item .item03 .list li.active i{
    background:url(/uploads/image/images/arrow2.png) center no-repeat;
}
.item .item03 .detail{
    width:712px;
    height:555px;
    float:right;
    padding:22px 20px;
    box-sizing: border-box;
    font-size:18px;
    color:#3e3a39;
}
.item .item03 .detail img{
    width:675px;
    height:455px;
    margin-bottom:24px;
}
.item .item03 .detail span{
    color:#1f74ab;
    float:right;
}





.item .item04{
    width:100%;
    height:540px;
    margin:0 auto 80px;
    background:#ebf6f5;
    overflow: hidden;
}
.item .item04 .list{
    width:975px;
    height:456px;
    background:url(/uploads/image/images/img_04.jpg);
    margin:44px auto;
    overflow: hidden;
    position: relative;
}
.item .item04 .list p{
    width:100%;
    height:80px;
    background:rgba(255,255,255,.8);
    color:#1f74ab;
    font-size:30px;
    line-height:80px;
    text-align: center;
    position: absolute;
    top:180px;
    left:0;
    display:none;
    z-index: 99;
}
/*
.item .item04 .list:hover p{
    display:block;
}*/
.item .item04 .list li{
    cursor: pointer;
    font-size:20px;
    color:#fff;
    width:12.5%;
    height:456px;
    float:left;
    text-align: center;
    word-wrap:break-word;
    padding:0 45px;
    box-sizing: border-box;
    position: relative;
}
.item .item04 .list li a{
    display:block;
    color:#fff;
    width:30px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}



.item .item05{
    width:100%;
    margin:0 auto 70px;
}
.item .item05 .camera{
    width:100%;
    overflow: hidden;
    position: relative;
}
.item .item05 .swiper-container{
    height:200px;
}
.item .item05 .camera img{
    width:100%;
    height:auto;
}
.item .item05 .arrow{
    width:32px;
    height:57px;
    position: absolute;
    top:70px;
    z-index: 99;
}
.item .item05 .arrow-left{
    left:10px;
    background:rgba(255,255,255, .8) url(/uploads/image/images/left.png);
}
.item .item05 .arrow-right{
    right:10px;
    background:rgba(255,255,255, .8) url(/uploads/image/images/right.png);
}



.item .item06{
    width:1200px;
    height:600px;
    margin:0 auto 70px;
    background:#fff;
}
.item .item06 .soundhead{
    width:1200px;
    height:60px;
    background:#b4d8d3;
    padding:0 40px;
    box-sizing: border-box;
    position: relative;
}
.item .item06 .soundhead .swiper-slide{
    line-height:60px;
    text-align: center;
    padding:0 30px;
    cursor: pointer;
    font-size:22px;
    position: relative;
    color:#595757;
    box-sizing: border-box;
}
.item .item06 .soundhead .swiper-slide::after{
    position: absolute;
    top:20px;
    right:0px;
    content:'';
    width:4px;
    height:20px;
    background:#90a4a1;
}
.item .item06 .soundhead .swiper-slide.active span{
    color:#063d8f;
}
.item .item06 .soundhead .arrow-left{
    position: absolute;
    top:13px;
    left:14px;
    width:18px;
    height:34px;
    background:;
}
.item .item06 .soundhead .arrow-right{
    position: absolute;
    top:13px;
    right:14px;
    width:18px;
    height:34px;
    background:;
}
.item .item06 .detail{
    width:100%;
    height:500px;
    padding:80px 40px 0;
    box-sizing: border-box;
    overflow-y: scroll;
}
.item .item06 .detail {
	overflow-y: scroll;
}
.item .item06 .detail::-webkit-scrollbar {
    width: 6px;
}
.item .item06 .detail::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a3cdc7;
}
.item .item06 .detail::-webkit-scrollbar-track {
    border-radius: 0;
    background: #e7e7e7;
}
.item .item06 .detail .li{
    margin-bottom:30px;
    height:460px;
    background: url(/uploads/image/images/img_08.jpg) 720px 0px no-repeat;
    background-size: 380px auto;
}
.item .item06 .detail img{
    width:666px;
    height:443px;
    float:left;
}
.item .item06 .detail .ctx{
    width:400px;
    height:400px;
    float:right;
    padding:10px 15px;
    box-sizing: border-box;
    font-size:16px;
    font-weight:500;
    text-indent: 2em;
    line-height:30px;
    overflow: auto;
    position: relative;
}
.item .item06 .detail .ctx p{
    width:320px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    color:#1f74ab;
    text-align:justify;
}
.item .item06 .detail .ctx .more{
    display:none;
}
.item .item06 .ctx {
	overflow-y: scroll;
}
.item .item06 .ctx::-webkit-scrollbar {
    width: 6px;
}
.item .item06 .ctx::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a3cdc7;
}
.item .item06 .ctx::-webkit-scrollbar-track {
    border-radius: 0;
    background: #e7e7e7;
}
.item .item06 .detail .ctx a{
    color:#1f74ab;
}




.item .item07{
    max-width: 1960px;
    margin:0 auto 45px;
    width:100%;
}
.item .item07 img{
    width:100%;
}


.item .item08{
    max-width: 1200px;
    margin:0 auto;
    width:100%;
    height:380px;
    background:#fff;
}
.item .item08 .left{
    width:656px;
    float:left;
}
.item .item08 .left img{
    width:100%;
    height:380px;
}
.item .item08 .right{
    width:544px;
    float:right;
}
.item .item08 .right h2{
    width:100%;
    height:80px;
    background:url(/uploads/image/images/img_14.jpg);
    margin-top:20px;
    color:#fff;
    font-size:26px;
    font-weight:normal;
    text-indent:70px;
    line-height:80px;
    margin-bottom:40px;
}
.item .item08 .right p{
    font-size:16px;
    color:#3e3a39;
    width:480px;
    margin:0 auto 28px;
    line-height:30px;
    text-indent:2em;
    cursor: pointer;
}
.item .item08 .right .more{
    float:right;
    margin-right:40px;
}