@charset "gb2312";
/* CSS Document */

body{width:100%; background:#99c594; min-width:980px;}
#a{ text-decoration:none;}
/*--¶¥²¿µ¼º½--*/
.sitetop{background:#FFF url("//static.zjtzzym.xyz/sp/childrenCelebration2021/images/top_bg.jpg?ver=20200927")repeat-x; position:relative; z-index:2; height:31px;}
.tlink{width:966px; margin:0 auto; overflow:hidden; position:relative; height:72px; text-align:right;}
.tlink div.logo{ position:absolute; left:0; top:0;}
.tlink a{line-height:30px; text-decoration:none; color:#333; font-size:12px;}
.tlink a:hover{color:#000;}
.tlink div.logo a{clear:both;}
/*--Ò³½Å-*/
.footer{ border-top:3px solid #fff; line-height:26px; margin-top:20px; overflow:hidden; width:100%; background:#fff; behavior:url(js/PIE.htc); box-shadow:0 0px 2px #666; float:left;}
.footer center{padding:15px 0; border-top:2px solid #f76c6c;}
.footer a{color:#9f886e; font-size:12px; text-decoration:none;}
.footer p{font-size:12px;}
.footer a:hover{color:#333;}
/*--°æÍ·--*/
.banner{position:relative; height:460px; width:100%; z-index:1; background:#111224 url("//static.zjtzzym.xyz/sp/childrenCelebration2021/images/banner.jpg?ver=20200927") no-repeat;background-size:100% 100%;}

.navbox{ display: flex; justify-content: center; width:980px; height:36px; margin:0 auto; position:relative; top:400px; overflow:hidden; }
.nav{height:90px; float:left; display:block; position:relative; top:0px; padding: 0px 10px;}
.navCurrent,.nav_bg:hover{background-position-y: -36px;}
.nav img{ display:block;}
.nav_bg{
    width: 140px;
    height: 54px;
    background-size: 100%;
}
.dccz{width:168px; height:100px; float:left; display:block; margin:0 15px;}
.dccz:hover{poboition:relative; top:-40px;}

/*--ÄÚÈÝ--*/
.mainbox{width:980px; margin:-2px auto;top:-10px; background:url("//static.zjtzzym.xyz/sp/childrenCelebration2021/images/bg02.png?ver=20200927");background-size:100% ; overflow:hidden;}
.textbox{font-size:16px; line-height:30px; font-family:"΢ÈíÑźÚ";-webkit-text-size-adjust:none;padding:20px 40px; overflow:hidden; color: #333333;}

.bottombox{width:151px; height:48px; overflow: hidden; margin:20px 0 0 30px;}
.dccz{width:151px; height:48px; float:left; display:block;}
.dccz:hover{position:relative; top:-50px;}

.shipin2{ display:block; width:728px; height:410px; background:url("//static.zjtzzym.xyz/sp/childrenCelebration2021/images/shipin2.jpg?ver=20200927") no-repeat scroll center 0; margin: auto; }
.bookbox{width:720px; margin:auto; height:170px;}
.book img{width:200px; height:280px; margin:20px; float:left;}
.erweima{width:90px;margin:0 75px ; float:left;}
.borderbox{width:980px; margin:auto; display:block;}
.titleimg{margin:auto; display:block;}

/*Ê×Ò³¼ÄÓï*/
.acttext{width: 440px; margin: 0px auto;}
.strongcolor{color: #38497d}


@media only screen and (min-width:768px) and (max-width:980px){
    .banner{
        margin-bottom: 180px;
    }
    .textbox{font-size:28px; line-height: 36px;}
    .ts{font-size:18px;}
    .acttext {width: 82%;}
    .navbox{
        display: block;
        height: 180px;
        position: relative;
        top: 470px;
    }
    .nav{
        float: left;
        height: 70px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .nav_bg{
        width: 30vw;
        height: 76px;
        background-size: 100% !important;
    }
    .navCurrent, .nav_bg:hover {
        background-position-y: -76px;
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .textbox{font-size:28px;}
    .ts{font-size:18px;}
}
@media only screen and (max-width: 479px) { 
    .textbox{font-size:28px;}
    .ts{font-size:18px;}
}