body{min-width: 1200px;background:#13181c;}
a{outline: none;}
.fl{float: left;}
.fr{float: right;}
.container{/* overflow: hidden;width: 100%;height: 100%;*/font-family: "Microsoft Yahei";}
.page{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;margin: 0 auto;}
.current{display: block;z-index: 1;}
.slide{display: block;z-index: 2;}


.video-s{position: absolute;width: 270px;height: 152px;position: absolute;top: 463px;left: 50%;top: 440px;left: 280px;background: url(../images/video-bg.jpg);/* margin-left: -135px;*/}
.video-s p{position: absolute;left: 0;bottom: 0;width: 100%;height: 29px;font-size: 16px;line-height: 29px;text-align: center;z-index: 1;color: #f4d997;background: rgba(0, 0, 0, 0.8);}
.video-s video{position: absolute;left: 0;bottom: 0;max-width: 100%}
.video-bg{position: absolute;top: 0;left: 50%;margin-left: -960px}
.play-btn{width: 66px;height: 66px;margin: -37px 0 0 -33px;cursor: pointer;z-index: 1;position: absolute;left: 50%;top: 50%;background: url(../images/play-btn.png) 0 0 no-repeat;-webkit-background-size: contain;background-size: cover;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.play-btn:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)}
.banner-box{width: 1920px;height: 960px;display: block;background: url(../images/p0-bg.jpg) center top repeat; margin: auto;}
.banner-box .slogan{width: 782px;height: 283px;position: absolute;top: 198px;left: 50%;/* margin-left: -363px;*/top: 143px;left: 30px;animation: zoomOut 0.5s 0.6s ease-out 1 forwards;-moz-animation: zoomOut 0.5s 0.6s ease-out 1 forwards;-webkit-animation: zoomOut 0.5s 0.6s ease-out 1 forwards;-ms-animation: zoomOut 0.5s 0.6s ease-out 1 forwards;}
.dl-btn{width: 345px;height: 102px;display: block;background: url(../images/buy-btn.png) center no-repeat;background-position: 0 0;position: absolute;/* top: 180px;*//* right: 0;*/opacity: 1;}
.dl-btn:hover{background-position: 0 -102px;}
.dl-box{width: 311px;height: 143px;position: absolute;/* top: 477px;*//* left: 50%;*//* margin-left: -155px;*/top: 628px;left: 350px;animation: fadeInUp 1s ease 1 forwards;-moz-animation: fadeInUp 1s ease 1 forwards;-webkit-animation: fadeInUp 1s ease 1 forwards;-ms-animation: fadeInUp 1s ease 1 forwards;}
.dl-link-box{width: 311px;height: 42px;background: url(../images/dl_link.png) center no-repeat;position: absolute;bottom: 0;left: 0;}
.dl-link-box a{color: #fff;font-size: 17px;height: 42px;line-height: 42px;display: block;float: left;text-align: center;background: none;}
.dl-link-box a:hover{background: url(../images/b3.png) center repeat;}
.dl-link-box .dl-reg{width: 104px;}
.dl-link-box .dl-buy{width: 103px;}
.dl-link-box .dl-peck{width: 104px;}
#video_bg{width: 100%;height: 960px;/*display: none;*/}
#video_bg video{position: absolute;top: 0;left: 50%;margin-left: -960px;}
.video{width: 84px;height: 84px;position: absolute;top: 370px;left: 50%;margin-left: -39px;cursor: pointer;background: url(../images/v_center.png) center no-repeat;opacity: 0;opacity: 1\9;animation: zoomIn 1s ease 1 forwards;-moz-animation: zoomIn 1s ease 1 forwards;-webkit-animation: zoomIn 1s ease 1 forwards;-ms-animation: zoomIn 1s ease 1 forwards;}
.video img{width: 84px;height: 84px;position: absolute;top: 0;left: -2px;display: block;background: url(../images/video.png) center no-repeat;opacity: 1;-webkit-animation: rotateIn360 linear 3s infinite;-moz-animation: rotateIn360 linear 3s infinite;-ms-animation: rotateIn360 linear 3s infinite;animation: rotateIn360 linear 3s infinite}
.slide-nav{width: 100%;height: 135px;background: url(../images/rpt_bg.png) center repeat;position: absolute;left: 0;top: 100px;display: none;}
.slide-nav ul{width: 700px;height: 135px;position: absolute;top: 0;right: 308px;}
.slide-nav ul li{width: 100px;float: left;text-align: center;}
.slide-nav ul a{width: 100px;height: 24px;display: block;line-height: 24px;color: #e6e6e6;font-size: 13px;text-align: center;}
.slide-nav ul a:hover{color: #c1c1c1;}

/* news-box*/
.news-box{width: 1920px;height: 760px;display: block;background: url(../images/p2_bg.jpg) center top repeat; margin: auto;}
.news-wrap{width: 1428px;height: 705px;display: block;margin: 0 auto;padding-top: 1px;position: relative;}
.news-wrap .next-news{width: 30px;height: 102px;background: url(../images/next.png) center no-repeat;position: absolute;top: 140px;right: -41px;}

/* 
.news-wrap .next-news:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}*/.news-left{width: 465px;height: 100%;float: left;}
.news-more{width: 30px;height: 102px;display: block;position: absolute;top: 0;right: -35px;background: url(../images/icon.png) center no-repeat;background-position: -61px 0;transition: all .5s;}
.fix-lang{color: #ccc;font-size: 20px;background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;bottom: 0;/* padding: 0 15px;*/width: 100%;height: 75px;line-height: 44px;overflow: hidden;text-align: center;}
.news-more:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.swiper{width: 705px;height: 465px;display: block;position: relative;}
.swiper img{width: 100%;height: 100%;}

.tab{width: 700px;height: 465px;display: block;position: absolute;left: 0;bottom: 0;}
.tab .tab-dt{width: 55px;height: 465px;color: #f4d996;font-size: 22px;line-height: 26px;font-weight: bold;background: #746751;text-align: center;float: left;}
.tab .tab-dt span{width: 22px;display: block;margin: 0 auto;padding-top: 22px;}
.tab-box{width: 605px;height: 100%;float: left;background: #151515;padding: 0 20px;}
.tabs{width: 100%;height: 46px;border-bottom: 1px solid #282828;box-sizing: border-box;}
.tabs a{color: #fff;min-width: 142px;height: 46px;line-height: 46px;float: left;text-align: center;font-size: 14px;margin-right: 8px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tabs .cur{border-bottom: 3px solid #f4d997;}
.tabs-wrap{width: 600px;height: 380px;position: relative;overflow: hidden;}
.tabs-list{height: 380px;display: block;position: absolute;top:20px;left: 0;}
.tabs-list ul{color: #999;font-size: 14px;width: 600px;float: left;}
.tabs-list ul li{}
.tabs-list ul p{width: 580px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tabs-list ul span{width: 42px;float: right;}
.tabs-list ul a{color: #999;display: block;overflow: hidden;padding: 10px 0;}
.tabs-list ul a:hover{color: #fff;}

.news-center{width: 700px;height: 465px;position: absolute;left: 720px;top: 0px;z-index: 10;}
.news-c-left{width: 700px;height: 465px;float: right;}
.news-ele{display: none;animation: fadeOut 1s ease 1;-moz-animation: fadeOut 1s ease 1;-webkit-animation: fadeOut 1s ease 1;-ms-animation: fadeOut 1s ease 1;}
.news-ele-show{display: block;animation: fadeIn 1s ease 1;-moz-animation: fadeIn 1s ease 1;-webkit-animation: fadeIn 1s ease 1;-ms-animation: fadeIn 1s ease 1;}
.news-c-right{width: 465px;height: 465px;float: right;}
.news-c-title{width: 225px;height: 225px;background: url(../images/b1.png) center repeat;float: left;position: relative;margin-right: 15px;}
.news-cn{width: 146px;color: #f5da97;font-size: 32px;line-height: 32px;font-weight: bold;position: absolute;top: 46px;left: 20px;}
.news-cn span{float: left;}
.news-cn .right-icon{width: 7px;height: 13px;display: block;float: right;background: url(../images/right.png) center right no-repeat;margin-top: 12px;}
.news-en{width: 146px;color: #fff;font-size: 18px;line-height: 26px;font-weight: bold;position: absolute;top: 90px;left: 20px;}
.news-en span{float: left;line-height: 26px;}
.plus-icon{width: 26px;height: 26px;display: block;float: right;background: url(../images/plus.png) center right no-repeat;margin-left: 12px;}
.news-c-title:hover .plus-icon{animation: rotateIn 1s ease 1;-moz-animation: rotateIn 1s ease 1;-webkit-animation: rotateIn 1s ease 1;-ms-animation: rotateIn 1s ease 1;}
.news-list{width: 185px;height: 225px;background: url(../images/b2.png) center repeat;position: relative;padding: 0 20px;margin-bottom: 15px;margin-right: 15px;}
/*
.news-list:nth-child(2),
.news-list:last-child{margin-right: 0;}
*/
.news-none{display: none;}
.news-list-v{width: 225px;height: 225px;background: url(../images/b2.png) center repeat;position: relative;margin-right: 15px;margin-bottom: 15px;overflow: hidden;}
.news-list-v .spt{background: #346e70}
.news-list h3{height: 40px;color: #fff;font-size: 14px;line-height: 20px;padding-top: 52px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.news-list:hover h3{color: #f4d996;}
.news-list p{color: #7f8993;font-size: 12px;line-height: 18px;height: 35px;padding-top: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.news-list .time{color: #7e735e;font-size: 12px;line-height: 12px;padding-top: 16px;display: block;}
.spt{color: #fff;font-size: 12px;width: 52px;height: 21px;line-height: 21px;background: #746751;text-align: center;position: absolute;top: 12px;right: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.news-list-s{margin-top: 0;}
.th-box{width: 225px;height: 150px;overflow: hidden;display: block;position: relative;}
.th-box .th-bg{cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity: 0;}
.th-box .v-btn{width: 55px;height: 55px;background: url(../images/v_icon.png) center no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -22.5px;margin-left: -22.5px;opacity: 0;-webkit-transition: 0.3s;transition: 0.3s;}
.news-list-v img{width: 225px;height: 150px;display: block;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.news-list-v .title{color: #999;padding-top: 20px;padding-left: 15px;font-size: 14px;display: block;line-height: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list-v .name{color: #999;margin-top: 9px;margin-left: 15px;font-size: 14px;line-height: 14px;padding-left: 14px;background: url(../images/man.png) center left no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list-v:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.news-list-v:hover .th-box .th-bg{opacity: 1;}
.news-list-v:hover .th-box .v-btn{opacity: 1;}

.news-right{width: 1430px;height: 225px;position: absolute;left: 0px;bottom: 0;}
.enter-link{width: 225px;height: 225px;float: left;display: block;margin-right: 15px;position: relative;}
.news-right .join-link{margin-right: 0;}
.enter-link a{width: 225px;height: 225px;float: left;display: block;}
.enter-link span{float: left;width:165px;height:225px;line-height:225px;font-size:20px;color:#b3a48a;padding:50px 40px 0;font-weight:bold}
.enter-link .r8{background: url(../images/r8.png) center no-repeat;background-position: 0 0;}
.enter-link .r8-back{background: url(../images/r8.png) center no-repeat;background-position: -225px 0;}

.enter-link .r1{background: url(../images/r8.png) center no-repeat;background-position: 0 0;}
.enter-link .r1-back{background: url(../images/r8.png) center no-repeat;background-position: -225px 0;}
.enter-link .r2{background: url(../images/r2.png) center no-repeat;background-position: 0 0;}
.enter-link .r2-back{background: url(../images/r2.png) center no-repeat;background-position: -225px 0;}
.enter-link .r3{background: url(../images/r3.png) center no-repeat;background-position: 0 0;}
.enter-link .r3-back{background: url(../images/r3.png) center no-repeat;background-position: -225px 0;}
.enter-link .r4{background: url(../images/r3.png) center no-repeat;background-position: 0 0;}
.enter-link .r4-back{width: 225px;height: 225px;float: left;display: block;background: url(../images/r3.png) center no-repeat;background-position: -225px 0;}

.enter-link .back{transition: transform 400ms;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;-webkit-transform: rotateY( -180deg);-moz-transform: rotateY( -180deg);-o-transform: rotateY( -180deg);transform: rotateY( -180deg);}
.enter-link .front{transition: transform 400ms;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;-webkit-transform: rotateY( 0deg);-moz-transform: rotateY( 0deg);-o-transform: rotateY( 0deg);transform: rotateY( 0deg);/*display: none\9;*/}
.join-link .front{transition: transform 400ms;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;-webkit-transform: rotateY( 0deg);-moz-transform: rotateY( 0deg);-o-transform: rotateY( 0deg);transform: rotateY( 0deg);/*display: none\9;*/}

.r1:hover,
.r2:hover,
.r3:hover{background-position: -225px 0;}
/*
.join-link:hover .front{-webkit-transform: rotateY( 180deg);-moz-transform: rotateY( 180deg);-o-transform: rotateY( 180deg);transform: rotateY( 180deg);}
.join-link:hover .back{-webkit-transform: rotateY( 0deg);-moz-transform: rotateY( 0deg);-o-transform: rotateY( 0deg);transform: rotateY( 0deg);}
*/
.enter-link .join-icon{width: 78px;height: 78px;display: block;border: 1px solid #958354;position: relative;}
.join-icon span{display: block;background: url(../images/join_icon.png) center no-repeat;}
.enter-link .j-wx{position: absolute;top: 26px;left: 25px;}
.enter-link .j-wb{position: absolute;top: 26px;right: 25px;}
.enter-link .j-qq{position: absolute;bottom: 26px;left: 25px;}
.enter-link .j-bd{position: absolute;bottom: 26px;right: 25px;}
.enter-link .j-wx span{width: 33px;height: 28px;background-position: 0 0;position: absolute;top: 25px;left: 22px;}
.enter-link .j-wb span{width: 36px;height: 30px;background-position: -44px 0;position: absolute;top: 21px;left: 24px;}
.enter-link .j-qq span{width: 29px;height: 29px;background-position: -90px 0;position: absolute;top: 24px;left: 24px;}
.enter-link .j-bd span{width: 30px;height: 30px;background-position: -128px 0;position: absolute;top: 24px;left: 25px;}
.r4-back a:hover{background: rgba(200, 203, 203, 0.5);}
.join-qr{width: 225px;height: 225px;position: absolute;top: 0;left: 0;display: none;}
/* photo-box*/.photo-box{height: 800px;}
.photo-box .swiper-container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.photo-box .container{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.photo-box .pagination{position: absolute;left: 0;top: 340px;width: 100%;box-sizing: border-box;text-align: center;}
.photo-box .swiper-pagination-switch{display: inline-block;position: relative;width: 102px;height: 160px;margin: 5px;opacity: 1;border-radius: 0;background: url("../images/p2-tab.png") 0 0 no-repeat;cursor: pointer;}
.photo-box .swiper-pagination-switch:nth-child(1){background-position: -178px 0}
.photo-box .swiper-pagination-switch:first-child{background-position: -178px 0}
.photo-box .swiper-pagination-switch:nth-child(2){background-position: 0 0}
.photo-box .swiper-pagination-switch:first-child+span{background-position: 0 0}
.photo-box .swiper-pagination-switch:nth-child(3){background-position: -354px 0}
.photo-box .swiper-pagination-switch:first-child+span+span{background-position: -354px 0}
.photo-box .swiper-pagination-switch img{width: 100%;display: block}
.photo-box .swiper-pagination-switch:hover:nth-child(1),
.photo-box .swiper-active-switch:nth-child(1){background-position: -178px -220px}
.photo-box .swiper-pagination-switch:hover:nth-child(2),
.photo-box .swiper-active-switch:nth-child(2){background-position: 0 -220px}
.photo-box .swiper-pagination-switch:hover:nth-child(3),
.photo-box .swiper-active-switch:nth-child(3){background-position: -354px -220px}
.photo-box .swiper-pagination-switch:first-child.swiper-active-switch,
.photo-box .swiper-pagination-switch:first-child:hover{background-position: -178px -220px}
.photo-box .swiper-pagination-switch:first-child+span.swiper-active-switch,
.photo-box .swiper-pagination-switch:first-child+span:hover{background-position: 0 -220px}
.photo-box .swiper-pagination-switch:first-child+span+span.swiper-active-switch,
.photo-box .swiper-pagination-switch:first-child+span+span:hover{background-position: -354px -220px}
.photo-box .tit{text-align: center;color: #fff;padding-top: 80px;pointer-events: none;font-family: Centaur;text-shadow: 0 1px 2px #040000;position: absolute;left: 5%;width: 90%;z-index: 2;margin: 0 auto;}
.photo-box .tit h2{font-size: 60px;line-height: 66px;text-transform: uppercase}
.photo-box .tit p{font-size: 20px;line-height: 25px;max-width: 1000px;font-family: Corbel;margin: 10px auto 0 auto}
.photo-box .tit em{font-size: 20px}

/* feature-box*/

.feature-box{width: 1920px;height: 984px;display: block;position: relative;background: url(../images/p4_bg.jpg) center top repeat; margin: auto;}
.feature-box .t4{width: 209px;height: 101px;position: absolute;top: 80px;left: 50%;margin-left: -104px;}
.swiper-ft{width: 1304px;height: 650px;position: absolute;top: 220px;left: 50%;margin-left: -652px;}
.swiper-ft img{width: 100%;height: 100%;display: block;margin: 0 auto;}
.swiper-ft .ft-name{width: 100%;color: #fff;font-size: 36px;line-height: 36px;font-weight: bold;text-align: center;position: absolute;bottom: 130px;}
.swiper-ft .ft-desc{width: 100%;color: #fff;font-size: 20px;line-height: 20px;text-align: center;display: block;position: absolute;bottom: 96px;}
.swiper-slide-active .ft-name,
.swiper-slide-active .ft-desc{animation: fadeInUp 1s ease 1 forwards;-moz-animation: fadeInUp 1s ease 1 forwards;-webkit-animation: fadeInUp 1s ease 1 forwards;-ms-animation: fadeInUp 1s ease 1 forwards;}
/* apt-wrap*/
.apt-wrap{width: 1920px;height: 538px;display: block;position: relative;background: url(../images/p5_bg.jpg) center top repeat; margin: auto;qrcode_box}
.apt-wrap .t5{width: 1200px;height: 100px;position: absolute;top: 101px;left: 50%;margin-left: -600px;}
.apt-box{width: 530px;height: 195px;position: absolute;top: 235px;left: 50%;margin-left: -255px;}
.qrcode{width: 194px;height: 194px;position: absolute;left: -9px;top: 0;}
.dl-btn-b{width: 345px;height: 102px;display: block;background: url(../images/buy-btn.png) center no-repeat;background-position: 0 0;position: absolute;top: 0;right: -9px;opacity: 1;}
.dl-btn-b:hover{background-position: 0 -102px;}
.follow{width: 323px;height: 38px;position: absolute;right: 0;top: 108px;}
.dl-share{width: 43px;height: 42px;display: block;background: url(../images/dl_icon.png) center no-repeat;position: absolute;bottom: 0;}
.apt-box .dl-weibo{background-position: 0 0;right: 200px;}
.apt-box .dl-qq{background-position: -44px 0;right: 131px;}
.apt-box .dl-baidu{background-position: -88px 0;right: 61px;}
.apt-box .dl-weibo:hover{background-position: 0 -43px;}
.apt-box .dl-qq:hover{background-position: -44px -43px;}
.apt-box .dl-baidu:hover{background-position: -88px -43px;}
/* swiper first*/.swiper-container{width: 100%;height: 465px;}
.pagination-0{height: 26px;position: absolute;right: 0;text-align: center;bottom: 10px;width: 100%;z-index: 2;}
.news-wrap .swiper-pagination-switch{display: inline-block;width: 26px;height: 26px;margin: 0 3px;cursor: pointer;background: url(../images/pagination.png) 0 0;}
.news-wrap .swiper-active-switch{background: url(../images/pagination.png) 0 -26px;}
/* swiper second*/.swiper-container-1{width: 1305px;height: 650px;}
.swiper-ft .arrow-right-1,
.swiper-ft .arrow-left-1{width: 60px;height: 60px;display: block;position: absolute;top: 286px;z-index: 2;}
.swiper-ft .arrow-left-1{background: url(../images/arrow-l.png) 0 0;left: -92px;}
.swiper-ft .arrow-right-1{background: url(../images/arrow-r.png) 0 0;right: -92px;}
.swiper-ft .arrow-right-1:hover,
.swiper-ft .arrow-left-1:hover{background-position: 0px -60px;}
.pagination{height: 26px;position: absolute;right: 0;text-align: center;bottom: 38px;width: 100%;z-index: 2;}
.feature-box .swiper-pagination-switch{display: inline-block;width: 26px;height: 26px;margin: 0 3px;cursor: pointer;background: url(../images/pagination.png) 0 0;}
.feature-box .swiper-active-switch{background: url(../images/pagination.png) 0 -26px;}
.swiper-slide{position: relative;}
/* swiper third*/.swiper-mine{}
.swiper-mine .mine-slide{width: 100%;height: 100%;display: none;}
.swiper-mine .slide-cur{display: block;}
.swiper-container-2{width: 1920px;height: 908px;}
.swiper-book .book-prev{width: 61px;height: 60px;display: block;background: url(../images/arrow_s.png) center no-repeat;background-position: 0 0;position: absolute;top: 175px;left: -92px;z-index: 2;}
.swiper-book .book-prev:hover{background-position: -74px 0;}
.swiper-book .book-next{width: 61px;height: 60px;display: block;background: url(../images/arrow_s.png) center no-repeat;background-position: -146px 0;position: absolute;top: 175px;right: -92px;z-index: 2;}
.swiper-book .book-next:hover{background-position: -214px 0;}
.pagination-2{height: 18px;position: absolute;right: 0;text-align: center;bottom: 415px;width: 100%;/* margin: 15px;*/z-index: 2;}
.pagination-mine{width: 1028px;height: 80px;display: block;position: absolute;bottom: -130px;left: 50%;margin-left: -514px;z-index: 2;}
.pagination-mine span{display: block;float: left;width: 80px;height: 80px;margin: 0 5px;cursor: pointer;background: url(../images/icon_1.png);}
.book-box .thumb-name{width: 1028px;display: block;position: absolute;bottom: -220px;left: 50%;margin-left: -514px;z-index: 2;}
.book-box .thumb-name span{color: #3d2300;width: 80px;height: 80px;display: block;float: left;text-align: center;font-size: 14px;line-height: 14px;margin: 0 5px;}
.swiper-slide{position: relative;}
/* 缩略图*/.book-box .thumb0:hover{background-position: 0 0;}
.book-box .thumb1:hover{background-position: -96px 0;}
.book-box .thumb2:hover{background-position: -192px 0;}
.book-box .thumb3:hover{background-position: -288px 0;}
.book-box .thumb4:hover{background-position: -384px 0;}
.book-box .thumb5:hover{background-position: -480px 0;}
.book-box .thumb6:hover{background-position: -576px 0;}
.book-box .thumb7:hover{background-position: -672px 0;}
.book-box .thumb8:hover{background-position: -768px 0;}
.book-box .thumb9:hover{background-position: -864px 0;}
.book-box .thumb10:hover{background-position: -960px 0;}
.book-box .thumb0{background-position: 0 -96px;}
.book-box .thumb1{background-position: -96px -96px;}
.book-box .thumb2{background-position: -192px -96px;}
.book-box .thumb3{background-position: -288px -96px;}
.book-box .thumb4{background-position: -384px -96px;}
.book-box .thumb5{background-position: -480px -96px;}
.book-box .thumb6{background-position: -576px -96px;}
.book-box .thumb7{background-position: -672px -96px;}
.book-box .thumb8{background-position: -768px -96px;}
.book-box .thumb9{background-position: -864px -96px;}
.book-box .thumb10{background-position: -960px -96px;}
.thumb10 a{width: 80px;height: 80px;display: block;}
/* video-pop*/.video-pop{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);background: url(../images/ie-bg.png) repeat;z-index: 101;display: none;}
.video-pop-box{width: 895px;height: 524px;position: fixed;top: 50%;left: 50%;z-index: 101;margin-left: -450px;margin-top: -287px;animation: bounceInDown 1s ease 1;-moz-animation: bounceInDown 1s ease 1;-webkit-animation: bounceInDown 1s ease 1;-ms-animation: bounceInDown 1s ease 1;}
.video-pop .close{width: 55px;height: 55px;display: block;background: url(../images/popup-close.png) center no-repeat;position: absolute;top: 0px;right: -60px;}
.down{width: 36px;height: 69px;background: url(../images/d1.png) center no-repeat;position: fixed;left: 50%;margin-left: -18px;bottom: 30px;z-index: 20;animation: fadeInUp 1s 1s ease 1 forwards;-moz-animation: fadeInUp 1s 1s ease 1 forwards;-webkit-animation: fadeInUp 1s 1s ease 1 forwards;-ms-animation: fadeInUp 1s 1s ease 1 forwards;}
.down img{width: 8px;height: 12px;display: block;position: absolute;top: 4px;left: 14px;-webkit-animation: linear movetip 1s infinite;animation: linear movetip 1s infinite;-ms-animation: linear movetip 1s infinite;}
/* add css3 basic style*/.container .opacity{opacity: 0;opacity: 1\9;}
.container .zoom-in{animation: zoomIn 0.5s 0.5s ease 1 forwards;-moz-animation: zoomIn 0.5s 0.5s ease 1 forwards;-webkit-animation: zoomIn 0.5s 0.5s ease 1 forwards;-ms-animation: zoomIn 0.5s 0.5s ease 1 forwards;}
.container .fadeInUpXs{animation: fadeInUpXs 1s ease 1 forwards;-moz-animation: fadeInUpXs 1s ease 1 forwards;-webkit-animation: fadeInUpXs 1s ease 1 forwards;-ms-animation: fadeInUpXs 1s ease 1 forwards;}
.container .fadeInLeft{animation: fadeInLeft 1s ease 1 forwards;-moz-animation: fadeInLeft 1s ease 1 forwards;-webkit-animation: fadeInLeft 1s ease 1 forwards;-ms-animation: fadeInLeft 1s ease 1 forwards;}
.container .fadeInDown{animation: fadeInDown 1s ease 1 forwards;-moz-animation: fadeInDown 1s ease 1 forwards;-webkit-animation: fadeInDown 1s ease 1 forwards;-ms-animation: fadeInDown 1s ease 1 forwards;}
@-webkit-keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
to{opacity: 1;}}
@keyframes zoomIn{from{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
to{opacity: 1;}}
@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInUpXs{from{opacity: 0;-webkit-transform: translate3d(0, 40%, 0);transform: translate3d(0, 40%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUpXs{from{opacity: 0;-webkit-transform: translate3d(0, 40%, 0);transform: translate3d(0, 40%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInDown{from{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDown{from{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInDownXs{from{opacity: 0;-webkit-transform: translate3d(0, -30%, 0);transform: translate3d(0, -30%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDownXs{from{opacity: 0;-webkit-transform: translate3d(0, -30%, 0);transform: translate3d(0, -30%, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInRight{from{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight{from{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes rotateIn{from{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -180deg);transform: rotate3d(0, 0, 1, -180deg);opacity: 0;}
to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateIn{from{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -180deg);transform: rotate3d(0, 0, 1, -180deg);opacity: 1;}
to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes movetip{0%{top: 4px;}
50%{top: 8px;}
100%{top: 4px;}}
@-webkit-keyframes movetip{0%{top: 4px;}
50%{top: 8px;}
100%{top: 4px;}}
@-webkit-keyframes rotateIn360{from{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -360deg);transform: rotate3d(0, 0, 1, -360deg)}
to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none}}
@keyframes rotateIn360{from{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -360deg);transform: rotate3d(0, 0, 1, -360deg)}
to{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none}}
@-webkit-keyframes zoomOut{from{opacity: 1;-webkit-transform: scale3d(3, 3, 3);transform: scale3d(3, 3, 3);}
50%{opacity: .8;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
to{opacity: 1;}}
@keyframes zoomOut{from{opacity: 1;-webkit-transform: scale3d(3, 3, 3);transform: scale3d(3, 3, 3);}
50%{opacity: .8;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
to{opacity: 1;}}
@-webkit-keyframes fadeInLeft{from{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft{from{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeOut{from{opacity: 1;}
to{opacity: 0;}}
@keyframes fadeOut{from{opacity: 1;}
to{opacity: 0;}}
@-webkit-keyframes fadeIn{from{opacity: 0;}
to{opacity: 1;}}
@keyframes fadeIn{from{opacity: 0;}
to{opacity: 1;}}
@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
to{-webkit-transform: none;transform: none;}}
@keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
to{-webkit-transform: none;transform: none;}}

/* media query*/
.transtion{transition: all 0.4s;-webkit-transition: all 0.4s;}
@media screen and (max-width: 1450px){.share-box{right: 38px;}
.slide-nav ul{right: 248px;}
.news-box{height: 100%;height: 1176px;display: block;/* background: #1e2427;*//* background: url(../images/p2_bg_c.jpg) center top repeat;*/}
.news-list:nth-child(4){position: absolute;left: -240px;bottom: -15px;}
.news-list:first-child+a+a+a{position: absolute;left: -240px;bottom: -15px;}
.news-wrap{width: 1188px;height: 945px;}
.tab{left: 484px;}
.news-right{bottom: 240px;left: 0;}
.news-wrap .me-link{position: absolute;bottom: -240px;left: 0;}
.news-wrap .join-link{position: absolute;bottom: -240px;left: 240px;}
.news-c-right{width: 225px;height: 945px;float: right;}
.news-c-right .news-list-s{margin-top: 15px;}
.news-c-left{width: 480px;height: 705px;position: absolute;top: 0;/*left: -240px;*/}
.news-center{width: 465px;}
.news-none{display: block;}
/* 第三屏*/
.swiper-book .book-next{right: 40px;}
.swiper-book .book-prev{left: 40px;}
/* 第四屏*/
.swiper-ft .arrow-left-1{left: 40px;}
.swiper-ft .arrow-right-1{right: 40px;}
.swiper-ft{width: 1200px;height: 600px;position: absolute;top: 274px;left: 50%;margin-left: -600px;}
.swiper-container-1{width: 1200px;height: 600px;}}


.ZhuangBei{width: 100%;height:900px;display: block;position: relative;}
.ZhuangBei .t4{width: 1200px;height: 100px;position: absolute;top: 80px;left: 50%;margin-left: -600px;}
.ZhuangBeipic{width:1430px;margin:20px auto;}
	.PhotoList{float:left;margin-left:75px;margin-top:200px}
	.PhotoList li{margin:0 20px 25px 0;float:left;width:370px;height:auto;padding:30px;background-color:#3b3d43;display:inline;}
	.PhotoList li:hover{background-color:#511d0b;box-shadow:0 0 34px rgba(0,0,0,0.6);}
	.PhotoList li:nth-child(3n){margin-right:0px;}
	.PhotoList .photo{width:375px;height:auto;margin:0 auto;box-shadow:0 -5px 24px rgba(0,0,0,0.8);display:block;}
	.PhotoList .photo img{width:370px;height:auto;}