@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: 1080px;padding-top: 50px}
.logo img{width:127px;}
.header li{float: left;padding-top: 10px}
.header li a{color: #fff;font-size: 16px;margin-left: 40px}
.header li a:hover{color: #ff0}
.title{position: relative;margin-top: 150px;background: url(/images/title.png) center top no-repeat;height: 390px}
.mesg-box{padding:20px;box-sizing: border-box;border-radius: 10px;background: #fff;margin-top: 195px}
.mesg{width: 1108px;border:1px dashed #3295ff;border-radius: 10px;color: #5c5b5b;font-size: 20px;text-indent: 2em;line-height: 36px;padding: 50px 25px;
	 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 bottom no-repeat;}
.content li{width:250px;height:320px;background:url(/images/boosk.png) center top no-repeat; margin:15px  50px 60px 0;}
.content li:nth-child(4n){margin-right: 0}
.content li h4{color: #fff; font-size: 22px;border-bottom: 1px dashed #e2e5ea;margin:40px 20px 10px 20px;line-height: 40px;text-align: center;}
.content li h2{color: #fff;font-size: 25px;text-align: center;}
.a-box{width:178px;padding: 15px 10px 0px;border: 1px dashed #f4a500;margin:35px auto 0;}
.spone{margin-top: 15px}
.a-box a{width:178px;height:48px;position: relative; margin-bottom: 15px;display:block;background: #fcd53f;
	box-shadow: 0 3px 0 #e89c39;color: #fff;font-size: 22px;text-align: center;line-height:48px;font-weight: 700;}
.dotl{width:12px;height:12px;background: #f4a500;border-radius: 20px;position: absolute;left:14px;top: 20px;box-shadow: 0 2px 0 #e19903 inset;}
.dotr{width:12px;height:12px;background: #f4a500;border-radius: 20px;position: absolute;right:14px;top: 20px;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;padding-bottom: 40px}
.menu{font-size: 36px;color: #ff0;font-weight: 700;padding:40px 0 10px;margin: 0 auto 20px auto;border-bottom: 2px solid #ff0;}