/*banner*/

#banner{position: relative;}
#banner img{width: 100%;display: block;}
#banner .mbx{width: 100%;height: 0.9rem;background: rgba(0,0,0,0.2);position: absolute;bottom:0;left:0;border-top:1px solid #999;line-height: 0.9rem;color: rgba(255,255,255,0.5);}
#banner .mbx a{color: rgba(255,255,255,0.5);padding:0 0.2rem;font-size: 0.15rem;}
#banner .mbx a:first-child{padding:0;padding-right: 0.1rem;}
#banner .mbx a img{width: 0.9rem;height: 0.9rem;display: block;float: left;}
#banner .mbx a:hover{color: #01cdd7;}

body{width: 100%;height: auto;background:url(/statics/images/yjy/xbg.jpg);background-size: 100%;}
.wrap{width: 16.8rem !important;}


#bps{position:relative;;z-index:1;width:40%;margin-top:-2rem;height:0.88rem;margin-bottom:1.12rem;padding:0 30%;}
#bps a{display:block;color:#fff;width:50%;float:left;text-align:center;font-size:0.18rem;height:1.45rem;}
#bps a p{padding-top:0.22rem;}
#bps a img{width:0.4rem;display:block;margin:0 auto;height:0.4rem;margin-top:0.2rem;}
#bps a.active img,#bps a:hover img{width:0.8rem;display:block;height:0.8rem;}
#bps a.active,#bps a:hover{height:1.67rem;font-size:0.2rem;}
#bps a.active p,#bps a:hover p{padding-top:0;}
#bps .line{width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0rem;}




#diyi{padding-top: 0.9rem;width: 100%;height: 5.2rem;}
#diyi .fl{width: 50%;}
#diyi .fl p{font-size: 0.42rem;color: #01cdd7;font-weight:bold;}
#diyi .fl img{width: 4.51rem;height: 0.72rem;display: block;margin-top: 0.4rem;}

#diyi .fr img{width: 1.2rem;border:0.15rem #fff solid;display: block;margin-bottom: 0.2rem;border-radius:0.2rem;}
#diyi .fr{text-align: center;font-size: 0.16rem;color: #999999;margin-right: 0.8rem;}
#diyi .lianxi li{width: 20%;float: left;text-align: center;font-size: 0.16rem;color: #333333;line-height: 0.25rem;margin-top: 1rem;}
#diyi .lianxi li img{width: 0.22rem;display: block;margin:0.3rem auto 0.15rem;}
#diyi .lianxi li p{font-size: 0.3rem;color: #333333;font-weight: bold;}


#dier{width: 16.8rem;height: 7.2rem;background: url(/statics/images/lianxi/dier.jpg)no-repeat center;background-size: cover;margin:0 auto;margin-top: -1rem;position: relative;z-index: 1}
#dier li{float: left;width: 25%;color: #fff;padding-left: 12%;font-size: 0.16rem;}
#dier li p{font-size: 0.2rem;line-height: 0.5rem;padding-top: 0.47rem;}

#dier .bottom{margin-top: 1.3rem;}
#dier .bottom p{font-size: 0.24rem;color: #333;height: 1.2rem;line-height: 1.2rem;}
#dier .bottom p span{float: right;color: #01cdd7;}
#dier .bottom .xia{margin-top: 0.4rem;width:90%;margin-left:5%;}

#dier .bottom .fl{width: 5.4rem;margin-left:1.8rem;margin-top: 0.2rem;}
#dier .bottom .fl li{color: #999999;font-size: 0.16rem;width: 100%;padding-left: 4%;line-height: 0.4rem;}



#liuyan{height:7.5rem;width: 100%;padding-top: 1rem;padding-bottom:0.5rem;}

#liuyan .title{font-size: 0.42rem;color: #333333;text-align: center;}
#liuyan .title img{width: 0.3rem;display: block;margin: 0.4rem auto;}
#liuyan .title p{font-family:'ali';font-weight:bold;}

#liuyan .fr{width: 100%;}
#liuyan .wrap{width:15rem !important;}
#liuyan .fr li{width: 33.3%;float: left;}
#liuyan .fr input{width: 90%;margin:0 auto;height: 0.7rem;line-height: 0.7rem;background:#fff;outline: none;border:none;text-indent: 0.4rem;color: #b2b2b2;margin-bottom: 0.4rem;display: block;margin-top: 0.1rem;border-radius: 0.7rem;font-size: 0.18rem;}
#liuyan .fr textarea{outline: none;border: none;background: #fff;width: 96%;margin: 0.1rem auto;color: #b2b2b2;height:2.8rem;text-indent: 0.4rem;font-size: 0.18rem;font-family: 'Microsoft YaHei';line-height: 0.35rem;display: block;padding-top: 0.2rem;border-radius: 0.3rem;}
#liuyan .fr .tijiao1{margin:0 auto;margin-top: 0.6rem;width: 2.5rem;height: 0.7rem;display: block;}


#ditu img{width: 100%;display: block;}