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: #212121;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none; }
.no-padding{padding: 0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #f0f0f0;}
.content{max-width: 1300px; margin: 0 auto; background: #fff; /*-webkit-box-shadow:0 0px 5px #000;
-moz-box-shadow:0 0px 5px #000; -ms-box-shadow:0 0px 5px #000; box-shadow:0 0px 5px #000;*/ }
.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: 1320px){
	.container{width: 1300px;}
}
@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;}
}

.banner{margin-bottom: 50px;}
.row{margin: 0 100px;}
.con_l{width: 67%; float: left;}
.con_r{width: 30%; float: right; }
.nav{border-bottom: 3px solid #212121; width: 100%; margin-bottom: 10px;}
.nav-list{overflow: hidden; margin-bottom: -3px;}
.nav-list span{display: block; float: left; width: 135px; height: 65px; border: 3px solid #212121; border-radius: 10px 10px 0 0; text-align: center; line-height: 65px;
color: #212121; font-size: 22px; font-weight: bold; background: #f0f0f0; cursor: default;}
.nav-list span.on{background: #fff; border-bottom-color: #fff;}
.xinxi-list .xinxi{padding: 30px 0; border-bottom: 2px dashed #212121;}
.xinxi-list .xinxi img{display: block; float: left; width: 240px; margin-right: 30px;}
.xin-con a{font-size: 22px; line-height: 28px; font-weight: bold;}
.xin-con p{font-size: 16px; line-height: 24px; color: #666; padding-top: 8px;}
.click_more{width: 100%; height: 30px; padding-top: 10px; background: #f0f0f0; margin-top: 27px;}
.click_more img{display: block; margin: 0 auto; }
.selection-content{display: none;}
.selection-content.act{display: block;}
.video-list{padding: 0 30px 20px; border: 3px solid #212121; border-radius: 10px; }
.video-list h2{color: #212121; font-size: 22px; line-height: 1; padding: 23px 0;}
.video-list li{width: 100%; margin-bottom: 20px;}
.video-list li img{display: block; width: 100%;}
.video_list_box{height: 606px; overflow: hidden; position: relative;}
.video_list_box ul{position: absolute;}
.btn{text-align: center;}
.btn span{display: inline-block; width: 40px; height: 38px; margin: 0 5px;}
.btn span img{display: block; width: 100%;}

.owl-nav{text-align: center; margin-top: 20px;}
.owl-nav button{display: inline-block; margin:0 5px; outline: none;}
/*foot*/
.foot{background:#666; width:100%; min-height:120px; padding-bottom: 30px; margin-top: 50px;}
.foot-1{max-width:960px; width: 100%; margin:0 auto; padding-top:30px}
.foot-1 p{font-size:16px; color:#fff; line-height:28px; margin-bottom: 0;}
.foot-1 img{display: block; padding:5px 0 0 30px; margin-right:30px; width: 20%; float: left;}
/*foot-mobile*/
.foot2{background: #666; width:100%; max-height:166px; margin:0 auto; padding-bottom: 3%; margin-top: 30px;}
.foot2-1{overflow: hidden; clear:both; }
.foot2-1 .li1-1{float: left; width: 30%; margin-left: 7%; padding-top: 5%;}
.foot2-1 .li1-1 img{width: 100%; float: left;}
.foot2-1 .li1-2{float: left; width: 58%; padding-left: 5%; padding-top: 5%;}
.foot2-1 .li1-2 p{color: #fff; font-size: 16px; line-height:1.5; margin:0;}

.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%;}
@media screen and (max-width: 1319px){
	.video_list_box{height: 525px; }
}
@media screen and (max-width: 1199px){
	.row{margin: 0 50px;}
	.nav-list span{width: 120px; height: 55px; line-height: 55px; font-size: 20px;}
	.video_list_box{height: 463.5px; }
}
@media screen and (max-width: 991px){	
	.con_l,.con_r{width:100%; float: none;}
	.con_r{margin-top: 30px;}
	.video_list_box{height: auto; }
	.video_list_box ul{position: static;}
	.btn{display: none;}
	
}
@media screen and (max-width: 768px){
	.row{margin: 0 15px;}
	.banner{margin-bottom: 30px;}
	.nav-list span{width: auto; padding: 10px 8px; height: auto; font-size: 16px; line-height: 1;}

	.xinxi-list .xinxi{padding: 15px 0;}
	.xinxi-list .xinxi img{width: 100%; margin-right: 0; float: none;}
	.xin-con{margin-top: 10px;}
	.xin-con a{font-size: 18px; line-height: 27px;}
	.xin-con p{font-size: 16px; line-height: 24px; padding-top: 5px;}
	.video-list{padding: 0 15px 20px;}
	.video-list h2{padding: 20px 0;}
}