@charset "utf-8";
*{margin: 0;padding:0;}
ol,ul {list-style: none}
html {height: 100%}
body {background: #4757e6 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.jpg) center top no-repeat;height: 1240px;padding-top: 50px}
.logo img{width:127px;}
.header li{float: left;padding-top: 10px}
.header li a{color: #fff;font-size: 15px;margin-left: 35px}
.header li a:hover{color: #fee900}
.title{position: absolute;left:50%;margin-left: -625px;margin-top: 150px}
.mesg-box{padding:20px;box-sizing: border-box;border-radius: 10px;background: #fff;margin-top: 810px}
.mesg{width: 1108px;border:1px dashed #3295ff;border-radius: 10px;color: #5c5b5b;font-size: 24px;text-indent: 2em;line-height: 44px;padding: 50px 25px;
	background: -webkit-gradient(linear,left top,right top,from(#59a5ff),to(#6e6bff));
      -webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.circle{width:50px;height: 50px;background: linear-gradient(to bottom right, #fde27c, #fbc919);position: absolute;right: 23px;bottom: 23px;border-radius: 500px;
box-shadow: 0 3px 0 #e89c39}
.content{background: url(../images/bg2.jpg) center top no-repeat;height: 1870px}
.content li{width:350px;height:338px;background: url(../images/book.png) center top no-repeat; margin:15px  70px 120px 0;}
.content li:nth-child(3n){margin-right: 0}
.content li h4{color: #269efe; font-size: 22px;border-bottom: 1px dashed #e2e5ea;margin:30px 40px 10px 50px;line-height: 40px;text-align: center;}
.content li h2{color: #269efe;font-size: 28px;text-align: center;}
.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: 60px;position: relative; margin-bottom: 15px;border-radius: 10px;display:block;background: #fcd53f;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: #fff;margin-top: 365px}