html {
	font-size: 100px;
}

.f12{font-size: 0.12rem}
.f13{font-size:0.13rem}
.f14{font-size:0.14rem}
.f15{font-size:0.15rem}
.f16{font-size:0.16rem}
.f17{font-size:0.17rem}
.f18{font-size:0.18rem}
.f20{font-size:0.20rem}
.f22{font-size:0.22rem}
.f24{font-size:0.24rem}
.f26{font-size:0.26rem}
.f28{font-size:0.28rem}
.f30{font-size:0.30rem}
.f32{font-size:0.32rem}
.f34{font-size:0.34rem}
.f36{font-size:0.36rem}
.f38{font-size:0.38rem}
.f40{font-size:0.40rem}
.f42{font-size:0.42rem}
.f44{font-size:0.44rem}
.f46{font-size:0.46rem}
.f48{font-size:0.48rem}
.f50{font-size:0.50rem}
.f52{font-size:0.52rem}
.f54{font-size:0.54rem}
.f56{font-size:0.56rem}
.f58{font-size:0.58rem}
.f60{font-size:0.60rem}
.m5{margin:0.05rem}
.m10{margin:0.10rem}
.m15{margin:0.15rem}
.m20{margin:0.20rem}
.m25{margin:0.25rem}
.m30{margin:0.30rem}
.m35{margin:0.35rem}
.m40{margin:0.40rem}
.m50{margin:0.50rem}
.mt3{margin-top:0.03rem}
.mt5{margin-top:0.05rem}
.mt10{margin-top:0.10rem}
.mt15{margin-top:0.15rem}
.mt20{margin-top:0.20rem}
.mt25{margin-top:0.25rem}
.mt30{margin-top:0.30rem}
.mt35{margin-top:0.35rem}
.mt40{margin-top:0.40rem}
.mt45{margin-top:0.45rem}
.mt50{margin-top:0.50rem}
.mt55{margin-top:0.55rem}
.mt60{margin-top:0.60rem}
.mt70{margin-top:0.70rem}
.mt80{margin-top:0.80rem}
.mt85{margin-top:0.85rem}
.ml5{margin-left:0.05rem}
.ml10{margin-left:0.10rem}
.ml15{margin-left:0.15rem}
.ml20{margin-left:0.20rem}
.ml25{margin-left:0.25rem}
.ml30{margin-left:0.30rem}
.ml35{margin-left:0.35rem}
.ml40{margin-left:0.40rem}
.ml45{margin-left:0.45rem}
.ml50{margin-left:0.50rem}
.ml55{margin-left:0.55rem}
.ml60{margin-left:0.60rem}
.ml65{margin-left:0.65rem}
.ml70{margin-left:0.70rem}
.ml75{margin-left:0.75rem}
.ml80{margin-left:0.80rem}
.ml90{margin-left:0.90rem}
.ml95{margin-left:0.95rem}
.mr5{margin-right:0.05rem}
.mr10{margin-right:0.10rem}
.mr15{margin-right:0.15rem}
.mr20{margin-right:0.20rem}
.mr25{margin-right:0.25rem}
.mr30{margin-right:0.30rem}
.mr35{margin-right:0.35rem}
.mr40{margin-right:0.40rem}
.mr45{margin-right:0.45rem}
.mr50{margin-right:0.50rem}
.mr60{margin-right:0.60rem}
.mr65{margin-right:0.65rem}
.mr70{margin-right:0.70rem}
.mr75{margin-right:0.75rem}
.mr80{margin-right:0.80rem}
.mr90{margin-right:0.90rem}
.mr95{margin-right:0.95rem}
.mb5{margin-bottom:0.05rem}
.mb10{margin-bottom:0.10rem}
.mb15{margin-bottom:0.15rem}
.mb20{margin-bottom:0.20rem}
.mb25{margin-bottom:0.25rem}
.mb30{margin-bottom:0.30rem}
.mb35{margin-bottom:0.35rem}
.mb40{margin-bottom:0.40rem}
.mb45{margin-bottom:0.45rem}
.mb50{margin-bottom:0.50rem}
.mb55{margin-bottom:0.55rem}
.mb60{margin-bottom:0.60rem}
.mb70{margin-bottom:0.70rem}
.mb80{margin-bottom:0.80rem}
.mb85{margin-bottom:0.85rem}
.p5{padding:0.05rem}
.p10{padding:0.10rem}
.p15{padding:0.15rem}
.p20{padding:0.20rem}
.p25{padding:0.25rem}
.p30{padding:0.30rem}
.p35{padding:0.35rem}
.p40{padding:0.40rem}
.p45{padding:0.45rem}
.p50{padding:0.50rem}
.pt5{padding-top:0.05rem}
.pt10{padding-top:0.10rem}
.pt15{padding-top:0.15rem}
.pt20{padding-top:0.20rem}
.pt25{padding-top:0.25rem}
.pt30{padding-top:0.30rem}
.pt35{padding-top:0.35rem}
.pt40{padding-top:0.40rem}
.pt45{padding-top:0.45rem}
.pt50{padding-top:0.50rem}
.pt60{padding-top:0.60rem}
.pt70{padding-top:0.70rem}
.pt80{padding-top:0.80rem}
.pb5{padding-bottom:0.05rem}
.pb10{padding-bottom:0.10rem}
.pb15{padding-bottom:0.15rem}
.pb20{padding-bottom:0.20rem}
.pb25{padding-bottom:0.25rem}
.pb30{padding-bottom:0.30rem}
.pb35{padding-bottom:0.35rem}
.pb40{padding-bottom:0.40rem}
.pb45{padding-bottom:0.45rem}
.pb50{padding-bottom:0.50rem}
.pb60{padding-bottom:0.60rem}
.pb70{padding-bottom:0.70rem}
.pb80{padding-bottom:0.80rem}
.pl5{padding-left:0.05rem}
.pl10{padding-left:0.10rem}
.pl12{padding-left:0.12rem}
.pl15{padding-left:0.15rem}
.pl20{padding-left:0.20rem}
.pl25{padding-left:0.25rem}
.pl30{padding-left:0.30rem}
.pl35{padding-left:0.35rem}
.pl40{padding-left:0.40rem}
.pl45{padding-left:0.45rem}
.pl50{padding-left:0.50rem}
.pl60{padding-left:0.60rem}
.pl80{padding-left:0.80rem}
.pl120{padding-left:1.2rem}
.pl180{padding-left:1.8rem}
.pl300{padding-left:3.0rem}
.pr5{padding-right:0.05rem}
.pr10{padding-right:0.10rem}
.pr12{padding-right:0.12rem}
.pr15{padding-right:0.15rem}
.pr20{padding-right:0.20rem}
.pr25{padding-right:0.25rem}
.pr30{padding-right:0.30rem}
.pr35{padding-right:0.35rem}
.pr40{padding-right:0.40rem}
.pr45{padding-right:0.45rem}
.pr50{padding-right:0.50rem}
.pr60{padding-right:0.60rem}
.pr120{padding-right:1.2rem}
.pr180{padding-right:1.8rem}
.pr300{padding-right:3.0rem}


@media (max-width: 830px) {
	.public-container {
		width: 100%;
	}
}

@media (min-width: 830px) {
	.public-container {
		/*width: 7.00rem;*/
		width: 100%!important;
	}
}
@media (min-width: 1000px) {
  .public-container {
    /*width: 9.00rem;*/
    width: 15.6rem;
    max-width: 15.6rem;
  }
}
@media (min-width: 1300px) {
  .public-container {
    width: 15.6rem;
    max-width: 15.6rem;
  }
}
@media (min-width: 1560px) {
	.public-container {
		width: 15.6rem!important;
		max-width: 15.6rem!important;
	}
}



.btn-primary{background: #ff4c5b!important;}
.colorff6700{color: #ff4c5b!important;}



.public-site-header {
  width: 100%;
  height: 0.9rem;background: #fff;
}

.public-site-header .logo {
  
}
.public-site-header .logo a {
  display: block;
  color: #25303B;
  line-height: 0.9rem;
  font-size: 0.3rem;
  text-decoration: none;
}
.public-site-header .logo a:empty:before {
  content: "";
}
.public-site-header .logo img {
  max-height: 0.7rem;
  display: block;
}



.public-site-header .head-user{text-align: right; position: relative; display: flex; align-items: center; justify-content: flex-end;}
.public-site-header .head-user a{color: #25303B; font-size: 0.18rem; text-align: center;}
.public-site-header .head-user a.topLog p {background: #ff4c5b;border-radius: 0.05rem;color: #fff; padding: 0.09rem 0; width: 0.98rem;}
.public-site-header .head-user a.topLog img{display: inline-block; width: 0.36rem; height: 0.36rem; border-radius: 50%; vertical-align: middle;}

.public-site-header .head-user .head-user-nav{
    display: none;
    position: absolute;
    z-index: 1999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 132px;
    padding: 10px;
    right: 0;
    top: 0.62rem;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.public-site-header .head-user .head-user-nav a{
    color: #0c0d0f;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    font-weight: normal;
    padding: 0 0 0 12px;
}
.public-site-header .head-user .head-user-nav a i{font-size: 20px; margin-right: 12px;}
.public-site-header .head-user .head-user-nav a:hover{background: #f4f4f5;}

.public-site-header .head-user .head-user-nav .line{border-top: 1px solid #ddd;}





.public-site-header .search-box{
  height: 0.42rem;
}

.public-site-header .searchbox{
  max-width: 3rem;
  background-color: transparent;
    -webkit-transition: box-shadow 200ms ease-in;
    -moz-transition: box-shadow 200ms ease-in;
    transition: box-shadow 200ms ease-in;
    border: 1px solid #c8ccd3;
    border-radius: 0.3rem;
    height: 0.42rem;
}

.public-site-header .search-box input{
  width: 2.5rem; 
  height: 0.42rem; padding: 0 0.2rem;
  border: none; 
  outline: none;
  background: transparent;
  font-size: 0.18rem;
  letter-spacing: 1px;color: #333;
} 

.search-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c8ccd3;
  }
.search-box input:-ms-input-placeholder { /* IE 10+ */
    color: #c8ccd3;
  }
.search-box input:-moz-placeholder { /* Firefox 18- */
    color: #c8ccd3;
    opacity: 1;
  }
.search-box input::-moz-placeholder { /* Firefox 19+ */
   color: #c8ccd3;
   opacity: 1;
 }


.public-site-header .search-box .ss{
  width: 0.48rem;
  color: #585d64; 
  outline: none; 
  border: none;
  font-size: 0.28rem;
  background: none;
  position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.public-site-header .head-nav ul li {
  display: block;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px; line-height: 0.9rem;
}
.public-site-header .head-nav ul li>a {
  position: relative;
  display: block;
  padding: 0 0.32rem;
  color: #1c202f;
}

.public-site-header .head-nav ul li>a:hover {
  color: #ff4c5b;
}
.public-site-header .head-nav ul li.active>a {
  color: #ff4c5b;
}
.public-site-header .head-nav ul li.active>a:after {
  content: '';
background: url(/images/513007154/nav_active.png) no-repeat; background-size: contain;
position: absolute; height: 0.15rem; width: 0.54rem;left: 50%; margin-left: -0.27rem; top: 0.7rem;
}

.public-site-header .head-nav ul li .xiala {display: none; position: absolute; z-index: 999; overflow: hidden; top: 0.9rem; overflow: hidden;cursor: default; -webkit-transition: none; transition: none;}
.public-site-header .head-nav ul li dl a.active {color: #2072ba;}
.public-site-header .head-nav ul li dl a:hover {color: #2072ba;}
.public-site-header .head-nav ul li dl dt a {color: #202020; display: flex; align-items: center; line-height: 1;}
.public-site-header .head-nav ul li dl dt a .pic{display: block;position: relative;width: 0.48rem;}
.public-site-header .head-nav ul li dl dt a .pic img{width: 100%; display: block;}
.public-site-header .head-nav ul li dl dt a p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.public-site-header .head-nav ul li dl dd img{width: 100%;dispaly: block;}
.public-site-header .head-nav ul li dl dd a{-webkit-transition: all .2s linear;transition: all .2s linear;}
.public-site-header .head-nav ul li dl dd a:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.public-site-header .head-nav ul li .kechengxiala {width: 7.3rem; padding: 0.15rem 0.7rem 0.4rem; left:-0.32rem;border-top: 1px solid #e5e5e5;}
.public-site-header .head-nav ul li .kechengxiala dl dt{display: flex; flex-wrap: wrap;margin-right: 0.6rem;}
.public-site-header .head-nav ul li .kechengxiala dl dt:nth-child(2n){margin-right: 0;}
.public-site-header .head-nav ul li .yewuxiala{left: 0; width: 100%;}
.public-site-header .head-nav ul li .yewuxiala .public-container{border-top: 1px solid #e5e5e5;}
.public-site-header .head-nav ul li .yewuxiala dl{width: 100%;}
.public-site-header .head-nav ul li .yewuxiala dl dt{margin-right: 2%; width: 18.4%; margin-bottom: 0.2rem;}
.public-site-header .head-nav ul li .yewuxiala dl dt:nth-child(5n){margin-right: 0;}
.public-site-header .head-nav ul li .yewuxiala dl dt a{border-radius: 0.15rem; overflow:hidden;}