@charset "utf-8";
*{margin: 0;padding:0;}
ol,ul {list-style: none}
html {min-width: 1200px;}
body {background: #fbedb9 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: 14px;}
.menu{line-height: 60px;margin-left:210px; padding-right: 10px}
.menu li{margin-left:30px;}
.menu a{font-size: 16px;color: #fff}
.menu a:hover{text-decoration: underline;}
.banner{margin-top: 320px;padding: 30px;box-sizing: border-box;height: 232px;position: relative;}
.banner p{font-size: 20px;color: #333333;line-height: 38px; text-indent: 2em;text-align: left;margin-top: -4px}
.banner h2{font-size: 28px;color: #fff;line-height: 30px; text-indent: 1em;text-align: left;margin-top: -25px}
.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: -25px}
.title01{background:#866bf2}
.title02{background:#fe9054}
.title03{background:#5dc0ff}
.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;}
.list li:nth-child(5n){margin-right: 0}
.list li:hover{left:1px; top:1px;}
.list li p.tip{font-size: 15px;color: #fff;font-weight: 700;width: 90px;height: 32px;border-radius:0  32px 32px 0;text-align: center; position: absolute;left: 0;top: 20px;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: #ff4557}
.list02 li h4{background: #ffbc37}
.list03 li h4{background: #ffbc37}
.list li span{position: absolute;font-size: 15px;color: #fff;right: 15px;font-weight: 700;top: 45px}
.list li h2{font-size: 20px;color: #fff;text-align: right;font-weight: 700;margin-top: 51px}
.list li h3{font-size: 18px;color: #fff;text-align: right;}
.list li h4{font-size: 17px;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: 80px;text-align: center;font-size: 14px;position: relative;z-index: 2;color: #fff;letter-spacing: 1px}