@charset "UTF-8";
/* CSS Document */
/* 正文部分 */
#pcstyle{
	display: block;
}
#h5style{
	display: none;
}
.content{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	font-family: "思源黑体";
}
.content1{
	width: 90%;
	margin: 2% 5%;
}
.content1_left{
	width: 60%;
	font-size: 1em;
	height:50em;
	margin-right: 4%;
	position: relative;
}
.content1_left #play{width:100%;height: 50em;list-style: none;position:absolute;top:0px;left:0px;}
.content1_left #play li{display: none;position:absolute;width:100%;height: 50em;top:0px;left:0px;}
.content1_left #play li img{width:100%;height:50em;float: left;}
#button{position: absolute;width:100%; height:5em; background:rgba(0,0,0,0.5);bottom:0;left:0;list-style: none; box-sizing: border-box; padding-left: 45%;}
#button li{margin-left: 10px;float: left; margin-top:2em;}
#button li div{width:1em;height:1em;background:#DDDDDD;border-radius: 6px;cursor: pointer;}

.content1_right{
	width: 36%;
	font-size: 1em;
	height: 50em;
}
.content1_right ul{
	width: 100%;
	height: 100%;
}
.content1_right ul li{
	float: left;
	width: 45%;
	font-size: 1em;
	height: 24em;
	margin-left: 5%;
	margin-bottom:2em;
	background: #7ab0d9;
	text-align: center;
}
.content1_right ul li img{
	margin: 25% auto 20%;
}
.content1_right ul li p{
	font-size: 22px;
	color: #FFFFFF;
}
.content1_right ul li:hover{
	background: #f40949;
	cursor: pointer;
}
.content2{
	width: 90%;
	margin: 2% 5%;
}
.content2_left{
	width: 40%;
	height:35em;
	margin-right: 4%;
	overflow: hidden;
}
.content2_left img{
	width: 100%;
	height: 35em;
	display: block;
}
.content2_right{
	width: 56%;
  	height: 35em;
  	position: relative;
  	overflow: hidden;
}
.content2_right>span{
	width: 100%;
    display: block;
    color: #f40949;
    font-size:2em;
    font-weight: bold;
    text-align: right;
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 100;
}
.lb-content {
  width: 100%;  
  height: 100%;
}  

.lb-item {
  width: 100%;  
  height: 100%;
  display: none;
  position: relative; 
  background: #227bbf;  
}

.lb-item > a {
  width: 100%;
  height: 100%;
  display: block;
}
.lb-item > a >div{
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 4%;
}
.lb-item > a > div >h3{
  width: 100%;
  font-size: 2.5em;
  text-align: justify;
  margin-top: 1em;
  white-space: nowrap;     
  overflow: hidden;        
  text-overflow: ellipsis;
}
.lb-item > a > div >p{
  width: 100%;
  font-size: 1.5em;
  text-align: justify;
  margin-top: 1.5em;
  line-height: 2em;
  display: -webkit-box;          
  -webkit-box-orient: vertical;     
  -webkit-line-clamp: 4;           
  overflow: hidden;  
}


.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}

.lb-item.next,.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,.lb-item.prev.right {
  left: 0%;
}

.lb-sign {
  position: absolute;
  left: 0;
  bottom: 0px;
  padding: 20px 45%;
  list-style: none;
  user-select: none;
  background-color: rgba(0,0,0,0.3);
  width: 100%;
  box-sizing: border-box;
}

.lb-sign li {
  width: 10px;
  height: 10px;
  float: left;
  margin: auto 5px;
  border-radius: 5px;
  cursor: pointer;
  background: #FFFFFF;
}
.lb-sign li:hover {
  background-color: #f40949;
}
.lb-sign li.active {
  color: #000;
  background-color: #f40949;
}

.lb-ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 900;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
}

.lb-ctrl.left {
  left: -50px;
}
.lb-ctrl.right {
  right: -50px;
}
.content2_right:hover .lb-ctrl.left {
  left: 10px;
}
.content2_right:hover .lb-ctrl.right {
  right: 10px;
}
.lb-ctrl:hover {
  background-color: #000;
}
.yqtzh5{display: none;}
.yqtzpc{display: block;}

.content3{width: 90%;margin: 5% 5%;height:80px;overflow:hidden;position:relative; }
.content3 ul{height:80px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.content3 ul li{display:block;float:left;margin:5px;height:80px;border-radius:5px;position:relative;}
.content3 ul li a{display:inline-block;height:80px;} 
.content3 ul li img{border-radius:5px;display:block;width: 60px;}

@media screen and (max-width:1600px){
	.content1_left{width: 60%;font-size: 1em;height:40em;margin-right: 4%;position: relative;}
	.content1_left #play{width:100%;height: 40em;list-style: none;position:absolute;top:0px;left:0px;}
	.content1_left #play li{display: none;position:absolute;width:100%;height: 40rem;top:0px;left:0px;}
	.content1_left #play li img{width:100%;height:40em;float: left;}
	.content1_right{width: 36%;font-size: 1em;height: 40em;}
	.content1_right ul{width: 100%;height: 100%;}
	.content1_right ul li{float: left;width: 45%;font-size: 1em;height: 19em;margin-left: 5%;margin-bottom:2em;background: #7ab0d9;text-align: center;}
	.content1_right ul li img{margin: 25% auto 20%;}
	.content1_right ul li p{font-size: 2em;color: #FFFFFF;}
	.content2_left img{width: 100%;height: 25em;display: block;}
	.content2_right{width: 56%;height: 25em;position: relative;overflow: hidden;}
	.content2_left {
		width: 40%;
		height: 25em;
		margin-right: 4%;
	}
	.lb-item > a > div >h3{width: 100%;font-size: 2.5em; text-align: justify; margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.lb-item > a > div >p{width: 100%; font-size: 1.8em; text-align: justify; margin-top: 1em;line-height: 1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
	.lb-sign {position: absolute;left: 0;bottom: 0px; padding: 1em 42%;list-style: none;user-select: none;background-color: rgba(0,0,0,0.3);width: 100%;box-sizing: border-box;}
	.lb-sign li {width: 1em;height: 1em;float: left; margin: auto 0.5em;border-radius: 0.5em;cursor: pointer;background: #FFFFFF;}
}
@media screen and (max-width:1440px){
	.content1_left{width: 60%;font-size: 1em;height:35em;margin-right: 4%;position: relative;}
	.content1_left #play{width:100%;height: 35em;list-style: none;position:absolute;top:0px;left:0px;}
	.content1_left #play li{display: none;position:absolute;width:100%;height: 35em;top:0px;left:0px;}
	.content1_left #play li img{width:100%;height:35em;float: left;}
	.content1_right{width: 36%;font-size: 1em;height: 35em;}
	.content1_right ul{width: 100%;height: 100%;}
	.content1_right ul li{float: left;width: 45%;font-size: 1em;height: 16.5em;margin-left: 5%;margin-bottom:2em;background: #7ab0d9;text-align: center;}
	.content1_right ul li img{margin: 25% auto 15%;}
	.content1_right ul li p{font-size: 1.5em;color: #FFFFFF;}
	.content2_left {
		width: 40%;
		height: 23em;
		margin-right: 4%;
	}
	.content2_left img{width: 100%;height: 23em;display: block;}
	.content2_right{width: 56%;height: 23em;position: relative;overflow: hidden;}
	.lb-item > a > div >h3{width: 100%;font-size: 2em; text-align: justify; margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.lb-item > a > div >p{width: 100%; font-size: 1.5em; text-align: justify; margin-top: 1em;line-height: 1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
	.lb-sign {position: absolute;left: 0;bottom: 0px; padding: 1em 42%;list-style: none;user-select: none;background-color: rgba(0,0,0,0.3);width: 100%;box-sizing: border-box;}
	.lb-sign li {width: 1em;height: 1em;float: left; margin: auto 0.5em;border-radius: 0.5em;cursor: pointer;background: #FFFFFF;}
}
@media screen and (max-width:1280px){
	.content1_left{width: 60%;font-size: 1em;height:30em;margin-right: 4%;position: relative;}
	.content1_left #play{width:100%;height: 30em;list-style: none;position:absolute;top:0px;left:0px;}
	.content1_left #play li{display: none;position:absolute;width:100%;height: 30em;top:0px;left:0px;}
	.content1_left #play li img{width:100%;height:30em;float: left;}
	.content1_right{width: 36%;font-size: 1em;height: 30em;}
	.content1_right ul{width: 100%;height: 100%;}
	.content1_right ul li{float: left;width: 45%;font-size: 1em;height: 14em;margin-left: 5%;margin-bottom:2em;background: #7ab0d9;text-align: center;}
	.content1_right ul li img{width:3em; height:3em; margin: 25% auto 15%;}
	.content1_right ul li p{font-size: 1.5em;color: #FFFFFF;}
	.content2_left img{width: 100%;height: 20em;display: block;}
	.content2_left {
		width: 40%;
		height: 20em;
		margin-right: 4%;
	}
	.content2_right{width: 56%;height: 20em;position: relative;overflow: hidden;}
	.lb-item > a > div >h3{width: 100%;font-size: 2em; text-align: justify; margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.lb-item > a > div >p{width: 100%; font-size: 1.5em; text-align: justify; margin-top: 1em;line-height: 1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
	.lb-sign {position: absolute;left: 0;bottom: 0px; padding: 1em 42%;list-style: none;user-select: none;background-color: rgba(0,0,0,0.3);width: 100%;box-sizing: border-box;}
	.lb-sign li {width: 1em;height: 1em;float: left; margin: auto 0.5em;border-radius: 0.5em;cursor: pointer;background: #FFFFFF;}
}
@media screen and (max-width:800px){
	.bmbtn{display: none;}
	.yqtzh5{display: block;}
	.yqtzpc{display: none;}
	#pcstyle{
		display: none;
	}
	#h5style{
		display: block;
	}
	.content{
		width: 90%;
		margin: 0 auto;
	}
	.content1_h5{
		width:100%;
		margin: 3% auto;
	}
	.content1_h5 li{
		width:48%;
		float: left;
	}
	.content1_h5 li img{
		display: block;
		width:100%;
	}
	/*.content2_h5{
		width: 100%;
	  	height: 20em;
	  	position: relative;
	  	overflow: hidden;
	  	background: #f0f0f0;
	  	color: #000000;
	}
	.content2_h5>span{
		width: 100%;
	    display: block;
	    color: #f40949;
	    font-size:2em;
	    font-weight: bold;
	    text-align: right;
	    position: absolute;
	    top: 2%;
	    right: 2%;
	    z-index: 100;
	}
	.content2_h5 .lb-item {
	  	width: 100%;  
	  	height: 100%;
	  	position: relative; 
	  	background: #f0f0f0;  
	}
	.content2_h5>span{
		width: 100%;
	    display: block;
	    color: #f40949;
	    font-size:1.5em;
	    font-weight: bold;
	    text-align: right;
	    position: absolute;
	    top: 3%;
	    right: 3%;
	    z-index: 100;
	}
	.content2_h5 .lb-item > a > div >h3{
	  width: 100%;
	  font-size: 1.5em;
	  text-align: justify;
	  margin-top: 2em;
	  white-space: nowrap;     
	  overflow: hidden;        
	  text-overflow: ellipsis;
	  color: #444444;
	}
	.content2_h5 .lb-item > a > div >p{
	  width: 100%;
	  font-size: 1.2em;
	  font-weight:bold ;
	  text-align: justify;
	  margin-top: 1.5em;
	  line-height: 2em;
	  display: -webkit-box;          
	  -webkit-box-orient: vertical;     
	  -webkit-line-clamp: 4;           
	  overflow: hidden;  
	  color: #444444;
	}
	.lb-sign {
	  position: absolute;
	  left: 0;
	  bottom: 0px;
	  padding:1em 12em;
	  list-style: none;
	  user-select: none;
	  background-color: rgba(255,255,255,0.3);
	  width: 100%;
	  box-sizing: border-box;
	}
	
	.lb-sign li {
	  width: 10px;
	  height: 10px;
	  float: left;
	  margin: auto 5px;
	  border-radius: 5px;
	  cursor: pointer;
	  background: #FFFFFF;
	}
	.lb-sign li:hover {
	  background-color: #f40949;
	}
	.lb-sign li.active {
	  color: #000;
	  background-color: #f40949;
	}*/
	.content2_h5{position:relative;width:100%;height:15em;overflow:hidden;margin:1em auto;background: #f0f0f0;color: #000000; padding: 0 3em 0 1em; box-sizing: border-box;}
	.content2_h5 .pic{height: 15em;}
	.content2_h5 .pic li{height:15em; overflow:hidden;}
	.content2_h5 .pic li a h3{
	  width: 100%;
	  font-size: 1.5em;
	  text-align: justify;
	  white-space: nowrap;     
	  overflow: hidden;        
	  text-overflow: ellipsis;
	  color: #444444;
	  margin-top: 1em;
	}
	.content2_h5 .pic li a p{
	  width: 100%;
	  font-size: 1.2em;
	  font-weight:bold ;
	  text-align: justify;
	  line-height:1.5em;
	  display: -webkit-box;          
	  -webkit-box-orient: vertical;     
	  -webkit-line-clamp: 4;           
	  overflow: hidden;  
	  color: #444444;
	  margin-top:1.5em ;
	}
	.content2_h5 .num{z-index:2;position:absolute;right:0.5em; top: 35%; width:0.5em;height:15em; line-height: 15em;}
	.content2_h5 .num li{background:#ffffff; float:left;display:inline;width:0.5em;height:0.5em; border-radius:0.25em; line-height:1em;margin-top:0.5em;text-align:center;color:#595959;cursor:pointer;}
	.content2_h5 .num li.current{background:#ff4e00;}
	/*.content2_h5 .bg{z-index:1;position:absolute;right:10px;bottom:7px;width:95px;height:16px;}
	.content2_h5 .bg li{float:left;display:inline;width:16px;height:16px;line-height:16px;margin-left:3px;background-color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background:#ffffff;font-size:0;text-align:center;color:#595959;}*/
	
	.content3_h5{
		width:100%;
		margin: 3% auto;
	}
	.content3_h5 li{
		width:48%;
		float: left;
	}
	.content3_h5 li img{
		display: block;
		width:100%;
	}
	.content4_h5{
		width: 100%;
		font-size: 1em;
		height:20em;
		position: relative;
		margin: 1em 0;
	}
	.content4_h5 #play1{width:100%;height: 20em;list-style: none;position:absolute;top:0px;left:0px;}
	.content4_h5 #play1 li{display: none;position:absolute;width:100%;height: 20em;top:0px;left:0px;}
	.content4_h5 #play1 li img{width:100%;height:20em;float: left;}
	#button1{position: absolute;width:100%; height:3em; background:rgba(0,0,0,0.5);bottom:0;left:0;list-style: none; box-sizing: border-box; padding-left:10em;}
	#button1 li{margin-left: 1em;float: left; margin-top:1em;}
	#button1 li div{width:1em;height:1em;background:#DDDDDD;border-radius: 0.5em;cursor: pointer;}
	.content5_h5{
		height:20em;
		width: 100%;
	}
	.content5_h5 img{
		display: block;
		width: 100%;
	}
	.content3{width: 100%;margin: 2em 0;height:4em;overflow:hidden;position:relative; }
	.content3 ul{height:4em;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
	.content3 ul li{display:block;float:left;margin:0 5px;height:4em;border-radius:5px;position:relative;}
	.content3 ul li a{display:inline-block;height:4em;} 
	.content3 ul li img{border-radius:5px;display:block;width: 4em;}
}