< type="text/css">
.banner{display:none;}
.header .search a img{display:none;}
.header .search input{float:left;}
@media only screen and (max-width:1024px) {
.header{display: block !important;height:auto;padding:inherit;}
.header .logo{display:none;}
.banner{display:block;}
.header .banner img{width:100% !important;}
.header .search{margin-top:0px;}
.header .search{height: .78rem;background: #e5e8ec;line-height: .78rem;padding-top: 0.16rem;text-align: center;}
.header .search input{display: inline-block;width: 4.7rem;height: .60rem;line-height: .60rem;font-size: .24rem;padding-left: .3rem;color: #c6bbbb;border: 0;margin-top: -0.5rem;vertical-align: middle;background-color:#ffffff;float:none;}
.header .search a{display: inline-block;width: .60rem;height: .60rem;line-height:inherit;}
.header .search a img{width: .60rem;height: .60rem;vertical-align:top;display:block;}
.header .search a span{display:none;}
.fr{float:inherit;}
}
<>
.xymj {
position: fixed;
right: 20px;
top: 60px;
width: 58px;
height: 100%;
z-index: 1006; }
.xymj li{
position:relative;
text-align:center;
margin-bottom:10px;}
.xymj li em{
display:block;
width:56px;
cursor:pointer;
padding:8px 0 0;
height:44px;
border:1px solid #cbcbcb;
border-radius:6px;}
.xymj li span{
position: absolute;
z-index: 100;
color: #fff;
line-height: 54px;
font-size: 14px;
background: #1f417e;
opacity:0;
-moz-opacity:0;
border-radius: 3px;
width: 100px;
top: 0px;
left: -159px;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
visibility:hidden;
}
.xymj li.z-crt em{
border:1px solid #1f417e;}
.xymj li.z-crt span{
left: -100px;
opacity:1;
-moz-opacity:1;
visibility:visible;}
.xymj li.z-crt span.ewm{
left: -170px;}
.xymj li span.r-search{
width: 320px;
}
.xymj li.z-crt span.r-search{
left: -340px;}
.ymj5 em{
background:#fff url(template/3/191.png) center center no-repeat;}
.ymj5.z-crt em{
background:#fff url(template/3/191.png) center center no-repeat;}
.ymj4 em{
background:#fff url(template/3/191.png) center center no-repeat;}
.ymj1.z-crt em{
background:#fff url(template/3/191.png) center center no-repeat;}
.ymj3 em{
background:#fff url(template/3/193.png) center center no-repeat;}
.ymj1.z-crt em{
background:#fff url(template/3/193.png) center center no-repeat;}
.ymj1 em{
background:#fff url(template/3/194.png) center center no-repeat;}
.ymj1.z-crt em{
background:#fff url(template/3/194.png) center center no-repeat;}
.ymj2 em{
background:#fff url(template/3/195.png) center center no-repeat;}
.ymj2.z-crt em{
background:#fff url(template/3/195.png) center center no-repeat;}
.ymj8 em{
background:#fff url(dbsource/2/5.png) center center no-repeat;}
.ymj8.z-crt em{
background:#1f417e url(dbsource/2/5.png) center center no-repeat;}
.xymj i{
font-size:14px;
width:56px;
cursor:pointer;
height:30px;
color:#fff;
background: #1f417e;
border:1px solid #1f417e;
border-radius:6px;
display:block;
line-height:30px;
text-align:center;
}
.xymj i.z-crt{
padding-top:24px;
position:absolute;
top:60px;
background:#1f417e url(dbsource/2/4.png) center 5px no-repeat;
}
.f-ml60 {margin-left: 60px;}
olul {
list-: none;
}
@media only screen and (max-width:1024px){
.xymj{display:none;}
}
* {
font-family: 'SOURCEHANSANSSC-REGULAR' !important;
}
