@charset "utf-8";

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling: touch;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
html{ background: #fff; }
body{ -webkit-text-size-adjust:none; -ms-text-size-adjust: none; -moz-text-size-adjust: none;  overflow-x:hidden;    }
html,body{ max-width:750px; width: 100%; color:#3C3C3C; font:0.45rem/1.4 "微软雅黑",simhei; -webkit-text-size-adjust:none; margin:0px auto; padding:0px;  }


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#c0c0c0;}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#c0c0c0;}
input::-ms-placeholder { /* Mozilla Firefox 19+ */ color:#c0c0c0; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#c0c0c0; }
input::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#c0c0c0;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
textarea{ resize: none; outline: none; font-family: "微软雅黑"; }

li{ list-style:none;}
a{ text-decoration:none; color:#666; border:none; blr:expression(this.onFocus=this.blur());}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none;}
img{ border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}
em,i{ font-style:normal;}
#border{ border:none;}
img{ vertical-align:middle; max-width:100%;}
.wrapper{ margin: 0 0.4rem;}
.bgff{ background: #fff !important;}



.non.on{ overflow: hidden;}



.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over8{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over8{ -webkit-line-clamp: 8;}


.img img{ width: 100%; height: 100%; object-fit: cover;}


/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.woff2") format("woff2"),
   url("../fonts/din-regular.woff") format("woff"),
   url("../fonts/din-regular.ttf") format("truetype"),
   url("../fonts/din-regular.eot") format("embedded-opentype"),
   url("../fonts/din-regular.svg") format("svg");
}






/* top */
/*.poab{ position: absolute; left: 0; top: 0; right: 0; max-width: 750px; margin: auto; z-index: 9999999;}
.pofx{ position: fixed; left: 0; top: 0; right: 0; z-index: 999999; max-width: 750px; margin: auto; }
.top{ width: 100%; max-width: 750px;  display: flex; justify-content:  space-between; align-items: center;  height: 2.4rem; padding: 0 1rem 0 0.7rem;}
.logo{  height: 1rem; }
.logo img{  max-height: 100%;}
.menu{ width: 1.84rem; height: 1rem; background: url(../images/menu.png) no-repeat right center / 0.56rem auto;    transition: 150ms;}
.menu.on{ background: url(../images/close.png) no-repeat right center / 0.56rem;}*/


.nav{ display: none;  position: fixed; top: 0; right: 0px;  z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,0.8); overflow: auto; padding-right: 1rem; }
.navnr{ display: flex;  flex-direction: column; align-items: flex-end; padding:3.8rem 0 0 3rem; overflow: auto; }
.navnr ul { display: flex; justify-content: flex-end; flex-wrap: wrap; }
.navnr li{ margin-bottom: 0.6rem; margin-left: 0.6rem;}
.navnr li a{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; width: 4rem; height: 3rem; background: rgba(58,14,14,0.8);  color: #fff;  font-size: 0.52rem; padding: 0.34rem;}
.navnr li i{ position: absolute; left: 0.3rem; top: 0.3rem; font-size: 0.4rem; color: #622323; font-family: 'din-bold-webfont'; }
.navnr li p{ line-height: 0.6rem;}
.navnr li span{ display: block; font-family: simhei; font-size: 0.24rem; color: #a11f24; text-transform: capitalize;}

.navnr li:hover a{ background: rgba(161,31,36,0.8); }
.navnr li:hover i,
.navnr li:hover span{ color: #ff777c;}


.er{ position: absolute; bottom: 1.76rem; right: 1rem; width: 8rem; display: flex; justify-content: flex-end;  align-items:flex-end;  }
.addphone{ text-align: right; color: #fff; font-size: 0.6rem; line-height: 0.72rem; font-family: 'din-medium-webfont'; margin-right: 0.5rem; margin-bottom: 2px;}
.addphone span{ display: block; font-size: 0.4rem; color: #81191d; font-weight: bold;}
.erwei{ width: 3.04rem; height: 3.04rem; background: url(../images/wrbg.png) no-repeat center / 100%; display: flex; justify-content: center; align-items: center; }
.erwei img{ width: 2.32rem; height: 2.32rem;}


/* footer */
.footer{ background: #1c2630; padding: 0.6rem 0.7rem 0.6rem 0.5rem; display: flex; justify-content: space-between; align-items: center;}
.footer .logo { height: 0.92rem;}
.footflex{ display: flex; justify-content: space-between; align-items: flex-end; height: 3.04rem ;}
.footflex .addphone{ margin-right: 0.2rem;}
.footer.flex{ position: fixed; bottom: 0; left: 0; width: 100%;}








/* 二级   */
.wrap{ margin: 0 0.4rem;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.erlist{ display: flex; align-items: center;  padding: 0.6rem 0 0.34rem; border-bottom: 1px solid #f1f4f7;}
.erlist .wrap{ display: flex; justify-content: space-between; }
.erlist .erleft{ width: 12.8rem; height: 1.3rem; overflow: hidden; transition: 500ms;}
.erlist .erleft ul{ display: flex; flex-wrap: wrap; }
.erlist .erleft li{ width: 4.02rem; height: 1.3rem; box-sizing: border-box; border:1px solid #f1f4f7; margin:0 0.24rem 0.24rem 0 ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.erlist .erleft li a{ display: flex; justify-content: center; align-items: center; font-size: 0.42rem; color: #666; height: 100%;}
.erlist .erleft li:nth-child(3n){ margin-right: 0; }
.erlist .erleft li.active{ background: #079a3e; border-color: #079a3e;}
.erlist .erleft li.active a{ color: #fff;}

.erlist .erleft.on{ height: auto;}
.erMore{ width: 1.4rem; height: 1.3rem; display: flex; justify-content: center; align-items: center; border: 1px solid #f1f4f7; box-sizing: border-box;}
.erMore img{ height: 0.16rem; }




.new-right-top{ display: flex; align-items: center;  padding: 0.3rem 0;  border-bottom: 1px solid #eee; margin-top: 0.7rem;}
.new-right-top img{ width: 0.9rem;}
.new-right-top span{ font-size: 0.64rem; color: #079a3e; margin: 0 0.1rem 0 0.3rem; font-weight: 500;}
.new-right-top em{ font-size: 0.44rem; color: #ccc;  font-family: "din-regular"; margin-top: 0.2rem;}

.new-list-box ul{ margin-top: 0.4rem;}
.new-list-box .one li{ padding: 0.6rem 0; border-bottom: 1px solid #eee;}
.new-list-box .one li a{ display: flex;  justify-content: space-between; }
.new-list-box .one .img{ width: 6rem; height: 4.5rem;}
.new-list-box .one .txt{ width: 7.5rem;}
.new-list-box .tname{ font-size: 0.6rem; color: #000;  margin: 0 0 0.3rem; }
.new-list-box .one .tookb{ font-size: 0.48rem; line-height: 0.72rem; height: 2.16rem; }
.new-list-box .one .timea{ font-size: 0.48rem; color: #000;  text-transform: uppercase; margin-top: 0.5rem;   font-family: "din-regular"; }

.m-page{ display: flex; justify-content: center; align-items: center; line-height: 1rem; color: #999; font-family: simhei; margin: 1rem 0;}
.m-page a{display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem;  margin: 0 0.1rem; box-sizing: border-box;  background: #eee; color: #222; font-size: 0.4rem;}
.m-page a.z-crt{ background: #079A3E; color: #fff;}
.m-page a.pagenxt,
.m-page a.pageprv{ width: 100px; color: #666666;}


.new-list-box .two{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1rem; }
.new-list-box .two li{ width: 6.9rem; margin-bottom: 0.8rem;}
.new-list-box .two .img{ height: 5rem;}
.new-list-box .two .tname{ margin: 0.3rem 0 0; text-align: center; font-size: 0.56rem;}

.boxtwoer{ position: relative;}
.boxtwoer ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0.8rem 0; }
.boxtwoer li{ width: 6.9rem; margin-bottom: 0.4rem; background: #f4f4f4; padding: 0 0.6rem; line-height: 1.2rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}   
.boxtwoer li a{  font-size: 0.44rem; color: #010101; }
.Amore{ position: absolute; right: 0; top: 0.55rem; font-size: 0.4rem; color: #000;  text-transform: uppercase;   font-family: "din-regular";}

.index3-wap {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1.28rem 0;
}
.index3-wap .index1-title {
  width: 5.54666666rem;
}
.index3-wap .indexs1 {
  height: 7.68rem;
  width: 100%;
}
.index3-wap .box {
  width: 100%;
  height: 100%;
  position: relative;
  transition: 0.5s;
}
.index3-wap .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index3-wap .box p {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.64rem;
  text-align: center;
  color: #fff;
  font-size: 0.512rem;
}
.index3-wap .box::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}

.list-wap{
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: unset;
  margin: 0 auto;
}
.list-wap .index1-title{
  width: 260px;
}
.list-wap .list{
  width: unset;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.list-wap .list .box{
  width: 100%;
  height: 5rem;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: .3s;
}
.list-wap .list .box .img{
  min-width: 50px;
  min-height: 50px;
  border-radius: 100%;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  transition: .3s;
}
.list-wap .list .box .img img{
  filter: brightness(50%);
  transition: .3s;
  max-height: 24px;
  max-width: 24px;
  object-fit: contain;
}


.list-wap .list .box .right dt{
  font-size: 0.58rem;
  color: #009a3e;
  line-height: 2;
}
.list-wap .list .box .right dd{
  font-size: 0.48rem;
  color: #666;
  line-height: 2;
}