.mob-top { height: 3.52rem; background: #f6f6f6; position: relative; z-index: 990 }
.mob-top .part { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:.355556rem;
width: 100%; background: #fff }
.mob-top .mob-top-upper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:.355556rem;
height: 1.777778rem; width: 100% }
.mob-top .mob-top-upper .logo { float: left; font-size: 0; margin-bottom:0;}
.mob-top .mob-top-upper .logo img { width: auto;  display: inline-block; vertical-align: top }
.mob-top .mob-top-upper .logo i {
font-size:.32rem; color: #fff }
.mob-top .mob-top-upper .search-box { float: right; margin-top:.305556rem;
width:.671111rem;
height:.506667rem;
padding-left:.63rem; color:#999;
background: url("imagesa/ric_sousuo.png") 0 0 no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100% }
.mob-top .mob-top-upper .pc { float: right; margin-top:.293333rem;
margin-left:.504444rem;
font-size:.337778rem;
color: #fff; }
.mob-top .mob-top-upper .pc i{ font-style:normal;}
.mob-top .mob-top-upper .pc img {
margin-right:.124444rem; vertical-align:middle;
height:.471111rem; width: auto }
.mob-top .mob-top-upper .pc a { color: #999 }
.mob-top .mob-top-nav { position: relative; width: 100%; height: 1.742222rem; -webkit-border-radius:.533333rem .533333rem 0 0;
-moz-border-radius:.533333rem .533333rem 0 0;
border-radius:.533333rem .533333rem 0 0;
font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background: #fff }
.mob-top .mob-top-nav .search { position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: 1000; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:.533333rem .533333rem 0 0;
-moz-border-radius:.533333rem .533333rem 0 0;
border-radius:.533333rem .533333rem 0 0;
overflow: hidden; padding:0 .355556rem;
-webkit-transition: height .8s; -moz-transition: height .8s; transition: height .8s }
.mob-top .mob-top-nav .search.show { height: 1.742222rem }

/*.mob-top .mob-top-nav .search .search-close {
width:.568889rem;
height:.568889rem; background: url("imagesa/guanbi.png") 0 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; position: absolute; right:.177778rem;
top:.177778rem
}*/

.mob-top .mob-top-nav .search .search-input { float: left; margin-right:.177778rem;
margin-top:.355556rem;
width: 7rem; height: 1.031111rem; outline: 0; border:.017778rem solid #ccc;
font-size:.426667rem;
line-height: 1.022222rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 .266667rem;
color: #333 }
.sousuo{ border:0; font-size:0.45rem; background:none; color:#666;}


.mob-top .mob-top-nav .search .search-btn {
font-size:.426667rem; line-height: 1.742222rem; color: #666; float: left }
.mob-top .mob-top-nav.fixed { position: fixed; top: 0; z-index: 999999; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.mob-top .mob-top-nav .part { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.mob-top .mob-top-nav .top-nav-pro { position: relative; width:-moz-calc(100% - .533333rem);
width:calc(100% - .533333rem);
color: #5b5b5b; font-size: 0 }
.mob-top .mob-top-nav .top-nav-pro:after { content: ""; width:.266667rem;
height: 100%; display: block; position: absolute; right: 0; top: 0; z-index: 3; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#fff)); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, #fff 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, #fff 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%) }
.mob-top .mob-top-nav .top-nav-pro .top-nav-pro-cont { white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mob-top .mob-top-nav .top-nav-pro .top-nav-pro-cont a { position: relative; display: inline-block; margin-right:.444444rem;
font-size:.426667rem;
line-height:.977778rem;
color: #5b5b5b }
.mob-top .mob-top-nav .top-nav-pro .top-nav-pro-cont a:last-child { margin-right: 0 }
.mob-top .mob-top-nav .top-nav-pro .top-nav-pro-cont a.active {
font-size:.533333rem; color: #212121 }
.mob-top .mob-top-nav .top-nav-pro .top-nav-pro-cont a.active:after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left:-.133333rem;
width:.266667rem;
height:.053333rem;
-webkit-border-radius:.026667rem;
-moz-border-radius:.026667rem;
border-radius:.026667rem;
background: #4886ff }
.top-nav-pro-cont::-webkit-scrollbar {
width:0;
height:0;
color:transparent;
display: none;
}
.mob-top .mob-top-nav .top-nav-menu { width:.382222rem
}
.mob-top .mob-top-nav .top-nav-menu .menu-box {
height:.382222rem;
width:.382222rem; position: relative }
.mob-top .mob-top-nav .top-nav-menu .menu-box .bar {
height:.053333rem;
width:.382222rem; display: block; position: absolute; background-color: #212121; -webkit-border-radius:.026667rem;
-moz-border-radius:.026667rem;
border-radius:.026667rem;
-webkit-transition: .4s; -moz-transition: .4s; transition: .4s }
.mob-top .mob-top-nav .top-nav-menu .menu-box .bar:nth-of-type(1) { top: 0; width:.266667rem
}
.mob-top .mob-top-nav .top-nav-menu .menu-box .bar:nth-of-type(1):after { content: ""; position: absolute; right:-.115556rem;
top:-.017778rem;
width:.088889rem;
height:.088889rem;
background: #e50020; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.mob-top .mob-top-nav .top-nav-menu .menu-box .bar:nth-of-type(2) { top:.164444rem
}
.mob-top .mob-top-nav .top-nav-menu .menu-box .bar:nth-of-type(3) { top:.328889rem
}
.mob-top .mob-top-nav .top-nav-menu .menu-box.active .bar:nth-of-type(1) {
top:.2rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; -moz-transition: top .3s ease .1s, transform .3s ease-out .5s, -moz-transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s, -moz-transform .3s ease-out .5s }
.mob-top .mob-top-nav .top-nav-menu .menu-box.active .bar:nth-of-type(2) { opacity: 0 }
.mob-top .mob-top-nav .top-nav-menu .menu-box.active .bar:nth-of-type(3) {
top:.164444rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; -moz-transition: top .3s ease .1s, transform .3s ease-out .5s, -moz-transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s, -moz-transform .3s ease-out .5s }
.mob-map { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 0; z-index: 999; overflow-y: auto; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.mob-map .mob-map-close {
height:.382222rem;
width:.382222rem; position: absolute; right:.533333rem;
top:.444444rem
}
.mob-map .mob-map-close .bar {
height:.053333rem;
width:.382222rem; display: block; position: absolute; background-color: #212121; -webkit-border-radius:.026667rem;
-moz-border-radius:.026667rem;
border-radius:.026667rem;
-webkit-transition: .4s; -moz-transition: .4s; transition: .4s }
.mob-map .mob-map-close .bar:nth-of-type(1) {
width:.266667rem;
top:.2rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; -moz-transition: top .3s ease .1s, transform .3s ease-out .5s, -moz-transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s, -moz-transform .3s ease-out .5s }
.mob-map .mob-map-close .bar:nth-of-type(1):after { content: ""; position: absolute; right:-.115556rem;
top:-.017778rem;
width:.088889rem;
height:.088889rem;
background: #e50020; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.mob-map .mob-map-close .bar:nth-of-type(2) {
top:.164444rem; opacity: 0 }
.mob-map .mob-map-close .bar:nth-of-type(3) {
top:.164444rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; transition: top .3s ease .1s, -webkit-transform .3s ease-out .5s; -moz-transition: top .3s ease .1s, transform .3s ease-out .5s, -moz-transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s; transition: top .3s ease .1s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s, -moz-transform .3s ease-out .5s }
.mob-map .mob-map-banner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:.355556rem;
height: 1.777778rem; position: relative; z-index: 990 }
.mob-map .mob-map-banner .logo { float: left; font-size: 0 }
.mob-map .mob-map-banner .logo img { width: auto; height: 1.057778rem; display: inline-block; vertical-align: top }
.mob-map .mob-map-banner .logo i {
font-size:.32rem; color: #fff }
.mob-map .mob-map-cont { position: relative; -webkit-border-radius:.533333rem .533333rem 0 0;
-moz-border-radius:.533333rem .533333rem 0 0;
border-radius:.533333rem .533333rem 0 0;
background: #fff }
.mob-map .mob-map-title { position: relative; text-align: center; font-size:.48rem;
line-height: 1.351111rem; height: 1.351111rem; font-weight: 700; color: #212121; border-bottom:.026667rem solid #b8b8b8
}
.mob-map .mob-map-part { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:.408889rem .488889rem;
border-bottom:.124444rem solid #f0f0f0
}
.mob-map .mob-map-part:last-child { border-bottom: 0 }
.mob-map .mob-map-part .mob-map-type {
margin-bottom:.355556rem;
font-size:.408889rem; font-weight: 700; color: #212121 }
.mob-map .mob-map-part ul { width: 102% }
.mob-map .mob-map-part ul li { float: left; margin-right: 2%; margin-bottom:.266667rem;
width: 23%; height:.888889rem;
line-height:.888889rem;
font-size:.355556rem;
-webkit-border-radius:.106667rem;
-moz-border-radius:.106667rem;
border-radius:.106667rem;
text-align: center; color: #212121; background: #eeeff1 }
.mob-map .mob-map-part ul li a { color: #212121 }
.mob-map .mob-map-part ul li.rs { width: 48% }
.mob-map .mob-map-part.mob-map-pro { padding-top:.711111rem
}
.mob-map .mob-map-part.mob-map-pro ul li {
font-size:.408889rem; font-weight: 600 }
