/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
body { font-family: "雅黑", "Arial Narrow"; font-size: 16px; color: #333333; overflow-x: hidden; }
.backb { width: 100%; height: 845px; padding-top: 163px; background: url(../images/back_b_20181220.jpg) top center no-repeat; }
.backs { position: relative; width: 1282px; height: 797px; background: url(../images/back_s_20181220.png) top center no-repeat; }
/*内容区 L335 T185*/
.box { position: absolute; width: 1249px; height: 426px; left: 16px; top: 22px; overflow: hidden; background: url(../images/box_back_20181221.png); background-repeat: no-repeat; background-position-y: bottom; background-position-x: 0px; animation: box 20s linear infinite; -webkit-animation: box 20s linear infinite; }
@keyframes box { 0% { background-position-x: 0px; }
	100% {background-position-x: -2000px; }
	}
@-webkit-keyframe box { 0% { background-position-x: 0px; }
	100% {background-position-x: -2000px; }
	}
.con { display: none; height: 426px; }
.con:nth-child(1) {display: block; }
/*前言*/
.con1 { width: 1249px; position: relative; }
.con1 .bt { position: absolute; width: 760px; height: 227px; left: 49px; top: 51px; animation: bt 8s; -webkit-animation: bt 8s; }
.con1 .st { position: absolute; width: 195px; height: 51px; left: 345px; top: 293px; animation: st 4s; -webkit-animation: st 4s; }
.con1 .wz { position: absolute; width: 273px; height: 327px; left: 858px; top: 47px; overflow: hidden; }
.con1 .wz img { margin-left: 0; animation: wz 8s; -webkit-animation: wz 8s; }
.con1 .qy { position: absolute; width: 47px; height: 81px; left: 1159px; top: 51px; animation: qy 1s; -webkit-animation: qy 1s; }
@keyframes bt { 0% { opacity: 0; }
	100% {opacity: 1; }
	}
@-webkit-keyframe bt { 0% { opacity: 0; }
	100% {opacity: 1; }
	}
@keyframes st { 0% { top: 500px; }
	100% { top: 293px; }
	}
@-webkit-keyframe st { 0% { top: 500px; }
	100% { top: 293px; }
	}
@keyframes wz { 0% { margin-left: -273px; }
	15% { margin-left: -273px; }
	100% { margin-left: 0; }
	}
@-webkit-keyframe wz { 0% { margin-left: -273px; }
	15% { margin-left: -273px; }
	100% { margin-left: 0; }
	}
@keyframes qy { 0% { top: -81px; }
	100% { top: 51px; }
	}
@-webkit-keyframe qy { 0% { top: -81px; }
	100% { top: 51px; }
	}
/*计谋页面效果*/
.con2 { width: 2498px; margin-left: -1249px; animation: con2 7s; -webkit-animation: con2 7s; }
@keyframes con2 { 0% { margin-left: 0px; }
	70% { margin-left: 0px; }
	100% { margin-left: -1249px; }
	}
@-webkit-keyframe con2 { 0% { margin-left: 0px; }
	70% { margin-left: 0px; }
	100% { margin-left: -1249px; }
	}
/*锦囊页*/
.jny { float: left; position: relative; width: 1249px; height: 426px; overflow: hidden; }
.jny .next {position: absolute; width: 71px; height: 156px; cursor: pointer; top: 0px; right: 10px; animation: next 3s; -webkit-animation: next 3s; overflow: hidden; }
.jny .jn { width: 388px; height: 409px; margin-top: 6px; background: url(../images/jn_back_20181221.png); }
.jny .jn h2 { display: block; position: absolute; width: 300px; height: 150px; left: 473px; top: 222px; line-height: 30px; font-size: 18px; font-weight: normal; color: #ffffff; overflow: hidden; cursor: default; }
@keyframes next { 0% { height: 0; }
	100% { height: 156; }
	}
@-webkit-keyframe next { 0% { height: 0; }
	100% { height: 156; }
	}
/*详细页*/
.xxy { float: right; position: relative; width: 1249px; height: 426px; overflow: hidden; }
.xxy .prev { position: absolute; width: 79px; height: 84px; cursor: pointer; animation: prev 8s; -webkit-animation: prev 8s; }
.xxy .gjjy { position: absolute; width: 172px; height: 38px; left: 99px; top: 21px; }
.xxy .pic { position: absolute; width: 572px; height: 334px; left: 95px; top: 73px; background: url(../images/pic_back_20181221.png) no-repeat; }
.xxy .pic img { width: 560px; height: 320px; }
.xxy .title { position: absolute; width: 400px; height: 60px; left: 755px; top: 90px; text-align: center; }
.xxy .title h1 { font-size: 24px; line-height: 30px; letter-spacing: 2px; }
.xxy .text { position: absolute; width: 470px; height: 150px; left: 720px; top: 178px; overflow: hidden; }
.xxy .area { width: 470px; }
.xxy .area p { line-height: 30px; text-indent: 2em; }
.xxy .up { position: absolute; width: 56px; height: 20px; left: 1072px; top: 365px; cursor: pointer; }
.xxy .down { position: absolute; width: 56px; height: 20px; left: 1134px; top: 365px; cursor: pointer; }
@keyframes prev { 0% { opacity: 0; }
	90% { opacity: 0; }
	100% { opacity: 1; }
	}
@-webkit-keyframe prev { 0% { opacity: 0; }
	90% { opacity: 0; }
	100% { opacity: 1; }
	}
/*后记*/
.con3 { width: 1249px; position: relative; }
.con3 .fl { position: absolute; width: 29px; height: 62px; left: 23px; top: 182px; cursor: pointer; animation: fl 3s; -webkit-animation: fl 3s; }
.con3 .fr { position: absolute; width: 29px; height: 62px; right: 23px; top: 182px; cursor: pointer; animation: fr 3s; -webkit-animation: fr 3s; }
.con3 .roll { position: relative; width: 1100px; height: 334px; top: 46px; overflow: hidden; animation: roll 4s; -webkit-animation: roll 4s; }
.con3 .roll ul { width: 99999px; }
.con3 .roll li { float: left; width: 1100px; height: 334px; overflow: hidden; }
.con3 .roll .pic { float: left; margin-left: 10px; width: 572px; height: 334px; background: url(../images/pic_back_20181221.png) no-repeat; }
.con3 .roll .pic img { width: 560px; height: 320px; }
.con3 .roll .title { float: right; margin-right: 10px; width: 480px; height: 110px; overflow: hidden; }
.con3 .roll .title h3 { font-size: 80px; line-height: 110px; text-align: center; }
.con3 .roll .text { float: right; margin-right: 10px; width: 480px; height: 210px; overflow: hidden; }
.con3 .roll .text p { line-height: 30px; text-indent: 2em; }
@keyframes fl { 0% { left: -29px; }
	100% { left: 23px; }
	}
@-webkit-keyframe fl { 0% { left: -29px; }
	100% { left: 23px; }
	}
@keyframes fr { 0% { right: -29px; }
	100% { right: 23px; }
	}
@-webkit-keyframe fr { 0% { right: -29px; }
	100% { right: 23px; }
	}
@keyframes roll { 0% { top: -334px; }
	80% { top: 66px; }
	100% { top: 46px; }
	}
@-webkit-keyframe roll { 0% { top: -334px; }
	80% { top: 66px; }
	100% { top: 46px; }
	}
/*导航区*/
.menu { position: absolute; top: 505px; left: 232px; }
.menu li {float: left; cursor: pointer; }