@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:#063f7e;
}

.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){
#u14u14,
#u15u15,
#u16u16{
    width: 100% !important;
}
#u14u14 img:nth-child(1),
#u15u15 img:nth-child(1),
#u16u16 img:nth-child(1){
    width: 100% !important;
    margin-left: 0 !important;
}
#u14u14 img:nth-child(2),
#u15u15 img:nth-child(2){
    top: 50px !important;
    left: 150px !important;
}
#u16u16 img:nth-child(2),
#u21u21 img:nth-child(2){
    top: 125px !important;
    left: 150px !important;
}
video{
    width: 100%;
    height: auto;
}




.head_ph{
	display:block;
}
#menu {
    opacity: 0;
}
.block{
	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_news{
	padding-top:30px;
}
.xyyw{
	width:100%;
	float:none;
}
.xydt{
	width:100%;
	float:none;
	margin-top:30px;
	height:auto;
	padding-bottom:40px;
}
.xydt ul li p{
	display:none;
}
.xydt ul li h4{
	text-align:left;
	font-size:16px;
	font-weight:normal;
}
.tzgg{
	width:100%;
	float:none;
	margin-top:30px;
}
.jcsj_nav{
	height:auto;
}
.jcsj_nav ul li:first-child{
	width:100%;
	height:auto;
}
.jcsj_nav ul li:first-child+li{
	width:100%;
	height:auto;
}
.jcsj_nav ul li:first-child+li+li{
	width:100%;
	height:auto;
	position:relative;
	left:0;
	top:0;
	margin-top: 10px;
}
.jcsj_nav ul li:first-child+li+li+li{
	width:48%;
	/* height:auto; */
height:312px;
	float:left;
}
.jcsj_nav ul li:first-child+li+li+li+li{
	width:48%;
	/* height:auto; */
height:312px;
	position:relative;
	left:0;
	float:right;
	margin-top:10px;
}
.jcsj_nav ul li:first-child+li+li+li+li+li{
	width:48%;
	height:auto;
	position:relative;
	left:0;
	float:left;
	margin-top:10px;
}
.jcsj_nav ul li:first-child+li+li+li+li+li+li{
	width:48%;
	height:auto;
	position:relative;
	left:0;
	float:right;
	margin-top:10px;
}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li{
	width:100%;
	height:auto;
	left:0;
	position:relative;
	margin-top:10px;
	float:left;
}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li{
	width:100%;
	height:auto;
	left:0;
	position:relative;
	margin-top:10px;
	float:left;
}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li+li{
	width:100%;
	height:15rem;
	position:relative;
	left:0;
	float:left;
	margin-top:10px;
}
.jcsj_nav ul li:first-child+li+li+li+li+li+li+li+li+li+li{
	width:100%;
	height:15rem;
	position:relative;
	left:0;
	float:left;
	margin-top:10px;
}
.jcsj_nav ul li img{
	object-fit: cover;
}
.link ul{
	margin:0;
}
.link ul li{
	width:100%;
	margin-right:0;
}
.foter_tb{
	display:block;
}
.foter_tb .block{ padding: 10px 15px;}
.header_jcsj{
	padding-bottom:30px;
}



.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;
}


}


@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;
}
}



@media (max-width: 767px)
{
.jcsj_nav{ display: none;}

.ph_jcsj_nav{ display: block; 
width: 100%;
    overflow: hidden;margin-top: 20px;
}

.ph_jcsj_nav ul li img{     width: 100%;
    height: 200px;
    overflow: hidden;border-radius: 5px;}

.ph_jcsj_nav_sign{    margin-top: 20px;}

.ph_jcsj_nav_sign .slick-dots{ display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;}
.ph_jcsj_nav_sign .slick-dots li{ margin: 0 7px;
background: url(../images/circle-fill.png) no-repeat;
width: 15px;
    height: 15px;
    background-size: 15px;
    font-size: 0;
}
.ph_jcsj_nav_sign .slick-dots li.slick-active{background: url(../images/circle.png) no-repeat; background-size: 15px; }

}

@media (min-width: 768px)
{
.ph_jcsj_nav{ display: none;}
.ph_jcsj_nav_sign{ display: none;}
}