﻿@charset 'utf-8';
.footlink{display: none;}
.zcwj-title{width: 100%;text-align: center;height: auto;}
.zcwj-title img{width: 100%;height: auto;}

.zcwjk-main{width: auto;padding: 57px 0;background: #e6f8ff url("./../images-zcwj/bottom-bg.png") no-repeat center bottom;height: auto;}

.mp_box,.mp_box01,.poster-main{width: 1000px;height: 500px;overflow: hidden;position: relative;margin: 0 auto;}
.slide01{width: 100%;min-height: 500px;overflow: hidden;position: relative;}
.slide01 .img{overflow: hidden;position: absolute;transition: width 1s,height 1s,top 1s,left 1s,right 1s,z-index 1s; background: #fff;}
.slide01 .img img{width:100%;height:100%;}
.slide01 .img4{width: 18%;height: 58%;top: 21%;left:0%;z-index: 1;}
.slide01 .img3{width: 24%;height: 72.8%;top: 13.6%;left:69%;z-index: 2;}
.slide01 .img2{width: 30%;height: 88%;top: 6%;left:52%;z-index: 3;}
.slide01 .img1{width: 36%;height: 100%;top: 0%;left: 32%;z-index: 4;}
.slide01 .img5{width: 30%;height: 88%;top: 6%;right:52%;z-index: 3;}
.slide01 .img6{width: 24%;height: 72.8%;top: 13.6%;right:69%;z-index: 2;}
.slide01 .img7{width: 18%;height: 58%;top: 21%;right:0%;z-index: 1;}
.mp_box .title{ display: none;}
.mp_box .img1 .title{display: none;}
.mp_box .prev,.mp_box .next,.mp_box01 .prev,.mp_box01 .next{display: block;position: absolute;top: 50%;margin-top: -26px;width: 52px; height: 52px;cursor: pointer; z-index: 999;}
.mp_box .prev,.mp_box .next{width: 320px;height: 500px;top: 0;margin-top: 0;}
.mp_box .prev,.mp_box01 .prev{ left: 0; background: url(../images-zcwj/left-icon.png) no-repeat center center;}
.mp_box .next,.mp_box01 .next{ right: 0; background: url(../images-zcwj/right-icon.png) no-repeat center center;}
.mp_box .prev:hover,.mp_box01 .prev:hover,.poster-main .poster-prev-btn:hover{ left: 0; background: url(../images-zcwj/left-icon-h.png) no-repeat center center;}
.mp_box .next:hover,.mp_box01 .next:hover,.poster-main .poster-next-btn:hover{ right: 0; background: url(../images-zcwj/right-icon-h.png) no-repeat center center;}

.poster-main .poster-list {width: 100%;height: 100%;} 
.poster-main .poster-list .poster-item {width: 200px;height: 500px;position: absolute;left: 0;top: 0;}
.poster-main .poster-btn {position: absolute;cursor: pointer; z-index: 999;top: 0;}
.poster-main .poster-prev-btn {left: 0;background: url(../images-zcwj/left-icon.png) no-repeat center center;}
.poster-main .poster-next-btn {right: 0;background: url(../images-zcwj/right-icon.png) no-repeat center center;}

.ind-flash{width: 100%; height: 100%; position:relative; }
.ind-flash .ind-flashPic,.ind-flash .ind-flashPic ul,.ind-flash .ind-flashPic li,.ind-flash .ind-flashPic img,.ind-flash .ind-flashPic a{height:100%; width: 100%; }
.ind-flash .ind-flashPic{ position:relative; z-index:0;}
.ind-flash .ind-flashPic li{ zoom:1; vertical-align:middle;}
.ind-flash .ind-flashPic a{display:block; color: #fff; position: relative;}
.ind-flash .ind-flashPic img{display:block;}
.ind-flash .ind-flashPic .title{display: none; height: 36px; line-height: 36px; padding: 0 100px 0 10px; font-size: 16px; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.ind-flash .ind-flashPic a:hover .title{color: #fff;}
.ind-flash .ind-flashNum{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:12px; z-index:1; display: none;}
.ind-flash .ind-flashNum ul{ overflow:hidden; zoom:1; float:left;}
.ind-flash .ind-flashNum ul li{ float:left; margin-right:8px; width:12px; height:12px; text-indent: -20em; font-size: 0; background:url("../images/num.png") 0 0 no-repeat; overflow: hidden; cursor: pointer;}
.ind-flash .ind-flashNum ul li.on{ background-position: -12px 0;}

.zcwj-links{height: auto;width: 1000px;margin: 0 auto;padding-top: 50px;}
.zcwj-links ul li{float: left;width: 320px;margin-left: 20px;height: 80px;line-height: 80px;text-align: center;background: url("./../images-zcwj/li-bg_03.png") no-repeat center center;margin-bottom: 20px;}
.zcwj-links ul li a{font-size: 22px;font-weight: bold;color: #fff;display: block;}
.zcwj-links ul{margin-left: -20px;}



@media(max-width:1199px) and (min-width:992px){
    .mp_box,.mp_box01{width: 360px;}
    .zcwjk-main{height: auto;}
}
@media(max-width:999px) and (min-width:992px){
    .zcwj-links{width: 992px;}
    .zcwj-links ul{margin-left: 0;}
    .zcwj-links ul li{width: 32.333%;margin: 0 .5% 10px;background-size: 100% 100%;}
}
@media(max-width:992px) and (min-width:768px){
    .zcwj-links{width: 768px;}
    .mp_box,.mp_box01{width: 360px;}
    .mp_box01{height: 450px;}
    .zcwjk-main{height: auto;}

    .zcwj-links ul li{width: 32.333%;margin: 0 .5% 10px;background-size: 100% 100%;}
    .zcwj-links ul{margin-left: 0;}
}
@media(max-width:767px){
    .zcwj-links{width: 100%;}
    .mp_box,.mp_box01{width: 360px;}
    .zcwjk-main{height: auto;padding: 10px;}

    .zcwj-links ul li{width: 49%;margin: 0 .5% 10px;background-size: 100% 100%;}
    .zcwj-links{padding-top: 20px;}
    .zcwj-links ul{margin-left: 0;}
}
@media(max-width:380px){
    .mp_box,.mp_box01{width: 100%;}
}