@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}
.bg01{background: url(../images/hj_01.png) center top no-repeat;height: 570px;padding-top: 47px}
.bgtit{background: url(../images/title.png) center top no-repeat;height: 370px;margin-top: 70px}
.bg01 li{font-size: 18px; padding: 0 16px}
.bg01 li a{color: #ffffff;}
.bg01 ul{padding-top: 10px}
.bg01 .logo{width:185px;margin-right: 86px}
.bg02{background: url(../images/hj_02.png) center top no-repeat;height: 570px;}
.bg02 .wrap{    font-size: 22px;line-height: 60px;text-indent: 2em;color: #333;padding: 125px 50px 0;box-sizing: border-box;}
.bgtit01{background: url(../images/level01.png) center top no-repeat;height: 110px;margin-top: 190px}
.bgtit02{background: url(../images/level02.png) center top no-repeat;height: 110px;margin-top: 160px}
.list{padding-top: 40px}
.list li{background: url(../images/book.png) center top no-repeat;height: 334px;width: 318px;padding-top: 60px;margin-right: 122px;margin-bottom: 60px}
.list li:nth-child(3n){margin-right: 0}
.list li p{color: #989898;text-align: center;font-size: 14px}
.list li h2{color: #989898;color:#2c9be8;text-align: center;font-size: 60px;margin-left: 35px;margin-top: 20px}
.list li h2 sub{color: #aaa;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.group{padding-top: 20px}
.group a{width:232px;height: 46px;border-radius: 8px;background: #2c9be8;box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.08)  inset;display:block;
	margin: 15px auto;line-height: 46px;color: #fff;font-size: 20px;text-align: center;position: relative;}
.group.three a{margin: 10px auto;line-height: 40px;height: 40px;font-size: 18px}
.group a:hover{background: #f80}
.group a:active{left:1px; top: 1px;}
.fot{padding: 200px 0 70px;font-size: 16px;color: #2c9be8; text-align: center;}