@charset "utf-8";
/* CSS Document */
.containers {
    margin-right: auto;
    margin-left: auto;
	padding:0 10px;
}
.head_ph{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	overflow:hidden;
	padding-bottom:30px;
	background:#034ea1;
}

.head_ph .containers, .head_ph .ph_logo {
    position: relative;
    height: 100%;
}

.head_ph .ph_logo {
	padding-top:10px;
	width:80%;
}

.head_ph .ph_logo img {
    max-width: 100%;
	padding-top:16px;
}

.head_ph .menuph {
    position: absolute;
    top: 25px;
    right: 15px;
    cursor: pointer;
}


@media (min-width: 768px){
#menu {
    opacity: 0;
}
}
@media (max-width: 1480px){

}
@media (max-width: 1320px){

	
}
@media (max-width: 1199px) and (min-width:768px){
	body{ min-width:1200px;}
	.block{ width:1200px; padding:0 15px; margin:0 auto;}
	.section-inner{ width:1200px; margin:0 auto;}
}

@media screen and (max-width: 767px){
.head_ph{
	display:block;
}
#menu {
    opacity: 0;
}
.block{
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
	width:auto;
}
.layout{
	margin-right: auto;
    margin-left: auto;
	padding:0 15px;
	width:auto;
}
.body_home{
	display:none;
}

.foter{
	display:none;
}

.ph_banner{
	display:block;
}
.ph_foter{
	display:block;
}
.banner{
	display:none;
}
.header_blong ul li img{
	width:50px;
}
.header_vel{
	height:auto;
	padding-bottom:40px;
}
.header_vel h4{
	padding-top:30px;
	padding-bottom:20px;
}
.header_vel a{
	width:150px;
	height:40px;
	line-height:40px;
}
.video_left{
	width:100%;
	float:none;
	height:315px;
	padding:20px;
	padding-bottom:110px;
}
.video_left ul li a{
	font-size:16px;
	padding-top:10px;
}
.video_left ul li p{
	padding-top:15px;
	font-size:14px;
	line-height:24px;
	height:140px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;
}
.video_left .slick-prev{
	bottom:-40px;
}
.video_left .slick-next{ 
	bottom:-40px;
}
.video_more{
	right:20px;
}
.video_right{
	width:100%;
	height:auto;
}
.bottom{
	display:none;
}
.list_banner{
	margin-top:0;
	height:30vw;
}
.list_banner h4{
	padding-top:30px;
}
.menu{
	display:none;
}


.pageImg {
	width: 100%;
	height: 200px;
	margin-top:0;
}
.pageImg img {
	height: 100%;
	width: 100%;
}
.section-inner {
	width: 100%;
	padding:20px 0;
}
.sp-lf,
.sp-title-rig {
	display: none !important;
}
.sp-title-lf h1,
.sp-article h1 {
	font-size: 23px;
}
.sp-article h1 {
	white-space: normal;
	line-height: 30px;
	margin: 10px 0;
}
.sp-article img {
	width: 100%;
}
.sp-rig {
	width: 100% !important;
	padding: 0 5%;
}
.sp-list {
	padding: 0;
}
.sp-list li a {
	width: 70%;
}
.sp-imglist {
	text-align: center;
}
.sp-imglist > li {
	display: inline-block;
}

.sp_list .sp_img {
	width: 30%;
	height: auto;
}
.sp_list .sp_nav h4 a {
	font-size: 15px;
	padding-bottom: 10px;
	font-weight:normal;
}
.sp_list .sp_nav p {
	display: none;
}

.sp_list .sp_nav .more{
  display:none;
}
.header_video{
padding-bottom: 0px;
}

}


@media (max-width: 600px)
{
.sp-imglist {
	margin:0 -4% 0 0;
	zoom:1;
	overflow:hidden;
}
.sp-imglist > li {
	width: 46%;
	margin-right:4%;
	margin-bottom:20px;
	height:auto;
}

.sp-imglist h3 a {
    font-size: 14px;
    line-height: 25px;
    color: #555;
}
}

@media (max-width: 350px)
{
.sp-imglist {
	margin:0;
	zoom:1;
	overflow:hidden;
}
.sp-imglist > li {
	width: 100%;
	height: auto;
	margin-right:0;
}
}