@font-face {
	font-family: 'HPSimplifiedHans';   /*字体名称*/
	src: url('../fonts/HPSimplifiedHansLight.ttf');       /*字体源文件*/
}
@font-face {
	font-family: 'iconfont';  /* project id 1818949 */
	src: url('//at.alicdn.com/t/font_1818949_e2tsfbve9tm.eot');
	src: url('//at.alicdn.com/t/font_1818949_e2tsfbve9tm.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1818949_e2tsfbve9tm.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1818949_e2tsfbve9tm.woff') format('woff'),
	url('//at.alicdn.com/t/font_1818949_e2tsfbve9tm.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1818949_e2tsfbve9tm.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.fonthp{font-family: 'HPSimplifiedHans';}
body{padding: 0 0.3rem;background: url(../images/index-bg.jpg)top center;background-size: 100%;max-width: 750px;margin: 0 auto;}
.index-top{width: 100%;overflow: hidden;margin-top: 0.58rem;}
.index-top div{width: 5.7rem;float: left;}
.index-top img{width: 1.1rem;float: right;}
.index-top div h2{font-size: 0.52rem;line-height: 0.62rem;color: #049cdc;}
.index-top div p{font-size: 0.34rem;line-height: 0.48rem;}
.index-title{width: 100%;line-height: 0.6rem;font-size: 0.34rem;color: #fff;background: url(../images/index-title.png)top left no-repeat;background-size: 100% 100%;text-indent: 0.2rem;margin-top: 0.5rem;margin-bottom: 0.45rem;}
.index-wymj{overflow: hidden;}
.index-wymj li{width: 3.25rem;margin-right: 0.325rem;margin-bottom: 0.4rem;float: left;}
.index-wymj li:nth-of-type(even){margin-right: 0;}
.index-wymj li div{width: 100%;height: 2.32rem;border-radius: 0.1rem;overflow: hidden;}
.index-wymj li div img{width: 100%;}
.index-wymj li p{font-size: 0.32rem;line-height: 0.32rem;margin-top: 0.2rem;text-align: center;}
.index-ydrk{overflow: hidden;}
.index-ydrk div{width: 3.25rem;margin-right: 0.325rem;float: left;}
.index-ydrk div img{width: 100%;height: 2.32rem;}
.index-ydrk div p{text-align: center;font-size: 0.32rem;line-height: 0.332rem;margin-top: 0.2rem;}
.index-ydrk div:nth-of-type(even){margin-right: 0;}
.index-lxwm{overflow: hidden;margin-bottom: 0.8rem;}
.index-lxwm div{width: 3.25rem;margin-right: 0.325rem;float: left;background: url(../images/index-cjyj-bg.png)left top no-repeat;background-size: 100% 100%;height: 1.35rem;text-align: center;font-size: 0.3rem;color: #fff;}
.index-lxwm a:nth-of-type(even) div{margin-right: 0;background: url(../images/index-yjsq-bg.png)left top no-repeat;background-size: 100% 100%;}
.index-lxwm div span,.index-lxwm div img{display: inline-block;vertical-align: middle;line-height: 1.35rem;}
.index-lxwm div img{margin-right: 0.25rem;width: 0.86rem;}

#goods-list{margin: 0.3rem 0;}
#goods-list li{overflow: hidden;background: #fff;margin-bottom: 0.12rem;}
#goods-list li .list-img{display: inline-block;vertical-align: middle;width: 1.26rem;height: 1.26rem;border-right: 0.06rem solid #eaeaea;}
#goods-list li .list-img img{width: 1.26rem;height: 1.26rem;}
#goods-list li p{display: inline-block;vertical-align: middle;font-size: 0.24rem;line-height: 0.34rem;font-weight: bold;color: #414141;width: 4.40rem;padding: 0 0.30rem;box-sizing: border-box;}
#goods-list li .list-arr{display: inline-block;vertical-align: middle;width: 1.10rem;height: 0.55rem;text-align: center;border-left: 0.02rem solid #0096d6;}
#goods-list li .list-arr img{width: 0.19rem;margin-top: 0.12rem;}

#recommend{margin: 0.3rem 0;}
#recommend li{overflow: hidden;background: #fff;margin-bottom: 0.3rem;box-shadow: 0 0 0.1rem 0 #999;}
#recommend li .list-img{width: 100%;display: block;}
#recommend li .list-txt{width: 100%;box-sizing: border-box;padding: 0.25rem 0.35rem;}
#recommend li .list-txt .list-left{width: 5.2rem;display: inline-block;vertical-align: middle;}
#recommend li .list-txt .list-left .title{font-size: 0.30rem;/* font-weight: bold; */font-family: 'HPSimplifiedHans';}
#recommend li .list-txt .list-left .time{font-size: 0.2rem;margin-top: 0.1rem;color: #535353;}
#recommend li .list-txt .list-right{width: 0.78rem;display: inline-block;vertical-align: middle;overflow: hidden;}
#recommend li .list-txt .list-right img{width: 100%;display: block;}
/* #recommend li .list-txt h3{font-size: 0.25rem;line-height: 0.32rem;margin-top: 0.2rem;height: 0.64rem;overflow: hidden;}
#recommend li .list-txt div{font-size: 0.15rem;line-height: 0.22rem;margin-top: 0.1rem;height: 0.44rem;overflow: hidden;}
#recommend li .list-txt p{font-size: 0.15rem;margin-top: 0.1rem;text-align: right;color: #7d7d7d;} */

#story{margin: 0.35rem auto;width: 6.95rem;}
#story li{box-shadow: 0 0 0.2rem 0 #909090;position: relative;margin-bottom: 0.5rem;}
#story li img{width: 100%;display: block;}
#story li .list-title{width: 5.45rem;height: 0.74rem;color: #fff;line-height: 0.74rem;background: #0096d6;position: absolute;bottom: -0.15rem;left: 0;right: 0;margin: auto;}
#story li .list-title p{width: 4.65rem;height: 0.74rem;float: left;text-align: center;font-size: 0.24rem;padding: 0 0.15rem;box-sizing: border-box;}
#story li .list-title div{width: 0.8rem;height: 0.74rem;float: left;position: relative;background: #1960bf;}
#story li .list-title div img{width: 0.4rem;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}

#cjyj{width: 6.94rem;border-radius: 0.12rem;background: #fff;box-shadow: 0 0 0.2rem 0 #909090;padding: 0.56rem 0.38rem;box-sizing: border-box;margin: 0 auto;margin-top: 0.4rem;}
#cjyj li{overflow: hidden;font-size: 0.22rem;color: #535353;padding: 0.1rem 0;border-bottom: 1px solid #e7e7e7;}
#cjyj li p,#cjyj li input,#cjyj li select,#cjyj li .industry{display: inline-block;vertical-align: middle;border: none;line-height: 0.63rem;}
#cjyj li p{width: 1.50rem;font-weight: bold;font-size: 0.26rem;}
#cjyj li input,#cjyj li select,#cjyj li .industry,#cjyj li .industry p{width: 4rem;height: 0.63rem;line-height: 0.63rem;font-size: 0.2rem;background: transparent;text-align: right;}
#cjyj li input{width: 3.8rem;padding-right: 0.2rem;}
#cjyj li .industry{position: relative;}
#cjyj li .industry,#cjyj li .industry p{width: 4.26rem;box-sizing: border-box;}
#cjyj li .industry p{padding-right: 0.45rem;background: url(../images/yjsq-arr-b.png)right center no-repeat;background-size: 0.25rem;box-sizing: border-box;}
#cjyj li .industry select{position: absolute;top: 0;right: 0;opacity: 0;}
#cjyj li .position{height: auto;}
#cjyj li span{color: #ff0000;width: 0.23rem;text-align: center;}
#cjyj li img{width: 0.23rem;display: inline-block;vertical-align: middle;}

#cjyj .shuxing .title{width: 2.5rem;}
#cjyj .shuxing div{display: inline-block;vertical-align: middle;width: 3.25rem;text-align: right;line-height: 0.63rem;}
#cjyj .shuxing div input{display: none;}
#cjyj .shuxing div label{margin-left: 0.4rem;}
#cjyj .shuxing div p{width: 0.26rem;height: 0.26rem;box-sizing: border-box;border: 1px solid #000;border-radius: 50%;display: inline-block;vertical-align: middle;position: relative;margin-right: 0.1rem;}
#cjyj .shuxing div input:checked+p:before{width: 0.15rem;height: 0.15rem;display: block;content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;background: #0096D6;border-radius: 50%;}
#cjyj .shuxing div img{width: 0.26rem;display: inline-block;vertical-align: middle;margin: 0 0.14rem 0 0.2rem;}
#cjyj .shuxing div span{color: #030303;width: auto;display: inline-block;vertical-align: middle;}
#cjyj .demand{border: none;}
#cjyj .demand p{width: 100%;}
#cjyj .demand textarea{width: 100%;height: 2rem;border: 1px solid #f0f0f0;background: #f9f9f9;padding: 0.2rem;box-sizing: border-box;}

#cjyj .subbtn{width: 5.65rem;display: block;margin: 0 auto;line-height: 0.7rem;height: 0.7rem;color: #fff;background: #0096d6;font-size: 0.24rem;text-align: center;border: none;border-radius: 0.35rem;margin-top: 0.5rem;}

#yjsq{width: 6.94rem;border-radius: 0.4rem;background: #fff;box-shadow: 0 0 0.2rem 0 #909090;padding: 0.6rem 0.4rem;box-sizing: border-box;margin: 0.4rem auto;}
#yjsq .time .left{width: 0.2rem;display: inline-block;vertical-align: middle;text-align: center;font-size: 0.2rem;line-height: 0.2rem;margin-right: 0.38rem;}
#yjsq .time .left div{height: 0.8rem;background: url(../images/yjsq-spot.png)center top repeat-y;background-size: 0.05rem;}
#yjsq .time .right{width: 5.16rem;display: inline-block;vertical-align: middle;}
#yjsq .time .right p:nth-of-type(1){border-bottom: 1px solid #d4d4d4;}
#yjsq .time .right img{width: 0.28rem;margin-right: 0.18rem;display: inline-block;vertical-align: middle;}
#yjsq .time .right span{font-size: 0.3rem;line-height: 0.3rem;display: inline-block;vertical-align: middle;color: #3a3a3a;font-weight: bold;}
#yjsq .time .right input{font-size: 0.3rem;display: inline-block;vertical-align: middle;color: #3a3a3a;width: 3.5rem;height: 1rem;border: none;box-sizing: border-box;padding: 0.3rem 0;padding-left: 0.2rem;}
#yjsq li{padding-top: 0.2rem;border-bottom: 1px solid #d4d4d4;}
#yjsq li span,#yjsq li input,#yjsq li div{display: inline-block;vertical-align: middle;font-size: 0.2rem;line-height: 0.6rem;}
#yjsq li span{width: 2rem;color: #3a3a3a;font-weight: bold;font-size: 0.24rem;}
#yjsq li input{width: 3.6rem;border: none;height: 0.6rem;text-align: right;}
#yjsq li div{width: 3.6rem;border: none;height: 0.6rem;position: relative;}
#yjsq li div p,#yjsq li div select{width: 100%;height: 0.6rem;}
#yjsq li div p{background: url(../images/yjsq-arr.png)right center no-repeat;background-size: 0.16rem;box-sizing: border-box;padding-right: 0.4rem;text-align: right;}
#yjsq li div select{position: absolute;top: 0;left: 0;opacity: 0;}
#yjsq li .position{height: auto;vertical-align: top;}
#yjsq li .radiobox{text-align: right;}
#yjsq li .radiobox label{display: inline-block;margin: 0 10px;}
#yjsq li .radiobox label input{display: none;}
#yjsq li .radiobox label p{padding: 0;background: none;}
#yjsq li .radiobox label p:before{width: 0.2rem;height: 0.2rem;border: 1px solid #767174;border-radius: 50%;display: inline-block;content: "";vertical-align: middle;margin-right: 0.1rem;margin-top: -3px;}
#yjsq li .radiobox label input:checked+p:before{background: #009cdc;}
#yjsq .demand{border: none;}
#yjsq .demand textarea{width: 100%;height: 2rem;border: 1px solid #f0f0f0;background: #f9f9f9;padding: 0.2rem;box-sizing: border-box;}
#yjsq .subbtn{width: 2.96rem;display: block;margin: 0 auto;line-height: 0.7rem;height: 0.7rem;color: #fff;background: #0096d6;font-size: 0.24rem;text-align: center;border: none;border-radius: 0.35rem;margin-top: 0.16rem;}

#detail img{max-width: 100% !important;height: auto !important;}

.banner{width: 100%;position: fixed;bottom: 0;left: 0;}
.banner img{width: 100%;display: block;}
#index,#detail,#goods-list,#recommend,#story{margin-bottom: 1.8rem;}

.privacy-box{padding: 0.2rem;font-size: 0.3rem;line-height: 0.5rem;border-bottom: 1px solid #ccc;background: #fff;}
.privacy-btn{color: #fff;padding: 0 0.3rem;background: #00a7ff;display: inline-block;line-height: 0.6rem;margin-top: 0.2rem;cursor: pointer;}
/* 留资页 */
.infopage{text-align: center;color: #fff;}
.infopage img{display: block;width: 100%;}
.infopage-content{margin: 0 0.4rem;}
.infopage-content-txt{padding-top: 0.3rem;border-top: 1px solid #fff;margin-bottom: 0.18rem;}
.infopage-content-txt h3{font-size: 0.44rem;line-height: 0.9rem;}
.infopage-content-txt p{font-size: 0.18rem;line-height: 0.34rem;}
.infopage-content-txt .small{font-size: 0.12rem;}
.infopage-content-input{padding-top: 0.26rem;}
.infopage-content-input input,.infopage-content-input select{display: block;width: 6.4rem;height: 0.78rem;background: rgba(255,255,255,0.25);color: #fff;box-sizing: border-box;padding: 0 0.25rem;border: none;border-radius: 0.1rem;margin: 0 auto;margin-bottom: 0.23rem;font-size: 0.28rem;}
.infopage-content-input select{-webkit-appearance: none;-moz-appearance:none;appearance:none;margin-bottom: 0;padding-right: 0.45rem;}
.infopage-content-input .select-two{overflow: hidden;}
.infopage-content-input li div{display: inline-block;position: relative;margin-bottom: 0.23rem;}
.infopage-content-input .select-two div{width: 3.1rem;}
.infopage-content-input .select-two div:nth-child(1){margin-right: 0.2rem;}
.infopage-content-input li div img{width: 0.25rem;position: absolute;right: 0.2rem;top: 0;bottom: 0;margin: auto;z-index: -1;}
.infopage-content-input .select-two div select{width: 100%;}
.infopage-content-input .is_seller div{width: 6.4rem;height: 0.78rem;background: rgba(255,255,255,0.25);color: #fff;box-sizing: border-box;padding: 0 0.25rem;border: none;border-radius: 0.1rem;margin: 0 auto;margin-bottom: 0.23rem;font-size: 0.28rem;text-align: left;line-height: 0.78rem;color: rgba(255,255,255,0.5);}
.infopage-content-input .is_seller input{width: 0.16rem;height: 0.16rem;display: inline-block;display: none;}
.infopage-content-input .is_seller input + p{width: 0.16rem;height: 0.16rem;display: inline-block;border-radius: 50%;margin: 0 0.15rem 0 0.3rem;box-sizing: border-box;border: 1px solid #fff;}
/* .infopage-content-input .is_seller input:checked{display: block;} */
/* .infopage-content-input .is_seller input:checked + p{background: #0197d6;} */
.infopage-content-input .is_seller input:checked + p{background: #fff;}
.infopage-content-input li textarea{width: 6.4rem;height: 1.8rem;padding: 0.15rem 0.25rem;border: 0;background: rgba(255,255,255,0.25);box-sizing: border-box;color: #fff;border-radius: 0.1rem;margin-bottom: 0.23rem;font-size: 0.28rem;}
.infopage-content .btn,.btn-ljgd{width: 6.4rem;margin: 0 auto;line-height: 0.88rem;font-size: 0.28rem;text-align: center;color: #fff;background: #0197d6;margin-bottom: 0.48rem;}
.btn-ljgd{margin-bottom: 0.15rem;}
.infopage-content-txt-bottom{margin-bottom: 0.3rem;}
.infopage-content-txt-bottom p{font-size: 0.22rem;}
#demand::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(255,255,255,0.5);
}

@media (min-width: 768px){
	#mingpian{box-shadow: 0 2px 4px #6c6d6f;margin: 10px 0;}
}
#mingpian{background: #fff;padding: 0 0.15rem;overflow: hidden;font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Noto Sans","Noto Sans CJK SC","Microsoft YaHei","Apple Color Emoji","Segoe UI Symbol",Arial,sans-serif;padding-bottom: 0.35rem;}
#mingpian .mingpian-title h2{font-size: 24px;line-height: 1.1;margin: 20px 0 10px 0;font-weight: normal;}
#mingpian .mingpian-title p{font-size: 14px;color: #6c6d6f;}
#mingpian .mingpian-title p span{color: #45bcda;margin-left: 10px;}
#mingpian .mingpian-con{font-size: 15px;color: #3e3e3e;/* padding: 0 0.15rem; */}
/* #mingpian .mingpian-con p{line-height: 2;} */
#mingpian .mingpian-con{line-height: 2;}
#mingpian hr{margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;margin-left: 15px;margin-right: 15px;}
#mingpian .mingpian{border-radius: 0.12rem;overflow: hidden;position: relative;}
#mingpian .write-mingpian{display: none;}
#mingpian .mingpian img{width: 100%;display: block;}
#mingpian .mingpian p{color: #999899;}
#mingpian .mingpian .mingpian-txt-box{position: absolute;left: 0.43rem;top: 0.5rem;}
#mingpian .mingpian .mingpian-txt-box .company{font-size: 0.24rem;line-height: 0.24rem;margin-bottom: 0.15rem;}
#mingpian .mingpian .mingpian-txt-box .name{font-size: 0.28rem;line-height: 0.28rem;margin-bottom: 0.37rem;}
#mingpian .mingpian .mingpian-txt-box hr{border-bottom: 0.03rem solid #eee;width: 4.13rem;margin: 0 0 0.45rem 0;box-shadow: 0 0 0.02rem 0 #eee;}
#mingpian .mingpian .mingpian-txt-box div{line-height: 0.54rem;}
#mingpian .mingpian .mingpian-txt-box div img{width: 0.25rem;margin-right: 0.13rem;vertical-align: middle;display: inline-block;}
#mingpian .mingpian .mingpian-txt-box div p{display: inline-block;vertical-align: middle;font-size: 0.2rem;line-height: 0.2rem;}

#mingpian .mingpian2{padding: 0.48rem 0.2rem;border-radius: 0.24rem;background: #fff;box-shadow: 0 0 0.1rem 0 #ccc;margin-bottom: 0.3rem;}
#mingpian .mingpian2 img,#mingpian .mingpian2 div{vertical-align: middle;display: inline-block;}
#mingpian .mingpian2 .img{width: 0.76rem;height: 0.76rem;margin-right: 0.25rem;}
#mingpian .mingpian2 div{width: 5rem;line-height: 0.5rem;}
#mingpian .mingpian2 div .name{font-size: 0.29rem;color: #111833;}
#mingpian .mingpian2 div .name span{font-size: 0.24rem;margin-left: 0.28rem;}
#mingpian .mingpian2 div .company{font-size: 0.24rem;color: #a3a3b4;}
#mingpian .mingpian2 .phone{width: 0.7rem;height: 0.7rem;border-radius: 50%;}

.create-erweima{text-align: center;padding: 10px 0 5px 0;border-radius: 0.12rem;margin: 0.4rem 0;}
.create-erweima div{margin-top: 10px;margin-bottom: 10px;}
.create-erweima div img{vertical-align: bottom;width: 0.92rem;}
.write-bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;}
.write-bg .write-box{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 80%;max-width: 600px;height: 8.2rem;background: rgba(0,0,0,0.5);border-radius: 0.15rem;padding: 0 0.3rem;box-sizing: border-box;}
.write-bg .write-box p{font-size: 0.34rem;color: #fff;text-align: center;margin-top: 0.3rem;}
.write-bg .write-box input{font-size: 0.28rem;height: 0.64rem;border: 1px solid #0096d6;width: 100%;padding: 0 0.15rem;box-sizing: border-box;margin-top: 0.4rem;}
.write-bg .write-box .address{margin-top: 0.4rem;}
.write-bg .write-box .address div{display: inline-block;vertical-align: middle;position: relative;width: 48%;}
.write-bg .write-box .address div:nth-child(1){margin-right: 4%;}
.write-bg .write-box .address div img{width: 0.25rem;position: absolute;right: 0.2rem;top: 0;bottom: 0;margin: auto;z-index: -1;}
.write-bg .write-box .address div select{padding-right: 0.45rem;font-size: 14px;height: 32px;width: 100%;}
.write-bg .write-box button{font-size: 17px;color: #fff;background: #0096d6;border: none;width: 100%;height: 32px;margin-top: 20px;}
.write-bg .write-box button img{width: 25px;vertical-align: middle;}

.audio-icon{width: 0.75rem;height: 0.75rem;border-radius: 50%;position: fixed;top: 0.5rem;right: 0.25rem;display: none;background: #fff;}
.audio-icon.active{animation: audio 3s linear infinite;}
@keyframes audio{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}