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;*/  color: #fff;}
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;}
body{background: #ffffff;}
.l{float: left;}
.r{float: right;}
.mb{margin-bottom: 55px;}
/*container*/
.container{margin: 0 auto; }
@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: 1210px){
	.container{width: 1200px;}
}

/*@media (min-width: 1400px){
	.hidden-bg{display: none!important;}
}*/
@media (min-width: 1400px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1399px) 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;}
}

.top{background: #eeeeee; padding: 10px 0;}
.top img.logo{display: block; width: auto;}
.top a{font-size: 18px; color: #999;}
.banner{background: url(../images/banner1920-1.jpg) no-repeat center 0; height: 540px;}
.img_banner{display: block; width: 100%;}
.video{margin-top: 50px;}
.video-js{outline: none;}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js .vjs-audio-button{display: none;}
.top-text{margin-top: 30px;}
.top-text h4{font-size: 24px; color: #333; line-height: 27px; text-align: center; padding-bottom: 5px;}
.top-text p{text-align: center; font-size: 18px; line-height: 27px; color: #333; padding-top: 10px;}


.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%;}

.foot{background: #313131; padding: 50px 0 60px; margin-top: 60px;}
.foot p{text-align: center; color: #fff; font-size: 16px; line-height: 24px; padding-top: 15px;}


@media screen and (max-width: 768px){
	.top a{font-size: 16px; }
	.top img.logo{width: 100px; margin-top: 2px;}
	.top-text h4{font-size: 18px; text-align: left;}
	.top-text p{text-align: left; font-size: 14px; line-height: 21px; padding-top: 6px;}
	.mb{margin-bottom: 40px;}
	.video{margin-top: 40px;}
	.container{margin: 0 15px;}
	.foot{padding: 40px 0 40px; margin-top: 40px;}
	.foot p{font-size: 14px; line-height: 22px; padding-top: 10px;}
}