body {
/*     width: 1200px;
    margin: 100px auto;
    background: url(../images/jdbg.png) no-repeat #f2f2f2 !important; */
}


.index_container{
    width: 1200px;
    margin: 0 auto;
}
.index_top{
    height: 488px;
    background-color: #ffffff;
    padding: 20px;
}
.index_tt{
    width: 100%;
    background: url(../images/index/index_tt.png)no-repeat;
    height: 90px;
    line-height: 90px;
    text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_tt a{
    display: inline-block;
	font-size: 28px;
	color: #333333;
	width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.index_gzdt{
    margin-top:20px;
}
.slideBox {
	width: 600px;
	height: 338px;
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 18px;
    bottom: 20px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;

    width: 10px;
	height: 10px;
	background-color: #ffffff;
    cursor: pointer;
    margin-right: 12px;
    border-radius: 10px;
}

.slideBox .hd ul li.on {
    background: #fa6e89;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.slideBox .bd h1 {
    height: 57px;
    width: 100%;
    line-height: 57px;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    padding-left: 22px;
}
.slideBox .bd h1 a{

    color: #ffffff;
    font-size: 16px;
}
.slideBox .bd img{ 
	width: 600px;
	height: 338px;
     display:block; 
}
.gzdt_right{
    width: 545px;
    position: relative;
}
.gzdt_tab ul{
    float: left;
}
.gzdt_tab li{
    float: left;
    margin-left:70px;
    text-align: center;
    font-size: 18px;
    color: #999999;
    position: relative;
    width: 110px;
    cursor: pointer;
}
.gzdt_tab li::before{
    content:'';
    width: 124px;
    height: 8px;
    background: url(../images/index/icon_01.png)no-repeat;
    position: absolute;
    left: -98px;
    top: 20px;
}
.gzdt_tab li:first-child{
    margin-left:0 ;
}
.gzdt_tab li:first-child::before{
  display: none;
}
.gzdt_tab li.on{
    color: #ef4378;

}
.gzdt_tab li span{
  display: inline-block;
  width: 40px;
  height: 40px;
}
.gzdt_tab li span.gzdtzx{
    background: url(../images/index/gzdtzx.png)no-repeat;
}
.gzdt_tab li span.jcdt{
    background: url(../images/index/jcdt.png)no-repeat;
}
.gzdt_tab li span.bhxx{
    background: url(../images/index/bhxx.png)no-repeat;
}
.gzdt_tab li.on span.gzdtzx{
    background: url(../images/index/gzdtzx_on.png)no-repeat;
}
.gzdt_tab li.on span.jcdt{
    background: url(../images/index/jcdt_on.png)no-repeat;
}
.gzdt_tab li.on span.bhxx{
    background: url(../images/index/bhxx_on.png)no-repeat;
}
.gzdt_right .gzdt_more{
    position: absolute;
    right: 0;
    top: 10px;
}
.gzdt_more a{
    display: none;
}
.gzdt_more a:first-child{
    display: block;
}
.gzdt_tabBox{
    margin-top:24px;
}
.gzdt_tabBox ul{
    display: none;
}
.gzdt_tabBox ul:first-child{
display: block;    
}
.index_li{
    font-size: 16px;
    line-height: 42px;
  height: 42px;
  padding-left:20px ;
  position: relative;
}
.index_li::before{
content:'';
width: 6px;
height: 6px;
background: url(../images/index/icon_dian.png)no-repeat;
left: 0;
top: 50%;
margin-top:-3px;
position: absolute;
}

.index_li a{
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .5s;
}
.index_li a:hover{transform:translateX(0.3em);}
.index_li span{
    float: right;
    color: #999999;
}
.index_zt{
    background-color: #ffffff;
    margin-top:20px;
}
/* zt */
.picScroll-left {
    overflow: hidden;
    position: relative;
}

.picScroll-left .bd {
    padding: 15px 0;
}
.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}
.picScroll-left .bd ul li {
    margin-left:25px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.picScroll-left .bd ul li .pic {
    text-align: center;
}
.picScroll-left .bd ul li .pic img {
    width: 366px;
    height: 120px;
    display: block;
}
.picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}
.picScroll-left .bd ul li .title {
    line-height: 24px;
}
.picScroll-left .next,.picScroll-left .prev{
    display: block;
    position: absolute;
    width: 15px;
    height: 26px;
    top: 50%;
    margin-top:-13px;
    z-index: 10;
}
.picScroll-left .next{
    background: url(../images/index/icon_right.png)no-repeat;
    right: 2px;
}
.picScroll-left .prev{
    background: url(../images/index/icon_left.png)no-repeat;
    left: 2px;
}
/* zcfg */
.index_zcfg{
   background: #ffffff;
   padding: 20px;
   overflow: hidden;
   margin-top:20px;
}
.zcfg_box{
    width: 374px;
	height: 269px;
    background-color: #f8f8f8;
    padding: 20px;
    float: left;
    margin-left:19px;
}
.bw13{
    width:100%;
    padding:20px 20px 0;
    background: #fff;
}
.zcfg_box:first-child{
    margin-left:0 ;
}
.zcfg_box ul{
    margin-top:30px;
}
.zcfg_box .index_li a{
width: 96%;
}
.index_titd h3{
    width: 120px;
    height: 40px;
    background: url(../images/index/index_titd.png)no-repeat;
    line-height: 40px;
    text-align: center;
    float: left;
}
.index_titc h3{
    width: 163px;
    background: url(../images/index/index_titc.png)no-repeat;
}
.index_titd h3 a{
    font-size: 18px;
    color: #ffffff;
}
.index_titd .more{
float: right;
line-height: 40px;
}
/* 志愿者 */
.index_zyz{
    width: 785px;
    background: #ffffff;
    margin-top:20px;
    padding: 20px;
}
.zyz_tab {
    position: relative;
    height: 40px;
    margin-bottom:15px ;
}
.zyz_tab ul{
  position: absolute;
  width: 356px;
  margin-left:-178px;
  left: 50%;
}
.zyz_tab ul::before{
    content: '';
    width: 180px;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    left:-195px;
    top: 25px;
}
.zyz_tab ul::after{
    content: '';
    width: 157px;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    right: -160px;
    top: 25px;
}
.zyz_tab li{
    width: 178px;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
}
.zyz_tab li.on{
    background: url(../images/index/index_tabon.png)no-repeat;
    color: #ffffff;
}
.zyz_tab .zyz_more{
    position: absolute;
    right: 0;
    top: 10px;

}   
.zyz_tab .zyz_more a{
    display: none;
}
.zyz_tab .zyz_more a:first-child{
    display: block;
}
#picScroll-left2 .bd,
#picScroll-left3 .bd{
    padding: 15px;
}
#picScroll-left2 .bd .tempWrap, 
#picScroll-left3 .bd .tempWrap{
    width: 705px !important;
}
#picScroll-left2 .bd ul li,
#picScroll-left3 .bd ul li{
  margin: 0 9px;
  width: 225px;
  height: 158px;
}
#picScroll-left2 img,
#picScroll-left3 img{
    width: 225px;
	height: 158px;
}
.zyz_list{
    width: 100%;
    display: none;
    height: 188px;
}
.zyz_list:first-child{
    display: block;
}
/* 宣传视频 */
.xcsp{
    width: 395px;
    height: 283px;
    background-color: #ffffff;
    padding: 10px 20px;
    margin-top: 20px;
}
.xcsp > p{
    width: 120px;
    height: 40px;
    background: url(../images/index/index_titd.png) no-repeat;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.xcsp > div{
    width: 100%;
    height: 213px;
}
.xcsp > div div,
.xcsp > div video{
    width: 100%;
    height: 100%;
}

/* 妈妈亲子 */
.mmqz{
    margin-top:20px ;
}
.mmqz_left{
    width: 785px;
    background: #ffffff;
    padding: 20px;
    height: 340px;
}
.mmqz_tab {
    border-bottom:1px solid #dfdfdf;
    overflow: hidden;
    margin-bottom:20px ;
}
.mmqz_tab ul{
    float: left;
}
.mmqz_tab .mmqz_more{
    float: right;
    line-height: 45px;
}
.mmqz_more a{
    display: none;
}
.mmqz_more a:first-child{
    display: block;
}
.mmqz_tab li{
    width: 92px;
    float: left;
    font-size: 20px;
    color: #000000;
    padding-bottom:16px;
    font-weight: bold;
    margin-right:57px ;    
}
.mmqz_tab li.on{
  	color: #ef4378;;
    border-bottom: solid 3px #ee4277;
}
.mmqz_right{
    width: 395px;
    height: 340px;
    background-color: #ffffff;
    padding:12px 20px;
}
.mmqz_right .index_li a{
    width: 70%;
}
.mmqz_right ul{
    margin-top:25px;
}
.mmqz_right .index_titc h3{
    width: 190px;
    background-size:100% 100%;
}
.mmqz_tabBox ul{
display: none;
}
.mmqz_tabBox ul:first-child{
    display: block;
}

.ewm{
    position: fixed;
    right: 0;
    top: 40%;
}
/* 手机端 */
@media (max-width: 768px){
    .ewm{
      position: initial;
      text-align: center;
    }
    .index_container{
        width: 100%;
        overflow: hidden;
    }
    .index_tt{
        background: #f6f6f6;
    }
    .index_top{
        padding: 20px 10px;
        height: auto;
    }
    .index_tt a{
        font-size: 18px;
        overflow: hidden;
        width: 96%;
        margin: 0 auto;
        line-height: 45px;
    }
    .slideBox,
    .slideBox .bd img{
        width: 100%;
        height: 210px;
    }
    .slideBox .bd h1{
        padding-left:10px;
    }
    .slideBox .bd h1 a{
        font-size: 14px;
        display: block;
        width: 76%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .slideBox .hd ul li{
        margin-right:3px ;
    }
    .slideBox .hd{
        right: 5px;
    }
    .gzdt_right{
        width: 100%;
        margin-top:20px;
    }
    .gzdt_tab li{
        margin-left:10px;
        font-size: 16px;
    }
    .gzdt_tab li::before{
        width: 72px;
        background-size: 100% 100%;
        left: -41px;
    }
    .index_li a{
        width: 69%;
    }
    .index_li span{
        font-size: 14px;
    }
    .picScroll-left .bd ul li{
        margin-left:23px ;
    }
    .picScroll-left .bd ul li .pic img{
        width: 328px;
    }
    .index_zyz{
        width: 100%;
        padding: 10px;
        float: none;
    }
    .zyz_list,
    .mmqz_left,
    .mmqz_right{
        width: 100%;
    }
    .zyz_tab ul{
        width: 97%;
        margin-left: 0;
        left: 0;
    }
    .zyz_tab li{
        width: 48%;
    }
    .zyz_tab li.on{
        background-size: 100% 100%;
    }
    .zyz_tab ul::before,
    .zyz_tab ul::after{
        display: none;
    }
    .xcsp{
        float: none;
        width: 100%;
        padding: 10px;
    }
    .index_zcfg{
        padding: 20px 10px;
    }
    .zcfg_box{
        width: 100%;
        margin-left:0;
        margin-bottom:20px;
    }
    #picScroll-left2 .bd .tempWrap,
    #picScroll-left3 .bd .tempWrap{
        width: 100% !important;
    }
    #picScroll-left2 .bd ul li,
    #picScroll-left3 .bd ul li{
    width: 290px;
    height: 158px;
    }
    #picScroll-left2 img,
    #picScroll-left3 img{
        width: 290px;
        height: 158px;
    }
}
@media (max-width: 414px) {
    .picScroll-left .bd ul li .pic img{
        width: 369px;
    }
    #picScroll-left2 .bd ul li,
    #picScroll-left3 .bd ul li{
    width: 322px;
    height: 158px;
    }
    #picScroll-left2 img,
    #picScroll-left3 img{
        width: 322px;
        height: 158px;
    }
}