* {
  margin: 0;
  padding: 0;
  color: inherit;
  list-style: none;
  text-decoration: none;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}
html {
  font-size: 50px;
}
body {
  font-size: 0.32rem;
}
.lianxi_right2{width:100%; float:left;padding:30px 0 0 0;}
.lianxi_right2 .box{width:45%; height:250px; float:left; margin:0 30px 0 0;}
.lianxi_right2 img{width:110px; }
.lianxi_right2 h4{color:#666; font-size:2.0em; margin:0; padding:0px; font-weight:normal; }
.lianxi_right2 .wenzi{color:#666; text-align:left; font-size:0.9em;}
.lianxi_right2 li{list-style: none; color:#666; text-align:left; font-size:0.9em; line-height:20px;}
.lianxi_right2 .biaoti{color: #666; font-size: 1.3em;padding: 0 0 30px 0;letter-spacing: 2px;}
.lianxi_right3{width:100%; float:left;}
.lianxi_right3 img{width:100%; float:left;}
img {
  width: 100%;
  display: block;
}
.compad {
  box-sizing: border-box;
  padding: 0.6rem 0rem;
}
.container {
  width: 70%;
  margin: 0 auto;
}
.container1 {
  width: 24rem;
  margin: 0 auto;
}
.canyinfuwu{
	width: 24rem; height:480px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.canyinfuwuleft{
	width: 50%;
	float:left;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #333333;
}
.canyinfuwurighet{ width:50%; float:right;}
.clear {
  clear: both;
}
.hong{color:#e61a49;}
/* 标题 */
.title {
  font-size: 0.7rem;
  text-align: center;
  margin-bottom: 1rem;
  color:#808080;
  font-weight:normal

}
/* 更多按钮 */
.more {
  width: 110px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #E50251;
  display: block;
  margin: 0 auto;
  font-size: 1.0em;
  color: white;
  border-radius: 0.1rem;
  cursor: pointer;
}
.more:hover {
  background: black;
}
/* 顶部导航样式 */
.hd1_out {
  background-color: #333333;
  color: white;
  padding: 0.2rem 0;
}
.hd1 {
  display: flex;
  justify-content: space-between;
}
.hd1_left span {
  margin-right: 0.6rem;
}
.hd1_left h1{font-size: 1.0em;font-weight:bold}
.hd2_out {
  border-bottom: 1px solid lightgrey;
}
.hd2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.12rem 0;
}
.logo {
  width: 5.26rem;
}
.nav {
  line-height: 1.1rem;
}
.nav_item {
  float: left;
  margin-left: 1.5rem;
  position: relative;
}
.navbox {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  width: 2rem;
  padding: 0.2rem;
  display: none;
  font-size: 0.32rem;
}
.nav_item:hover .navbox {
  display: block;
}
.navbox li {
  line-height: 0.6rem;
}
@media screen and (max-width: 640px) {
  .nav_item {
    margin-left: 0.4rem;
  }
}
/* banner */
.banner {
  height: 10rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* background: url(https://www.mroyal.cn/images/1498875468.jpg) no-repeat center fixed; */
  /* background-size: 100% ; */
  color: #E50251;
}
.banner p:nth-child(1) {
  font-size: 1rem;
  color: white;
}
.banner h1{font-size: 1.3rem;color: white;padding:0 0 30px 0;}
.banner h2{font-size: 0.8rem;letter-spacing: 5px; color: #E50251;font-weight:normal;}
.banner h3{font-size: 0.8rem;letter-spacing: 5px; color: white;font-weight:normal;}
.banner p:nth-child(2) {
  font-size: 1.2rem;
  margin: 0.3rem 0;
}
.banner p:nth-child(3) {
  font-size: 1rem;
  color: white;
}
.des {
  width: 30rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.des_left {
  width: 10rem;
  /* background: url(https://www.mroyal.cn/plans/Templates/cn2014/images/123.jpg) no-repeat center; */
  background-size: cover;
  color: #333333;
  box-sizing: border-box;
  padding: 0.16rem;
  font-size: 1.0em;
}
.des_left dt {
  font-size: 1.5em;
  margin-bottom: 0.4rem;
  color: #E50251;
}
.des_left dd {
  line-height: 0.54rem;
  /* text-indent: 30rem / @base; */
}
.des_left p {
  margin-top: 0.1rem;
  text-indent: 0.68rem;
   line-height: 30px;
}
.des_right {
  width: 19rem;
}
.des_right dt {
  font-size: 1.5em;
  margin-bottom: 0.4rem;
}
.des_right span {
  line-height: 25px; padding:10px 0 10px 0;/*---餐饮首页服务行高---*/
  margin-right: 0.4rem;
}

.des_right  h3{color:#e61a49;padding:15px 0 10px 0;font-size: 1.1em;font-weight:normal;}

.des_right dd {
  line-height: 0.9em;
  font-size: 0.34rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  display: flex;
  justify-content: space-between;
}
.des_right dd:nth-child(2n) {
  background: #f0f0f0;
}
.des_right dd span:nth-child(1) {
  width: 10%;
  line-height: 20px;/*---餐饮首页服务红线高---*/
  text-align: center;
  position: relative; padding:10px 0 10px 0;
}
.des_right dd span:nth-child(1)::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.6rem;
  background: #E50251;
  top: 20px;/*---餐饮首页服务红线高---*/
  right: -0.06rem;
}
.des_right dd span:nth-child(2) {
  width: 88%;
}
/* 案例模块 */
.case_out {
  background: #f0f0f0;
}
.case {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 30rem;
  margin: 0 auto;
}
.case_item {
  width: 9.72rem;
  margin-bottom: 0.6rem;
}
.case_img {
  position: relative;
  width: 9.72rem;
  height: 5.46rem;
  overflow: hidden;
}
.case_img_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  opacity: 0;
  box-sizing: border-box;
  padding: 0 0.4rem;
  text-align: justify;
  line-height: 0.5rem;
  transition: all 0.5s;
}
.case_item:hover .case_img_bg {
  opacity: 1;
}
.case_con {
  background: white;
  box-sizing: border-box;
  padding: 0.16rem 0.4rem;
  text-align: center;
}
.case_con h4 {
  font-size: 1.0em;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight:normal;
}
.case_con p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
    .problem_out {
        padding: 70px 0;
        background: url(https://www.mroyal.cn/dsp/Templates/cn2014/images/yx_bg.jpg) no-repeat center;
        background-size: cover;
        color: white;
    }
    .problem_out a {
        color: white;
    }
    .problem_out .problem {
        max-width: 1280px;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }
    .problem_out .problem_left {
        width: 50%;
        
    }
    .problem_out .problem_left li {
        width: 19.5%;
        background: #f8004a;
        color: white;
        text-align: center;
        margin-bottom: 5px;
        font-size: 19px;
        padding: 18px 0 18px 0;
    }
    .problem_out .problem_left a {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .problem_out .problem_left li:hover{
        background: #454545;
        
    }

    .problem_out .problem_left li a {
        display: block;
        padding: 10px 0;
 
    }
    .problem_out .problem_right dt {
        font-size: 40px;
        font-weight: bold;
        color: #f8004a;
    }
    .problem_out .problem_right dd {
        font-size: 27px;
        font-weight: bold;
        margin-top: 15px;
    }
    .problem_out .problem_right dd:nth-child(4) {
        color: white;
        box-sizing: border-box;
        padding: 10px;
    }
   .last-dd {
       background: #f8004a;
   }
   .last-dd:hover {
       background:#454545;
   }
/* 餐饮案例 */
/*--------首页新闻----------------*/
.news_box_index{margin:0 auto;width:78%;}
.news_box_index .left{width: 32.333%;float: left;margin:0 1% 50px 0;	background-color: #f5f5f5;border-radius: 8px;}
.news_box_index  img{width:100%;border-radius: 8px;}
.news_box_index h4{color:#666; font-size:1.0em; margin:0; padding:15px 0 10px 20px; font-weight:normal; }
.news_box_index p{color:#666; font-size:0.9em; margin:0; padding:0 20px 20px 20px; font-weight:normal;}
.news_box_index .more1{width:20%;font-size:0.7em;color:#666; float:left;text-align:left; padding:0 10px 10px 50px;background-image: url(../image/yanjing.png);background-repeat: no-repeat;background-position: 20px -10px;}
.news_box_index .more2{width:20%;font-size:0.7em;color:#666; float:left;text-align:left; padding:0 10px 10px 20px;}

.anli_box{width:78%;margin-left:auto; margin-right:auto;}
.anli_box_left{width:70%;float: left;margin-left:auto; margin-right:auto;}
.anli_box_left img{width:100%;}
#anli_box_right{width:26%;float: left; margin:0 0 0 50px;}
#anli_box_right li{width:90%;margin:5px;padding:15px 0 15px 50px;border: 1px double #f5f5f5;background-image: url(../image/jiantou.png);background-repeat: no-repeat;background-position: 15px center;}

.div_guding{
overflow: hidden;
z-index: 9999;
position: fixed;
}

.div_guding.right_top{
right: 100px;
top: 100px;
}

.anli_box_right .float_box {
  width: 95%;
  background: #ffffff;
  padding: 25px 0;
}
.anli_box_right .float_box li {
	padding: 0 0 0 35px;
  float: left;
  width: 100%;
  border-bottom: 1px double #e5e5e5;
  line-height: 40px;
}
.anli_box_right .float_box li a {
  display: block;
  width: 100%;
  float: left;
  padding-left: 12px;
  line-height: 50px;
}
.anli_box_right .float_box li span {
  color: #666666;
  float: left;
}
.anli_box_right .float_box li i {
  padding:12px 0 12px 50px;
  float:right;
  width: 20px;
  height: 20px;
}
.anli_box_right .float_box li i.i1 {
background: url(../image/icon1.png) no-repeat center center;
}
.anli_box_right .float_box li i.i2 {
  background: url(../image/icon2.png) no-repeat center center;
}
.anli_box_right .float_box li i.i3 {
  background: url(../image/icon3.png) no-repeat center center;
}
.anli_box_right .float_box li i.i4 {
  background: url(../image/icon4.png) no-repeat center center;
}
.anli_box_right .float_box li i.i5 {
  background: url(../image/icon5.png) no-repeat center center;
}
.anli_box_right .float_box li i.i6 {

}
.anli_box_right .float_box li:hover{
	background: #ebebeb;
}




/* 餐饮加盟资讯 */
.attract {
  overflow: hidden;
  height: auto;
}
.attract_item {
  width: 7.18rem;
  margin-right: 0.32rem;
  margin-bottom: 0.32rem;
  height: 5.4rem;
  float: left;
  background: #f0f0f0;
}
.attract_img {
  height: 2.8rem;
  overflow: hidden;
}
.attract_item:nth-child(4n) {
  margin-right: 0;
}
.attract_con {
  box-sizing: border-box;
  padding: 0.26rem;
}
.attract_con a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.34rem;
  color: #808080;
}
.attract_con p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.28rem;
  margin-top: 0.3rem;
  color: #808080;
}
.attract_item_more {
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.attract_more {
  margin: 0.5rem auto 0;
}
/* 新闻 */
.news_out {
  background: #f0f0f0;
}
.new {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news_items {
  width: 24%;
  background: white;
}
.news_img {
  position: relative;
  height: 4.6rem;
  overflow: hidden;
}
.news_title {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0.3rem 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.news_items {
  padding-bottom: 0.2rem;
}
.news_con li {
  line-height: 0.45rem;
  text-align: left;
  font-size: 0.9em;
  color:#808080;
}
.news_con li a {
  overflow: hidden;
  width: 270px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.news_con li span {
  float: right;
}
.news_con {
  box-sizing: border-box;
  padding: 0.2rem;
}
.news_more {
  margin-top: 0.4rem;
}
@media screen and (max-width:640px) {
  .news_items {
    width: 100%;
  }
}
/* 底部 */
footer {
  background: #333333;
  padding: 1.4rem 0.4rem;
  color: #a9a9a9;
  font-size: 0.28rem;
}
.ft-hd {
  max-width: 30rem;
  margin: auto;
  padding-bottom: 1rem;
  font-size: 0.9em;
  text-align: center;
}
.ft-hd a {
  margin-right: 0.16rem;
}
footer .ft {
  max-width: 30rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
footer .ft dt {
  color: white;
  font-size: 0.36rem;
  margin-bottom: 0.4rem;
}
footer .ft dd {
  line-height: 0.6rem;
}
footer .ft dd span {
  color: white;
}
footer .ft .ft_item1 {
  width: 8%;
  text-align: center;
}
footer .ft .ft_item1 div {
  padding: 0.06rem 0 0.12rem;
}
footer .ft .ft_item2 {
  width: 22%;
}
footer .ft .ft_item2 a {
  color: white;
  display: inline-block;
  margin-top: 0.3rem;
  font-size: 0.4rem;
  padding: 0.1rem 0.3rem;
  background: #E50251;
  border-radius: 18px;
}
footer .ft .ft_item3 {
  width: 26%;
}
footer .ft .ft_item3 .ft_item3_con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .ft .ft_item3 dd {
  width: 50%;line-height:22px;
}
footer .ft .ft_item4 {
  width: 37%;line-height:20px;
}
.newsd_4_out {
  background: #f0f0f0;
  padding: 0.3rem 0;
  display: none;
}
.newsd_4 {
  background: white;
  width: 96.9%;
  margin: 0 auto;
  border: 0.02rem solid lightgrey;
  padding: 8px 0;
}
.newsd_4 h3 {
  text-align: center;
  margin-bottom: 0.2rem;
}
.newsd_4_con {
  overflow: hidden;
}
.newsd_4_con li {
  float: left;
  width: 33.33%;
  text-align: center;
  margin-bottom: 0.16rem;
}
.newsd_4_con li a {
  display: inline-block;
  padding: 0.1rem 0.3rem;
  color: white !important;
  background: rgba(229, 2, 81, 0.71);
  border-radius: 0.08rem;
}
.newsd_4_out p {
  text-align: center;
  font-weight: bold;
  font-size: 0.32rem;
  padding: 0.06rem 0;
}
.ft2 {
  max-width: 30rem;
  margin: auto;
  text-align: center;
  font-size: 0.8em;
  margin-top: 0.4rem;
}
.ft2 p {
  margin-top: 0.16rem;
}
.ft2 a {
  margin-right: 0.16rem;
}
.position {
  padding: 0.4rem 0;
  box-sizing: border-box;
}
.nav_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 16rem;
  margin: 0 auto;
}
.nav_list a {
  display: block;
  padding: 0.2rem 0.3rem;
  box-shadow: 5px 5px 15px lightgrey;
}
.nav_list a:hover {
  background: #E50251;
  color: white;
}
.page {
  text-align: center;
}
.listrecom_out {
  background: #f0f0f0;
}
.listrecom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.listrecom_left {
  width: 50%;
  box-sizing: border-box;
  padding: 0.3rem 0;
  font-size: 0.7rem;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(https://www.mroyal.cn/plans/Templates/cn2014/images/123.jpg) no-repeat center fixed;
  background-size: cover ;
}
.listrecom_right {
  width: 45%;
}
.listrecom_right a {
  display: block;
  border-bottom: 1px solid grey;
  line-height: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ppnyBanner {
  height: 10rem;
  position: relative;
}
.ppnyBanner li {
  height: 100%;
  width: 100%;
  font-size: 0.8rem;
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
}
.ppnyBanner li:nth-child(1) {
  background: #E50251;
  opacity: 1;
}
.ppnyBanner li:nth-child(2) {
  background: #FE8920;
}
.ppnyBanner li div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  text-align: center;
}
.ppnyBanner li p {
  margin-top: 0.4rem;
}
.ppnyBanner li p:nth-child(2) {
  font-size: 1rem;
  font-weight: bold;
}
.mn {
  margin: 0 auto;
}
.mn_left {
  float: left;
  width: 70%;
  box-sizing: border-box;
  padding: 10px;
}
.mn_left h1 {
  text-align: center;
  font-size: 0.7rem;padding: 30px 0 20px 0;color: #6b6b6b;
}
.mn_left_time {
  text-align: center;
  margin-top: 0.2rem;
  border-bottom: 1px solid #999999;
  padding-bottom: 0.3rem;
  color: #999999;
}
.mn_left_time span {
  margin: 0 10px;
}
.mn_left article {
  padding: 0.8rem 0 0.4rem;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;color: #6b6b6b;
}



.prevNext a {
  line-height: 0.5rem;
}
.prevNext {
  border-bottom: 1px solid #999999;
  padding-bottom: 0.3rem;
}
.mn_left_img {
  margin: 0.4rem 0;
}
.mn_right {
  float: right;
  width: 25%;
  height: auto;
  box-sizing: border-box;
  padding: 0.2rem;
  box-shadow: -5px 5px 15px lightgrey;
  background: white;
  overflow-y: scroll;
}
.mn_right::-webkit-scrollbar {
  width: 0.08rem;
}
.mn_right::-webkit-scrollbar-thumb {
  background: #E50251;
}
.mn_right_dy {
  background: #E50251;
  color: white;
  line-height: 1.4rem;
  font-size: 1.2em;
  text-align: center;
  display: block;
}
.mn_right_nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: bold;
  padding-top: 0.14rem;
}
.mn_right_nav li {
  width: 45%;
  margin-bottom: 0.08rem;
  text-align: center;
  border-radius: 0.08rem;
}
.mn_right_nav li a {
  padding: 0.08rem 0.04rem;
  display: block;
  width: 100%;
  font-size: 0.34rem;
  color: #666;
  font-weight: bold;
}
.mn_right_nav li:hover a {
  background: #E50251;
  color: white;
  border-radius: 5px;
}
.mn_right_anui {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem 0;
}
.mn_right_anui a {
  display: inline-block;
  width: 45%;
  padding: 0.2rem 0;
  text-align: center;
}
.mn_right_anui a:nth-child(1) {
  background: #E50251;
  color: white;
}
.mn_right_anui a:nth-child(2) {
  background: black;
  color: white;
}
.mn_right_case li {
  position: relative;
  margin-bottom: 0.2rem;
}
.mn_right_case h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  padding: 0.2rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.527);
  text-align: center;
  line-height: 0.5rem;
  opacity: 0;
  transition: all 0.3s;
}
.mn_right_case li:hover h4 {
  opacity: 1;
}
.mn_right_rnews {
  
}
.mn_right_rnews li {height: 25px;
  overflow: hidden;
}
.mn_right_rnews li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 0.52rem;
  font-size: 0.28rem;
  width: 80%;
  float: left;
}
.mn_right_rnews li:hover {
  color: #E5004F;
}
.mn_right_rnews li span {
  float: right;
  line-height: 0.52rem;
  font-size: 0.28rem;
}

@media screen and (max-width: 1500px) {
  .container {
    width: 29rem;
  }
  .attract_item {
    width: 6.93rem;
  }
}
@media screen and (max-width: 640px) {
  .container {
    width: 100%;
  }
  .container1 {
    width: 100%;
  }
  .compad {
    padding: 0.2rem 0.1rem;
  }
  .hd1_out {
    display: none;
  }
  .logo {
    width: 100%;
  }
  .logo img {
    width: 4rem;
    margin: 0 auto;
  }
  .hd2 {
    height: auto;
  }
  .nav {
    line-height: 0.44rem;
  }
  .banner {
    height: 4rem;
  }
  .banner p:nth-child(1) {
    font-size: 0.4rem;
  }
  .banner p:nth-child(2) {
    font-size: 0.5rem;
  }
  .banner p:nth-child(3) {
    font-size: 0.4rem;
  }
  .des {
    width: 100%;
  }
  .des_left {
    display: none;
  }
  .des_right {
    width: 100%;
  }
  .des_right dt {
    text-align: center;
    font-size: 0.8rem;
  }
  .des_right dd {
    line-height: 0.58rem;
  }
  .title {
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
  }
  .case {
    width: 100%;
  }
  .case_item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .problem {
    width: 100% !important;
  }
  .problem_left {
    width: 100% !important;
    margin-top: 0.4rem;
  }
  .problem_out .problem_right dt {
    font-size: 0.2rem;
  }
  .problem_out .problem_right dd {
    font-size: 0.2rem;
  }
  .attract_item {
    width: 100%;
  }
  .news_con li a {
    width: 5rem;
  }
  footer {
    display: none;
  }
  .newsd_4_out {
    display: block;
  }
  .nav_list {
    margin-top: 0;
  }
  .nav_list li {
    justify-content: flex-start;
    margin-left: 0.04rem;
  }
  .listrecom_left,
  .listrecom_right {
    width: 100%;
  }
  .ppnyBanner {
    height: 5rem;
    position: relative;
  }
  .ppnyBanner li {
    font-size: 0.36rem;
  }
  .ppnyBanner li p:nth-child(2) {
    font-size: 0.5rem;
  }
  .position {
    padding: 0 0 5px;
  }
  .mn_left {
    width: 100%;
  }
  .mn_left h1 {
    font-size: 20px;
  }
  .mn_left article {
    padding: 10px 0;
    font-size: 16px;
    line-height: 25px;
  }
  .mn_right {
    width: 100%;
  }
  .case_img {
    width: 100%;
    height: auto;
  }
  .des_right dd span:nth-child(1) {
    line-height: normal;
    margin-top: 0.2rem;
  }
}
/* 移动样式 */
.mp_out {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  display: none;
  z-index: 999999;
}
.mp .swiper-container {
  width: 100%;
  height: 100%;
}
.mp {
  width: 100%;
  background: white;
}
.mp_logo {
  /* background: rgba(0, 0, 0, 0.301); */
  padding: 5px 0;
  text-align: center;
}
.mp_logo img {
  width: 180px;
  margin: 0 auto;
}
.mp_swiper {
  height: 260px;
  width: 100%;
  border-top: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mp_swiper1 {
  background: #E50251;
  color: white;
}
.mp .swiper-pagination-bullet-active {
  background: #000;
}
.mp_swiper1 p:nth-child(1) {
  font-size: 30px;
}
.mp_swiper1 p:nth-child(2) {
  font-size: 30px;
  margin: 5px 0;
}
.mp_swiper1 p:nth-child(2) span {
  font-size: 50px;
}
.mp_swiper1 p:nth-child(3) {
  font-size: 20px;
  margin-top: 50px;
}
.mp_swiper2 {
  background: #f2f2f2;
  color: black;
  text-align: center;
}
.mp_swiper2_center p {
  font-size: 20px;
  margin-top: 5px;
  font-weight: bold;
}
.mp_swiper2_center p:nth-child(1) {
  color: #E50251;
  font-size: 28px;
  font-weight: bold;
}
.mp_close {
  width: 80%;
  text-align: center;
  margin: 30px auto;
  background: #E50251;
  color: white;
  padding: 10px;
  border-radius: 5px;
}
.mp_contact {
  position: fixed;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
.mp_contact a {
  width: 50%;
  text-align: center;
  background: #E50251;
  color: white;
  padding: 3px 0;
  font-size: normal;
}
.mp_contact a:nth-child(1) {
  border-right: 1px solid white;
}
.mp_contact a i {
  font-size: 26px;
}
.mp_contact a span {
  display: block;
  font-size: 19px;
}
.mp_contact_space {
  height: 48px;
}

.cosnews_item_ft {
  padding: 0px 15px 10px;
  overflow: hidden;color: #808080;
}
.cosnews_item_ft span {
  float: left;
}
.cosnews_item_ft a {
  float:right
}
.newsactive {
  color: #e5004f;
}


.cynews_out {
  background: #f0f0f0;
}
.cynews_title {
  text-align: center;
  font-size: 0.7rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.cynews {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cynews li {
  width: 48%;
  border-bottom: 1px solid grey;
  line-height: 0.52rem;
  font-size:0.28rem;
  overflow: hidden;
}
.cynews li a {
  display: block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.cynews li span {
  float: right;
}
@media screen and (max-width:640px) {
  .cynews_title {
    margin-bottom: 0.3rem;
  }
  .cynews li {
    width: 96%;
  }
}