@charset "utf-8";
*{margin: 0;padding:0;}
ol,ul {list-style: none}
html {height: 100%;min-width: 1200px;}
body {background: #fff;color: #000;font-family:  Arial,PingFang SC,"microsoft yahei", Helvetica, simsun;font-size: 14px;min-width: 1200px;position: relative;
overflow-x: hidden;}
.all{ min-width: 1200px;overflow: hidden;position: relative;}
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/bg01.png) center top no-repeat;z-index: 2;position: relative;}
.logo img{width:160px;}
.top{padding-top: 56px;}
.menu{line-height: 60px;margin-left:210px; }
.menu li{margin-left:30px;}
.menu a{font-size: 16px;color: #fff}
.banner {text-align: center;}
.banner01{width:700px;margin-top: 90px}
.banner02{width:1200px;margin-top: 35px}
.banner03{width:1200px;}
.banner p{font-size: 16px;color: #fff;line-height: 36px; text-indent: 2em;text-align: left;margin-top: 90px}
.title{background: url(../images/title.png) center top no-repeat;background-size: cover;margin:0 auto; width:270px;height: 85px;font-size: 28px;color: #176bc0;
font-weight: 700;text-align: center; padding-top: 15px;margin-top: 40px;padding-left:20px;position: relative;z-index: 2}
.list{padding: 25px 25px 10px;background: #fff;box-sizing: border-box;border-radius: 20px;box-shadow: 0 0 8px 2px rgba(133,172,250,0.3);
	position: relative;z-index: 2}
.list li{width:160px; height: 220px;background: url(../images/book.png) center top no-repeat;margin-right: 44px;background-size: cover;
 padding: 15px;margin-bottom: 25px;position: relative;box-shadow: 0 0 8px 2px rgba(133,172,250,0.3);}
.list li:nth-child(5n){margin-right: 0}
.list li:hover{left:1px; top:1px;}
.list li p{font-size: 20px;color: #777b73;text-align: right;margin-top: 15px}
.list li h2{font-size: 38px;color: #fff;text-align: right;font-weight: 700;margin-top: 25px}
.list li h3{font-size: 22px;color: #fff;text-align: right;font-weight: normal;margin-top: 10px}
.list li h4{font-size: 18px;color: #777b73;text-align: right;margin-top: 30px;font-weight: normal;}
.zs{position: absolute;}
.zs01{left:50%;top: 990px;width:150px;margin-left:-720px;z-index: 1}
.zs02{left:50%;top: 1390px;width:150px;margin-left:820px;z-index: 1}
.zs03{left:50%;top: 3590px;width:150px;margin-left:820px;z-index: 1}
.zs04{left:50%;top:4290px;width:150px;margin-left:-1020px;z-index: 1}
.zs05{left:50%;top: 1690px;width:1220px;margin-left:-960px;z-index: 1}
.bot{left:50%;bottom: 0px;min-width:1220px;margin-left:-960px;z-index: 1}
.fot{padding:40px 0; margin-top: 40px;text-align: center;font-size: 18px;position: relative;z-index: 2;color: #fff}