@charset "utf-8";
/* CSS Document */
/*
 * @description
 * @author GuoR
 * @Date 2019/3/13
 */
 /*通用样式*/
/*
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
*/
*{margin:0; padding:0;}
html,body{height:100%;}
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑";background:#FFF;min-width:1100px;position:relative;}
ul,ol,dl{list-style:none;}
img{border:none;}
a{text-decoration:none}
form,input{vertical-align:middle;margin:0;padding:0;border:0;}
i{ font-style:normal;}

/*头部样式*/
.top{width:100%;height:60px;text-align:center;line-height:60px;font-size:20px;color:#000;box-shadow:0 5px 5px #ccc;background:#ffc1c6;letter-spacing:5px;}

.banner{width:1100px;height:400px;margin:50px auto 45px;}

.nav{width:1098px;height:54px;margin:15px auto 115px;}
.nav li{width:137px;height:54px;float:left;margin:0 23px;}
.nav li a{display:block;width:100%;height:100%;}

.mainM{width:1100px;height:100%;margin:0 auto;overflow:hidden;}
.mainCKGD{line-height:32px;color:#333;float:right;clear:both;letter-spacing:2px;margin-right:10px;}
.mainMM{width:1100px;overflow:hidden;clear:both;}
.mainMM li{float:left;width:251px;height:188px;margin:0 12px 45px;}
.mainMM li img{width:251px;height:188px;box-shadow:3px 4px 2px #ccc;}

/*世界名著*/
.sjmz{width:100%;height:890px;background:url(../image/main1.jpg) no-repeat top center;padding-bottom:100px;}
.sjmz .jieshao h3{font-size:22px;text-align:center;height:95px;letter-spacing:5px;}
.sjmz .jieshao p{font-size:12px;line-height:22px;height:81px;color:#333;text-indent:2em;letter-spacing:2.4px;width:960px;margin:0 auto;}

/*中国古典名著*/
.zggdmz{width:100%;background:url(../image/main2.jpg) no-repeat top center;padding-bottom:60px;}
.zggdmz .jieshao h3{font-size:22px;text-align:right;height:156px;line-height:140px;letter-spacing:5px;margin-right:65px;}
.zggdmz .jieshao p{font-size:12px;line-height:22px;height:250px;color:#000;text-indent:2.2em;letter-spacing:2.4px;width:415px;margin-right:65px;float:right;font-weight:600;}

/*中国古典诗词*/
.zggdsc{width:100%;background:url(../image/main3.jpg) no-repeat top center;padding-bottom:75px;}
.zggdsc .jieshao h3{font-size:22px;text-align:left;height:180px;line-height:180px;letter-spacing:5px;margin-left:50px;}
.zggdsc .jieshao p{font-size:12px;line-height:22px;height:270px;color:#000;text-indent:2.2em;letter-spacing:2.4px;width:400px;margin-left:50px;}
.zggdsc .mainCKGD{color:#FFF;}

/*婴儿故事*/
.yinger{width:100%;background:url(../image/main4.jpg) no-repeat top center;padding-bottom:75px;}
.yinger .jieshao h3{font-size:22px;text-align:center;height:198px;overflow:hidden;line-height:226px;letter-spacing:5px;color:#FFF;}
.yinger .jieshao p{font-size:12px;line-height:22px;height:308px;color:#FFF;text-indent:2.2em;letter-spacing:2.4px;width:965px;margin:0 auto;}

/*幼儿故事*/
.youer{width:100%;background:url(../image/main5.jpg) no-repeat top center;padding-bottom:75px;}
.youer .jieshao h3{font-size:22px;text-align:left;height:126px;line-height:80px;letter-spacing:5px;margin-left:643px;}
.youer .jieshao p{font-size:12px;line-height:22px;height:278px;color:#000;text-indent:2.2em;letter-spacing:2.4px;width:410px;margin-left:643px;font-weight:600;}

/*中国儿歌*/
.zgeg{width:100%;height:1314px;background:url(../image/main6.jpg) no-repeat top center;}
.zgeg .jieshao h3{font-size:22px;text-align:center;height:210px;overflow:hidden;line-height:250px;letter-spacing:5px;color:#FFF;}
.zgeg .jieshao p{font-size:14px;line-height:26px;height:136px;color:#FFF;text-indent:2.2em;letter-spacing:3px;width:954px;margin:0 auto;}
.zgeg .mainCKGD{color:#FFF;}

/*弹出样式*/
#tanchu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,0.6);}
/*20160318修改高度*/
.tanchuM{width:956px;height:609px;position:relative;margin:0 auto;}
.tanchuBJ{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../image/tanchuBJ.png);background-size:100% 100%;z-index:999;}
.tanchu{width:956px;height:609px;position:absolute;left:0;top:0;z-index:1000;}
.tanchuGB{position:absolute;right:9px;top:9px;}
.tanchuMM{width:872px;margin:19px 0 0 49px;}
.tanchuMM h1{text-align:center;color:#FFF;font-size:20px;font-weight:100;height:26px;line-height:26px;margin-bottom:10px;}
.tanchuMUL{width:100%;height:480px;overflow:hidden;}
.tanchuMUL li{width:218px;height:160px;float:left;position:relative;}
.tanchuMUL li img{width:187px;height:140px;box-shadow:3px 7px 5px #2c1111;}
.tanchuMUL li p{width:187px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#000;position:absolute;left:0;top:110px;z-index:102;overflow:hidden;}
.tanchuMUL li span{width:187px;height:30px;position:absolute;left:0;top:110px;background:#FFF;z-index:101;filter:alpha(opacity=80);opacity:0.8;}
/*分页样式*/
.tanchuMB{text-align:center;margin-top:12px;height:45px;line-height:45px;clear:both;}
.tanchuMB li{display:inline-block;*display:inline;*zoom:1;margin:0 12px;color:#FFF;vertical-align:middle;width:45px;height:100%;font-size:18px;border:1px solid #FFF;border-radius:50%;overflow:hidden;}
.tanchuMB li a{background:none;color:#FFF;display:block;width:100%;height:100%;-moz-border-radius:50%;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tanchuMB li a:hover{background:#FFF;color:#333;}
.tanchuMB .tanchuMBM a{font-size:32px;}
.tanchuMB li .tanchuMBH{background:#FFF;color:#333;}

/*底部样式*/
.bottom{width:100%;text-align:center;height:123px;line-height:123px;color:#ccc;font-size:16px;background:#666;letter-spacing:2px;}