* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Microsoft Yahei";
  font-size: 12px;
  color: #000;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  overflow-x: hidden;
}


/* @font-face{
	font-family: "myfont_Magpie";
	src: url('../font/MagpieSign.TTF');
} */


/* 自定义标签样式 */

a {
  text-decoration: none;
  color: #000;
  -webkit-tap-highlight-color: transparent;
  display: block;
}

label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul li,
ol li {
  list-style: none;
}

input,
img,
textarea,
button {
  outline: none;
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}

button {
  background: none;
  outline: none;
}

b {
  font-weight: normal;
}

u {
  text-decoration: none;
}


/* 自定义公共类名样式 */

.fl-lt {
  float: left;
}

.fl-rt {
  float: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.contain {
  width: 12rem;
  margin: 0 auto;
}

.top {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.41rem;
  box-sizing: border-box;
  font-size: 0;
  background-color: #ececec;
}

.top .contain {
 width: 12rem;
 margin: 0 auto;
 height: 0.95rem;
display: flex;
justify-content: space-between;
align-items: center;
}

.top .logo {
  width: 3.78rem;
  height: 0.51rem;
  margin-right: .45rem;
}

.top .nav {
  height: 0.46rem;
  line-height: 0.46rem;
  width: 100%;
  border-bottom: 2px #fff solid;
  background: -moz-linear-gradient(top, #f37b7d 0%, #e20314 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f37b7d), color-stop(100%,#e20314));
  background: -webkit-linear-gradient(top, #f37b7d 0%,#e20314 100%);
  background: -o-linear-gradient(top, #f37b7d 0%,#e20314 100%);
  background: -ms-linear-gradient(top, #f37b7d 0%,#e20314 100%);
  background: linear-gradient(to bottom, #f37b7d 0%,#e20314 100%);
}
.top .nav  ul{
  width: 12rem;
  margin: 0 auto;
  display: flex;
 justify-content: space-between;
}

.top .nav li {
  position: relative;
  padding:0 0.3rem;
  font-size: .22rem;
  line-height: 0.46rem;
  color: #fff;
  display: inline-block;
}
.top .nav li a{
  color: #fff;
  line-height: 0.46rem;
  text-align: center;
  letter-spacing: 0.08rem;
}
.top .nav li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: .2rem;
  background: #fff;
}

.top .nav li.last::after {
  display: none;
}
.top .nav li.last{
  padding-right:0;
}
.top .nav li.before{
  padding-left:0;
}

/* .top .nav a.active,
.top .nav a:hover {
  padding-bottom: .1rem;
  font-weight: bold;
  border-bottom: 1px solid #333;
} */

.top .top-tel {
 display: flex;
 justify-content: flex-end;
 width: 3.18rem;
 height: 0.4rem;
 align-items: center;
}

.top .top-tel img {
  width: .4rem;
  height: .4rem;
}

.top .top-tel .tel span{
  margin-left: .1rem;
  padding-right: .08rem;
  font-size: .28rem;
  color: #333333;
  line-height: 1em;
}

.top .top-tel .tel strong {
  line-height: 1em;
  font-size: .28rem;
  color: #333333;
}

.fix-right {
  position: fixed;
  right: 1.76rem;
  top: 50%;
  width: 1rem;
  z-index: 99;
  box-sizing: border-box;
 display: none;
}

.fix-right .right-logo{
 border-top-left-radius: 0.04rem;
 border-top-right-radius: 0.04rem;
 height: 0.3rem;
 box-sizing: border-box;
 padding-top: 0.055rem;
 width: 1.02rem;
  background: -moz-linear-gradient(top, #ec5d68 0%, #fb182b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5d68), color-stop(100%,#fb182b));
  background: -webkit-linear-gradient(top, #ec5d68 0%,#fb182b 100%);
  background: -o-linear-gradient(top, #ec5d68 0%,#fb182b 100%);
  background: -ms-linear-gradient(top, #ec5d68 0%,#fb182b 100%);
  background: linear-gradient(to bottom, #ec5d68 0%,#fb182b 100%);
}

.fix-right .right-logo img{
  width:0.69rem;
  height: 0.19rem;
  display: block;
  margin: 0 auto;
}
.fix-right .item{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fix-right .right-tit{
  border:1px #808080 solid;
  background-color: #fff;
  height: 0.7rem;
  width: 1rem;
  padding: 0.15rem 0;
  justify-content: space-between;
}
.fix-right .right-tit:hover,
.fix-right .right-tit.active{
  background-color: #e20012;
}
.fix-right .right-tit .right-img{
  width: 0.43rem;
  height: 0.47rem;
  display: block;
  background-image: url(../img/right-call.png);
  background-size: 100% 100%;
}
.fix-right .right-tit:hover .right-img,
.fix-right .right-tit.active .right-img{
  background-image: url(../img/right-call-h.png);
}
.fix-right .right-tit:hover span,
.fix-right .right-tit.active span{
  color: #fff;
}
.fix-right .right-tit span{
  color: #808080;
  font-size: 0.15rem;
  line-height: 1em;
}
.fix-right .right-cont{
width: 100%;
border: #b2b2b2 1px solid;
border-top: none;
border-bottom-left-radius: 0.04rem;
border-bottom-right-radius: 0.04rem;
}

.fix-right .right-cont .right-top,
.fix-right .right-cont .right-bottom{
  background-color: #fff;
height: 0.75rem;
padding:0.15rem 0;
justify-content: space-between;
width: 1rem;
}
.fix-right .right-cont .right-top:hover,
.fix-right .right-cont .right-top.active,
.fix-right .right-cont .right-bottom:hover,
.fix-right .right-cont .right-bottom.active{
  background-color:#e20012;
height: 0.75rem;
padding:0.15rem 0;
justify-content: space-between;
width: 1rem;
}
.fix-right .right-cont .right-top span,
.fix-right .right-cont .right-bottom span{
color: #808080;
font-size: 0.14rem;
}
.fix-right .right-cont .right-top:hover span,
.fix-right .right-cont .right-top.active span,
.fix-right .right-cont .right-bottom:hover span,
.fix-right .right-cont .right-bottom.active span{
color: #fff;
font-size: 0.14rem;
}
.fix-right .right-cont .right-bottom{
  border-top: 1px #b2b2b2 solid;

}
.fix-right .right-cont .right-top .right-img{
  width: 0.48rem;
  height: 0.43rem;
  display: block;
  background-image: url(../img/right-icon1.png);
  background-size: 100% 100%;
}
.fix-right .right-cont .right-top:hover .right-img,
.fix-right .right-cont .right-top.active .right-img{
  background-image: url(../img/right-icon1-h.png);
}
.fix-right .right-cont .right-bottom .right-img{
  width: 0.37rem;
  height: 0.44rem;
  display: block;
  background-image: url(../img/right-icon2.png);
  background-size: 100% 100%;
}
.fix-right .right-cont .right-bottom:hover .right-img,
.fix-right .right-cont .right-bottom.active .right-img{
  background-image: url(../img/right-icon2-h.png);
}
/* .fix-right .cont .item,
.fix-right .backTop {
  text-align: center;
  border-top: 1px solid #fff;
  padding-top: .12rem;
}

.fix-right .cont .item img {
  display: block;
  width: .74rem;
  margin: 0 auto;
} */

.fix-right .cont .item span {
  display: block;
  padding: .12rem 0;
  font-size: .16rem;
  color: #fff;
}

.fix-right .backTop img {
  width: .74rem;
}


.current {
  font-size: 16px;
  color: #fff;
  background: #ee7d20;
  padding: .3rem 0;
}

.block {
  height: 8px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  box-sizing: border-box;
  width: 100%;
}

.no-mr {
  margin-right: 0!important;
}

.banner {
  height: 7.37rem;
  padding-top: 1.41rem !important;
  width: 100%;
}

.banner img{
  width: 100%;
  height: 7.37rem;
  display: block;
}


.banner .swiper-pagination-bullet {
  width: 80px;
  height: 2px;
  background: #fff;
  opacity: 1;
  border-radius: 0;
  margin: 0 8px!important;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffde00;
}

.banner.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 55px;
}
/* 公共头部 */
.tit h3 {
  font-size: 0.5rem;
  text-align: center;
  letter-spacing: 0.02rem;
  line-height: 1em;
}

.tit h3 span {
  color: #e20012;
}

.tit p {
  font-size: 0.16rem;
  color: #818181;
  text-align: center;
  line-height: 1em;
  margin-top: 0.15rem;
  position: relative;
}

.tit p::before,
.tit p::after {
  position: absolute;
  content: "";
  width: 4.2rem;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: -moz-linear-gradient(left, #97979800 0%, #979798 100%);
  background: -webkit-linear-gradient(left, #97979800 0%, #979798 100%);
  background: -o-linear-gradient(left, #97979800 0%, #979798 100%);
  background: -ms-linear-gradient(left, #97979800 0%, #979798 100%);
  background: linear-gradient(to right, #97979800 0%, #979798 100%);
}

.tit p::before {
  left: 0;
}

.tit p::after {
  right: 0;
  transform: rotateY(180deg);
}
/* 底部 */
.foot{
  width: 100%;
  background-color: #e5e5e5;
  padding-top: 0.43rem;
}


.foot .foot-top{
background-color: #e5e5e5;
display: flex;
justify-content: space-between;
padding-bottom: 0.4rem;
}
.foot .foot-top .foot-nav{
  width: 6.78rem;
}
.foot .foot-top .foot-hz{
width: 4.4rem;
box-sizing: border-box;
padding: 0 0.3rem;
}
.foot .foot-top .foot-nav ul{
display: flex;
justify-content: space-between;
width:100%;
position: relative;
}

.foot .foot-top .foot-nav ul li:first-child>a{
  padding-left: 0;
}
.foot .foot-top .foot-nav ul li:last-child>a{
  padding-right: 0;
  text-align: center;
}
.foot .foot-top .foot-nav ul li:last-child>a::after{
  display: none;
}
.foot .foot-top .foot-nav ul li:last-child .sub-nav a{
 text-align: right;
}
.foot .foot-top .foot-nav ul li>a{
font-size:0.14rem;
font-weight: 800;
color: #e20012;
letter-spacing: 0.03rem;
position: relative;
}
.foot .foot-top .foot-nav ul li>a::after{
  content: "";
  width: 2px;
  height: 0.14rem;
  background-color: #e20012;
  position: absolute;
  right:-1vw;
  top: 50%;
  transform: translateY(-50%);
}
.foot .foot-top .foot-nav ul li .sub-nav{
  margin-top: 0.14rem;
}
.foot .foot-top .foot-nav ul li .sub-nav a{
text-align: center;
font-size: 0.14rem;
line-height: 0.26rem;
letter-spacing: 0.02rem;
font-weight: 600;
color: #474747;
}

.foot .foot-nav ul::after{
content: "";
width: 100%;
height: 1px;
background-color: #e20012;
position: absolute;
top:0.26rem;
}
.foot .foot-top .foot-hz .tit p{
font-size: 0.2rem;
color: #000;
font-weight: 600;
}
.foot .foot-top .tit p::after,
.foot .foot-top .tit p::before{
  width: 1rem;
}
.foot .foot-top .foot-hz img{
  width:3.54rem;
  height: 1.32rem;
  display: block;
  margin: 0.3rem auto 0.4rem;
}
.foot .foot-top .tit p{
  display: flex;
  justify-content: center;
  align-items: center;
}
.foot .foot-top .tit p img{
  width:0.24rem;
  height: 0.24rem;
  display: block;
  margin: 0;
  margin-right: 0.08rem;
}
.foot .foot-top .foot-hz h5{
font-size: 0.24rem;
color: #e20012;
font-weight: 600;
text-align: center;
margin-top: 0.23rem;

}

.foot .foot-bottom{
  display: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
  height: 1.55rem;
  position: relative;
  z-index: 2;
}
.foot-bottom::after{
  content:"";
  background-color: #e20012;
  position: absolute;
  width: 19.2rem;
  height: 1.55rem;
  bottom: 0;
  z-index: -1;
  left: -3.6rem;
}
.foot .foot-bottom .logo{
  display: flex;
  justify-content: space-between;
}
.foot .foot-bottom .logo img{
  width: 0.89rem;
  height: 0.69rem;
  display: block;
}
.foot .foot-bottom .logo .logo-text{
  height: 0.69rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 3.8rem;
  padding-left: 0.22rem;
  border-left: 2px #f07f88 solid;
  margin-left: 0.22rem;
}
.foot .foot-bottom .logo .logo-text h3{
  width: 3.8rem;
font-size: 0.285rem;
font-weight: 600;
letter-spacing: 0.03rem;
}
.foot .foot-bottom .logo .logo-text p{
  width: 3.8rem;
font-size: 0.17rem;
}
.foot .foot-bottom .ewm{
display: flex;
align-items: center;
justify-content: space-between;
}
.foot .foot-bottom .ewm img{
width:0.75rem;
height: 0.75rem;
display: block;
margin-right: 0.16rem;
}
.foot .foot-bottom .ewm .ewm-text h5{
  padding-bottom: 0.08rem;
  font-size: 0.223rem;
  border-bottom:1px #fff solid;
  line-height: 1em

}
.foot .foot-bottom .ewm .ewm-text p{
  margin-top: 0.08rem;
  font-size: 0.14rem;
  line-height: 0.18rem;
}



/* 二级页公共样式 */
.fl-lt {
  float: left;
}

.fl-rt {
  float: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.w1200 {
  width: 12rem;
  margin: 0 auto;
}

.current-adr {
  padding-top: .3rem;
  width: 12rem;
  margin: 0 auto .65rem auto;
  font-size: .18rem;
  color: #595757;
}

.slide-nav {
  padding-top: .25rem;
  float: left;
  width: 1rem;
}

.slide-nav li {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  font-size: .18rem;
  color: #333333;
  background: #eeeeee;
}

.slide-nav li.now {
  color: #fff;
  background: #e10012;
}

.slide-nav li::after {
  display: none;
  right: -.38rem;
  top: 50%;
  margin-top: -.06rem;
  content: "";
  position: absolute;
  width: .11rem;
  height: .12rem;
  background: url(../img/ar1.png) center no-repeat;
  background-size: 100%;
}

.slide-nav li.now::after {
  display: block;
}

.content {
  padding-left: 1.1rem;
  border-left: 2px solid #d7d7d7;
  width: 9.75rem;
  float: right;
}

.main {
  margin-bottom: .85rem;
  position: relative;
}

.cont-right {
  margin-bottom: 1.3rem;
}

.com-tit {
  margin-bottom: .5rem;
}

.com-tit .left,
.com-tit .right {
  display: inline-block;
}

.com-tit .left .cn {
  margin-bottom: .1rem;
  font-size: .47rem;
  font-weight: bold;
  color: #000000;
}

.com-tit .left .cn span {
  color: #e10012;
}

.com-tit .left .en {
  font-size: .18rem;
  color: #8a8a8a;
}

.com-tit .right {
  padding-top: .15rem;
  position: relative;
  margin-left: .45rem;
  font-size: .17rem;
  line-height: .26rem;
  color: #d51518;
}

.com-tit .right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: .54rem;
  height: 2px;
  background: #ea8a8c;
}




.topfixed {
  position: fixed;
  top: 1.12rem;
  left: 3.52rem;
  z-index:9;
}
.split {
  width: 100%;
  height: 0.05rem;
  border-top: #d7d7d7 1px solid;
  border-bottom: #cfcfcf 1px solid;
  margin: 0.88rem 0 0.88rem;
}
.slide-nav {
  width: 1.02rem;
}

.slide-nav a {
  width: 1.02rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .18rem;
  background: #efefef;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #333333;
}

.slide-nav a.now {
  position: relative;
  background: #11735b;
  font-weight: bold;
  color: #fff;
}

.slide-nav a.now::after {
  position: absolute;
  right: -.26rem;
  top: 50%;
  margin-top: -.08rem;
  content: "";
  width: .15rem;
  height: .17rem;
  background: url(../img/icon0.png) center no-repeat;
  background-size: .15rem;
}
.cont-right{
  position: relative;
}

.to{
width: 100%;
height: 1.12rem;
z-index: -200;
position: absolute;
top:-1.12rem;
left: 0;
}


/* 20210709修改底部导航栏宽度 */
.foot .foot-top .foot-nav ul li:last-child>a::after{
  display: none;
}
.foot .foot-top .foot-nav ul li>a{
font-size:0.14rem;
font-weight: 800;
color: #e20012;
letter-spacing: 0.03rem;
position: relative;
}
.foot .foot-top .foot-nav ul li>a::after{
  content: "";
  width: 2px;
  height: 0.14rem;
  background-color: #e20012;
  position: absolute;
  right:-1vw;
  top: 50%;
  transform: translateY(-50%);
}
/* 20210709添加锚点样式 */
.cont-right .to{
  position: absolute;
  top:-1.41rem;
  width: 1px;
}
/* 20210709添加右侧导航栏底线 */
.bottomfixed{
position: absolute;
bottom:0;
padding-top: .25rem;
  float: left;
  width: 1rem;
}





/* 20210713右侧导航栏与头部导航栏改动*/
.fix-right .right-cont{
background-color: #fff;
}
.fix-right .right-cont .right-top,
.fix-right .right-cont .right-bottom{
  width: 0.84rem;
}

.fix-right .right-cont .right-top:hover,
.fix-right .right-cont .right-top.active,
.fix-right .right-cont .right-bottom:hover,
.fix-right .right-cont .right-bottom.active{
  background-color:#e20012;
border-color: #fff;
}
.fix-right .right-cont .right-top{
  border-top: 1px #b2b2b2 solid;

}
.fix-right .right-tit{
  border-bottom: none;
  border-top: #fff 1px solid;
}

.top .nav ul li{
  padding: 0;
}
.top .nav ul li .sub-nav{
  background-color:#e43a48;
  opacity: 0.9;
  margin-top: 2px;
}
.top  .nav ul li .sub-nav a:hover{
  color: #ffde00;
    font-weight: 600;
}

.top  .nav ul li .sub-nav .a-active {
    color: #ffde00;
    font-weight: 600;
}
.top  .nav ul li:hover .sub-nav {
 display: block;
}
.top  .nav ul li .sub-nav {
  padding: 0.18rem 0;
  display:none;
 }
.top .nav li>a{
  position: relative;
  text-align: left;
  font-family: "syr";
  white-space:nowrap;
  padding:0 0.35rem;
}
.top .nav li:first-child>a{
  padding-left: 0;
}
.top .nav li:last-child>a::after{
  display: none;
}
.top .nav li>a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: .2rem;
  background: #fff;
}
.top .nav li::after{
  display:none;
}
.top .nav li.active>a:first-child,
.top .nav li:hover>a:first-child{
  color: #ffde00;
    font-weight: 600;
}
.top .nav li.active>a:first-child,
.top .nav li:hover>a:first-child{
  color: #ffde00;
  font-weight: 600;
}

.top  .nav ul li .sub-nav a{
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.35rem;
  text-align: center;
  font-family: "syr";
  height: 0.35rem;
  white-space:nowrap;
  padding:0 0.35rem;
}