@charset "utf-8";.main{padding:60px 0}
.prols .ul{}
.prols dl {
margin-bottom: 25px;
overflow: hidden;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
box-shadow: 0px 0px 38px 0px rgb(45 46 59 / 20%);
background: #ffffff;
}
.prols dl a {
color: #333;
}
.prols dl a:hover{
color: #ed7020;
}
.prols dt {
position: relative;
overflow: hidden;
float: left;
width: 250px;
}
.prols dt img{max-height:170px;display:block;width:100%}
.prols dt img,.prols dd *{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.prols dd {
padding: 20px;
margin-left: 250px;
}
.prols dd h4 {
font-size: 18px;
line-height: 22px;
font-weight: 700;
margin-bottom: 15px;
color: #333;
display: block;
}
.prols dd p{color:#666;font-size:14px;line-height:20px;}
.prols dd p.addr {
background: url(/img/poss.png) left 2px no-repeat;
padding-left: 20px;
margin-bottom: 3px;
}
.prols dd p.tel {
background: url(/img/tsel.jpg) left 2px no-repeat;
padding-left: 20px;
}
.prols a:hover h4 {
color: #f60
}
.ntbox{height:60px; }
.nts{float:left;cursor:pointer;position:relative;z-index:1;width:246px}
.ntname{position:relative;z-index:1;width:230px;height:25px;line-height:25px;overflow:hidden;padding:15px 10px;border-radius:3px;color:#555;font-size:14px;background:#efefef;border:solid 1px #efefef}
.sarrp{width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;display:block;position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s}
.ntname:hover{background:#f2f2f2;color:#333;border:solid 1px #e5e5e5}
.ntname:hover .sarrp{border-top-color:#8d8d8d}
.ntsp{position:absolute;top:56px;left:0;width:250px;height:200px;overflow:hidden;overflow-y:auto;border:solid 1px #ddd;border-radius:0 0 3px 3px;background:#fff;z-index:3}
.selprov{padding:5px 10px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;border-top:solid 1px #eee}
.selprov:hover{background-color:#f1f1f1}
.defprov,.defprov:hover{background:#f08519;color:#fff}
.nts .ntsp{display:none}
.selprovon .ntname{background:#f2f2f2;color:#333;border:solid 1px #e5e5e5}
.selprovon .ntsp{display:block}
.search{float:right;width:500px}
#word{float:left;width:69%;background-color:#fff;color:#333;display:block;height:25px;line-height:25px;font-size:16px;padding:15px 5%;border-radius:3px 0 0 3px;border:solid 1px #dadada;outline:none}
.schbtn{display:block;height:57px;border:none;width:20%;background:#f05419 url(/img/findf.png) 22px center no-repeat;border-radius:0 3px 3px 0;padding-left:27px;color:#fff;font-size:16px;float:left;cursor:pointer}
.schbtn:hover{background-color:#ff850a}
.nopro{color:#999;font-size:18px;padding:150px 0;text-align:center;border-top:solid 1px #eee}
.selectbox {
float: left;
}

.selectbox2 {
float: left;
padding-left: 15px;
}

.selectbox select, .selectbox2 select {
outline: none;
color: #333;
font-size: 18px;
height: 50px;
border: 1px solid #eee;
width: 250px;
line-height: 50px;
padding: 10px 0 10px 15px;
box-sizing: border-box;
border-radius: 3px;
background: #f5f5f5;
}

.shops {
}

.spl {
width: 605px;
float: left;
}

.splnm {
}

.splmap {
}

.spr {
float: right;
width: 520px;
}
.splnm {
}
.spli {float:left;width:33.3%;text-align:center;
}
.spli b {
font-size: 50px;
color: #f08519;
}
.spli span {
}

.shopmsg {
padding: 12px 0 20px;
}
.shopml {
float: left;
font-size: 22px;
color: #333;
}
.shopmr {
float: right;
padding-top: 10px;
}
.provname {
}

.cityname {
}

.findnum {color:#ed7020;
}

a.gomoreshopbtn {
}

a.gomoreshopbtn:hover {
}
.yxbox {
padding: 40px 0 120px
}
 

.yxs {
padding-top: 30px;
position: relative;
z-index: 1
}

.yxs img {
display: block;
width: 600px;
}

.yxs .map_box {
position: absolute;
right: 208px;
bottom: 35px;
width: 150px;
height: 150px;
border-radius: 50%;
background: rgba(237,112,32,0.3);
z-index: 3;
cursor: pointer
}

.yxs .map_box section {
position: absolute;
width: 100%;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: transparent;
border-radius: 50%;
transition: .3s;
z-index: 3;
display: block
}

.yxs .map_box section.dot0 {
transform: translate(-50%,-50%) scale(1.2);
transform-origin: center center;
background: rgba(237,112,32,0.3);
animation: ripple0 2s infinite
}

.yxs .map_box section.dot1 {
border: 1px solid #ed7020;
animation: ripple1 2s infinite;
animation-delay: .6s
}

.yxs .map_box section.dot2 {
border: 1px solid #ed7020;
animation: ripple2 2s infinite;
animation-delay: 1.2s
}

.yxs .map_box section.dot3 {
border: 1px solid #ed7020;
animation: ripple3 2s infinite;
animation-delay: 2s
}

.yxs .map_box > div {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(237,112,32,0.3);
z-index: 5
}

@keyframes ripple0 {
0% {
transform: translate(-50%,-50%) scale(1)
}

100% {
opacity: 0;
transform: translate(-50%,-50%) scale(1.2)
}
}

@keyframes ripple1 {
0% {
transform: translate(-50%,-50%) scale(1)
}

100% {
opacity: 0;
transform: translate(-50%,-50%) scale(2)
}
}

@keyframes ripple2 {
0% {
transform: translate(-50%,-50%) scale(1)
}

100% {
opacity: 0;
transform: translate(-50%,-50%) scale(2)
}
}

@keyframes ripple3 {
0% {
transform: translate(-50%,-50%) scale(1)
}

100% {
opacity: 0;
transform: translate(-50%,-50%) scale(2)
}
}

@media screen and (max-width:750px) {
 
.search {
float: none;
width: auto;
padding: 15px 0;
}
.ntbox {
height: auto; 
}
#word {
padding: 11px 5%;
}
.schbtn {
height: 49px; 
background: #f05419 url(/img/findf.png) 14px center no-repeat;
          
text-align: left;
padding-left: 38px; 
}
.nts {
display: none;
}
.pnavr li {
width: 25%
}
.main{padding-top:25px}
.pnavr li a.pnavon{font-weight:700}
.conl{float:none;display:none}
.pnavr li a.pnavon{font-weight:700}
    .prols dl {
        margin-bottom: 20px;
    }
.prols .ul{ }
.prols dl a{ }
.prols dd h4 {
font-size: 16px;
margin-bottom: 0;
}
.prols dd{padding:11px}
.yxd {
top: 8px;
left: 0
}

.yxs .map_box {
right: 36%;
bottom: 41px;
width: 25%;
height: 27%
}
.spl {
padding-bottom: 22px;
color: #888;
width: auto;
float: none;
}
.splmap {
display: none;
}
.spr {
float: none;
width: auto;
}
.spli b {
font-size: 22px; 
}
.selectbox {
width: 50%;
}
.selectbox2 {
width: 49%;
padding-left: 1%;
}
.selectbox select, .selectbox2 select {
font-size: 16px;
height: 45px;
line-height: 45px;
width: 99%;
padding: 10px 0 10px 1%;
}
.spli1 {text-align:left;
}
.spli2 {
}
.spli3 {text-align:right;
}
.shopml {
font-size: 15px;
color: #333;
}
.shopmr {
padding-top: 1px;
}
.shopmsg {
padding: 18px 0 15px;
}
.prols dt { 
width: 170px;
}
.prols dd { 
margin-left: 170px;
}
.prols dd p {
line-height: 17px;
font-size: 12px;
}
.prols dd h4 {
font-size: 15px;
margin-bottom: 5px;
line-height: 20px;
}
.prols dd p.addr {
padding-left: 12px;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: url(/img/poss.png) left 5px no-repeat;
background-size: auto 58%;
}
.prols dd p.tel {
background: url(/img/tsel.jpg) left 2px no-repeat;
padding-left: 15px;
background-size: auto 67%;
}
}