@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);}
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{ background: #fff;  -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;  }
html.on,
body.on{ overflow: hidden;}

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

input{ outline: none;}
input{  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.5rem;}
.bgff{ background: #fff !important;}




.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');
}






/* top */
.poab{ position: absolute; left: 0; top: 0; right: 0; max-width: 750px; margin: auto;}
.pofx{ position: fixed; left: 0; top: 0; right: 0; z-index: 999; max-width: 750px; margin: auto; }
.top{ width: 100%; max-width: 750px;  display: flex; justify-content:  space-between; align-items: center;  height: 1.76rem; position: relative; z-index: 9999; padding: 0 0.5rem;}
.top .logo{  height: 0.86rem; }
.top img{  max-height: 100%;}
.top .menu{ position: relative; height: 1.76rem;  display: flex; align-items: center; flex-direction: column; height: 1.76rem;  justify-content: center;}
.top .menu img{ width: 0.6rem; height: 0.48rem;}


.nav{ display: none; position: fixed; top: 0; right: 0px; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,0.25); overflow: auto;}
.navnr{ position: fixed;  top: 0; right: -100%; z-index: 9999;  height: 100%;  width: 10rem;  background: #fff; 
padding: 0 0.9rem 2rem; overflow: auto; transition: 500ms; }
.navnr.on{ right: 0;}
.navnr img{ position: absolute; top: 0.66rem; right: 0.54rem; z-index: 2; width: 0.54rem; height: 0.54rem; }

.navnr ul{ display: block; width: 100%;padding: 2.5rem 0 1rem;}
.navnr ul li{ position: relative; border-bottom: 1px solid #e5e5e5;  text-align: center;  }
.navnr ul li img{ display: block;margin: auto; margin-bottom: 0.1rem;}
.navnr ul li>a{ position: relative; display: flex; align-items: center; height: 1.8rem; font-size: 0.6rem;  color: #333; padding: 0 0.2rem; 
background: url(../images/dd1.png) no-repeat center right / 0.14rem auto;transition: 200ms;	}
.navnr ul li.active>a{background: url(../images/dd.png) no-repeat center right / auto 0.14rem ;	}
.navnr ul li.active>a:after{ position: absolute; left: 1.5rem; bottom: 0; width: 12rem; height: 2px; background: #fff; content: '';}
/*  下拉    */
.navnr ul li dl{ position: relative; display: none; padding: 0.5rem 0;  border-top: 1px solid #e5e5e5;  z-index: 3;}
.navnr ul li dl:before{ position: absolute; left: 0; right: 0; top: -1px; width: 90%; margin: auto; height: 0.02rem; background: #e9280c; content: ''; }
.navnr ul li dl dt{  text-align: center;}
.navnr ul li dl dt a{ display: block;  height: 1rem; line-height: 1rem;  font-size: 0.48rem; color: #333;}

.navnr ul li dl a:active{ color: #E9280C;}


/* footer */
.footer{ background: #2b2b2b; color: #646464; font-size: 0.48rem; text-align: center; padding: 0.3rem 0;}
.footer a{ color: #646464;}
.footer.flex{ position: fixed; bottom: 0; left: 0; width: 100%;}



.swiper-index,
.baner{ position: relative;}
.contenta{position: absolute;left: 0;top: 0; width: 100%; height: 100%; background: rgba(51,51,51,.45); display: flex; justify-content: center; align-items: center; flex-direction: column;}
/*..swiper-index::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: -1px;box-shadow: 0px 20px 20px #333;opacity: .5;}*/
.contenta .en{ font-family: 'coco';font-size: 1rem;color: #fff;font-weight: bold;}
.contenta dt{font-size: 0.72rem;color: #fff;}
.contenta dd{font-size: 0.4rem;color: #fff;font-family: "simhei narrow";line-height: 3;}


.baner .contenta{ align-items: baseline; padding-left: 1rem;}
.baner .line{ width: 0.5rem; height: 2px; background: #ededed; margin: 0.5rem 0 0.2rem;}


.swiper-index .contenta{ width: 88%; height: 70%; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }









.ption{ width: 100%; display: flex; justify-content: center; left: 0;  }
.ption span{ background: #313131; opacity: 0.35; height: 6px; width: 6px; transition: 100ms; margin: 0 2px;}
.ption span.swiper-pagination-bullet-active{ background: #E9280C; width: 10px; border-radius: 10px; opacity: 1;}



.bgf6a{ background: #f6f6f6;}
.dl{ text-align: center; font-size: 0.72rem; color: #333; padding: 1rem 0;  text-transform: uppercase;}
.dl dt{ font-weight: 500;}
.dl dd{ font-size: 0.48rem; color: #777;}

.fuwswiper { position: relative; padding-bottom: 1.2rem; margin-bottom: 0.4rem;}
.fuwswiper .ption{ bottom: 0.5rem;} 
.fuwswiper li{ position: relative;}
.fuwswiper li .txt{ position: absolute; left: 0; bottom: 0; padding: 0 0.7rem 0.6rem; width: 100%; }
.fuwswiper .txt span{ display: block; font-size: 0.64rem; font-weight: 500; color: #fff; margin-bottom: 0.3rem;}
.fuwswiper .txt p{  font-size: 0.44rem; line-height: 0.56rem;  color: rgba(255,255,255,0.9);}



.iabout{}
.abbox{ margin-top: 0.4rem; padding-bottom: 0.6rem}
.abbox dt{ position: relative; font-size: 0.96rem; color: #333; padding-top: 1.4rem; font-weight: 500;}
.abbox dt em{ position: absolute; display: flex; top: 0.1rem; left: 0; align-items: center; height: 2.6rem; font-size: 2.8rem; color: rgba(233,40,12,0.1); font-weight: bold;}
.abbox dd{ line-height: 0.88rem; font-size: 0.64rem; color: #999; margin-top: 0.4rem; }

.tobok { position: relative; line-height: 0.84rem; color: #333; font-size: 0.48rem; margin-top: 0.6rem ; padding-top: 0.6rem; text-align: justify;}
.tobok:before{ content: ''; position: absolute; left: 0; top: 0; width: 1.6rem; height: 1px; background: rgba(98,98,98,0.57);}
.Amore{ display: flex; justify-content: center; align-items: center; height: 1.44rem; width: 5.4rem; background: #e5e5e5; color: #666; font-size: 0.48rem;
 margin: 1rem 0 1.6rem;}
.Amore img{ width: 0.52rem; margin-left: 0.6rem;}


.wenhua{ position: relative; padding-bottom: 1.6rem; }
.wenhua .ption{ bottom: 0.7rem;}
.wenhua li{  background: #fff; text-align: center;  }
.wenhua li a{ display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 0.4rem; height: 5.2rem; overflow: hidden;}
.aicon{ font-size: 0.64rem; color: #222; font-weight: 500; margin-bottom: 0.4rem;}
.aicon img{ width: 1rem; height: 1rem; margin-right: 0.2rem;}
.wenhua li p{ line-height: 0.64rem; font-size: 0.48rem; color: #777; }




.vreye{ position: relative; padding: 1rem 0 1.3rem;  }
.vreye .wnext,
.vreye .wprev{ left: auto; right: 0.5rem; width: 1.4rem; height: 1.4rem; background-color: #434343; background-repeat: no-repeat; background-position: center; background-size: auto 0.48rem;  margin: 0;  top: 1.4rem;}
.vreye .wnext{ background-image: url(../images/spht.png);}
.vreye .wprev{ background-image: url(../images/sple.png); right: 1.9rem;}
.vreye .wnext:active,
.vreye .wprev:active{ background-color: #E9280C;}

.vreye dt{ font-size: 0.96rem; color: #333; font-weight: 500;}
.vreye dd{ font-size: 0.56rem; color: #777; margin-bottom: 0.7rem;}
.vreye li{ text-align: center;  }
.vreye li .img{ height: 5.8rem;}
.vreye li p{ font-size: 0.56rem; margin-top: 0.5rem; color: #222; }




.abfwa{ position: relative; background: url(../images/fuwu.jpg) no-repeat center top / 100% auto; padding: 0.6rem 0 1.2rem;}
.abfwa .dl dt{ font-size: 0.96rem; color: #fff; margin-bottom: 0.2rem;}
.abfwa .dl dd{ font-size: 0.56rem; line-height: 0.72rem; height: 2.2rem; color: rgba(255,255,255,0.87); margin-bottom: 2rem;}

.abfwa li{ background: #Fff; height: 4.3rem; padding: 0.6rem; display: flex; justify-content: center; flex-direction: column;}
.abfwa li:nth-child(even){ background: #f6f6f6;}
.abfwa li img{ width: 0.7rem; height: 0.7rem;}
.abfwa li span{ display: block; font-size: 0.56rem; color: #222;}
.abfwa li p{ font-size: 0.48rem; color: #777}

.abfwa .ption{ bottom: 0.4rem;}





.contus{ margin-top: 0.7rem;}
.contus li{ position: relative; margin-bottom: 0.2rem;}
.contus li:after{content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../images/ab.png) no-repeat center bottom / 100% auto;
width: 100%; height: 6.28rem }
.contus .txt{ position: absolute; z-index: 5; bottom: 0.6rem; left: 0.6rem; width: 90%; color: #fff; font-size: 0.84rem;}
.contus .txt p{ font-size: 0.48rem; line-height: 0.6rem; color: rgba(255,255,255,0.7); }

.contus li:last-child:after{ display: none }


.inew{ margin-top: 0.2rem; padding-bottom: 1px;}
.inew .dl{ padding-bottom: 0.6rem;}
.inew li { background: #fff; padding: 0.5rem; border-right: 1px solid #e5e5e5;}
.inew li:last-child{ border: 0;}
.inew li .img{ height: 3.5rem;}
.inew li .num{ font-family: 'din-bold-webfont'; font-size: 0.96rem; line-height: 1rem; padding: 0.5rem 0 0.2rem;}
.inew li .title{ font-size: 0.56rem; color: #585858 ;  }
.inew li .time{ font-size: 0.4rem; color: #a6a6a6; font-family: 'din-light-webfont'; margin: 0.2rem 0 0.1rem; }
.inew li .p{ font-size: 0.48rem; line-height: 0.6rem; color: #919191;}
.inew li .point{ background: url(../images/as.png) no-repeat left center / auto 100% ; height: 0.14rem;  margin: 0.3rem 0;}
.inew .Amore{ margin: 0.7rem auto;}


.inew .swiper-container{ padding-bottom: 1rem;}





.left-nav{padding: 0.5rem 0;}
.left-nav li{ width: auto;  margin: 0 0.2rem; }
.left-nav li a{ display: flex; justify-content: center; align-items: center; height: 1.16rem; font-size: 0.44rem; color: #333; border: 1px solid #dcdcdc; border-radius: 50px; width: 3.1rem;}
.left-nav li.cur a{ color: #fff; background: #E9280C; border-color: #E9280C;}


/* page  */
.m-page{ display: flex; justify-content: center; color: #999; font-family: simhei; margin: 0.7rem 0 1.2rem;}
.m-page a{  display: flex; align-items: center; justify-content: center; width: 1.28rem; height: 1.28rem; font-size: 0.48rem; font-family: simhei;  color: #333; margin: 0 0.2rem;  border-radius: 50%; border: 1px solid #dcdcdc;}
.m-page a.active{ background: #E9280C; color: #fff; border-color: #E9280C; }
.m-page a.right{ background:url(../images/rr.png) no-repeat center / auto 1.28rem; }
.m-page a.left{ background: url(../images/ll.png) no-repeat center / auto 1.28rem; }





.yelist{ }
.yelist ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5rem;}
.yelist li{ width: 6.7rem; margin-bottom: 0.6rem;}
.yelist li .img{ height: 4.8rem;}
.yelist li p{ display: flex; align-items: center; height: 1.36rem; border: 1px solid #eee; background: url(../images/big.png) no-repeat right 0.2rem center / 0.6rem; 
padding-right: 1.2rem; padding-left: 0.4rem; font-size: 0.56rem; color: #333;}





.Aboutus{ margin-bottom: 1.3rem;}
.Aboutus .abbox { padding-bottom: 0;}
.Aboutus .abbox dt{ color: #E9280C; font-size: 0.84rem; }
.Aboutus .abbox dt em{ top: 0;}
.Aboutus .abbox dt p{ color: #222222;}
.Aboutus .tobok:before{ display: none;}
.Aboutus .flex{display: flex;}
.Aboutus li{ background: #E9280C; padding: 1.1rem 1.1rem 1.9rem;  color: #fff;}
.Aboutus li .name{ font-size: 0.64rem; font-weight: 500;}
.Aboutus li .en{ text-transform: capitalize; font-size: 0.48rem; color: rgba(255,255,255,0.68);}
.Aboutus li p{ line-height: 0.72rem; font-size: 0.48rem; margin-top: 0.5rem;}
.Aboutus .ption { bottom: 1rem;}
.Aboutus .ption span{ background: #fff;}




.service{ margin: 0.5rem 0 1rem;}
.service .svimg img{ width: 100%; }
.service .icimg{ width: 1.3rem; margin: 0.7rem 0 0.2rem;}
.service .title{ font-size: 0.84rem; line-height: 1.1rem; color: #333; margin-bottom: 0.6rem;}
.service  p{ line-height: 0.84rem; font-size: 0.56rem; color: #666; margin-top: 0.3rem;}
.service .swiper-container{ padding-bottom: 1.5rem;}





.addres .posiasd{ position: relative; }
.erw{ position: absolute; right: 0; bottom: 0.4rem;  width: 4.3rem;  height: 4.3rem; border-radius: 0.2rem; border: 1px solid #eee; display: flex; justify-content: center; align-items: center;}
.erw img{ width: 3.76rem; height: 3.76rem;  }

.addres h3{ font-size: 0.72rem; color: #333; text-align: center; font-weight: normal;}
.addres ul{ display: flex; flex-wrap: wrap;  justify-content: space-between; margin-top: 0.7rem;}
.addres li{ width: 6.8rem; margin: 0 0 0.4rem 0; border-radius: 0.2rem; border: 1px solid #eee;color: #333; padding: 0.2rem; height: 4.3rem;
   display: flex; flex-direction: column; justify-content: center; align-items: center;}
.addres li img{ width: 0.8rem; height: 0.8rem;}
.addres li span{ display: block; font-size: 0.56rem;  margin: 0.2rem 0 0.3rem;}
.addres li p{ font-size: 0.48rem; font-family: 'din-medium-webfont';  text-align: center;}
.addres li:last-child{ width: 9.2rem;}




.map{ border-radius: 0.2rem; overflow: hidden; height: 6.6rem; margin-bottom: 1rem;}
.map img{ height: 100%;}


.four{ position: relative; background: #f7f7f7; padding: 2.1rem 0 2rem;}
.ffimg{ position: absolute; top: 0; left: 0; width: 100%;}
.ffimg img{ width: 100%;  }
.map-form{ position: relative; z-index: 6;  background: #fff; padding: 0.4rem 0 1.2rem; border-radius: 0.2rem;}
.map-form .title{font-size: 36px;color: #333;}
.map-form .title p{font-size: 16px;color: #999;}
#message-form-index{ padding: 0 1rem;}
.map-form .input{ }
.map-form .input .input-box{display: flex; align-items: center; justify-content: space-between; height: 1.28rem; margin-bottom: 0.3rem; }
.map-form .input .input-box input{width: 100%; padding: 0 0.5rem; height: 1.28rem;  border: 1px solid #eee;outline: none; font-size: 0.48rem; color: #444;}
.map-form .input .input-box #txt_code{ width: 9rem;}
.map-form .input .input-box .yzm img{width: 2.04rem;height: 1.28rem;}
.map-form textarea{ display: block; width: 100%; padding: 0.5rem;height: 3.6rem;resize: none;margin: 0;border: 1px solid #eee;border-radius: 0.2rem; font-size: 0.48rem;
font-family: "微软雅黑";}
.map-form .submit{width: 4rem;height: 1.3rem;border-radius: 1000px;color: #fff;font-size: 0.48rem;font-weight: 500; outline: none; background: #E9280C; border: 0;  margin: 0.8rem auto 0; display: block;}

 






.inews{ margin: 0.5rem 0 ;}
.inews li{ padding: 0.8rem 0; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.inews li a{ display: flex; justify-content: space-between;}
.inews .datime{ width:2rem; height: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;  background: url(../images/newbg.png) no-repeat center /cover;  color: #333; }
.inews .datime dt{ font-size: 1.06rem; line-height: 1.06rem; font-weight: bold; font-family: 'din-bold-webfont';}
.inews .datime dd{ font-size: 0.44rem;white-space: nowrap; color: #696969; font-family: 'din-light-webfont';}

.inews .datext{ width: 11.4rem; }
.inews .datext .ititle{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.56rem; line-height: 0.56rem; color: #333; }
.inews .datext .ibox{line-height: 0.6rem; color: #696969; font-size: 0.44rem; margin-top: 0.3rem;}



.inews .swiper-container{ border-bottom: 1px solid #e5e5e5; padding-bottom: 0.8rem; margin-bottom: 0.1rem;}
.inews .swiper-slide{ padding: 0 0.5rem;}
.inews .swiper-slide .text{ font-size: 0.84rem; line-height: 1.06rem; color: #333; margin: 0.5rem 0; }
.inews .swiper-slide p{ font-size: 0.56rem; color: #666; line-height: 0.84rem; }
.inews .swiper-slide i{ background: transparent; border: 1px solid #e5e5e5;}
.inews .ption{ bottom: 1.2rem;}




.zpli{ position: relative; margin-top: 0.5rem; z-index: 1;}
.zpli:after{ content: ''; position: absolute; left: 0; top: 4.8rem; width: 100%; height: 10rem; background: url(../images/bg2.jpg) repeat-y top left; z-index: -1; }

.zpli .swiper-container{ padding-bottom: 1rem;}
.zpli li{ position: relative; padding-bottom: 0.6rem;}
.zpli .img{ position: relative; height: 8.1rem;}
.zpli .img:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.59) }
.zpli .txt{ position: absolute; width: 100%; top: 0.9rem; left: 0; z-index: 2; width: 100%; display: flex;  }

.zpli .txt .time{ writing-mode: vertical-lr; color: rgba(255,255,255,0.72); font-size: 0.48rem; width: 1.4rem;  display: flex; align-items: center;}
.zpli .txt .time span{ margin-top: 0.6rem;}
.zpli .txt .time .num{ font-size: 0.6rem; font-family: 'din-medium-webfont'; color: #fff;}
.tibox{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 12.1rem; height: 7.7rem; background: url(../images/zp5.jpg) no-repeat center /cover; padding: 0.8rem; color: #fff;}
.tibox .onna{ font-size: 0.64rem; font-weight: bold; }
.tibox em{ display: block; height: 3px; width: 0.4rem; background: rgba(255,255,255,0.5); margin: 0.2rem 0 0.4rem;}
.tibox  p{ text-align: center; font-size: 0.48rem; line-height: 0.72rem;}



.dada{ text-align: center; background: url(../images/da.png) no-repeat top 0.5rem center / auto 0.48rem; padding-top: 1.1rem; text-transform: uppercase; margin-top: 0.5rem;}
.dada p{ font-size: 0.48rem; color: #999;}
.dada span{ font-size: 0.44rem; color: #ddd; font-weight: 100; letter-spacing: 0.1rem;}




.list-top{ display: flex; justify-content: space-between; background: #E9280C; align-items: center; height: 1.44rem; color: #fff; padding: 0 1.3rem; font-size: 0.56rem; margin-top: 0.8rem;}

.list-bottom{ padding-bottom: 1.5rem;  }
.list-title{ display: flex; justify-content: space-between; align-items: center;  height: 1.7rem; font-size: 0.56rem; color: #333; border-bottom: 1px solid #e5e5e5;}
.list-title .div1{ width: 4rem; text-align: center;}
.list-title .div2{ width: 4rem; text-align: center;}
.list-title .moreb{ width: 3.6rem; background: url(../images/dd.png) no-repeat right 0.8rem center / auto 0.16rem; text-align: left;}

.list-title.active{ border-color: #f7f7f7;}

.dnow{ display: none; padding: 0.6rem 1.2rem; background: #f7f7f7;  transition: 0s;}
.dnow .ul{ display: flex; justify-content: space-between; font-size: 0.56rem; line-height: 0.72rem; color: #666;}

.zpbox{ font-size: 0.84rem; font-size: 0.56rem; color: #999; text-align: justify;}
.zpbox b{ display: block; margin: 0.6rem 0 0.3rem; font-weight: 500;}
.toud{ display: flex; align-items: center; justify-content: center; width: 5.4rem; height: 1.7rem; font-size: 0.56rem; color: #fff; background: #E9280C; margin: 1rem auto; border-radius: 300px;}