body {background:#158DEA url("../images/bg.jpg") no-repeat fixed center 0; background-size: cover; font-family:"Microsoft YaHei", Arial; font-size: 18px; line-height: 31px; color:#FFF; margin:0}
a {color: #FFF; text-decoration:none}
h1,h2,h3,p,ul,li {list-style:none; margin:0; padding:0}
h3 {font-size: 22px}
img {border:0}

.page1, .page1 body {height: 100%; overflow:hidden}
.section {height: 100%; position: relative; overflow:hidden}
.topic {position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -505px}
.icons {position: absolute; width: 1100px; height: 120px; left: 50%; top: 50%; margin: 180px 0 0 -505px}
.icons li {float: left; width: 196px; height: 32px; padding-top: 88px; background: url("../images/icons.png") no-repeat; margin-right: 6px}
.icons li.i2 {background-position: -200px 0}
.icons li.i3 {background-position: -400px 0}
.icons li.i4 {background-position: -600px 0}
.icons li.i5 {background-position: -800px 0}
.icons a {display: block; width: 98px; height: 32px; background: url("../images/icons.png") no-repeat 0 -130px; margin: 0 auto 0}

.page2 {overflow-x: hidden}
.container {width: 1000px; margin: 40px auto}
h1 {font-size: 40px; line-height: 45px; text-align: center; margin-top: 10px}
h2 {font-size: 24px; font-weight: normal; line-height: 31px; text-align: center; margin-top: 10px}
.jcarousel-skin-tptt {display: none}
.holder {width: 780px; height: 440px; padding: 10px; background: #FFF; border-radius: 10px; box-shadow: 3px 3px 3px 0 #333, inset -8px -8px 10px 0 #999; margin: 15px auto 0; position: relative}
#box {display: block; width: 780px; height: 440px; position: absolute}
#box>div {position:absolute;left: 0;top:0;width:780px;height:440px;transform-style:preserve-3d;}
#box>div>div {position:absolute;transform:preserve-3d}
.holder .mask {position:absolute; width:780px; left: 10px; bottom:10px; z-index: 1000000; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .holder .mask {filter:none; background:rgba(0,0,0,0.5)}
.holder h3 {font-size:24px; font-weight: normal; line-height:40px; color:#FFF; padding:0 10px}
.holder h3 a {color:#FFF}
.list {width: 800px; font-size: 24px; line-height: 47px; text-shadow: 1px 1px 2px #0D5993; margin: 20px auto 0}
.list a:hover {text-decoration: underline}
.list a::after {content: "½øÈë"; padding:15px 0 15px 55px; background: url("../images/icons.png") no-repeat -580px -124px; font-size: 16px}

.page3 h1 {font-size: 28px}
.r2 {clear: both; width: 1000px; height: 270px; margin: 50px auto 0; position: relative}
.img {position: absolute; width: 270px; height: 152px; top: 45px}
.img img {width: 100%; height: 100%}
.img1 {left: 0}
.img2 {right: 0}
.video {position: absolute; width: 420px; height: 236px; left: 285px; top: 0}
.img,.video {padding: 5px; background: #FFF; border-radius: 5px; box-shadow: 2px 2px 2px 0 #333, inset -4px -4px 5px 0 #999}
.ccontent {clear: both; width: 900px; text-shadow: 2px 2px 4px #011d33; margin: 60px auto}
.ccontent h3 {text-align: center}
.ccontent p {margin-top: 1em}