@charset "utf-8";

body{background: #f2f2f2;}


.BOO4{height: 400px;;position: relative;width:1260px;margin:0 auto;padding:85px  0 0 0;}
.BOO4 .l{width:409px;position: absolute;left:0;top:0;}
.BOO4 .l a{display: inline-block;float:left;}
.BOO4 .l a img{vertical-align: top;}
.BOO4 .r{width:800px;position: absolute;right:0;top:0px;height:327px;}
.BOO4 .r .design_list{width:300px;height:290px;float: right;margin:15px 0 0 35px;background-color: #fff;box-shadow: 0 0 4px #ddd;}
.BOO4 .r .design_list h4{color:#333;font-size:15px;padding:16px 0 13px 0;text-align: center;font-weight: normal;border-bottom:1px solid #ddd;margin:0 auto;width:84%;}
.BOO4 .r .design_list h4 span{color:#DB1F25;font-weight: bold;}
.BOO4 .r .design_list .line{height:11px;}
.BOO4 .r .design_list .li{padding:0 0 0 15px;background:url(../img/icon_33.png) left 5px no-repeat;width:200px;margin: 0 0  14px 30px}
.BOO4 .r .design_list .li .time{display: block;height:20px;line-height: 20px;}
.BOO4 .r .design_list .li .isok{display: block;height:20px;line-height: 20px;color:#999;}
.BOO4 .r .design_list #AC4_SCR{height:200px;overflow: hidden;}
.BOO4 .r .design_list #AC4_SCR ul{}
.BOO4 .r .tab{float:left;height:auto;width:410px;margin:30px 0 0 40px;}
.BOO4 .r .tab .t0{height:50px;background: url(../img/icon_58.jpg) no-repeat left top;color:#fefefe;font-size: 17px;text-align: left;line-height: 40px;letter-spacing: 0.02em;}
.BOO4 .r .tab .t1{height:60px;color:#444;font-size: 16px;text-align: left;line-height: 40px;letter-spacing: 0.02em;}
.BOO4 .r .tab .t1 span{color:#DB1F25;}
.BOO4 .r .tab .i0{width:126px;padding:5px;height:35px;margin:0 15px 17px 0;border:1px solid #999;background:#fff url(../img/icon_29.jpg) 97% center no-repeat;border-radius: 0;overflow: hidden;}
.BOO4 .r .tab .i0.i0-3{margin-right:0;}
.BOO4 .r .tab .i1{width:210px;padding:5px;height:28px;margin:0 0 17px 0;border:1px solid #999;border-radius: 0;overflow: hidden;margin:0 15px 0 0;}
.BOO4 .r .tab .i10{width:160px;padding:5px;height:28px;margin:0 0 17px 0;border:1px solid #999;border-radius: 0;overflow: hidden;}
.BOO4 .r .tab .i2{width:408px;padding:5px;height:40px;margin:0 0 14px 0;border:1px solid #DB1F25;background:#DB1F25;color:#fefefe;border-radius: 0;overflow: hidden;}
@media screen and (max-width:600px)
{
    .BOO4{height: auto;;position: relative;width:100%;margin:0 auto;padding:19px  0 40px 0;}
    .BOO4 .l{width:409px;position: absolute;left:0;top:0;display: none;}
    .BOO4 .l a{display: inline-block;float:left;}
    .BOO4 .l a img{vertical-align: top;}
    .BOO4 .r{width:100%;position: inherit;right:inherit;top:inherit;height:327px;}
    .BOO4 .r .design_list{width:300px;height:290px;float: right;margin:15px 0 0 35px;background-color: #fff;box-shadow: 0 0 4px #ddd;display: none;}
    .BOO4 .r .design_list h4{color:#333;font-size:15px;padding:16px 0 13px 0;text-align: center;font-weight: normal;border-bottom:1px solid #ddd;margin:0 auto;width:84%;}
    .BOO4 .r .design_list h4 span{color:#DB1F25;font-weight: bold;}
    .BOO4 .r .design_list .line{height:11px;}
    .BOO4 .r .design_list .li{padding:0 0 0 15px;background:url(../img/icon_33.png) left 5px no-repeat;width:200px;margin: 0 0  14px 30px}
    .BOO4 .r .design_list .li .time{display: block;height:20px;line-height: 20px;}
    .BOO4 .r .design_list .li .isok{display: block;height:20px;line-height: 20px;color:#999;}
    .BOO4 .r .design_list #AC4_SCR{height:200px;overflow: hidden;}
    .BOO4 .r .design_list #AC4_SCR ul{}
    .BOO4 .r .tab{float:none;height:auto;width:90%;margin:0px auto;}
    .BOO4 .r .tab .t0{height:50px;background: url(../img/icon_58.jpg) no-repeat left top;color:#fefefe;font-size: 17px;text-align: left;line-height: 40px;letter-spacing: 0.02em;}
    .BOO4 .r .tab .t1{height:50px;color:#444;font-size: 15px;text-align: left;line-height: 40px;letter-spacing: 0.02em;}
    .BOO4 .r .tab .t1 span{color:#DB1F25;}
    .BOO4 .r .tab .i0{width:100%;padding:5px 2.5%;height:35px;margin:0 0 8px 0;border:1px solid #bbb;background:#fff url(../img/icon_29.jpg) 97% center no-repeat;border-radius: 0;overflow: hidden;}
    .BOO4 .r .tab .i0.i0-3{margin-right:0;}
    .BOO4 .r .tab .i1{width:95%;padding:5px 2.5%;height:28px;border:1px solid #bbb;border-radius: 0;overflow: hidden;margin:0  0 8px 0;}
    .BOO4 .r .tab .i10{width:95%;padding:5px 2.5%;height:28px;margin:0 0 8px 0;border:1px solid #bbb;border-radius: 0;overflow: hidden;}
    .BOO4 .r .tab .i2{width:100%;padding:0;height:40px;margin:0 0 14px 0;border:1px solid #DB1F25;background:#DB1F25;color:#fefefe;border-radius: 0;overflow: hidden;}
    
}



.block_0 {width: 100%;max-width: 100%;}
.block_0 .row_0{width: 1260px;max-width: 100%;margin: 0 auto ;}
.block_0 .row_0 .f_t{font-size: 26px;font-weight: bold; text-align: center;margin-bottom: 5px;}
.block_0 .row_0 .f_c{font-size: 15px; color:  #333;text-align: center;margin-bottom: 20px;}
.block_0 .row_0 .xiahua{width: 35px;height: 2px; background: #DB1F25;margin: 0 auto;margin-bottom: 35px;}
.block_0 .row_1{width: 1260px;max-width: 100%;margin: 0 auto;border-bottom: 1px solid #ccc;margin-bottom: 50px;}
.block_0 .row_1 .f_0{font-size: 20px; color: #666;margin-bottom: 5px;text-align: center;}
.block_0 .row_1 .f_1{font-size: 15px;color: #999;margin-bottom: 35px;text-align: center;}
.block_0 .row_2 {width: 100%;max-width: 100%;background: url('../img/s_5.jpg')no-repeat bottom;padding-bottom: 60px;margin-bottom: 100px;}
.block_0 .row_2 .pic{margin: 0 auto;text-align: center;}
@media screen and (max-width:600px)
{
    .block_0 {width: 100%;max-width: 100%;}
    .block_0 .row_0{width: 100%;max-width: 100%;margin: 0 auto ;}
    .block_0 .row_0 .f_t{font-size: 24px;font-weight: bold; text-align: center;margin-bottom: 5px;}
    .block_0 .row_0 .f_c{font-size: 13px; color:  #333;text-align: center;margin-bottom: 20px;}
    .block_0 .row_0 .xiahua{width: 35px;height: 2px; background: #DB1F25;margin: 0 auto;margin-bottom: 25px;}
    .block_0 .row_1{width: 100%;max-width: 100%;margin: 0 auto;border-bottom: 1px solid #ccc;margin-bottom: 50px;}
    .block_0 .row_1 .f_0{font-size: 14px; color: #666;margin-bottom: 5px;text-align: center;}
    .block_0 .row_1 .f_1{font-size: 12px;color: #999;margin-bottom: 35px;text-align: center;}
    .block_0 .row_2 {width: 100%;max-width: 100%;background: url('../img/s_5.jpg')no-repeat bottom;padding-bottom: 60px;margin-bottom: 100px;}
    .block_0 .row_2 .pic{margin: 0 auto;text-align: center;width: 92%;}
    
}


.block_1{width: 100%;max-width: 100%;}
.block_1 {width: 100%;max-width: 100%;}
.block_1 .row_0{width: 1260px;max-width: 100%;margin: 0 auto ;}
.block_1 .row_0 .f_t{font-size: 26px;font-weight: bold; text-align: center;margin-bottom: 5px;}
.block_1 .row_0 .f_c{font-size: 15px; color:  #333;text-align: center;margin-bottom: 20px;}
.block_1 .row_0 .xiahua{width: 35px;height: 2px; background: #DB1F25;margin: 0 auto;margin-bottom: 35px;}

.block_1 .row_1{width: 100%;max-width: 100%;background: url('../img/s_1.jpg')no-repeat;height: 457px;display: flex;flex-wrap: wrap;}
.block_1 .row_1 .login { flex: 0 0 41%;background: rgba(0,0,0,0.45); box-sizing: border-box;padding-left: 19%;}
.block_1 .row_1 .login .f_t{font-size: 27px;font-weight: bold;color: #fff;margin-top: 20px;margin-bottom: 10px;}
.block_1 .row_1 .login .f_c{font-size: 13px;color: #fff;padding-bottom: 10px;border-bottom: dashed 1px  #fff;margin-right: 50px;margin-bottom: 55px;}
.block_1 .row_1 .login .inp {position: relative; height: 43px;margin-bottom: 25px;display: flex;align-items: center;}
.block_1 .row_1 .login .inp span{position: absolute;display: flex;align-items: center;height: 100%;width: 40px;justify-content: center;border-right: 1px solid #fff; }
.block_1 .row_1 .login .inp input{ width: 277px;height: 40px;background: rgba(0,0,0,0);border: 1px solid #fff; outline: none;padding-left: 45px;color: #fff;}
.block_1 .row_1 .login .sub input{width: 125px;height: 40px;background: #DB1F25;border: none;color: #fff;font-size: 15px;}
.block_1 .row_1 .login .inp .yzm{position: absolute;right:100px;}
.block_1 .row_1 .login .tis{padding:15px 0;color:#fefefe;font-size:15px;}
.block_1 .row_1 .downlist{padding:20px 0;position: relative;}
.block_1 .row_1 .downlist .exit{position: absolute;right:0;top:55px;display: inline-block;width: 68px;height:30px;line-height: 30px;background: #fefefe;text-align:center;border-radius: 5px;}
.block_1 .row_1 .downlist h4{font-size: 30px;color:#fefefe;padding:25px 0;text-align: center;font-weight: normal;}
.block_1 .row_1 .downlist ul a{display: inline-block;width:30.5%;margin:1% 1%;border:1px solid #aaa;border-radius: 4px;color:#eee;height:38px;line-height: 38px;font-size:15px;}
.block_1 .row_1 .downlist ul a:hover{background: #eee;color:#444;}

.block_2{width: 100%;max-width: 100%;}
.block_2 {width: 100%;max-width: 100%;}
.block_2 .row_0{width: 1260px;max-width: 100%;margin: 0 auto ;margin-top: 100px;}
.block_2 .row_0 .f_t{font-size: 26px;font-weight: bold; text-align: center;margin-bottom: 5px;}
.block_2 .row_0 .f_c{font-size: 15px; color:  #333;text-align: center;margin-bottom: 20px;}
.block_2 .row_0 .xiahua{width: 35px;height: 2px; background: #DB1F25;margin: 0 auto;margin-bottom: 35px;}

.block_2 .row_1{ width: 1200px;max-width: 100%;margin: 0 auto; margin-bottom: 50px; display: flex;justify-content: space-between;}
.block_2 .row_1 li {flex: 0 0 32.5%;background: #fff;}
.block_2 .row_1 li .tit{padding: 25px 15px 40px 15px;}
.block_2 .row_1 li .tit span { float: left; }
.block_2 .row_1 li .tit .f_0 { font-size: 17px;color: #000; margin-left: 55px;}
.block_2 .row_1 li .tit .f_1 {font-size: 14px; color: #000; margin-left: 55px;}

.block_2 .row_1 li .cont .f_0 {font-size: 16px; color: #000; padding: 0px 15px 40px 15px;line-height: 1.5;letter-spacing: 0.05em;}
.block_2 .row_1 li .pic {position: relative;height: 188px;overflow: hidden;}
.block_2 .row_1 li .pic img{max-width: 100%;width: 100%;}
.block_2 .row_1 li .pic .zz {transition: all 0.5s ease; position: absolute;bottom: -40px;display: flex;left: 0;right: 0;text-align: center;margin: 0 auto;justify-content: center;height: 37px;background: rgba(0,0,0,0.5);color: #fff;align-items: center;}
.block_2 .row_1 li:hover .pic .zz {bottom: 0px;transition: all 0.5s ease;}



.s-1 .list{margin:50px auto 50px auto;border:1px dotted  #ddd;width:1200px;}
.s-1 .list .box_t{background:#fff;height:50px;}
.s-1 .list .box_t span{margin:0;display: inline-block;height:auto;width:20%;float: left;text-align: center;line-height: 50px;outline: 1px solid #eee;color:#555;font-size:15px;}
.s-1 .list .box span{margin:0 0 1px 0;;height:auto;width:20%;text-align: center;;line-height: 50px;color:#555;font-size:15px;display:table-cell;float: left;vertical-align: text-top;}
.s-1 .list .box span.b4 a{display: inline-block;width:70px;height:30px;line-height: 30px;border-radius: 0;background:#DB1F25;color:#eee;}
.s-1 .list .box span.b4 a .send_{position: absolute;left:0;top:0;width: 100%;height:100%;line-height: 50px;background:#DB1F25;font-size: 13px;overflow: hidden;opacity: 0;}
.s-1 .list .box span.b4:hover .send_{opacity: 1;}
.s-1 .list .box {border-bottom:1px dotted #ccc;}
.s-1 .list span.b0{width:18%;}
.s-1 .list .box span.b1{width:55%;text-align: left;line-height: 30px;padding:1%}
.s-1 .list .box_t span.b1{width:55%;padding:0 1%}
.s-1 .list span.b2{width:15%}
.s-1 .list span.b4{width:25%;}




@media screen and (max-width:600px)
{
    .content_ {width:84%;background:#eee;margin:0 auto;padding:10px 4%;}
    .content_ h2{font-size: 22px;letter-spacing: 2px;color:#a99c96;font-weight:normal;border-bottom: 1px dotted #ddd;height:50px;line-height: 45px;}
    .content_ ul li{width:100%;margin:5px 0 0 0;display: inline-block;font-size:15px;border-bottom:1px solid #ccc;}
    .content_ ul li.none{display: none;}
    .content_ ul li b{display:block;color:#808080;height:28px;line-height: 28px;color:#777;font-weight: normal;font-size:12px;}
    .content_ ul li span{display:block;color:#444;padding:0 0 4px 0;}


    .join_{width:90%;margin:0 auto;padding:20px 0;font-size:14px;height:auto;}
    .join_ h2{font-size:21px;}
    .join_ .li{width:95%;margin:5px 3% 0 0;display: inline-block;}
    .join_ .li span,.join_ .lit span{color:#ac9685;}
    .join_ .li .i0{display: block;width:96%;padding:1%;border:1px solid #777;margin:10px 0 10px 0;height:22px;font-size: 15px;}
    .join_ .lit{width:98%;padding:5px 0 0 0;}
    .join_ .lit .i1{width:96%;padding:2%;height:89px;border:1px solid #777;margin:10px 0 0 0;}
    .join_ .tis{color:#ca9685;padding:10px 0 10px 0;}
    .join_ .i2{width:120px;height:40px;background: #222;color:#fefefe;font-size:15px;border:0;}


    .store_{padding:10px 0 28px 0;display: none;}
    .store_ .in1{padding:18px 0 40px 0;font-size: 14px;line-height: 32px;}
    .store_ .map{height:632px;background:url(../img/map.html) no-repeat center;margin:20px auto 0 auto;width:1440px;}
    .store_ .map .t{left:110px;top:10px;position: absolute;font-size:15px;}
    .store_ .map .search{left:110px;top:50px;position: absolute;}
    .store_ .map .search .i0{padding:4px 0 4px 8px;height:40px;width:185px;margin:0 15px 0 0;background:#ccc url(../img/icon_3.jpg) 160px center no-repeat;color:#333;border:0;}
    .store_ .map .search .i1{background:url(../img/icon_4.jpg);width:118px;height:44px;border:0;margin:75px 0 0 0;}


}