@charset "utf-8";
*{margin: 0;padding:0;}
ol,ul {list-style: none}
html {height: 100%}
body {background: #ffebeb url(../images/bgall.png) center top no-repeat;color: #000;
	font-family:  Arial,PingFang SC,"microsoft yahei", Helvetica, simsun;font-size: 14px;min-width: 1200px;}
a {text-decoration: none}
a:hover,a:active {outline: 0}
.clearfix:before,.clearfix:after {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.un {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}
.wrap {width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}

.header{background: url(../images/bg1.png) center top no-repeat;height: 700px;padding-top: 14px}
.logo img{width:140px;}
.header li{float: left;padding-top: 10px}
.header li a{color: #ffffff;font-size: 17px;margin-left: 35px}
.header li a:hover{color: #fee900}
.title{position: absolute;left:50%;margin-left: -527px;margin-top: 91px}

.content{background: url(../images/bg2.png) center top no-repeat;height: 1404px}
.content li{width:350px;height:338px;background: url(../images/book.png) center top no-repeat; margin:-35px  70px 120px 0;}
.content li:nth-child(3n){margin-right: 0}
.content li h4{color: #fdf9f9; font-size: 25px;margin:43px 40px 0px 50px;line-height: 95px;text-align: center;}
.content li h2{color: #fdf9f9;font-size: 30px;text-align: center;line-height:30px;}
.a-box{width:178px;padding: 15px 10px 0px;border: 1px dashed #f4a500;border-radius: 10px;margin:30px auto 0;}
.spone{margin-top: 15px}
.a-box a{width:178px;height: 55px;position: relative; margin-bottom: 15px;border-radius: 10px;display:block;background: #fbc919;box-shadow: 0 3px 0 #e89c39;color: #fff;
font-size: 27px;text-align: center;line-height: 60px;font-weight: 700;position: relative;}
.dotl{width:12px;height:12px;background: #f4a500;border-radius: 20px;position: absolute;left:14px;top: 26px;box-shadow: 0 2px 0 #e19903 inset;}
.dotr{width:12px;height:12px;background: #f4a500;border-radius: 20px;position: absolute;right:14px;top: 26px;box-shadow: 0 2px 0 #e19903 inset;}
.a-box a:hover {color: #942114;box-shadow: 0 -3px 0 #e89c39;}
.a-box a:hover .dotl,.dotr{box-shadow: 0 -2px 0 #e19903 inset;}
.fot{text-align: center; font-size: 14px;color: #ffffff;margin-top: 80px}