@font-face{
	font-family: myFirstFont;
	src: url('../font/PingFang.ttf')
}

@font-face{
	font-family: fontBold;
	src: url('../font/PingFangBold.ttf')
}

@font-face{
	font-family: fontMedium;
	src: url('../font/PingFangMedium.ttf')
}

@font-face{
	font-family: fontHeavy;
	src: url('../font/PingFangHeavy.ttf')
}

*{margin: 0; padding: 0; box-sizing: border-box;}
html{font-size: 625%;}
html,body{/* font-size: 12px; height: 100%;*/ overflow-x: hidden; color: #003446; background: #fff;}
.fbold{font-family: fontBold,'PingFang';}
.fmedium{font-family: fontMedium,'PingFang';}
.fheavy{font-family: fontHeavy,'PingFang';}
li{list-style: none;}
i{font-style: normal;}
a{text-decoration: none; color: #003446;}
h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}
img{ border: none;max-width: 100%; max-height: 100%;}
input{border: none; outline: none;}
.flex{flex: 1;}
.vcenter{display: flex; align-items: center;}
.center{display: flex; align-items: center; justify-content: center;}
.lbetween{display: flex; justify-content: space-between;}
.text-over{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

header{width: 100%; position: fixed; z-index: 3; left: 0; top: 0; background: #fff;}
.heaer-hd{height: .96rem; text-align: center; padding: 0 .3rem;}
header img{height: .38rem;}
.hleft span{width: .22rem; height: .04rem; display: block; background: #000; margin-top: .1rem;}
.hleft span:first-child{margin: 0;}
.hright{display: flex;}
.hsearch{display: block; width: .29rem; height: .27rem; background: url(../images/wap/search.png); background-size: 100% 100%;}
.hright .close{font-size: 20px; position: relative; top: -2px; display: none;}
.swiper-container img{display: block; width: 100%;}
.ctn{height: calc(100% - .96rem); margin-top: .96rem; overflow-x: hidden;  overflow-y: auto; position: relative;}
aside{width: 100%; height: calc(100% - .96rem);  position: fixed; background: #fff; z-index: 3; left: 0; top: 0; /* padding-top: .96rem; */ top: .96rem;  transform: translateX(100%); transition: all .2s;}
aside li{border-bottom: 1px solid #d8d8d8; line-height: 36px;}
aside .fmenu{padding: 0 15px; display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
/* aside .close{font-size: 26px; top: 0; position: absolute; right: 16px;} */
aside .fmenu span{position: relative;}
aside .fmenu span:before,aside .fmenu span:after{
	content: '';
	width: 12px;
	height: 2px;
	background: #003446;
	display: block;
	transition: all .2s;
}
aside .fmenu span:after{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
}


/* aside a{color: #fff;} */
aside li.active .fmenu span:after{transform: translate(-50%, -50%) rotate(0);}
aside dl{display: none;}
aside dd a{display: block; padding: 0 30px; font-size: 14px;/* color:#fff; */ border-top: 1px solid #d8d8d8;}
aside.active{transform: translateX(0)}

.banner-icon{margin: 1.3rem 0 1.14rem; text-align: center;}
.banner-icon img{height: .42rem;}

.xs2{text-align: center; margin: .8rem 0 1.6rem;}
.xs2 ul {display: flex;justify-content: center; font-size: 16px; color: #003446; font-weight: bold;}
.xs2 ul li{cursor: pointer; margin-right: 25px; padding-bottom: 14px;}
.xs2 ul li:last-child{margin: 0}
.xs2 ul li.on{color: #870000; background: url(../images/icon6.png) center bottom no-repeat;}

.box1{position: relative;}
.box1 .ct{position: relative; z-index: 2; padding: .5rem 0 0 .5rem;}
.box1 .bg{height: calc(100% - 0.75rem); width:100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: #e3e2e2;}
.box1 h4{font-size: 1.63rem;}
.box1 h5{font-size: .4rem; margin-bottom: .7rem; margin-top: .4rem;}
.box1 img{display: block; border: .18rem solid #fff; border-right: none; width: 100%; box-shadow: 8px 1px 10px 0px rgba(0,0,0,.3);}
.box1 .btn{position: absolute; left: .17rem; /*bottom: -.76rem;*/}
.btn a{color: #1e3747; display: block; width: 1.8rem; line-height: .5rem; background: #fff; font-size: .2rem; text-align: center; border: 1px solid #1e3747; border-radius: 30px;}
.box1 .btn a.active{color:#fff; margin-bottom: .16rem; background: #3047b0; border-color: #3047b0;}

.box2{padding: 2.6rem .16rem 0;}
.box2 h4{font-size: .6rem; padding-bottom: .55rem; margin-bottom: 1.1rem; text-align: center; position: relative;}
.box2 h4 span{display: block; font-size: .14rem;}
.box2 h4:after,.box2 h4::before{content: ''; position: absolute; width: .64rem; z-index: 2; height: .12rem; background: #103344; left: 50%; transform: translate(-50%, 50%); bottom: 0;}
.box2 h4:before{width: 3.47rem; height: 1px; background: #dbdfe1; z-index: 1;}
.img3{display: block; width: 100%;}

.more{position: relative; margin: .84rem 0 .75rem; height: .58rem; min-height: 36px;}
.more .c1,
.more .c2{position: absolute; left: 50%; transform: translateX(-50%); height: 100%;}
.more span{display: block; transform: translateX(-30%); width: .58rem; min-width: 36px; height: 100%; border-radius: 50%; background: #be8c28; opacity: .13;}
.more .c2 span{background: #2a4ab0; transform: translateX(30%)}
.more a{font-size: .18rem; font-family: fontMedium,'PingFang'; color: #103344; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hot-list{padding: 0 .24rem;}
.hot-list li{position: relative; margin-top: .3rem;}
.hot-list li img{width: 100%; display: block;}
.hot-list span{font-size: .3rem; font-family: fontMedium,'PingFang'; position: absolute; left: .15rem; bottom: .22rem; border-radius: .28rem; background: #fff; line-height: .54rem; padding: 0 .22rem; text-align: center;}

.box3{background: #f4f4f4; padding: 1.6rem .26rem 1.36rem; text-align: center;}
.box3 h4{font-size: .72rem;}
.box3 .search{margin: .6rem 0 .4rem; text-align: left; height: .6rem; line-height: .6rem; overflow: hidden; position: relative; border-radius: .5rem; border: 1px solid #284754;}
.box3 .search input{padding: 0 .2rem; color: #103344; font-size: .24rem;}
.box3 .search span{background-color: #103344; color:#fff; width: 1.6rem; cursor: pointer; font-size: .3rem; position: absolute; right: 0; height: 101%; border-radius: .6rem;}
.box3 li{font-family: fontBold,'PingFang'; font-size: .12rem; line-height: 18px;}

.box4{background: #000; padding: .18rem 0 0;}
.map{width: 100%; height: 4.18rem;}
.map img{max-width: none; max-height: none;}

.contact {background: #000; color:#fff; padding: .83rem 0 .74rem; text-align: center; font-size: .18rem;}
.contact a{display: block; color: #fff; font-family: fontMedium,'PingFang'; height: .38rem; line-height: .38rem; width: 1.54rem; font-size: .19rem; margin: 0 auto .2rem; border: 1px solid #fff; text-align: center; border-radius: .2rem}

footer{color: #000; background: #f4f4f4;  position: relative; padding: 0 0 .45rem;}
footer .msg1{font-size: .3rem; font-family: fontMedium,'PingFang'; text-align: center; margin: 1.15rem 0 .6rem; text-align: center;}
.share{display: flex; justify-content: center;}
.share span,.share a{margin-right: .84rem; width: .54rem; height: .54rem; background: url(../images/wap/img13.png); background-size: 100%;}

.share .sina{background-image: url(../images/wap/img14.png);}
.share .dy{margin: 0; background-image: url(../images/wap/img15.png);}

.copyright{text-align: center; margin-top: .52rem; font-size: .18rem}
.copyright p{margin-bottom: .1rem;}

.fnav-list{font-family: fontMedium,'PingFang'; padding: 0 .2rem;}
.fnav-list li{border-bottom: 1px solid #b6b6b6; padding: .26rem 0;}
.fnav-list .fmenu{display: block; color:#000; font-size: .3rem; display: flex; justify-content: space-between; align-items: center;}
.fnav-list .fmenu span,
.fnav-list .fmenu span:before{display: block; position: relative; width: 16px; height: 3px; background-color: #000;}
.fnav-list .fmenu span:before{position: absolute; content: ''; 
  left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	transition: all .2s;
}
.fnav-list .active .fmenu span:before{transform: translate(-50%, -50%) rotate(0);}
.fnav-list dl{display: none;}

.fnav-list dd a{color:#b6b6b6; padding-top: .16rem; font-size: .24rem; display: block;}


.banner{padding: .73rem .34rem 0; background-color: #e2e7ea;}
.bmsg{text-align: center; font-size: .25rem; margin: .85rem 0 .8rem;}
.bmsg h4{font-size: .6rem; margin: 0 0 .15rem;}

.bmsg p span{font-size: .15rem; height: 28px; align-items: center; display: flex;  position: relative; margin-right: .1rem; padding: 0 .14rem;  border: 1px solid #1e3747; border-radius: .1rem;}
.btn-more{padding: .62rem 0 .65rem;}
.btn-more a{width: .6rem; height: .6rem; min-width: 46px; min-height: 46px; display: block; margin: 0 auto; background: #fff; border-radius: 50%; position: relative;}
.btn-more span{position: absolute; white-space: nowrap; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: .16rem;}

.gallery-thumbs{padding-bottom: 4px !important;}
.gallery-thumbs .swiper-wrapper{padding-bottom: 10px; }
.gallery-thumbs .on{position: relative;}
.gallery-thumbs .on:after{content: ''; position: absolute; bottom: -10px; left: 50%; transform: translate(-50%, 50%); width: 27px; height: 4px; background: #060606; }

.layer{display: none; width: 100%; height: 100%; background: rgba(0,0,0, .2); position: fixed; left: 0; top: 0; z-index: 999;}
.layer img{width: 200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/*招聘页面*/
.zp-list{padding: 0 .18rem; font-size: .18rem; color: #4a4a4a;}
.zp-list li{padding: .4rem 0 .2rem; border-bottom: 1px solid #d2d2d2;}
.zp-list li:last-child{border: none;}
.zp-list .name{font-size: .24rem; font-family: fontBold,'PingFang';}
.zp-list .lab{margin: .16rem 0;}
.zp-list .lab span{display: inline-block; padding-right: .13rem; margin-right: .13rem; border-right: 1px solid #4a4a4a;}
.zp-list .lab span:last-child{margin: 0; padding: 0; border: none;}
.zp-list .time{padding-bottom: .2rem;}
.zp-tab{position: relative; height: .64rem;}
.zp-tab-box{padding: 0 .36rem; height: .64rem; background: #f4f4f4;}
.zp-tab .left{flex: 1; height: 100%;  font-size: .24rem; display: flex; align-items: center; justify-content: space-between; color: #000;}
.zp-tab .left span{width: 13px; height: 8px; margin-left: .13rem; background: url(../images/wap/wap13.png);}
.zp-tab .left .switch{padding-right: .72rem; position: relative; height: 100%;}
.zp-tab .tab-btn{height: 100%;}
.zp-tab .switch ul{display: none; position: absolute;width: 100%;top: .64rem;background: #fff;border: 1px solid #ddd;border-radius: 4px;padding: 0 10px;}
.zp-tab .switch li{border-bottom: 1px solid #ddd;line-height: 32px;}
.zp-tab .switch li:last-child{border: none;}

.zp-tab .right{width: 1.1rem; height: 100%; position: relative; padding-left: .56rem;}
.zp-tab .right span{display: block; width: .32rem; height:100%; background: url(../images/wap/search.png) 50% 50% no-repeat; background-size: 100% auto;}
.zp-tab .right:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: .38rem;
	transform: translateY(-50%);
	background: #c3c3c3;
}
.z-box4{padding-bottom: .21rem;}

.xtit{font-size: .3rem; margin: .7rem 0; text-align: center; color: #000;}
.xp-list li{background: #f4f4f4; padding: .21rem .18rem .55rem; margin-bottom: .11rem;}
.xp-list li:last-child{margin: 0;}
.xp-content{display: flex; align-items: flex-end; padding: 0 .14rem; flex-direction: column;}
.xp-list img{display: block; width: 100%; border-radius: .4rem;}
.xp-list .name{font-size: .48rem; margin-top: .45rem; color: #000;}
.xp-list .time{color: #666; font-size: .23rem; margin: .25rem 0 .35rem;}
.xp-btns{display: flex;}
.xp-btns a{width: 1.7rem; height: .44rem; line-height: .44rem; border-radius: .4rem; text-align: center; font-size: .16rem; color: #fff; background: #3047b0; border: 1px solid #3047b0;}
.xp-btns a.xp-more{background: none; color: #1e3747; border-color: #1e3747; margin-left: .2rem;}

.hw-list{padding: 0 .64rem}
.hw-list li a,.hw-list li img{display: block; width: 100%; color: #474747;}
.hw-list li{border-bottom: 1px solid #c3c3c3; font-size: .24rem; color: #474747; margin-bottom: .66rem; padding-bottom: .55rem;}
.hw-list li:last-child{border: none; margin: 0;}
.hw-list li .name{color: #000; font-size: .33rem; font-family: fontHeavy,'PingFang'; margin: .22rem 0 .27rem;}
.hw-content{padding: 0 .28rem;}
.hw-list .time{padding-top: .42rem;}

.cinfose{padding: 0 .32rem 1.5rem; font-size: .24rem; color: #484848; line-height: 22px; text-align: center;}
.cinfose h4{margin: 1.2rem 0 .6rem; font-family: fontHeavy,'PingFang'; font-size: .36rem;}

.ppjs{ font-size: .24rem; line-height: 24px; color: #484848;}
.zy{padding: 0 .12rem;}
.zy-ct{background: #f6f6f6; position: relative; padding: 1rem .33rem .6rem;}
.zy-ct h4{position: absolute; font-size: .6rem; left: .28rem; top: 0; transform: translateY(-50%);}
.zy img{display: block;}
.zy2{text-align: center; margin: 1.55rem 0 1.36rem;}
.zy2 img{display: block; margin: .1rem auto;}

.pimg, .pimg img{display: block; width: 100%;}
.ppjs-list{padding: 0 .14rem; background: #fff; padding-bottom: .26rem;}
.ppjs-list li{padding-top: .11rem; position: relative;}
.ppjs-list li a{color: #fff; display: block; font-size: .22rem; font-family: fontMedium,'PingFang'; line-height: 24px;}
.ppjs-list li a img{display: block;}
.ppjs-list .ps{position: absolute; left: .48rem; bottom: .38rem}
.ppjs-list .ps h4{font-family: fontHeavy,'PingFang'; font-size: .36rem;}

.yevent{padding: .75rem .12rem 0; font-size: .24rem; color:#000; background: #f6f6f6;}
.yevent .swiper-wrapper{justify-content: space-between;}
.yevent .swiper-container{padding-bottom: .06rem;}
.yevent .swiper-slide{height: .8rem; line-height: .8rem; padding-bottom: .22rem; text-align: center; position: relative; color: #474747;}
.yevent .active{font-size: .3rem; color: #000;}
.yevent .active:after{
	content: '';
	position: absolute;
	height: .08rem;
	width: .6rem;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	background: #000;
}
#focus3.swiper-container:before{display:none}
.swiper-container:before{
	width: 100%;border-bottom: 1px solid #cacaca; height: 1px; position: absolute;
	content: '';
	bottom: .04rem; left: 0; /*transform: translateY(50%);*/
}
.yevent h4{font-size: .3rem; text-align: center; margin: .7rem 0 .2rem; padding-bottom: .16rem; position: relative;}
.yevent h4:after{content: '';  width: .6rem; height: 1px; background: #000; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.yarrow{font-size: .14rem;}
.yarrow i{width: .12rem; height: .2rem; margin-left: .65rem; background: url(../images/wap/wap33.png); background-size: 100%;}
.yarrow .prev{margin: 0 .65rem 0 0; transform: rotate(-180deg);}

.ytab-ct{margin-top: .38rem;}
.ytab-ct img{display: none; width: 100%;}
.ytab{display: none;}
.ytab:first-child,.ytab:first-child img:first-child{display: block;}

.product{padding: 0 .2rem;}
.pro-list{overflow: hidden; margin-top: .18rem;}
.pro-list li{padding-right: .1rem; width: 50%; float: left;}
.pro-list li:nth-child(even){padding: 0 0 0 .1rem;}
.pro-list img{display: block;}
.pro-list a{font-size: .3rem;}
.pro-list .name,.pro-list .price{font-family: fontHeavy,'PingFang';  color: #000;}
.pro-list .color{color: #a9a9a9; margin: .1rem 0;}
.pro-content{padding: .1rem 0 .3rem;}
.pro-more{clear: both; padding: 1rem 0 .9rem;}
.pro-more a{width: 2.6rem; margin: 0 auto; font-size: .28rem; border: 1px solid #484848; border-radius: .16rem; height: .5rem; line-height: .5rem; text-align: center; display: block;}
.pro-search{height: .94rem;}
.fixed{position: fixed; left: 0; top : .96rem; width: 100%; background: #fff; z-index: 2;}
.pro-box{position: relative; padding: .3rem .2rem .28rem; z-index: 2; height: .36rem; box-sizing: content-box; display: flex; text-align: center; justify-content: flex-end; font-size: .28rem; color: #000;}
.pro-search .right{height: 100%; padding: 0 .18rem 0 .4rem; border-left: 1px solid #cdcdcd; /* margin-left: .6rem; */font-family: fontBold,'PingFang';}
.pro-search .tog{padding: 0 .6rem 0 .3rem; position: relative;}
.tog-btn span{width: 13px; height: 8px; margin-left: .25rem; background: url(../images/wap/wap13.png); transition: all .2s;}
.pro-search .active span{transform: rotate(180deg)}
.pro-search ul{position: absolute; text-align: left; padding: .1rem 0; z-index: 3; width: 100%; top: .64rem; left: 0; background: #fff;
	box-shadow: 3px 3px 5px 1px rgba(0,0,0,.1);
	display: none;
}
.pro-search li{line-height: 32px;/* border-top: 1px solid #cdcdcd; */}
.pro-search ul a{display: block; color: #858585; padding: 0 .2rem; }




.dz a, .dz img{display: block; width: 100%;}
.rec{
	padding: 0 .15rem .2rem;
	background: #f4f4f4;
	color: #000;
}
.rec .hd{
	padding: .74rem .1rem .36rem;
}
.rec h4{font-size: .36rem; margin-right: .36rem; padding-left: 20px; background: url(../images/icon1.png) 0 50% no-repeat;}
.rec .ename{font-size: .24rem; flex: 1;}
.ename .e2{ width: .1rem; margin: 0 .1rem;  height: .1rem; background: url(../images/icon2.png); background-size: 100%;}
.ename .e1{flex: 1; height: 1px;  background: #9a9a9a;}
.rec-ct{padding: 0 .1rem; background-color: #fff; position: relative;}
.rec-list{
	overflow: hidden;
	margin-top: .26rem;
}

.rec-list li{width: calc((100% - .6rem) / 3); float: left;  margin-right: .3rem;}
.rec-list li:last-child{margin: 0;}
.rec-list li a, .rec .pimg{display: block; width:100%;}
.rec-list li img,.rec .pimg img{display: block; border-radius: .2rem;  width:100%;}
.rec-list li span{display: block; color: #000; padding: .2rem .1rem .4rem; font-size: .14rem; text-align: center;}
.rec-ct .icon{display: flex; justify-content: flex-end; padding: .34rem .17rem;} 
.rec-ct .icon span{display: block; width: 15px; height: 20px; background: url(../images/icon3.png);}
.rec-name{display: flex; align-items: flex-end; padding: 0 .17rem .5rem; justify-content: space-between;}

.rec-name .left span{color: #000; font-size: .38rem; display: block; margin-bottom: .2rem; line-height: .52rem; font-family: fontBold,'PingFang';}
.rec-name{color: #929292; font-size: .16rem;}
.rec-name .right{text-align: right;}
.rec-name .right span{display: block; font-size: .24rem; margin: .16rem 0 .04rem;}

.search-box{padding: .4rem; font-size: .16rem; display: none;}
.search-hd{position: relative; border: 1px solid #d7d7d7; border-radius: 40px; overflow: hidden;}
.search-hd input{/* height: .64rem; line-height: .64rem; */font-size: .16rem; height: 32px; line-height: 32px; width: 100%; text-align: left; padding: 0 .2rem;}
.search-hd .hsearch{position: absolute; right: 1px; top: 0; height: 100%; width: .64rem; background: #fff url(../images/wap/search.png) 50% 50% no-repeat; background-size: .29rem;}
.search-box p{color: #636363; margin: .35rem 0 0;  padding: 0 .1rem;}
.search-box li{margin-top: .2rem; padding: 0 .1rem;}

.asearch{position: fixed; transition: all .2s; transform: translateX(100%); z-index: 99; left: 0; top: 0; width: 100%; height: 100%; display: flex; font-size: .16rem;}
.asearch.active{transform: translateX(0);}
.asearch .shade{width: 20%; height: 100%; background: rgba(0,0,0,.3); z-index: 100; position: relative;}
.asearch-box{position: relative; flex: 1; height: 100%; overflow: auto; background: #fff;  z-index: 101;}
.asearch-box h4{color: #000; border-bottom: 1px solid #e2e2e2; font-size: .3rem; padding: .36rem 0 .2rem .4rem;}
.asearch-box ul{margin-left: .4rem;}
.asearch-box li{border-bottom: 1px solid #e2e2e2; /* line-height: 36px; */ padding: .2rem 0;}
.asearch-box .fmenu{color: #000; font-size: .3rem; display: flex; padding-right: .2rem; justify-content: space-between; align-items: center;}
.asearch-box dl{line-height: 24px; margin-top: .1rem; display: none;}
.asearch-box dl a{color: #000;  display: block; background: url(../images/icon5.png) 0 50% no-repeat; padding-left: 10px; font-size: .24rem; position: relative;}
.asearch-box .fmenu span{
	width: 13px;
	height: 8px;
	background: url(../images/wap/wap13.png);
	transition: all .2s;
}
.asearch-box .active .fmenu span{transform: rotate(-180deg);}

.asearch .shade .close{
	color: #fff;
	font-size: .48rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: .2rem;
}
.zp-layer{padding-bottom: .2rem; display: none;}
.zp-layer .bg{
	background: #f4f4f4;
	padding: .2rem .2rem 0;
}
.zp-layer-box{
	background: #fff; padding: .2rem; line-height: 20px;
}
.zp-layer-box2{margin-top: .2rem;}

.zp-layer h4{font-size: .18rem; font-family: fontBold,'PingFang';}
.zp-layer p{position: relative;/* padding-left: 16px;*/}

.zp-layer-btn{padding: .2rem 0;}
.zp-layer-btn .left{display: flex;}
.zp-layer-btn .left a{display: block; width: .4rem; height: .4rem; background: url(../images/wap/icon3.png); background-size: 100%;}
.zp-layer-btn .left .zp-wx{background-image: url(../images/wap/icon4.png); margin-left: .2rem;}
.zp-contact{background-color: #484848; border-radius: .1rem; color:#fff; font-size: .24rem; height: .4rem; line-height: .4rem; padding:0 .2rem;}

.contact-ct{font-family: fontMedium,'PingFang'; padding: .4rem .2rem 0; font-size: .24rem; 
	position: fixed; left: 0; top: 0; z-index: 9999; background: #fff; width: 100%; height:100%; overflow: auto;
	transition: all .2s;
	transform: translateX(100%);
}
.contact-ct.active{
	transform: translateX(0);
}
.contact-ct .sname{font-size: .3rem; text-align: right; color: #000; margin-bottom: .2rem; font-family: fontBold,'PingFang';}
.contact-ct .sname span{display: block;}
.contact-ct input[type='text']{height: 32px; padding: 0 .1rem; font-size: .24rem; width: 100%; line-height: 32px; background-color: #f6f7f8;}
.flist li{margin-bottom: .2rem; display: flex;}
.flist .ct{padding-right: .05rem; flex: 1;}
.flist .ct:last-child{padding: 0 0 0 .05rem;}
.flist textarea{background-color: #f6f7f8; padding: .1rem; resize: none; border: none; outline: none; overflow-x: hidden; width: 100%; height: 2.26rem;}

.sub-btn{display: flex; justify-content: flex-end;}

.sub-btn a {
	background: #db9999;
	line-height: .4rem;
	color: #fff;
	padding: 0 .2rem;
}
.sub-btn .cancel-btn{
	background: #ddd;
	margin-right: .2rem;
	color: #fff;
}
.zlist{padding: .4rem 0 0; clear: both;}
.zlist li{
	color: #000;
	font-size: .18rem;
	margin-bottom: .4rem;
}
.zlist li img,.zlist .box{
	width: .6rem;
	margin-right: .15rem;
}

.zlist .sug img{
	width: .48rem;
	margin: 0;
}

.zlist .left{font-size: .18rem;}
.zlist .left p{width: .5rem; text-align: center;}
.zlist .left span{margin: 0 .3rem;}
.zlist .right span{font-size: .3rem;}

.layer-search{font-size: .16rem; display: none; padding: .2rem; width: 100%; background: #fff; position: absolute; top: .64rem; left: 0;}