html,body{width: 100%;height: 100%;min-width:1200px;font-family: "Arial","微软雅黑";}
html{overflow-x: hidden;}
.pull-left{float: left;}
.pull-right{float: right;}
.show{display: block;}
.hide{display: none;}
.main-container{width: 100%;overflow: hidden;}
.width{width: 1000px;margin: 0 auto;}
.clearfix:after,.clearfix:before{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
/* background */
.background .bg01{width:100%;height:848px;background: url("../images/banner.jpg?1") center no-repeat;background-size: cover;}
.background .bg02{width:100%;height:830px;background: url("../images/bg02.jpg?1") center no-repeat;background-size: cover;}
.background .bg03{width:100%;height:729px;background: url("../images/bg03.jpg?1") center no-repeat;background-size: cover;}
.background .bg04{width:100%;height:591px;background: url("../images/bg04.jpg?1") center no-repeat;background-size: cover;}
/* video-modal */
.v-wrap {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0;top: 0;display: none;z-index: 100;overflow: hidden;}
.player {width: 760px;height: 428px;position: absolute;top: 50%; left: 50%; margin-left: -380px;margin-top: -215px;border:10px solid #fffaf0;}
.player .close-play span{display: inline-block;width: 30px;height: 30px;background:url("../images/icon-img.png?1")no-repeat;background-position:-408px -282px;position: absolute;right: -30px;top:-30px;cursor: pointer;z-index: 100; }
.player .close-play span:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: ease-out 0.8s;-moz-transition: ease-out 0.8s;-ms-transition: ease-out 0.8s;-o-transition: ease-out 0.8s;transition: ease-out 0.8s;}
.player .video-zz .v-poster{width: 100%;height:100%;position: absolute;top:0;left:0;}
.player .video-zz span{width: 100%;height:100%;position: absolute;top:0;left:0;background: rgba(0, 0, 0, 0.61);}
.player .video-zz .play-btn{display:inline-block;width: 113px;height: 113px;background: url("../images/icon-img.png?1") no-repeat;background-position: -451px -165px;cursor:pointer;position: absolute;top:50%;left:50%;margin-left: -56.5px;margin-top: -56.6px;z-index: 99;}
.player iframe {width: 100%;height: 100%;background: #000;}
#player video { width: 100%; }
/* header */
.header{width: 100%;height: 100px;background: rgba(0, 0, 0, 0.7);z-index: 98;position: absolute;left:0;top:0;}
.header .header-wrapper{width: 1200px;height: 100px;margin:0 auto;}
.header .header-wrapper .icon .main-logo{width: 180px;height: 70px;margin-top: 14px;}
.header .header-wrapper .main-nav li{float: left;color:#bbb;height: 100px;line-height: 85px;position: relative;}
.header .header-wrapper .main-nav li a{width:100%;height: 100%;color:#bbb;font-size: 22px;text-align: center;padding:0 36px;}
.header .header-wrapper .main-nav li a:hover{color:#00eaff;}
.header .header-wrapper .main-nav li a:after{height: 14px;line-height: 14px;font-size: 12px;color:#bbb;position: absolute;top:56px;left:76px;}
.header .header-wrapper .main-nav li:nth-child(1) a:after{content: 'HOME';}
.header .header-wrapper .main-nav li:nth-child(2) a:after{content: 'NEWS';}
.header .header-wrapper .main-nav li:nth-child(3) a:after{content: 'VIDEOS';left:72px;}
.header .header-wrapper .main-nav li:nth-child(4) a:after{content: 'BBS';left:82px;}
.header .header-wrapper .main-nav li:hover a:after{color:#00eaff;}
.header .header-wrapper .main-nav li:last-child a{padding:0 16px;}
.header .header-wrapper .main-nav li:last-child a .QR_code{width:51px !important;height:50px !important;padding: 0;background: url("../images/icon-img.png?1") no-repeat;background-position: -498px -60px;margin-top: 24px;}
.header .header-wrapper .main-nav li a.active,.header .header-wrapper .main-nav li a.active:after{color:#00eaff;}
.header .header-wrapper .main-nav li:last-child .qr-show{display: none;position: absolute;right:-3px;top:100px;}
.header .header-wrapper .main-nav li:last-child .qr-show .ewm-item{width:218px;height: 228px;background: url("../images/ewm-alert.png?1") no-repeat;background-size: 100% 100%;position: relative;}
.header .header-wrapper .main-nav li:last-child .qr-show .ewm-item .qrcode{margin-left:32px;margin-top:40px;position: absolute;left:0;top:0;}
.header .header-wrapper .main-nav li:last-child .qr-show .ewm-item .light{width:171px;height: 24px;background: url("../images/icon-img.png?1") center no-repeat;background-position: -614px 0;position: absolute;left:23px;top:0;z-index: 9;-moz-animation: code 3s linear infinite;-webkit-animation: code 3s linear infinite;-o-animation: code 3s linear infinite;-ms-animation: code 3s linear infinite; animation: code 3s linear infinite;}
/* / header */
/* float window */
.float-window{width: 243px;height: 577px;position: fixed;right: 0;top:22%;background: url("../images/float-win-bg.png?1");z-index: 90;}
.float-window .close{width: 30px;height: 30px;position: absolute;top:2px;right: 3px;margin-left: -27px;}
.float-window .ewm{position: relative;}
.float-window .ewm img{width: 152px;height: 152px;position: absolute;top:0;left:0;margin-top: 48px;margin-left:40px;}
.float-window .ewm .light{width:171px;height: 24px;background: url("../images/icon-img.png?1") center no-repeat;background-position: -614px 0;position: absolute;left:31px;top:0;z-index: 9;-moz-animation: code 3s linear infinite;-webkit-animation: code 3s linear infinite;-o-animation: code 3s linear infinite;-ms-animation: code 3s linear infinite; animation: code 3s linear infinite;}
.float-window .download-item{margin-top:223px;margin-left: 40px;}
.float-window .download-item a{width: 152px;height: 50px;margin-bottom: 3px;background: url("../images/icon-img.png?1") no-repeat;}
.float-window .download-item a:hover{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-moz-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-ms-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1;-moz-animation: gelatine 0.5s 1;-ms-animation: gelatine 0.5s 1;animation: gelatine 0.5s 1;}
.float-window .download-item .appStore{background-position: -7px -6px;}
.float-window .download-item .googlePlay{background-position: -158px -6px;}
.float-window .download-item .apk{background-position: -310px -6px;}
.float-window .download-item .apk-install{background-position: -460px -6px;}
.float-window .download-item .line{width:76px;height: 76px;background: url("../images/line.png?1") no-repeat;background-size: 100% 100%;}
.float-window .download-item .facebook{width:76px;height: 76px;background: url("../images/facebook.png?1") no-repeat;background-size: 100% 100%;}
.float-window-show{display: none;width: 99px;height: 106px;position: fixed;right: 0 !important;top:40%;z-index: 98;}
.float-window-show .open{width: 100%;height: 100%;background: url("../images/icon-img.png?1") no-repeat;background-position: -648px -60px;}
/* / float window */
/* apk prompt window */
.apk-prompt{display:none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.70);position: fixed;top:0;left:0;z-index: 999;}
.apk-prompt .apk-prompt-wrapper{width: 550px;height: 310px;position: relative;background: url("../images/fc-apk-alert-bg.jpg?1") center center no-repeat;background-size: 100% 100%;margin: 0 auto;margin-top: 200px;}
.apk-prompt .apk-prompt-wrapper .qz-apk-close{ width: 30px; height: 30px; opacity:0.7;background:url("../images/icon-img.png?1")no-repeat;background-position:-408px -282px;position: absolute;right:-10px; top: -10px; cursor: pointer; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.apk-prompt .apk-prompt-wrapper .qz-apk-close:hover{opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.apk-prompt .apk-prompt-wrapper .wranning-icon{padding-top: 50px;text-align: center;}
.apk-prompt .apk-prompt-wrapper .wranning-icon img{width: 54px;height: 53px;}
.apk-prompt .apk-prompt-wrapper .apk-prompt-info{font-size: 24px;color:#fff;text-align: center;padding-top: 30px;font-weight: normal;}
.apk-prompt .apk-prompt-wrapper .btn-item{text-align: center;padding-top: 40px;}
.apk-prompt .apk-prompt-wrapper .btn-item a{display: inline-block;width: 144px;height: 57px;}
.apk-prompt .apk-prompt-wrapper .btn-item a:nth-child(1){background: url("../images/fc-cancel.png?1") no-repeat;background-size: 100% 100%;}
.apk-prompt .apk-prompt-wrapper .btn-item a:nth-child(1):hover{background: url("../images/fc-cancel-active.png?1") no-repeat;background-size: 100% 100%;}
.apk-prompt .apk-prompt-wrapper .btn-item a:nth-child(2){background: url("../images/fc-ok.png?1") no-repeat;background-size: 100% 100%;margin-left: 30px;}
.apk-prompt .apk-prompt-wrapper .btn-item a:nth-child(2):hover{background: url("../images/fc-ok-active.png?1") no-repeat;background-size: 100% 100%;}
/* apk prompt window end*/
.float-element{position: relative;}
.float-element .float-ele{position: absolute;z-index: 1;-webkit-animation: ele 2s linear infinite;-moz-animation: ele 2s linear infinite;-ms-animation: ele 2s linear infinite;-o-animation: ele 2s linear infinite;animation: ele 2s linear infinite;}
.float-element .wing{top:558px;right:-300px;}
.float-element .heart{top:623px;left:-383px;}
/* main-content */
.content-wrap{padding:0;margin:0;background: #181818;}
.sec{width:100%;clear:both;background: #fff;position: relative;}
/* guide */
.banner{height:980px;overflow:hidden;z-index: 1;}
.mp4-banner{width:1920px;height:980px;position: absolute;left: 50%;top:0;margin-left: -960px;z-index: 1;border:none;background:none;font-size: 0;}
.mp4-banner video{display: block;padding:0;margin:0;width:100%;height: 100%;position: absolute;top:0;}
.mp4-banner .default-img{width: 100%;}
.guide{margin:0;height: 980px;}
.guide .mp4-banner{height:980px !important;}
.guide .mp4-banner .mb-img{width: 100%;height: 100%;background: url("../images/guide-model-bg.png?1") repeat;position: absolute;top:0;left:0;z-index: 1;}
.guide .banner-con{height: 980px;z-index: 9;position: relative;text-align: center;}
.guide .banner-con .logo img{width: 290px;height:112px;margin-top: 166px;}
.guide .banner-con .slogan img{width: 668px;height: 350px;margin-top: -20px;}
.guide .banner-con .video_box{width: 141px;height: 134px;position: absolute;right: 88px;top:268px;background: url("../images/guide-play-btn.png?1") no-repeat;background-size: 100% 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.guide .banner-con .video_box:hover{ -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);}
.guide .banner-con .enter{width: 100%;text-align:center;margin-top: 10px;}
.guide .banner-con .enter>div a{width:289px ;height:100px ;position: relative;}
.guide .banner-con .enter>div .main-enter{background: url("../images/enter-home.png?1") no-repeat;background-size: 100% 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.guide .banner-con .enter>div .main-enter:hover{background: url("../images/enter-home-active.png?1") no-repeat;background-size: 100% 100%;}
.guide .banner-con .enter>div .main-enter .go-icon{width: 23px;height: 19px;position: absolute;right:70px;top:35px;background: url("../images/icon-img.png?1") no-repeat;background-position: -488px -284px;-webkit-animation: goenter 1.8s infinite; -moz-animation: goenter 1.8s infinite; -ms-animation: goenter 1.8s infinite; -o-animation: goenter 1.8s infinite; animation: goenter 1.8s infinite;}
/* guide end */
/* home */
/* banner */
.main-banner{position: relative;left:0;top:0;}
/*.mian-banner .model{width: 100%;height: 100%;background: url("../images/guide-model-bg.png") repeat;position: absolute;top:0;left:0;}*/
.main-banner .banner-ele-item{position: relative;}
.main-banner .banner-ele-item .scene{position: absolute;}
.main-banner .banner-ele-item .scene1{z-index: 9;left:-294px;top:205px;}
.main-banner .banner-ele-item .scene2{z-index: 8;top:159px;left:-329px;}
.main-banner .banner-ele-item .scene3{z-index: 9;top:202px;left:-117px;}
.main-banner .banner-ele-item .scene4{z-index: 9;top:327px;left:558px;}
.main-banner .banner-ele-item .play-swf{width: 157px;height: 153px;position: relative;left:856px;top:172px;z-index: 9;cursor: pointer;}
.main-banner .banner-ele-item .play-swf .video-play{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.main-banner .banner-ele-item .main-slogan{padding-left: 277px;padding-top: 22px;}
.main-banner .banner-ele-item .main-slogan img{width: 655px;height: 345px;z-index: 2;}
.main-banner .banner-ele-item .heart-swf{width:209px;height:137px;position: relative;left:116px;top:-328px;z-index: 1;}
/* title */
.section .home-title{position: relative;}
.section .home-title a{width: 346px;height: 106px;}
.section .home-title .news-title{background: url("../images/icon-img.png?1") no-repeat;background-position: -9px -60px;}
.section .home-title .feature-title{background: url("../images/icon-img.png?1") no-repeat;background-position: -9px -161px;}
.section .home-title .video-title{background: url("../images/icon-img.png?1") no-repeat;background-position: -9px -264px;}
/* news */
.news{padding-top:90px;}
.news .news-wrapper{width: 398px;height: 499px;padding-top: 30px;}
.news .news-wrapper .swiper-container-news .swiper-slide img{width: 100%;}
.news .news-wrapper .swiper-container-news .swiper-button-white{opacity: 0.8 !important;}
.news .news-wrapper .swiper-container-news .swiper-button-white:hover{opacity: 1 !important;}
.news .news-wrapper .swiper-container-news .swiper-pagination{bottom:20px !important}
.news .news-wrapper .swiper-container-news .swiper-pagination .swiper-pagination-bullet{width: 14px !important;height: 14px !important;background: #fff !important;opacity: 0.5;}
.news .news-wrapper .swiper-container-news .swiper-pagination .swiper-pagination-bullet-active{background: #fff !important;opacity: 1 !important;}
.news .newsList{width: 570px;height: 348px;margin-top: 30px;background:url("../images/news-list-bg.png?1") -2px 12px no-repeat;}
.news .newsList .art-news{ width: 100%; float: right; overflow: hidden;}
.news .newsList .art-news .news-nav{height: 30px;position: relative;z-index: 10;float: right;}
.news .newsList .art-news .news-nav li{position: relative;width: 65px;height: 30px;line-height: 30px;text-align: center;float: left;color: #ffceda; font-size: 18px;cursor: pointer;}
.news .newsList .art-news .news-nav li:after{position: absolute;top: 6px;right: -5px; z-index: 1; display: block; width: 2px; background: #FFCEDA; height: 16px; content: '';}
.news .newsList .art-news .news-nav li:nth-child(4):after{background: none;}
.news .newsList .art-news .news-nav li+li{margin-left:10px; }
.news .newsList .art-news .news-nav li.curr,.news .newsList .art-news .news-nav li:hover{color: #fff;}
.news .newsList .art-news .news-nav div{width: 22px;height: 22px;margin: 0; float: left;}
.news .newsList .art-news .news-nav div .more{width: 100%;height: 100%;margin-top: 3px;background: url("../images/more.png?1") center center no-repeat;background-size: 18px 18px;}
.news .newsList .art-news .news-nav div .more:hover{background: url("../images/icon-img.png?1") no-repeat;background-position: -452px -282px;}
.news .newsList .art-news .news-cont{width: 570px;height: 462px;background: #ffc6d2;margin-top: 37px;overflow:hidden;}
.news .newsList .art-news .news-cont .news-list{width: 100%;height: 100%;}
.news .newsList .art-news .news-cont .news-list dd:nth-of-type(3),.news .newsList .art-news .news-cont .news-list dd:nth-of-type(6){
border-right: none;
}
.news .newsList .art-news .news-cont .news-list .list-option{position: relative;float: left; width: 189px;height: 230px;z-index: 2;border-right: 1px dashed #dc9ea8;border-bottom: 1px dashed #dc9ea8;}
.news .newsList .art-news .news-cont .news-list .list-option:nth-child(1),.news .newsList .art-news .news-cont .news-list .list-option:nth-child(4){border-left: none;}
.news .newsList .art-news .news-cont .news-list .list-option:nth-child(4),.news .newsList .art-news .news-cont .news-list .list-option:nth-child(5),.news .newsList .art-news .news-cont .news-list .list-option:nth-child(6){border-bottom: none;}
.border-right{border-right: 1px dashed #dc9ea8;}
.news .newsList .art-news .news-cont .news-list .list-option time{display: block;width:120px;line-height: 28px;font-size:22px;color:#181818;font-weight:bold;border-bottom: 3px solid #181818;position: absolute;top:60px;left:25px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease}
.news .newsList .art-news .news-cont .news-list .list-option p{width: 144px;height:44px;position: absolute;top:96px;left: 25px;font-size: 16px;color:#181818; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .newsList .art-news .news-cont .news-list .list-option .more-news{display: block;width:63px;height:23px;line-height: 24px;font-size: 12px;color:#fff;text-align: center;background: #c40ada;position: absolute;top:160px;left:25px;}
.news .newsList .art-news .news-cont .news-list .list-option .more-news:hover{background: rgb(161, 12, 185);}
.news .newsList .art-news .news-cont .news-list .list-option .more-news i{width:13px;height:10px;background: url("../images/icon-img.png?1") no-repeat; background-position:-551px -283px;}
.news .newsList .art-news .news-cont .news-list .list-option:before { content: ''; position: absolute; top: 0; left: 0; width: 190px; height: 230px; background: #fff0f5; opacity: 0; -webkit-box-shadow: 0 0 10px rgba(103, 14, 14, 0.31); -moz-box-shadow: 0 0 10px rgba(103, 14, 14, 0.31); box-shadow: 0 0 10px rgba(103, 14, 14, 0.31); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.news .newsList .art-news .news-cont .news-list .list-option:hover { z-index: 9;}
.news .newsList .art-news .news-cont .news-list .list-option:hover:before {opacity: 1; }
/* feature */
.feature .features-box{width: 100%;height: 503px;background: url("../images/swiper-bg.png?1") no-repeat;background-size: 100% 100%;}
.feature .swiper-container-features{width:1500px;margin:0 auto;height:100%;margin-left: -254px;}
.feature .swiper-container-features .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
.feature .swiper-container-features .swiper-slide-active,.swiper-container-features .swiper-slide-duplicate-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.feature .swiper-container-features .none-effect { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.feature .swiper-container-features .swiper-slide img { width: 100%; border-radius: 14px; display: block; position: absolute;top:240px;opacity: 0.7;}
.feature .swiper-container-features .swiper-slide-prev img{left:-120px;}
.feature .swiper-container-features .swiper-slide-next img{left:160px;}
.feature .swiper-container-features .swiper-slide-active img{width: 1016px !important;top:0;left:-240px;opacity: 1;}
.feature .swiper-container-features .swiper-button{width:96px;height: 110px;background: url("../images/icon-img.png?1") no-repeat;top:20%;}
.feature .swiper-container-features .swiper-button-prev{background-position: -673px -165px;left:17%;}
.feature .swiper-container-features .swiper-button-next{background-position: -569px -165px;right:16%}
/* video */
.video{width: 100%;}
.video .home-title .more{float: right;width: 22px;height: 22px;position: absolute;right: 0;bottom: 12px;background: url("../images/more.png?1") center center no-repeat;background-size: 18px 18px;}
.video .home-title .more:hover{background: url("../images/icon-img.png?1") no-repeat;background-position: -452px -282px;}
.video .video-list{width: 100%;margin-top: 20px;z-index: 2;}
.video .video-list figure{float: left;margin-left: 33px;height: 310px;}
.video .video-list figure .video-option{position: relative;width:320px ;height:201px;overflow: hidden;}
.video .video-list figure .video-option:before{content: '';position: absolute;left:0;top:0;width:320px ;height:201px;background: rgba(0, 0, 0, 0.4);z-index: 2;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-ms-transition: all 0.8s ease;}
.video .video-list figure .video-option .video-list-poster{width: 100%;height: 100%;position: absolute;top:0;left:0;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-ms-transition: all 0.8s ease;}
.video .video-list figure .video-option:hover:before{background:rgba(0, 0, 0, 0);}
.video .video-list figure .video-option:hover .video-list-poster{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.video .video-list figure .video-option .play-btn{width: 81px;height: 81px;z-index:3;position: absolute;left:50%;top:50%;margin-left:-40.5px;margin-top:-40.5px;background: url("../images/icon-img.png?1") no-repeat;background-position: -359px -167px;}
.video .video-list figure .video-option .play-btn a{width: 100%;height: 100%;}
.video .video-list figure figcaption{position: relative;margin-top: 20px;}
.video .video-list figure figcaption time{display: block;width:120px;line-height: 28px;font-size:22px;color:#fff;font-weight:bold;border-bottom: 3px solid #ffffff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease}
.video .video-list figure figcaption p{width:320px;font-size: 16px;color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.video .video-list figure figcaption p a{margin-top:5px;font-size: 16px;color:#fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.video .video-list figure figcaption p a:hover{margin-left: 5px;}
.video .video-list figure figcaption .more-news{display: block;width:63px;height:23px;line-height: 23px;font-size: 12px;color:#fff;text-align: center;background: #c40ada;position: absolute;top:90px;left:0;}
.video .video-list figure figcaption .more-news:hover{background: rgb(161, 12, 185);}
.video .video-list figure figcaption .more-news i{width:13px;height:10px;background: url("../images/icon-img.png?1") no-repeat; background-position:-551px -283px;}
.bg04 .video-list{width: 100%;margin-top: 20px;z-index: 2;height: 280px;overflow: hidden;}
.bg04 .video-list figure:nth-of-type(2){margin: 0px 19px;}
.bg04 .video-list figure{margin-left: 0}
/* home end */
/* details */
.details .width{width: 1201px !important;margin: 0 auto;}
.details .details-title{width: 206px;height: 106px;position: absolute;top:0;left:0;}
.details .details-banner{width:100%;height:628px;background: url("../images/video-details-bg.jpg?1") center no-repeat;background-size: cover;}
/* details float window */
.details-float-win{width: 222px;height:556px;float: right;background: url("../images/details-download-bg.png?1") no-repeat;background-size: 100% 100%;z-index: 90;}
.details-float-win .ewm{position: relative;}
.details-float-win .ewm img{width: 152px;height: 152px;position: absolute;top:0;left:0;margin-top: 26px;margin-left:30px;}
.details-float-win .ewm .light{width:171px;height: 24px;background: url("../images/icon-img.png?1") center no-repeat;background-position: -614px 0;position: absolute;left:22px;top:0;z-index: 9;-moz-animation: code 3s linear infinite;-webkit-animation: code 3s linear infinite;-o-animation: code 3s linear infinite;-ms-animation: code 3s linear infinite; animation: code 3s linear infinite;}
.details-float-win .download-item{margin-top:204px;margin-left: 30px;}
.details-float-win .download-item a{width: 152px;height: 50px;margin-bottom: 0;background: url("../images/icon-img.png?1") no-repeat;}
.details-float-win .download-item a:hover{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-moz-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-ms-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1;-moz-animation: gelatine 0.5s 1;-ms-animation: gelatine 0.5s 1;animation: gelatine 0.5s 1;}
.details-float-win .download-item .appStore{background-position: -7px -6px;}
.details-float-win .download-item .googlePlay{background-position: -158px -6px;}
.details-float-win .download-item .apk{background-position: -310px -6px;}
.details-float-win .download-item .apk-install{background-position: -460px -6px;}
.details-float-win .download-item .line{width:76px;height: 76px;background: url("../images/line.png?1") no-repeat;background-size: 100% 100%;}
.details-float-win .download-item .facebook{width:76px;height: 76px;background: url("../images/facebook.png?1") no-repeat;background-size: 100% 100%;}
/* video list page */
.details .details-video-list{width:100%;height: auto;min-height: 748px;background: #4d45b7;position: relative;padding-bottom: 100px;}
.details .details-video-list .video-list{width: 690px;min-height:748px;margin-top: 0;position: relative;background:#f7f2f4;padding:0 135px;float: left;padding-top: 100px;}
.details .details-video-list .video-list .details-title{top:-48px;left:28px;background: url("../images/video-list-title.png?1") no-repeat;background-size: 100% 100%;}
.details .details-video-list .video-list .video-item{margin-bottom: 100px;margin-left: -33px;}
.details .details-video-list .video-list .video-item figure{float: left;}
.details .details-video-list .video-list .video-item figure figcaption time,.details .details-video-list .video-list .video-item figure figcaption p{color:#000;border-bottom-color: #000;}
.details .details-video-list .video-list .video-item figure figcaption p a{color:#000;}
.details .pagination{display: block;}
.details .pagination div{width: 960px;text-align: center;}
.details .pagination a{width: 155px;height: 41px;margin-top: 84px;}
.details .pagination a:nth-child(1){margin-right: 164px;}
.details .pagination .prev{border:1px solid #fff;background: url("../images/prev-page-icon.png?1") center center no-repeat;background-size:30px 21px; }
.details .pagination .prev:hover,.details .pagination .prev:active{border: 1px solid #fff;background: #ffffff url("../images/next-page-icon.png?1") center center no-repeat;background-size:30px 21px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.details .pagination .next{border:1px solid #fff;background: url("../images/prev-page-icon.png?1") center center no-repeat;background-size:30px 21px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.details .pagination .next:hover,.details .pagination .next:active{border:1px solid #fff;background: #ffffff url("../images/next-page-icon.png?1") center center no-repeat;background-size:30px 21px; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}
/* news list page*/
.details .news{padding-top: 0;}
.details .news .newsList{margin-top: 0;}
.details .news-details-banner{width:100%;height:628px;background: url("../images/news-details-bg.jpg?1") center no-repeat;background-size: cover;}
.details .details-news-list{width:100%;height: auto;min-height: 748px;background: #4d45b7;position: relative;padding-bottom: 85px;}
.details .details-news-list .details-title{top:-48px;left:28px;background: url("../images/news-list-title.png?1") no-repeat;background-size: 100% 100%;}
.details .details-news-list .art-news{width: 960px;height: auto;min-height:748px;margin-top: 0;background:#f7f2f4;float: left;padding-top: 100px;padding-bottom: 100px;}
.details .details-news-list .art-news .news-nav{margin-top: -91px;margin-right: 36px;}
.details .details-news-list .art-news .news-nav li{width:78px;height:40px;line-height: 40px;font-size: 24px; color:#666666; text-align: center;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.details .details-news-list .art-news .news-nav li:after{background: none;}
.details .details-news-list .art-news .news-nav li+li{margin-left:20px;}
.details .details-news-list .art-news .news-nav li.curr,.details .details-news-list .art-news .news-nav li:hover{color: #fff;background:#a236ca;}
.details .details-news-list .art-news .news-cont{margin-top: 0;background: none;width: 100%;overflow: visible !important;}
.details .details-news-list .art-news .news-cont .news-list{width: 100%;height: 1000px;min-height:748px;position: relative;}
.details .details-news-list .art-news .news-cont .news-list .list-option{position: relative;left:30px;width: 899px;height: 227px;z-index: 2;border-bottom: 1px dashed #c6c2c3;border-left: none;border-right: none}
.details .details-news-list .art-news .news-cont .news-list .list-option:nth-child(4),.details .details-news-list .art-news .news-cont .news-list .list-option:nth-child(5),.details .details-news-list .art-news .news-cont .news-list .list-option:nth-child(6){border-bottom: 1px dashed #c6c2c3;}
.details .details-news-list .art-news .news-cont .news-list .list-option:last-child{border-bottom: none;}
.details .details-news-list .art-news .news-cont .news-list .list-option .list-option-left{margin-left: 22px;position: relative;}
.details .details-news-list .art-news .news-cont .news-list .list-option .list-option-left .classify{font-size: 16px;color:#181818;margin-top: 70px;margin-left: 27px;}
.details .details-news-list .art-news .news-cont .news-list .list-option .list-option-right{margin-left: 33px;position: relative;}
.details .details-news-list .art-news .news-cont .news-list .list-option .list-option-right .d-line{width:46px;height: 3px;background: #181818;margin-top: 86px;}
.details .details-news-list .art-news .news-cont .news-list .list-option .list-option-right .d-intro{display: block;width: 649px;height: 52px;padding-top: 8px;font-size: 14px;color:#666666;word-wrap: break-word;word-break: break-all;}
.details .details-news-list .art-news .news-cont .news-list .list-option time{display: block;width:auto;line-height: 28px;font-size:28px;color:#181818;font-weight:bold;border-bottom: none;position: absolute;top:48px;left:0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease}
.details .details-news-list .art-news .news-cont .news-list .list-option p{width: 652px;height:auto;position: absolute;top:48px;left: 0;font-size: 16px;font-weight: bold;color:#181818; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.details .details-news-list .art-news .news-cont .news-list .list-option p:hover{margin-left: 8px;}
.details .details-news-list .art-news .news-cont .news-list .list-option p a{font-size: 16px;font-weight: bold;color:#181818;}
.details .details-news-list .art-news .news-cont .news-list .list-option .more-news{display: block;width:63px;height:23px;line-height: 24px;font-size: 12px;color:#fff;text-align: center;background: #c40ada;position: absolute;top:168px;left:0;}
.details .details-news-list .art-news .news-cont .news-list .list-option .more-news:hover{background: rgb(161, 12, 185);}
.details .details-news-list .art-news .news-cont .news-list .list-option .more-news i{width:13px;height:10px;background: url("../images/icon-img.png?1") no-repeat; background-position:-551px -283px;}
.details .details-news-list .art-news .news-cont .news-list .list-option:before { content: ''; position: absolute; top: -1px; left: 0; width: 899px;height: 229px;background: #fff; opacity: 0; -webkit-box-shadow: 0 0 15px rgba(103, 14, 14, 0.31); -moz-box-shadow: 0 0 15px rgba(103, 14, 14, 0.31); box-shadow: 0 0 15px rgba(103, 14, 14, 0.31); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.details .details-news-list .art-news .news-cont .news-list .list-option:hover { z-index: 9;}
.details .details-news-list .art-news .news-cont .news-list .list-option:hover:before {opacity: 1; }
.article .news-content {position: relative;width: 856px;height:auto;min-height: 748px;background:#F7F2F4;float: left;padding:0 52px;padding-top: 10px;padding-bottom: 72px;}
.article .news-content .breadcrumbs-nav{position: absolute;top:-48px;left:52px;}
.article .news-content .breadcrumbs-nav a{font-size: 16px;color:#666;}
.article .news-content .breadcrumbs-nav a:hover{color:#181818;}
.article .news-content .content-head .date{font-size: 28px;color:#181818;font-weight: bold;}
.article .news-content .content-head .date i{font-size: 16px;color:#181818;font-weight: 500;position: relative;top:-2px;}
.article .news-content .content-head .d-line{display: block;width: 44px;height: 3px;background: #181818;margin: 22px 0;}
.article .news-content .content-head h1{font-size: 30px;color:#181818;}
.article .news-content .content-article{padding-top: 34px;}
.article .news-content .content-article p{font-size: 16px;color:#666;padding:6px 0;}
.article .news-content .content-article p a{font-size: 16px;color:#666;}
.article .news-content .content-article p a:hover{color:#181818;text-decoration: underline;}
.article .news-content .content-article p.padd-bottom{padding-bottom: 42px;}
.article .news-content .content-article p.news-pic{text-align: center;padding:26px 0;}
.article .news-content .content-article p.news-pic img{max-width: 76%;}
/* / details */
/* go top */
.goTop{display: none;z-index: 20;position: fixed;bottom:248px;right:290px;width: 70px;height: 70px;background: url("../images/icon-img.png?1") no-repeat;background-position: -558px -60px;}
.goTop-home{display: none;z-index: 20;position: fixed;bottom:190px;right:290px;width: 70px;height: 70px;background: url("../images/icon-img.png?1") no-repeat;background-position: -558px -60px;}
.details-top{right: 228px;}
/* footer */
.footer{background: #222;padding:48px 0 80px 0;}
.footer p{line-height: 28px;font-size:14px;color:#888;text-align: center;}
.footer p .ordinary{width: 34px;height: 32px;background: url("../images/class-common.jpg?1") no-repeat;background-size: 100% 100%;position: relative;top: 12px;right: 5px;}
.footer p a .linkto{width: 16px;height: 14px;background: url("../images/icon-img.png?1") no-repeat;background-position: -526px -284px;position: relative;top:3px;right:-4px;}
.footer .dinuo{text-align: center;margin-bottom: 15px;}
.footer .dinuo a{font-size: 16px;color:#009ce6;margin-right: 60px;}
.footer .dinuo a:hover{text-decoration: underline;}
/*.footer .email{}*/
.footer .email a{color:#888;}
.footer .email a:hover{font-size: 14px;color:#009ce6;text-decoration: underline;}
.home-footer{padding-bottom: 36px;padding-top: 36px;}
.home-footer p{line-height: 20px;}
/* / footer */
/* common keyframes */
/* guide goenter */
@-webkit-keyframes goenter {
0% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
60% {
-o-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
-moz-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 0
}
70% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
}
@-moz-keyframes goenter {
0% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
60% {
-o-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
-moz-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 0
}
70% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
}
@-ms-keyframes goenter {
0% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
60% {
-o-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
-moz-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 0
}
70% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
}
@-o-keyframes goenter {
0% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
60% {
-o-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
-moz-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 0
}
70% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
}
@keyframes goenter {
0% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
60% {
-o-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
-moz-transform: translate(20px, 0);
-ms-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 0
}
70% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
}
/* QR Code */
@-webkit-keyframes code{ 0%{top:19px} 50%{top:150px} 100%{top:19px} }
@-moz-keyframes code{ 0%{top:19px} 50%{top:150px} 100%{top:19px} }
@-ms-keyframes code{ 0%{top:19px} 50%{top:150px} 100%{top:19px} }
@-o-keyframes code{ 0%{top:19px} 50%{top:150px} 100%{top:19px} }
@keyframes code{ 0%{top:19px} 50%{top:150px} 100%{top:19px} }
/* translateY */
@-webkit-keyframes ele { 0%, 100% { -webkit-transform: translateY(-6px);} 50% { -webkit-transform: translateY(0); } }
@-moz-keyframes ele { 0%, 100% { -moz-transform: translateY(-6px); }50% { -moz-transform: translateY(0); }}
@-ms-keyframes ele { 0%, 100% { -ms-transform: translateY(-6px); } 50% { -ms-transform: translateY(0); } }
@-o-keyframes ele { 0%, 100% { -o-transform: translateY(-6px); } 50% { -o-transform: translateY(0); } }
@keyframes ele {0%, 100% { transform: translateY(-6px); } 50% { transform: translateY(0); } }
@keyframes gelatine {
from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-moz-keyframes gelatine {
from, to { -moz-transform: scale(1, 1); transform: scale(1, 1); }
25% { -moz-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -moz-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -moz-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
from, to { -moz-transform: scale(1, 1); transform: scale(1, 1); }
25% { -moz-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -moz-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -moz-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-ms-keyframes gelatine {
from, to { -ms-transform: scale(1, 1); transform: scale(1, 1); }
25% { -ms-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -ms-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -ms-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
from, to { -ms-transform: scale(1, 1); transform: scale(1, 1); }
25% { -ms-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -ms-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -ms-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-o-keyframes gelatine {
from, to { -o-transform: scale(1, 1); transform: scale(1, 1); }
25% { -o-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -o-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -o-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
from, to { -o-transform: scale(1, 1); transform: scale(1, 1); }
25% { -o-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
50% { -o-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
75% { -o-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
/* / common keyframes */
/* media */
@media (max-width: 1400px){
#goTop{right:10px;}
.float-window{top:14%;}
}
@media screen and (min-width:1921px) and (max-width:2560px) {.main-container {width:1920px;margin: 0 auto !important;}}
@media screen and (min-width:2561px) and (max-width:3328px) {.main-container {width:1920px;margin: 0 auto !important;}}
/* media end */
/*.details .video-list {padding-bottom: 100px !important;}
.details .video-list .figure-container figure{width: 46.8%;margin-right: 0 !important;height: 20rem;color:#000;}
.details .video-list .figure-container figure:nth-child(odd){float: left;}
.details .video-list .figure-container figure:nth-child(even){float: right;}
.details .video-list .figure-container figure figcaption time{color: #000;border-bottom-color: #000;}
.details .video-list .figure-container figure figcaption p a{color: #000;}*/