body{ margin:0; padding:0; }
.topLogo{ background:#fff; position:fixed; height:60px; width:100%; z-index:9999; box-shadow:0px 0px 8px rgba(200, 200, 200, 0.7); }

.topmenu{ height:60px; display:flex; flex-wrap:wrap; align-items:self-start; background:#fff; margin: 0 auto;}
.topmenu h2{ width: 180px; padding-top: 5px; background: #fff; z-index: 999; position:relative; }
.topmenu h2 img{ height:50px; }
.topmenu>ul{ display:flex; width: calc(100% - 390px); margin-left: 30px; margin-top: 8px;}
.topmenu>ul li{ margin:0 20px; font-size:16px; line-height:50px; }
/*.topmenu>ul li.active a{ font-weight:bold; position:relative; }
.topmenu>ul li.active a:after{ content:''; height:2px; display: block; width: 100%; background:#0069b5; position:absolute; bottom:-10px;}*/
.topmenu>ul li a{ color:#333; }
.topmenu>ul li:hover a{ color:#0069b5; }
.topmenu>ul li img.ico{ margin-left:3px; margin-top:-20px; height:15px; }
.topmenu h4{ text-align: right; margin-top:15px; font-size:18px; font-weight:600; width:170px; display:flex; }
.topmenu h4 img{ width:20px; height:20px; margin-right:5px; }

.topmenu .user{ width:180px; }
.topmenu .user .btn{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0px; margin-top: 13px;}
.topmenu .user .btn a{ display: block; text-align: center; width: calc((100% - 20px) / 2);
	background: #ffce24; /*background: linear-gradient(to right,#ff6600,#17528e);*/
	border-radius: 32px; height: 32px; line-height: 32px; 
	font-size: 14px; color: #000; letter-spacing: 2px;
}
.topmenu .user .btn a:last-child{ margin-right:0; background: #0069b5; color:#fff; }

.topmenu .user .head{display: flex; justify-content: center; width: 100%; margin-top: 13px;}
.topmenu .user .head img{ width: 35px; height: 35px; border-radius: 35px;}
.topmenu .user .head dd:nth-child(1){ margin-right:10px; margin-bottom:0px; }
.topmenu .user .head dd:nth-child(2){ color:#000; line-height:32px;}


.footImg {overflow: hidden; margin-top: 20px;}
.footImg .col{ padding: 0; font-size: 0; position: relative;}
.footImg img{ width: 100%;}
.footImg dd{ position: absolute; padding: 0 0px 0px 0px; bottom: 0; background: rgba(0, 0, 0, 0.7); 
	width: 100%; height: 100%; bottom: 0; display: flex; justify-content: space-between; margin: 0;
	display: none;
}
.footImg dd dl{ position: absolute; bottom: 0px; width: calc(100%); margin: 0;
padding:  20px; display: flex; justify-content: space-between;  }
.footImg dd span{ color: #fff; font-size: 14px;}
.footImg dd span i{ margin-right: 5px;}

.shoppingFlow{ padding: 40px 0; background: #fff;}
.shoppingFlow .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.shoppingFlow .container div{ text-align: center; }
.shoppingFlow .container div img{ width: 50px; height: 50px; margin-right: 10px;}
.shoppingFlow .container div dd h4{line-height: 50px; font-size: 18px; font-weight: 400; color: #17528e;}
.shoppingFlow .container div dd p{ font-size: 12px; color: #17528e;}

.footMenu{ overflow: hidden; padding: 70px 0px; background: #1c1c1c;}
.footMenu .container{ display:flex; flex-wrap: wrap; justify-content:space-between; }
.footMenu .contanct{ width: 380px; font-size: 14px; color: #ccc; border-left: 1px solid #ababab; padding: 0 40px;}
.footMenu .contanct h1{font-size: 24px; font-weight: bold; padding-bottom: 16px; padding-top: 4px; color: #ffde00; text-align:center; letter-spacing:-1px; }
.footMenu .contanct p{ margin-bottom: 5px;}
.footMenu .contanct p i{margin-right: 5px;}
.footMenu .contanct dd{ text-align:center; display:flex; justify-content:center; margin-top:10px; }
.footMenu .contanct dd i{ margin-right:5px; border:1px solid #ccc; width:25px; height:25px; display:block; text-align:center; line-height:22px; padding-left: 3px; border-radius:25px; font-size:12px; }
.footMenu .contanct .wd-social-icons { display: flex;}
.footMenu .contanct .wd-social-icons a{ display: block; 
	margin-right: 5px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; 
	text-align: center;
	color: #fff;
}
.footMenu .contanct .wd-social-icons a:nth-child(1){ background: #365493;}
.footMenu .contanct .wd-social-icons a:nth-child(2){ background: #33ccff;}
.footMenu .contanct .wd-social-icons a:nth-child(3){ background: #cb2027;}
.footMenu .contanct .wd-social-icons a:nth-child(4){ background: #0274b3;}
.footMenu .contanct .wd-social-icons a:nth-child(5){ background: #1ebea5;}
.footMenu .contanct .wd-social-icons a:nth-child(6){ background: #37aee2;}
.footMenu .menu{ display: flex; justify-content: space-between; width: calc(100% - 380px - 220px); padding-right: 90px; padding-top: 0px;}
.footMenu .menu h4{ font-size: 17px; font-weight: bold; margin-bottom: 35px;}
.footMenu .menu h4 a{ font-size: 14px; color: #eee;}
.footMenu .menu h4 a:hover{ font-size: 14px; color: #eee;}
.footMenu .menu p{ margin-bottom: 18px;}
.footMenu .menu p:last-child{ margin-bottom:0; }
.footMenu .menu p a{ font-size: 14px; color: #ccc; font-weight: 300;}
.footMenu .menu p a:hover{ font-size: 14px; color: #eee;}
.footMenu .wechat{ width: 220px; padding: 0px 20px 0px 90px; text-align: center; color: #ccc; border-left: 1px solid #ababab; font-size: 13px;}
.footMenu .wechat h3{ font-size:16px; font-weight:500; margin-bottom:5px; }
.footMenu .wechat img{ width:110px; margin-top:10px; }


.footjoin{ border-top: 1px solid #202020; padding: 20px 0px; text-align: center; line-height: 25px; color: #eee; font-size: 14px; background: #333333;}
.footjoin a{ color: #eee; font-size: 14px;}
.footjoin .container{text-align: center;}

/*分页*/
.pagination-wrapper{ 
  	margin: 50px 0 0px 0;
  	text-align: center;
  	font-size: 0;
  	clear: both;
  	width: 100%;

} 
.pagination{  
  	clear: both;
} 
.pagination li{
	display: inline-block;
	vertical-align: top;
  	margin-right: 10px; 
  	margin-top: 10px;
  	width: 40px;
  	height: 40px;
  	line-height: 40px;
}
.pagination li a{ 
  	display: block;
  	font-size: 16px; 
  	color: #666666; 
  	height: 40px; 
  	width: 40px
  	line-height: 40px; 
  	text-align: center;
  	transition: all .3s;
  	border: 1px solid #ECECEC;
  	border-radius: 40px;
  	font-family: "微软雅黑";
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	color:#17528e; 
  	border-color: #17528e!important;
} 
.pagination li.active span { 
	display: block;
	border-radius: 40px;
  	background: #17528e; 
  	color: #fff!important;
  	font-size: 16px;
  	border-color: #17528e;
	text-align: center;
}
.pagination li.disabled span { 
	display: block;
	border-radius: 40px;
  	font-size: 16px;
  	border-color: #ECECEC;
}


.pagination-wrapper{ 
  	margin: 50px 0 0px 0;
  	text-align: center;
  	font-size: 0;
  	clear: both;
  	width: 100%;

} 



.layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: -28px;
    top: -28px;
    color: #fff;
    background-color: #787878;
    padding: 3px;
    border: 3px solid;
    width: 29px!important;
    height: 29px!important;
    font-size: 18px;
    font-weight: bolder;
    border-radius: 50%;
    margin-left: 0;
    *right: -18px;
    _display: none;
}

.position{ font-size:14px; display:flex; margin-bottom:20px; }
.position a{ display:block; margin-right:10px; }
.position a:after{ content:'/'; margin-left:10px; }
.position a:last-child{ font-weight: bold; }
.position a:last-child:after{content: '';}

.storesinfo{ background: #fff; text-align: center; padding-bottom: 20px;}
.storesinfo .logo{ display: flex; justify-content: center;}
.storesinfo .logo dd{ text-align: left; padding-top: 20px;}
.storesinfo .logo dd a{ background: #c3c3c5; margin-top: 20px; display: block; width: 80px; height: 25px; line-height: 25px; text-align: center; border-radius: 25px;}
.storesinfo .banner{ text-align: center;}


.c_meau{ width:70px; height:380px; position:fixed; right: 10px;  top:calc(50vh - 190px);}
.c_meau .fl{ width:70px;}
.c_meau .fl>h4{ width:100%; height:61px; background:url(../imagess/c_meau_4.png) no-repeat; color:#81511c; font-size:16px; line-height:22px; text-align:center; padding:8px 0; font-weight:bold;}
.c_meau .fl_o{  padding:10px 0 0 0;}
.c_meau .fl_o_o{background:#fff; color:#7d7d7d; margin-top: 5px; font-size:14px; text-align:center; border-bottom:1px solid #e5e5e5; padding: 10px 0px; position: relative;}
.c_meau .fl_o_o:last-child{ border:none; }
.c_meau .fl_o_o i{ font-size:18px; }
.c_meau .fl_o_o>div{ display:none; transition: all 0.5s;}
.c_meau .fl_o_o dd{ line-height:13px; line-height:22px;}
.c_meau .fl_o_o .tel{ background: #fff; border-radius:5px; position:absolute; left:-190px; top:calc(50% - 60px); padding:20px 20px; width:180px;}
.c_meau .fl_o_o .tel h3{ color:#333; line-height:30px; text-align:left; font-size:16px;}
.c_meau .fl_o_o .tel h4{ color:#333; margin-top:10px; text-align:left; font-size:16px;}
.c_meau .fl_o_o .tel p{ font-size:12px; margin-top:5px; }
.c_meau .fl_o_o .tel:after{content: ''; position: absolute; width: 0; height: 0; right: -20px; top:calc(50% - 5px);
				border-top: 5px solid transparent; 
        border-right: 10px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #fff;}

.c_meau .fl_o_o .wx{ background: #fff; border-radius:5px; position:absolute; left:-190px; top:calc(50% - 102px); padding:20px 20px; width:180px;}
.c_meau .fl_o_o .wx img{ width:140px; height:140px; }
.c_meau .fl_o_o .wx p{ font-size:12px; margin-top:5px; height:25px; line-height:25px; }
.c_meau .fl_o_o .wx:after{content: ''; position: absolute; width: 0; height: 0; right: -20px; top:calc(50% - 5px);
				border-top: 5px solid transparent; 
        border-right: 10px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #fff;}
.c_meau .fl_o_o:hover>div{ display:block; }

.c_meau .fr_t{cursor:pointer;}
.c_meau .fr_t img{ width:40px; }
.c_meau .kefu{ background:none; padding-top:20px; }
@media screen and (max-device-width: 1366px)
{
	.c_meau{ margin-left:470px; z-index:100;}
}