@charset "UTF-8";
.phone-h {display:none}

@media (max-width: 800px) {

.phone-h {display: block;}
.headerbox{display:none}

.mobile-inner-nav a{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}     
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.mobile-inner-header h1 {
    float: left;
    padding-top: 20px;
    padding-left: 5px;
}
.mobile-inner-header h1 img {
   width: 85%;
}

.mobile-inner-header{
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 22;
	background: url(topbg.jpg) no-repeat center;
	background-color: #ad1b0e;
}
.mobile-inner-header-icon{
	color: #ffffff;
	height: 60px;
	font-size:25px;
	text-align: center;
	right: 0;;
	width: 50px;
	position: absolute;
	background: #ab1d18;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: #ab1d18;
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 30px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px;
	background-color: rgb(244, 244, 233);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
		
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	

@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0px;
    padding-top: 30px;
    padding-bottom: 80px;
    display: none;
    z-index: 2;
    height: 100%;
    overflow: auto;
    z-index: 99;
    background: #af1900 url(party_dh.png) no-repeat right border-box;
    background-size: 100%;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #fff;
	font-size: 16px;
	border-bottom: solid 1px rgba(141, 19, 2, 0.55);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:normal;
}
.party-banner .banner_img {
	display: none;
}
.party-banner {
	background: url(party_phone_banner.jpg) no-repeat center;
	height: 280px;
	background-size: cover;
	position: relative;
	margin-top: 60px;
}
.party-banner .pa {
	display: none;
}
.w1230 {
	width: 100%;
}
.home_banner {
	width: 90%;
	float: none;
	margin: 0 auto;
}
.party_section1 {
	height: auto;
}
.home_banner .slideBox .banner-img {
	height: 225px;
}
.home_banner .slideBox .banner-txt {
	line-height: 50px;
	height: 50px;
}
.home_banner .slideBox .banner-txt h2 {
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 50px;
}
.party_section1 .party-news {
    float: none;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
.section2 {
    margin-top: 40px;
}
.section2 .achievement,
.section2 .study {
    float: none;
    width: 90%;
    margin: 0 auto;
}
.section2 .study {
	margin-top: 40px;
}
.section3 .shuoguo .achbox li {
    float: none;
    width: auto;
    margin-left: 20px;
    padding-left: 15px;
    margin-bottom: 15px;
}
.section2 .achbox li a {
	padding-left: 0;
}
.section3 .achbox li a {
    overflow: auto;
    height: auto;
    line-height: 26px;
    text-overflow: initial;
    white-space: normal;
	text-align: justify;
	padding-right: 20px;
}
.section3 li i {
	top: 7px;
	margin-top: 0;
	border: 1px solid #af1900;
}
.section3 ul.achbox {
	height: auto;
}
.mianguo {
	margin-top: 40px;
}
.mianguo .slideBox2,
.mianguo h2.title-mgcq {
	width: 90%;
	margin: 0 auto;
	float: none;
}
.mianguo .slideBox2 .banner-img {
	height: 250px;
}
.mianguo .colright {
    width: auto;
    float: none;
}
.mianguo .colright .r-top {
	display: none;
}
.mianguo .colright .r-down {
    background: url(party_bg2.png) no-repeat;
    width: 90%;
    height: 166px;
    margin-top: 20px;
    margin-left: 0;
    background-size: cover;
    margin: 0 auto;
}
.mianguo .colright .r-down li {
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 5px;
}
.section4 .model {
    width: 100%;
    background: url(party_body2.jpg) no-repeat;
    height: 230px;
    position: relative;
    background-size: cover;
}
.section4 .model .slideBox3 {
    width: 120px;
    position: absolute;
    right: 10px;
    top: 20px;
}
.section4 .model .bd li p {
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

#wrapper {
	padding-bottom: 40px;
}
.footer {
	padding: 15px;
	line-height: 26px;
}
.footer .fl {
    float: none;
    text-align: center;
}
.footer .rt {
    background: url(party_beian.png) no-repeat bottom;
    background-size: 38px;
    height: auto;
    padding-right: 0;
    line-height: 28px;
    float: none;
    padding-bottom: 45px;
}
.news_body {width: 90%;}
.left-menu {
	display: none;
}
.news_body .right-list {
    float: none;
    background: #fff;
    padding: 30px 20px;
    width: auto;
}

.news_body .rlist-box ul li {
    border-bottom: 1px solid #d9d3bd;
    padding-left: 0;
    background: none;
    background-position: 0 -481px;
}
.news_body .rlist-box ul li a {
    padding-right: 0;
    display: block;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: auto;
    padding-bottom: 15px;
    line-height: 28px;
}
.news_body .rlist-box ul li span {
	position: relative;
	right: 0;
	top: 0;
	color: #7c7c7c;
}
.news_body .article-box h1 {
	text-align: left;
}
.news_body .article-box .content {
    line-height: 32px;
}


}



/*pad*/
@media (min-width: 768px) and (max-width:1024px ) {

}	


/*pad pro*/
@media (min-width: 1024px) and (max-width:1199px ) { 

}

/*phone5*/
@media (max-width: 360px) {
	
}