@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;
	padding-top:10px;
	background:#c31818;
}

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

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

.block{ width:1400px; margin:0 auto;}


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

@media screen and (max-width: 1200px){
.head_ph{
	display:block;
}
#menu {
    opacity: 0;
}

.head-box{
	display:none;
}

.g-banner{
	margin-top:0;
}

.index-bg{
	background:url(../images/ph_bg_01.jpg) top center no-repeat;
}

.main-box .banner-box .content,.box1 .content,.box2 .content,.box3 .content,.box3 .content,.box4 .content,.box5 .content,.box6 .content {
    width: 100%;
}

.box2 .content, .box4 .content, .box5 .content, .box6 .content {
    padding: 0 6vw;
}
  .box1 .swiper-box .swiper-slide img{    height: 245px;}
.box1 .new-box {
    margin: 0 4vw;
    padding: 6vw 4vw;
}

.box1 .swiper-box{
	width:100%;
}

.box1 .swiper-box .swiper-slide{
	height:auto;
}

.box1 .list-box{
	width:100%;
}

.box1 .list-box ul{
	margin:0;
}

.box1 .list-box ul li{
	width:100%;
}

.box3{
	display:none;
}

.box2 .box2-swiper {
	padding: 0 6vw;
    padding-top: 8vw;
	padding-bottom:75px;
	margin-top:0;
}

.box2 .box2-swiper .swiper-container {
    width: 100%;
    margin-left: 0;
}

.box2 .box2-swiper .swiper-container, .box2 .box2-swiper .swiper-slide {
    height: 180px;
}

.box2 .box2-swiper .swiper-slide .box {
    padding-left: 0;
    width: 78vw;
    padding-top: 38px;
}

.box2 .box2-swiper .swiper-slide .box {
    padding-left: 140px;
    padding-top: 38px;
}

.box2 .box2-swiper .swiper-slide.swiper-slide-active {
    border-radius: 0 15vw 0 17vw;
    transform: scale(1);
}

.box2 .box2-swiper .swiper-slide .box img{
	width:120px;
	height:120px;
	border: 3px solid #fad4d5;
	top:30px;
}

.box2 .box2-swiper .swiper-slide .box h2 {
    padding-left: 0;
    font-size: 16px;
}

.box2 .box2-swiper .swiper-slide .box p{
	display:none;
}

.box2 .box2-swiper .swiper-slide .box .clrfix{
	padding-top:0;
}

.box2 .box2-swiper .swiper-button-prev{
	background:url(../images/left_03.png) no-repeat;
	width:38px;
	height:38px;
	left:20%;
	opacity:1;
	margin-top:0;
	top:120%;
}

.box2 .box2-swiper .swiper-button-next{
	background:url(../images/right_05.png) no-repeat;
	width:38px;
	height:38px;
	left:67%;
	opacity:1;
	margin-top:0;
	top:120%;
}

.box6{
	display:block;
	padding-top:40px;
}

.box4 .xgdw-box{
	width:100%;
}

.box4 .xsby-box{
	width:100%;
	padding-top:30px;
}

.box4 .xsby-box ul{
	margin:0 -6% 0 0;
}

.box4 .xsby-box ul li{
	width:110px;
	margin-right:4%;
}

.ph-xsby{
	display:block;
}

.pc-xsby{
	display:none;
}

.box5 .box5-nav{
	height:auto;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	overflow:hidden;
}

.box5 .column-box{
	width:100%;
	padding:30px;
}

.box5 .column-box ul{
	border-right:0;
	padding-right:0;
}

.box5 .column-box ul li a{
	width:65%;
	font-size:14px;
}

.box5 .fast-box {
    padding: 30px;
    width: 100%;
}

.foter-box{
	display:none;
}

.ph_foter{
	display:block;
}

.box5{
	margin-bottom:30px;
}
.box4 .xgdw-box ul li p{    display: none;}
.box-title{
	width:80%;
}
  #xzzx_more{margin-right: 0;
  
  }
.more{
	width:27%;
	background-size:100% 100%;
	font-size:12px;
}

.box5 .title{
	width:100%;
}

.box5 .title img{
	max-width:100%;
}
 .box6 .box6-swiper ul li a{    box-shadow: 0px 0px 0px 0px #e2e2e2;}
  
  
}

@media (max-width: 850px)
{
.sp-imglist > li {
  height: 230px;
}

.sp-imgitem a {
	height: 156px;
}
.sp-imgitem img {
	height: 154px;
}
}

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

.sp-imgitem a {
	height: 164px;
}
.sp-imgitem img {
	height: 162px;
}
}

@media (max-width: 800px){
.g-banner img {
    max-width: 100%;
    height: 120px;
}
}


@media (max-width: 414px){
.box4 .xsby-box ul li {width: 27%;}
.box4 .xsby-box ul li img {height: 105px;}

}
@media (max-width: 375px){
.box4 .xsby-box ul li img{height: 95px;}
.box4 .xsby-box ul li {
    width: 27.33%;
    margin: 0 2.5%;    margin-top: 40px;
}

}
@media (max-width: 360px){
.box4 .xsby-box ul li img{height: 80px;}
.box4 .xsby-box ul li {
    width: 24%;
    margin: 0 4%;    margin-top: 40px;}


}
@media (max-width: 320px){
.box4 .xsby-box ul li {
    width: 27.33%;
    margin: 0 2.5%;    margin-top: 40px;
}
.box4 .xsby-box ul li img{height: 80px;}


}