.banner{height:400px;border-top:solid 1px #fff;background: url("../images/khr-banner_01.png") no-repeat center / cover;position:relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/khr-banner_01.png', sizingMethod='crop')";}
.wrap .inner{width: 1200px;margin: 0 auto;}
.wrap1{height:900px;border-top:solid 1px #fff;background: url("../images/khr-mid_02.jpg") no-repeat center / cover;position:relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/khr-mid_02.jpg', sizingMethod='crop')";}
.wrap1 .inner .content .china {width: 920px;margin: 110px auto 0;position: relative;}
@-webkit-keyframes opacityin {
    0%{opacity: 0}
    100%{opacity: 1}
}
@-webkit-keyframes opacityout {
    0%{opacity: 1}
    100%{opacity: 0}
}
.wrap1 .inner .content .china span{width:7px;height: 7px;z-index: 2;display: inline-block;background: url("../images/all-icon.png") no-repeat -575px -68px;position: absolute;}
.wrap1 .inner .content .china .circle span:first-child{top:50%;left:50%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span{top:50%;left:55%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span{top:40%;left:55%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span{top:48%;left:62%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span{top:30%;left:20%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span{top:60%;left:20%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span{top:50%;left:40%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span{top:68%;left:45%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span{top:80%;left:45%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span{top:72%;left:55%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span{top:85%;left:58%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span{top:80%;left:66%;animation:opacityout12s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span{top:70%;left:63%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span{top:63%;left:63%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:55%;left:65%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:70%;left:70%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:74%;left:75%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:67%;left:78%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:60%;left:72%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:57%;left:76%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:48%;left:72%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:36%;left:66%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:35%;left:78%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:18%;left:78%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:25%;left:78%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:65%;left:78%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:79%;left:65%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:81%;left:70%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:81%;left:59%;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{top:82%;left:60%;animation:opacityout 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }
.wrap1 .inner .content .china .circle span:first-child+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span+span{width:20px;height:20px;top:36%;left:68%;background:url("../images/all-icon.png") no-repeat -629px -168px;;opacity:1;animation:opacityin 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate; }

.wrap1 .inner .content .search-box {width: 1200px;margin: 0 auto ;position: relative}
.wrap1 .inner .content .search-box i{height:30px;width:30px;display:inline-block;position:relative;background: url("../images/all-icon.png") no-repeat -629px -188px;;margin: 0 14px;float: left;}
 .wrap1 .inner .content .search-box span{width: 45px;height: 48px;display: inline-block;float: right}
 .wrap1 .inner .content .search-box .search{width: 104px;height: 38px;border: solid 1px #273864;border-radius: 5px; color:#fff;padding-top: 10px;position: absolute;top:0;right:200px;background: #32477c;cursor: pointer}
.city-picker-select{ margin-left:100px;}
.city-picker-select select{border: 1px solid #365ec5;
    background: #fff;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    outline: none;
    width: 360px;
    height: 48px;
    margin-right: 10px;
    }
.wrap2 .inner .content{padding: 0 35px;}
.wrap2 .inner .content .shop-name{display: none;}

.wrap2 .inner .content li{float: left;width: 350px;height:80px;text-align: center;margin: 30px 25px 24px 0;background: #fff;}
.wrap2 .inner .content .shop .shop-img{width: 350px;height: 250px;}
.wrap2 .inner .content .shop .shop-msg{line-height: 30px;}
.wrap2 .inner .content .shop .shop-msg h4{font-size: 22px;color:#4c4c4c;padding: 10px 0 0 0;}
.wrap2 .inner .content .shop .shop-msg p{font-size: 16px;color:#8e8e8e;}
.wrap2 .inner .content .shop .shop-img img{width: 100%;height: 100%;}