@charset "utf-8";
/* CSS Document */

html,body{ margin:0;padding:0;font-family:"microsoft yahei","微软雅黑";background:#fff;}
ul,li{ list-style:none;}
a{ text-decoration:none;color:#333;}

.clearfix { *zoom: 1;}
.clearfix:after {display:block; content:"."; height:0; clear:both; visibility:hidden;}
.container{ max-width: 980px;position: relative;margin: 0 auto;}

header{position: fixed;top: 0px;width:100%;height:48px;background:#000;opacity:0.8;z-index: 102;}
header nav{text-align:right;margin:0 auto;padding:0px;max-width:1200px;}
header nav a{padding:0 30px;line-height:48px;color: #fff;}
header nav a.selected{font-weight: bold;}
header nav a.logo{background-image:url(../images/logo.png);background-size: contain;width:77px;height:104px;padding:0px;display:block;position:absolute;}
/* 二维码 */
header nav .ercode{display:inline-block;height:48px;width:70px;position: relative;text-align: center;padding: 0;}
header nav .ercode>img{width: 26px;height: 26px;display: inline-block; vertical-align: middle;}
header nav .ercode>img.er-icon-black{display: none;}
header nav .ercode-layer{line-height: 1;color:#000;position: absolute;right: 0;bottom: -217px;height: 217px;width: 178px;background-color: #fff;display: none;font-size: 14px;}
header nav .ercode-layer img{width: 164px;height: 164px;margin:10px 0 10px;}


#loading{position: fixed;top: 0;left: 0;min-height: 100%;min-width: 100%;}

.index-info,#loading .loading-image{position:absolute;top:50%;left:50%;}
.index-info{z-index:101;text-align:center;margin-left:-120px;margin-top:-160px;width:240px;height:320px;}
.index-info div.logo{background:url(../images/img-1b.png) no-repeat;background-size: contain;background-position:center;width:179px;height:175px;margin:25px auto;}
.index-info .download-button{background:url(../images/img-2.png) no-repeat;background-size: contain;background-position:center;width:196px;height:46px;margin:40px auto;}
.index-info .download-android{background:url(../images/android.png) no-repeat;background-size: contain;background-position:center;width:196px;height:46px;margin:40px auto;}
.download{background:url(../images/download.jpg) no-repeat;background-size: cover;min-width:100%;min-height:100%;position: fixed;top: 0;left: 0;}

#loading{z-index:999;background:#fff;}
#loading .loading-image{margin-top:-35px;margin-left:-35px;width:70px;height:70px;background:url('../images/loading.gif');background-size: contain;background-position:center;}

main{color:#000;word-wrap: break-word;white-space: normal;}
.page{overflow: hidden;position: relative;text-align: center;}
.index-video video,#index-video-background{background: #000;width:100%;min-width:100%;min-height:100%;}
#index-video-background{display: none;position: absolute;top: 0;left: 0;}
.new-video{text-align:center;font-size:14px;padding-top:50px;}
.new-video h3{font-size:36px;margin:0 0 18px 0;}
.new-video .hr{width:40px;height:5px;margin:0 auto 18px auto;background-color:#bea67c;}
.new-video p{margin:2px;}
.new-video .video-box{margin-top:50px;margin-right:157px;float:left;}
.new-video .video-box p{width: 200px;height: 20px;overflow: hidden;text-overflow: ellipsis;}
.new-video .video-box .cover{border-radius: 50%;width:200px;height:200px;border-width:1px;border-color:#f7f7f7;border-style:solid;padding:10px;position: relative;}
.new-video .video-box .cover .img{border-radius: 50%;border-width:0px;width:200px;height:200px;overflow: hidden;}
.new-video .video-box .cover img{max-height:100%;}
.new-video .video-box .cover .play{border-radius: 50%;position:absolute;top:50%;left:50%;margin-top: -100px;margin-left: -100px;width: 200px;height: 200px;background-image: url(../images/play.png);background-repeat: no-repeat;background-position: center;background-color: rgba(0,0,0,0.3);}
.new-video .last-child{margin-right:0px;}
.new-video .video-box .hr{width:22px;height:4px;margin:15px auto 12px auto}
.new-video .playing-box{display:none;background-color:#000;color:#fff;position:fixed; width:980px;top: 0;left: 50%;margin-top:48px;margin-left: -490px;z-index:101;padding:2px 5px;}
.new-video .playing-box a{color:#fff;float:right;}
.index-introduction{background:#f4f4f4;position: relative;padding-top:50px;min-height:500px;}
.index-introduction .about .number,.index-introduction .contact .number{padding-top:15px;position: relative;font-size:24px;font-weight: bold;}
.index-introduction .about .number .dot,.index-introduction .contact .number .dot{width: 4px;height: 4px;background: #bea67c;display: inline-block;}
.index-introduction .about .number .line{width: 3px;height: 40px;background: #bea67c;position:absolute;top:55px;left:12px;}

.index-introduction .about .text{float:left;width:410px;padding-top:24px;}
.index-introduction .about .title{margin-top:93px;}
.index-introduction .about .description{margin-top:25px;font-size: 14px;}
.index-introduction .about .description p{overflow: hidden;height:8.1em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.index-introduction .about .description a{padding:5px 10px;border:#bea67c 1px solid;border-radius:3px;color:#bea67c;font-size:13px;}
.index-introduction .about .title .hr{margin-top:16px;width:120px;height:3px;background:#a5a5a5;}
.index-introduction .about .description .hr{margin-top:3px;margin-left: 85px;width:35px;height:3px;background:#bea67c;}
.index-introduction .about h3,.index-introduction .about p,.index-introduction .about .description a{margin-left:160px;}
.index-introduction .about .hr{float:left;}
.index-introduction .about .image{float:right;padding-top:24px;}
.index-introduction .about .more{margin-top: 24px;display: none;z-index: 99;color: #fff;background: rgba(0,0,0,0.8);border-radius:10px;position: absolute;height: 400px;overflow-y: scroll;}
.more::-webkit-scrollbar {display:none}
.index-introduction .about .more a{float: right;margin: 20px;color: #fff;font-size: 20px;}
.index-introduction .about .more h3{margin-top: 92px;}
.index-introduction .about .more img{float: right;margin:20px 80px 20px 20px;width: 400px;}
.index-introduction .about .more p{margin-right: 80px;margin-bottom:80px;font-size:14px;}

.index-introduction .contact .image{float:left;}
.index-introduction .contact{padding-top:125px;padding-bottom:125px;}
.index-introduction .contact .text{float:left;text-align:right;width:480px;}
.index-introduction .contact .title{margin-top:93px;}
.index-introduction .contact .description{font-size: 14px;}
.index-introduction .contact .title .hr{margin-top:30px;float:left;margin-left: 22px;width:120px;height:3px;background:#a5a5a5;}
.index-introduction .contact .description .hr{margin-top:8px;float:left;margin-left: 22px;width:35px;height:3px;background:#bea67c;}
.index-introduction .contact .title h3{width: 310px;float: left;}
.index-introduction .contact .description p{width: 310px;float: left;margin: 0;line-height:24px;}
.index-introduction .contact .description .mail{height:14px;display: inline-block;width:36px;background-image: url(../images/mail.png);background-repeat: no-repeat;background-position: right;}
.index-introduction .contact .description .phone{height:20px;display: inline-block;width:36px;background-image: url(../images/phone.png);background-repeat: no-repeat;background-position: right;margin-bottom: -4px;}
.index-introduction .contact .number{padding-top:83px;}

.index-introduction .footer{ clear:both;position:absolute;bottom:0px;width: 100%;}
.index-packup{z-index:998;width:40px;height:40px;left: 50%;background-size: 40px 40px;bottom: 0;margin-left:-20px;display:block;background-image: url(../images/packup.png);background-repeat: no-repeat;position:fixed;}

main article.topic{padding:0px;margin:0px;color:#3a3a3a}
main article.topic .cover{width:100%;position: relative;color:#fff;padding:0px;margin:0px;}
main article.topic .cover div{position:absolute;left:0;bottom: 0;height: 18%;width: 100%;background-image: url(../images/topic-top-background.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
main article.topic .cover p{position:absolute;right:10px;bottom: -25px;font-size: 14px;margin: 0;color: #999;}
main article.topic .cover h1{position:absolute;left:10px;margin: 0;bottom: 7px;font-size: 18px;}
main article.topic .cover img{width: 100%;display: block;}
main article.topic .cover .share{position: fixed;right: 10px;z-index: 1000;bottom: 10px;background-image: url(../images/share.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: center;width: 50px;border-radius: 50%;background-color: rgba(0,0,0,0.6);height: 50px;}

main article.topic .videos{border-top:3px #e0bf73 solid;padding:0 10px;}
main article.topic .videos .top-title{text-align:center;width:161px;color:#fff;height:28px;font-size:16px;background:#e0bf73;margin:0 auto;}
main article.topic .videos .topic-description{font-size:14px;line-height:20px;}
main article.topic .videos .topic-description img{max-width:100%;}
main article.topic .videos .video .cover{position: relative;}
main article.topic .videos .video .cover .play{position:absolute;top: 0;left: 0;z-index:100;width:100%;height:100%;background-image: url(../images/play.png);background-repeat: no-repeat;background-position: center;}
main article.topic .videos .video .cover video{display:none;z-index:1;margin:10px auto;width: 100%;}
main article.topic .videos .video .cover img{z-index:2;height: 100%;margin:10px auto;}
main article.topic .videos .video h3{text-align: center;font-size:16px;margin-bottom:0;}
main article.topic .videos .video .link{background-image:url(../images/lianjie.png);background-size: 19px 8px;background-repeat: no-repeat;background-position: center;height:8px;margin-top:10px;margin-bottom:10px;}
main article.topic .videos .video .description{font-size:14px;line-height:20px;margin-top:0;padding-bottom:10px;}
main article.topic .end{height: 27px;line-height: 27px;font-size: 14px;color:#e0bf73;background-color:#edeff0;text-align:center;}

main .category-list{padding-right:10px;}
main .column2-box{width:50%;float:left;}
main .category{padding:10px 0 10px 10px;}
main .category img{width:100%;}
main .category h3{text-align:center;margin: 0;padding-top: 10px;font-weight: bold;font-size: 16px;}

.footer{background-color:#1e1e1e;color:#ccc;font-size: 14px;}
.footer a{color:#aaa;}
.footer-image{ background-image: url(../images/footer.png);background-repeat: no-repeat;background-position: center;height: 80px;}

@keyframes background-img{0% {transform:scale(1.0)}100%{transform:scale(1.2)}}
@-moz-keyframes background-img{0% {-moz-transform:scale(1.0)}100% {-moz-transform:scale(1.2)}}
@-webkit-keyframes background-img{0% {-webkit-transform:scale(1.0)}100% {-webkit-transform:scale(1.2)}}
@-o-keyframes background-img{0% {-o-transform:scale(1.0)}100% {-o-transform:scale(1.2)}}

@media screen and (max-width :980px){
	#index-video-background{display: block;overflow: hidden;background: #000;}
	#index-video-background img{animation: background-img 30s linear 2s infinite alternate;-moz-animation: background-img 30s linear 2s infinite alternate;-webkit-animation: background-img 30s linear 2s infinite alternate;-o-animation: background-img 30s linear 2s infinite alternate;}
	#index-video video,header nav a.logo{display: none;}
	header nav{text-align: center;}
	header nav a{padding:0 10px;line-height:30px;}
	header{height: 30px}
	header nav .ercode{display: none;}
	.new-video{margin-bottom: 50px;}
	.new-video .video-box{margin-right: 0;width: 50%;}
	.new-video .video-box p{width:100%;}
	.new-video .video-box .cover{border-radius: 0;width: auto;height: auto;padding: 0;margin: 10px;}
	.new-video .video-box .cover .play{border-radius: 0;top: 0;left: 0;margin-top: 0;margin-left: 0;width: 100%;height: 100%;}
	.new-video .video-box .cover img{width: 100%;}
	.new-video .video-box .cover .img{border-radius: 0;border-width: 0px;width: auto;height: auto;}
	.container{margin: 10px auto;}
	.new-video .playing-box{width:100%;top: 0;left: 50%;margin-top:30px;margin-left: -50%;padding:2px 0;}
	.index-introduction .about{padding:10px;}
	
	.index-introduction .about .text,.index-introduction .about .image,.index-introduction .about .more a{display: none;}
	.index-introduction .about .more{display: block;position: relative;color: #333;background: none;margin-top: 0;}
	.index-introduction .about .more h3{margin-top: 0;}
	.index-introduction .about .more img{float: right;margin:10px;width: 45%;}
	.index-introduction .about .more p{margin-right: 0;margin-bottom:0;}
	.index-introduction .about h3, .index-introduction .about p{margin-left: 0px;}
	
	.index-introduction .contact{padding:10px;padding-top: 40px;padding-bottom: 40px;}
	.index-introduction .contact .image{float: left;width: 45%;}
	.index-introduction .contact .image img{width: 100%;}
	.index-introduction .contact .text{float: right;text-align: right;width: 55%;}
	.index-introduction .contact .title{margin-top: 0;}
	.index-introduction .contact .title .hr,.index-introduction .contact .description .hr,.index-introduction .contact .number{display: none;}
	.index-introduction .contact .title h3,.index-introduction .contact .description p{width: auto;float: none;}
	.index-introduction .footer{ position: relative;clear: none;}
	.footer{background-size: 600px 40px;}
	.new-video .video-box .cover .play{background-size: 35px 35px;}
}

/* 新增弹窗 */
.toweb-box{position: fixed;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, .5);top: 0;left: 0;z-index:103;display: none;}
.toweb-box img{position: absolute;right: 30px;top: 30px;width: 270px;}