.mianlocshop{ width: 1180px;height: 500px;border: 10px solid #ffffff;margin: 0 auto;background-color: white;}
.contentlocshop{ width: 100%;height: 100%; }
.square1{ float: left;width: 380px;height: 230px; }
.square1 img{width: 100%;height: 100%;}
.square1 .locintro{ width: 370px;height: 36px;background-color: rgba(0,0,0,0.45);position: absolute;top:204px;font-size: 16px;color:white;line-height: 36px;text-align: left;padding-left: 10px; }
.square2{ float: left;width: 790px;height: 500px;margin-left: 10px;background-color: white}
#loclogo{ width: 155px;height: 96px;float: left; }
#loclogo img{ width: 155px;height: 96px; }
#locsearch{ padding: 6.5px 0; border:1px solid rgb(179,33,36);position: relative;margin-top: 20px;}
#sleBG select{ border:0px;width: 70px;height: 33px; outline: none;}
#keyword{ width: 180px;height: 32px; margin-left:-55px;outline: none;}
#locsou{ width: 70px;height: 33px;background-color: rgb(179,33,36); color:white;margin-right:-92px;}
#locremen{ position: absolute;left:50%;top: 90px; margin-left: 0px;}
.remen{float:left;margin-left:25px;margin-top:7px;}
.remen span,.remen a{ color: rgb(153,153,153);font-size: 12px; font-family: SimSun;}
#locgonghuo{ padding: 4px 6px;border:1px solid rgb(179,33,36);margin-;position: relative;top: 37px;left:-40px;}
#locgonghuo a{ color: rgb(179,33,36);font-size: 14px;font-family: Microsoft YaHei;}
#locma img{ width: 70px;height: 70px; margin-left: 110px;margin-top: -12px;}
#loclogo,#locsearch,#locremen,#locgonghuo,#locma{ display: inline; }
#loclist{ clear: both;float: left;width: 130px;height: 405px; }
#locfenlei{ height: 32px;background-color: rgb(169,7,11);color: white;line-height: 32px; }
#locleibie{ width: 130px;height: 373px;background-color: rgb(195,49,52); }
#locleibie div{ height: 31px;background-repeat: no-repeat; background-position:15px 0px; }
#locleibie a{ color: white;font-size: 12px;text-align: center;position: relative;left: 10px;font-family: SimSun; }
#loctable{ float: left;width: 660px;height: 50px;line-height: 50px;margin-top: -10px; }
#loctable span{ float: left;margin-right: 48px; }
#loctable a{ color: rgb(179,33,36);font-size: 14px; }
#locnote{ width: 26px;height: 355px;float: left;margin-left: 10px; }
.locnote { width: 14px;height: 76px;border-top: 2px solid rgb(195,49,52);color: rgb(8,8,8);font-size: 14px;margin-bottom: 54px; }
#locbanner{ float: left;width: 624px;height: 355px; }
.locban{ width: 624px; height: 108px;margin-bottom: 20px; }
.locbtnl{ width: 16px;height: 60px;border: 1px solid rgb(235,235,235); line-height: 60px;float: left;}
.locbtnl button{ width: 100%;height: 100%;color: rgb(167,167,167);text-align: center;background-color: transparent; border-style: none; }
.locbanwrap{ width: 564px;height: 104px;overflow: hidden;float: left;margin-top: -10px;margin-left: 10px; }
.locbancon{ width: 9999px;position: relative; }
.locbanimg{ width: 100px;height: 104px;border:1px solid rgb(235,235,235);background-repeat: no-repeat;background-size: 100%;float: left; margin-right: 11px}
.locbanzs{ width: 100px;height: 22px;background-color: rgba(0,0,0,0.45);color: white;position: relative;top: 80px; }
.locbtnr{ width: 16px;height: 60px;border: 1px solid rgb(235,235,235); line-height: 60px;float: left; }
.locbtnr button{ width: 100%;height: 100%;color: rgb(167,167,167);text-align: center;background-color: transparent; border-style: none}
.square3{ width: 380px;height: 260px;float: left;position: relative;top:-260px; }
#locshopwrap{ width: 380px;height: 260px;overflow: hidden; }
#locshopcontent{ width: 9999px;position: relative; }
#locshopcontent div{ float: left;width: 380px;height: 260px; }
#locshopcontent img{ width: 380px;height: 260px; }
#locchoosen{ height: 16px;position: relative;left: 155px;top: -20px; width: 200px;}
.loccircle{ width: 12px;height: 12px;border-radius: 50%;background-color: rgb(195,195,195);float: left;margin-right: 10px; }

.sousuoxuanze{float:left; margin-top:30px; margin-left:30px;border:1px solid rgb(179,33,36); border-right:0px;}



.square2 form{border:1px solid rgb(179,33,36); border-left:0px;width:290px; height:33px;float:left;margin-top:30px;}





/*针对不同像素所做的响应式*/
@media only screen and (min-width: 0px) and (max-width: 1679px){

   .mianlocshop{ width: 1000px;height: 420px;border: 10px solid #ffffff;margin: 0 auto;background-color: white;}
    .contentlocshop{ width: 100%;height: 100%; }
    .square1{ float: left;width: 320px;height: 193px; }
    .square1 img{width: 100%;height: 100%;}
    .square1 .locintro{ width: 312px;height: 31px;background-color: rgba(0,0,0,0.45);position: absolute;top:174px;font-size: 16px;color:white;line-height: 31px;text-align: left;padding-left: 8px; }
    .square2{ float: left;width: 664px;height: 420px;margin-left: 8px;background-color: white}
    #loclogo{ width: 130px;height: 80px;float: left;}
    #loclogo img{ width: 130px;height: 80px; }
    #locsearch{ width: 355px;padding: 3.5px 1px 3.5px 0; border:1px solid rgb(179,33,36);position: relative;top: 10px;}
    #sleBG select{ border:0px;width: 55px;height: 33px;margin:0; outline: none;}
    #locinto{ width: 185px;height: 27px; margin:0;outline: none;}
    #locsou{ width: 62px;height: 33px;background-color: rgb(179,33,36); color:white;margin-right:-110px;}
    #locremen{ position: absolute;left:50%;top: 80px; margin-left: -35px;}
    #locremen span,#locremen a{ color: rgb(153,153,153);font-size: 12px; }
    #locgonghuo{ padding: 3px 5px;border:1px solid rgb(179,33,36);position: relative;top: 28px;left: -32px;}
    #locgonghuo a{ color: rgb(179,33,36);font-size: 13px;font-family: Microsoft YaHei; }
    #locma img{ width: 59px;height: 59px; margin-left: 110px;margin-top: -12px; }
    #loclogo,#locsearch,#locremen,#locgonghuo,#locma{ display: inline; }
    #loclist{ clear: both;float: left;width: 110px;height: 340px; }
    #locfenlei{ height: 27px;background-color: rgb(169,7,11);color: white;line-height: 27px; }
    #locleibie{ width: 110px;height: 313px;background-color: rgb(195,49,52); }
    #locleibie div{ height: 26px;background-repeat: no-repeat; background-position:15px 0px; }
    #locleibie a{ color: white;font-size: 12px;text-align: center;position: relative;left: 10px;font-family: SimSun; }
    #loctable{ float: left;width: 554px;height: 42px;line-height: 32px;margin-top: -10px; }
    #loctable span{ float: left;margin-right: 32px;margin-top: 8px; }
    #loctable a{ color: rgb(179,33,36);font-size: 14px; }
    #locnote{ width: 22px;height: 298px;float: left;margin-left: 8.5px; }
    .locnote { width: 12px;height: 64px;border-top: 2px solid rgb(195,49,52);color: rgb(8,8,8);font-size: 14px;margin-bottom: 45px; }
    #locbanner{ float: left;width: 510px;height: 298px; margin-top: 15px;}
    .locban{ width: 524px; height: 91px;margin-bottom: 17px; }
    .locbtnl{ width: 13.5px;height: 50px;border: 1px solid rgb(235,235,235); line-height: 50px;float: left;}
    .locbtnl button{ width: 100%;height: 100%;color: rgb(167,167,167);text-align: center;background-color: transparent; border-style: none;outline: none; }
    .locbanwrap{ width: 482px;height: 88px;overflow: hidden;float: left;margin-top: -10px;margin-left: 10px; }
    .locbancon{ width: 9999px;position: relative; }
    .locbanimg{ width: 84px;height: 88px;border:1px solid rgb(235,235,235);background-repeat: no-repeat;background-size: 100%;float: left; margin-right: 11px}
    .locbanzs{ width: 84px;height: 18.5px;background-color: rgba(0,0,0,0.45);color: white;position: relative;top: 67px; }
    .locbtnr{ width: 13.5px;height: 50px;border: 1px solid rgb(235,235,235); line-height: 50px;float: left; }
    .locbtnr button{ width: 100%;height: 100%;color: rgb(167,167,167);text-align: center;background-color: transparent; border-style: none;outline: none;}
    .square3{ width: 319px;height: 218px;float: left;position: relative;top:-218px; }
    #locshopwrap{ width: 319px;height: 218px;overflow: hidden; }
    #locshopcontent{ width: 9999px;position: relative; }
    #locshopcontent div{ float: left;width: 319px;height: 218px; }
    #locshopcontent img{ width: 319px;height: 218px; }
    #locchoosen{ height: 13.5px;position: relative;left: 130px;top: -17px;width: 160px; }
    .loccircle{ width: 10px;height: 10px;border-radius: 50%;background-color: rgb(195,195,195);float: left;margin-right: 10px; }

.remen{float:left;margin-left:20px;margin-top:7px;}
.remen span,.remen a{ color: rgb(153,153,153);font-size: 12px;font-family: SimSun; }

.sousuoxuanze{float:left; margin-top:20px; margin-left:20px;border:1px solid rgb(179,33,36); border-right:0px;}

#keyword{ width: 180px;height: 32px;margin-left:-90px;outline: none;}

.square2 form{border:1px solid rgb(179,33,36); border-left:0px;width:265px; height:33px;float:left;margin-top:20px;}


}