div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0;  /*font-size: 18px; line-height: 27px;  */}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
html,body{width: 100%; height: 100%; background:#000e4d;}

.banner{height: 1150px; background:url(../images/pc-banner.jpg) no-repeat center 0; margin-bottom: -480px;}
/*.cover-box{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.cover{ width: 100%; height: 100%;}*/
.container{margin: 0 auto; /*overflow: hidden;*/}
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1220px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.m-banner{display: block; width: 100%;}
.m-banner{margin-bottom: -300px;}
.owl-dots{text-align: center; margin-top: 30px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 20px; height: 20px; margin:0 7px; display: block; background: #eaeaea; border-radius: 30px;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #08b0ef;}

.video-cover{display: block; width: 100%;}
.video{position: relative;}
.count-down{position: absolute; left: 0; bottom: 90px; width: 100%;}
.tit{text-align: center; margin-bottom: -18px;}
.tit span{font-weight: bold; color: #fff; font-size: 36px; line-height: 1; display: inline-block; background:#000e4d; padding: 0 20px;}
.box{border:1px solid #8d96b2; padding: 60px 110px 50px; text-align: center;}
.mt{margin-top: 80px;}
.box .p1{font-size: 20px; line-height: 32px; color: #fff;}
.box .p2{font-size: 16px; line-height: 24px; padding-top: 25px; color: #fff;}
.tit2{margin-bottom: 45px;}
.items{text-align: center; border:1px solid #8d96b2; padding:30px 0 0; min-height: 300px;}
.owl-carousel .owl-item img{width: 64%; margin:0 auto;}
.items span{display: block; font-size: 22px; padding-top: 22px; padding-bottom: 5px; color: #fff;}
.items p{padding: 0 20px; color: #fff;}

.foot{background:#1d1d1d; padding: 35px 0 30px; overflow: hidden; margin-top: 80px;}
.foot .logo{float: left; width: 160px; display: block; margin-right: 50px; margin-top: 55px;}
.foot .text{float: left; margin-top: 50px;}
.foot .text p{padding-top: 10px; }
.foot .code{float: right; text-align: center;}
.foot .code img{width: 140px; display: block;}
.foot .code p{padding-top: 5px;}
.foot p{font-size: 16px; line-height: 24px; color: #fff;}

.share{position: fixed; bottom: 80px; right: 10px; z-index: 10;}
.share_box{width:32px; height: 32px; padding: 5px; border:1px solid #ddd; position: relative; background: #fff;}
.share_box img{ position: absolute; left: 5px; top: 5px;}
.share-hide{display: none; z-index: 1;}
.share_box:hover .share-hide{display: block;}
.erweima{position: fixed; bottom: 80px; right: 60px; z-index: 10; width: 148px; height: 148px; padding: 5px; border:1px solid #ddd; display: none;
background: #fff;}
.erweima img{display: block; width: 100%;}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-switch{background: #000033; padding: 17px 0; overflow: hidden; margin-top: 60px;}
.video-switch a{display: block; width: 50%; float: left; color: #fff; font-size: 18px; line-height: 48px; text-align: center; cursor: pointer;}
.video-switch a.bor{border-right: 1px solid #fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.video-switch a.act{color: #c3155b;}

@media screen and (max-width: 1199px){
	.foot .text{width: 60%; margin-top: 37px;}
	.count-down{ bottom: 50px;}
}
@media screen and (max-width: 991px){
	.m-banner{margin-bottom: -240px;}
	.box{padding: 50px;}
	.items{min-height: 325px;}

	.foot .logo{float: none; width: 30%; margin:0 auto;}
	.foot .text{float: none; margin-top: 10px; text-align: center; width: 100%;}
	.foot .text p{padding-top: 5px;}
	.foot .code{float: none; margin-top: 20px;}
	.foot .code img{margin:0 auto; width: 30%;}
}

@media screen and (max-width: 768px){
	.container{margin:0 15px;}
	.m-banner{margin-bottom: -150px;}
	.mt{margin-top: 40px;}
	.tit span{font-size: 28px;}
	.box{padding: 30px 15px; text-align: left;}
	.box .p1{font-size: 16px; line-height: 27px;}
	.box .p2{padding-top: 20px; font-size: 14px; line-height: 24px;}
	.tit2{margin-bottom: 25px;}
	.items{min-height: 210px; padding-bottom: 15px;}
	.items span{font-size: 16px; padding-bottom: 0; line-height: 24px;}
	.items p{font-size: 14px; line-height: 20px; padding: 0 10px;}
	.owl-dots{margin-top: 20px;}
	.owl-dots .owl-dot span{width: 12px; height: 12px; margin:0 4px;}
	.foot{margin-top: 40px;}
	.foot .code img,.foot .logo{width: 42%;}

	.count-down{ position: static; margin-top: 20px; margin-bottom: 60px;}
}
@media screen and (max-width: 550px){
	.m-banner{margin-bottom: -110px;}
	
	.video-switch{padding: 12px 0;}
	.video-switch a{font-size: 14px; line-height: 30px;}
}