@charset "utf-8";
*{margin: 0;padding:0;}
ol,ul {list-style: none}
html {min-width: 1200px;}
body {background: #2c409a url(../images/bot.png) center bottom no-repeat;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/bj1.png) center top no-repeat;z-index: 2;position: relative;}
.logo img{width:140px;margin:5px 0 0 15px}
.top{padding-top: 56px;}
.menu{line-height: 60px;margin-left:210px; padding-right: 10px}
.menu li{margin-left:30px;}
.menu a{font-size: 16px;color: #fff;-webkit-text-size-adjust:none;}
.menu a:hover{text-decoration: underline;}
.banner{margin-top: 480px;padding: 30px;box-sizing: border-box;height: 232px;position: relative;}
.banner p{font-size: 18px;color: #243ede;line-height: 36px; text-indent: 2em;text-align: left;margin-top: 10px}
.banner h2{font-size: 28px;color: #243ede;line-height: 36px; text-indent: 1em;text-align: left;margin-top: -10px}
.banner img{position: absolute;right: 10px;bottom:10px;}
.title{background-size: cover;margin:0 auto; width:1200px;height: 80px;font-size: 24px;color: #fff;text-align: center;margin-top: 40px;line-height:80px;border:3px solid #fff;border-radius: 20px 20px 0 0;box-sizing: border-box;}
.list{padding: 25px 25px 10px;background: #fff;box-sizing: border-box;border-radius:0 0 20px 20px;box-shadow: 0 0 8px 2px rgba(133,172,250,0.3);
	position: relative;z-index: 2;}
.title span{display: block;background: url(../images/kx.png) center top no-repeat;color: #fff;height: 71px;font-size: 36px;color: #fff;text-align: center;font-weight: 700;
line-height:71px;width:398px;margin: 0 auto;position: relative;top: -24px}
.title01{background:#fcb9bc}
.title02{background:#cbb0f8}
.title03{background:#adbcff}
.title04{background:#ffd2ba}
.list li{width:162px; height: 206px;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 a{position: absolute;left: 0;top: 0;width:162px; height: 206px; padding: 15px;}
.list01 li{background: url(../images/book1.png) center top no-repeat;}
.list02 li{background: url(../images/book2.png) center top no-repeat;}
.list03 li{background: url(../images/book3.png) center top no-repeat;}
.list04 li{background: url(../images/book4.png) center top no-repeat;}
.list li:nth-child(5n){margin-right: 0}
.list li:hover{left:1px; top:1px;}
.list li p.tip{font-size: 16px;color: #fff;font-weight: 700;width: 84px;height: 32px;border-radius:0  32px 32px 0;text-align: center; position: absolute;left: 0;top: 15px;line-height:32px;}
/*.list01 li p.tip{background: #60a0b9}
.list02 li p.tip{background: #dc7d58}
.list03 li p.tip{background: #e76889}*/
.list01 li h4{background: #ffbc37}
.list02 li h4{background: #ffbc37}
.list03 li h4{background: #ffbc37}
.list04 li h4{background: #ffbc37}
.list li span{position: absolute;font-size: 15px;color: #ff4557;font-weight: 700;right: 15px;top: 50px}
.list li h2{font-size: 20px;color: #fff;text-align: right;font-weight: 700;margin-top: 55px}
.list li h3{font-size: 18px;color: #fff;text-align: right;}
.list li h4{font-size: 18px;color: #fff;text-align: right;margin-top: 30px;font-weight: normal;width: 30px;height: 60px;text-align: center;padding-top: 10px;border-radius: 30px;position: absolute;right: 15px;bottom: 12px}
.fot{padding:40px 0; margin-top: 280px;text-align: center;font-size: 14px;position: relative;z-index: 2;color: #fff;letter-spacing: 1px}