.sprit{background:url(../images/sprit.png)  no-repeat;}
#loading {
    position: relative;
    width: 100%;
    height: 100%;
}
#loading img {
    width: 480px;
    display: block;
    margin: 200px auto;
}
body {
    min-width: 1000px;
}
#menu {
    position: fixed;
    top: 50%;
    margin-top: -87px;
    z-index: 70;
}
#menu li {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    width: 90px;
    height: 53px;
    line-height: 53px;
    text-align: center;
}
#menu a {
    display: block;
    height: 100%;
    color: #fff;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);;
}
#menu .active a {
    background: url("../images/menu-active.jpg") no-repeat;
}
.section {
    text-align: center;
    font: 50px "Microsoft Yahei";
    color: #fff;
}
.section {
    position: relative;
}
.section-bg {
    width: 100%;
    height: 100%;
}
.header, .footer {
    height: 45px;
    line-height: 45px;
    background: #323232;
}
.header .wrapper {
    overflow: hidden;
}
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
}
.footer span {
    margin: 0 20px;
}
.footer i {
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 16px;
}
.footer .to-bot {
    background-position:0 -95px;
}
.footer .to-up {
    height:16px;width:31px;background-position:0 -111px;
}


/* S-第一屏 */
.taxue {
    float: left;
    width: 109px;
    height: 45px;
    background: url("../images/taxuefengchun.jpg") no-repeat;
}
.share {
    float: right;
    font-size: 12px;
    line-height: 45px;
}
.share a {
    color: #fff;
}
.section1 {
    position: relative;
    background: url("../images/section-bg-1.jpg") no-repeat;
    background-size: 100% 100%;
}
.logo {
    position: relative;
    margin: 0 auto;
    z-index: 10;
}
.sun-light {
    position: relative;
    left: -280px;
    top: -240px;
    margin: 0 auto;
    z-index: 5;
    width: 858px;
    height: 351px;
    background: url("../images/sun-light.png") no-repeat;
}
.section1 .center {
    position: absolute;
    left: 0;
    margin-top: -217px;
    top: 50%;
    /*bottom: 0;*/
    width: 100%;
    height: 434px;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);;
}
.news, .video {
    position: relative;
    float: right;
}
.news {
    width: 281px;
    margin-right: 20px;
    text-align: left;
    margin-top: 67px;
}
.video .player-btn {
    position: absolute;
    cursor: pointer;
    left: 312px;
    top: 178px;
}
.title {
    position: relative;
    z-index: 10;
    width: 1000px;
    margin: 0 auto;
    margin-top: -45px;
}
h1 {
    font-size: 30px;
    height: 86px;
    line-height: 86px;
    color: #000;
    text-align: left;
}
.border {
    position: relative;
    width: 584px;
    height: 4px;
    margin-left: -330px;
    *margin-left: -1050px;
    background-position:0 -278px;
}
.news .detail {
    line-height: 28px;
    padding-right: 45px;
    margin-top: 20px;
}
.news .detail a {
    color: #fff;
}
.news h2 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: normal;
}
.news p {
    margin-top: 20px;
    font-size: 12px;
}
/* E-第一屏 */

/* S-第二屏 */
.section2 {
    position: relative;
}
.nav {
    overflow: hidden;
	background: #696969;
}
.nav li {
    float: left;
    width: 24.98%;
    height: 45px;
    cursor: pointer;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    background: #696969;
}
.nav i {
    display: inline-block;
    width: 5px;
    height: 15px;
    margin-right: 10px;
    vertical-align: middle;
}
.nav .active {
    background: url("../images/nav-active.jpg") no-repeat;
}
.section2 {
    position: relative;
}
.section2>div {
    display: none;
    width: 100%;
    height: 100%;
}
.section2 .selected {
    display: block;
}
.section2 .left, .section2 .right {
    position: relative;
    float: left;
    width: 49.9%;
    height: 100%;
}
.section2 .left img {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
}
.section2 .left .active {
    display: block;
}
.pojian {
    position: absolute;
    left: -200px;
    bottom: 0;
    width: 960px;
    height: 296px;
    background: url("../images/1.png") no-repeat;
}
.points {
    position: absolute;
    z-index: 999;
    left: 244px;
    bottom: 39px;
}
.points li {
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 13px;
    cursor: pointer;
    background-position:0 -59px;
}
.points .active {
    background-position:0 -47px;
}
.section2 .right .content-wrapper-top, .section2 .right .content-wrapper-bottom {
    padding: 0 20px;
}
.anchor-list {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 0;
}
.anchor-list ul {
    width: 200px;
    overflow: hidden;
}
.anchor-list li {
    width: 200px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 2px;
    cursor: pointer;
    text-align: center;
    transition: .4s ease width;
    float: right;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);;
}
.anchor-list .active {
    width: 195px;
    height:36px;
    background: url("../images/sprit.png") no-repeat;
    background-position:0 -202px;
}
.right {
    text-align: left;
}
.right h2 {
    color: #000;
    padding: 30px 0;
    font-size: 28px;
    font-weight: normal;
}
.content-title {
    width: 280px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #fff;
    text-indent: 10px;
    margin-bottom: 25px;
    margin-left: -30px;
    background-position:0 -238px;
    /*background: url("../images/content-title.png") no-repeat;*/
}
.section2-detail {
    background: #e5e5e5;
    overflow: hidden;
    padding: 0 30px 0 30px;
}
.right {
    overflow: hidden;
}
.mousewheel-box {
    position: relative;
    *z-index: -1;
    top: 0;
}
.right .content p {
    font-size: 12px;
    color: #000;
}
.right .section2-detail p {
    color: #9b9b9b;
    line-height: 2em;
    margin-bottom: 25px;
}
.section2-video {
    height: 336px;
    margin-top: 20px;
    background: #323232;
    margin-bottom: 38px;
}
.section2-video>div {
    width: 458px;
    margin: 0 auto;
}
.section2-video .video-box {
    position: relative;
}
.section2-video .player-btn {
    position: absolute;
    top: 94px;
    left: 192px;
    cursor: pointer;
    height:75px;
    width:75px;
}
h4 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 13px 0;
}
.right .h3 {
    width: 401px;
    height: 33px;
    line-height: 27px;
    font-size: 20px;
    color: #000;
}
.content-box .content {
    padding-top: 20px;
}
.content p {
    margin-bottom: 20px;
    line-height: 2em;
}
/* E-第二屏 */

/* S-第三屏 */
.section3-left, .section3-right {
    width: 49.9%;
    height: 100%;
    float: left;
}
.section3-left {
    position: relative;
    z-index: 10;
    background: url("../images/img4.jpg") no-repeat left center;
    background-size: 100% 100%;
}
.section3-left ul {
    position: absolute;
    z-index: 20;
    top: 50%;
    right: 0;
    margin-top: -243px;
    width: 52%;
}
.section3-left li {
    cursor: pointer;
    margin-bottom: 10px;
}
.section3-left li img {
    float: left;
    width: 100%;
    transition: .3s ease;
}
.section3-left .active img {
    width: 110%;
}
.section3-left .li-last {
    margin: 0;
}
.section3-right {
    position: relative;
}
.section3-right .img-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.section3-right .img-box>div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    /*background: url("../images/img5.jpg") no-repeat left center;*/
    background-size: 100% 100%;
}
.section3-right .img-box>.active {
    display: block;
}
.show-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.show-box .btn-box {
    position: absolute;
    padding: 0 20px;
    bottom: 165px;
    left: 0;
    z-index: 999;
}
.show-box .slide-box {
    position: relative;
}
.show-box .slide-box, .show-box .slide-box>div {
    height: 100%;
    width: 100%;
}
.show-box .slide-box>div {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.slide-box .bottom {
    position: absolute;
    left: 0;
	z-index: 900;
    bottom: 40px;
    text-align: left;
    font-size: 14px;
    color: #000;
    padding: 0 40px;
    height: 100px;
    line-height: 1.3;
}
.show-box .slide-box .active {
    display: block;
}
.show-box .top {
    line-height: 50px;
    font-size: 20px;
    color: #000;
    text-align: left;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.show-box .top i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    cursor: pointer;
}
.show-box .now {
    font-size: 30px;
}
/*.show-box .bottom {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    text-align: left;
    font-size: 14px;
    color: #000;
}
.show-box .bottom div {
    position: absolute;
    left: 0;
    !*display: none;*!
}
.show-box .bottom .active {
    display: block;
}*/
.show-box .bottom p {
    line-height: 1.3em;
    margin-bottom: 20px;
}
.footer .to-home {
    height:24px;
    width:24px;
    background-position:0 -71px;
}
.footer a {
    color: #fff;
}
/* E-第三屏 */
.left-area {
    position: absolute;
    left: 0;
	z-index: 5;
    width: 100%;
    height: 100%;
    background: url("../images/toumingceng.png") no-repeat left top;
}
.section3-right .show-box .baisemengban {
    position: absolute;
    left: 0;
	bottom: 0;
    width: 100%;
    height: 377px;
    background: url("../images/baisemengban.png") no-repeat left center;
}


/* 雪碧图 */
.nav .active .nav-active-icon{height:15px;width:5px;background-position:0 0;}
.h3-border{height:4px;width:401px;background-position:0 -270px;margin-top: 5px}
/*.section2-point-active{height:12px;width:12px;background-position:0 -47px;}*/
/*.section2-point{height:12px;width:12px;background-position:0 -59px;}*/
/*.to-home{height:24px;width:24px;background-position:0 -71px;}*/
/*.to-bot{height:16px;width:31px;background-position:0 -95px;}*/
/*.to-up{height:16px;width:31px;background-position:0 -111px;}*/
/*.player-btn{height:75px;width:75px;background-position:0 -127px;}*/
/*.section2-content-active{height:36px;width:195px;background-position:0 -202px;}*/
/*.content-title{height:32px;width:280px;background-position:0 -238px;}*/
/*.section1-border{height:4px;width:584px;background-position:0 -278px;}*/
.top-border{height:4px;width:401px;background-position:0 -274px;}