body{ margin:0; padding:0; }
.top{
	height: 40px;
	background: rgba(242, 242, 242, 1.0);
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	justify-content: right;
}
.top .container{}
.top .headerTop{display: flex; justify-content: space-between;}
.top .headerTop .leftt{ display: flex;}
.top .headerTop .leftt dd{position: relative; margin-right: 10px; color: #333;}
.top .headerTop .leftt dd>a{ line-height: 40px; color: #333;}
.top .headerTop .leftt dd>a>i{ margin-right: 3px; margin-left:5px; }
.top .headerTop .leftt dd>a:hover{ color: #0069b5;}
.top .headerTop .leftt dd div{padding:10px 20px; background: #fff; line-height:30px; border-top:none; display: none; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1); }
.top .headerTop .leftt dd div a{}
.top .headerTop .leftt dd:hover div{ display:block; }
.top .headerTop .leftt .logins{ color:#f00; }
.top .headerTop .right{ display: flex;}
.top .headerTop .right dd{position: relative; margin-left: 20px; color: #333;}
.top .headerTop .right dd>a{ line-height: 40px; color: #333;}
.top .headerTop .right dd>a>i{ margin-right: 3px;}
.top .headerTop .right dd>a:hover{ color: #0069b5;}



/* .top .container div{ padding:0 25px 0px 16px; line-height:40px; position:relative; }
.top .container div:before{ content:'';position:absolute; right:0; top: 10px; height:20px; width: 1px; background:#cccccc; }
.top .container div:last-child:before{ display:none; }
.top .container div i{ margin-right:5px; }
.top .container div.login:after{ content:""; position: absolute; right: 8px; top: 20px;
		border:5px solid transparent;
         border-top-color:lightseagreen; 
         border-left-color:lightseagreen; 
         border-right-color:lightseagreen; 
        border-top-color:#cccccc;}
		
.top .container div ul{position: absolute; background: #fff; border: 1px solid #cccccc; z-index: 9; width: 100%;
	text-align: center; line-height: 40px; font-size: 14px; border-top: 0; display: none;
	left: 0; padding: 0;
}
.top .container div:hover ul{ display:block; } */

.topLogo{ background:url("../imagess/top_bg.png") #fff no-repeat top center; padding:10px 0px 0px 0px; border-bottom: 2px solid #0069b5;}
.topSearch{ margin-top: 0px; margin-bottom: 10px; display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center;}
.topSearch .logo{ width:350px; height:80px; display:block; }
.topSearch .logo img{ height: 80px;}

.topSearch .topright{width:calc(100% - 700px);}
.topSearch .toprights{ display:flex; justify-content: space-between; }
.topSearch .search{width: 800px; height: 40px; padding: 0px; border-radius: 5px; overflow: hidden;}
.topSearch .search form{display: flex;}
.topSearch .search select{ width:100px; border: none; text-align: center;}
.topSearch .search input{ width: calc(100% - 60px); border: solid 1px #ddd; border-right: none; height: 40px; line-height: 40px;  padding: 0 10px; border-radius: 5px 0px 0px 5px;}
.topSearch .search button{ width: 80px; height: 40px; line-height: 40px; font-size: 16px; border: solid 0px #0069b5; color: #fff; background: #0069b5; border-radius: 0px;}
.topSearch .search button i{ margin-right:5px; font-size: blod; }
.topSearch .addProject{ width: 140px; margin-top: 22px; height: 52px; border: solid 1px #17528e; color: #fff; background: #17528e; border-radius: 53px;}
.topSearch .addProject a{ color: #fff;}

.topSearch .rightQr{text-align: center; width: 300px; display: flex; justify-content: right;}
.topSearch .rightQr i{ margin-right: 10px;}
.topSearch .rightQr img{ height: 80px;}
.topSearch .rightQr p{ font-size: 12px;}
.rightQr dd:nth-child(1){ background:#f00; color: #fff; border: none; }
.rightQr dd:nth-child(1) a{ color:#fff; }
.rightQr dd:nth-child(1) i { color:#fff; }
.rightQr dd{ border:1px solid #e2e2e2; width:120px; margin-left: 10px; background: #f9f9f9; height:40px; border-radius:5px; line-height:40px; position:relative; }
.rightQr dd i{ margin-right:5px; color:#666; font-weight:bold; }
.rightQr dd b{ background:#f03b28; color:#fff; display:block; width:15px; height:15px; border-radius:15px; line-height:15px; text-align: center; font-size:12px; position:absolute; right:15px; top:10px; }



.topmenu{ margin-top:10px; height:50px; display:flex; flex-wrap:wrap; align-items:self-start; }
.categories{ width: 180px; background: #fff; z-index: 999; border-radius: 5px; margin-top: 2px; position:relative; }
.topmenu>ul{ display:flex; width: calc(100% - 390px); margin-left: 30px;}
.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 a font{ color:#f00; }*/
.topmenu>ul li img.ico{ margin-left:3px; margin-top:-20px; height:15px; }
.topmenu h4{ text-align: right; margin-top:15px; line-height: 25px; font-size:18px; font-weight:600; width:180px; display:flex; }
.topmenu h4 i{ margin-right:10px; }
.topmenu h4 img{ width:25px; height:25px; margin-right:5px; margin-top:2px; }

.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: 60px 0; background: #fff;}
.shoppingFlow .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.shoppingFlow .container div{ text-align: center; }
.shoppingFlow .container div img{ height: 81px;}
.shoppingFlow .container div dd h4{line-height: 20px; font-size: 16px; font-weight: 600; color: #17528e; margin-top: 20px; margin-bottom: 5px;}
.shoppingFlow .container div dd p{ font-size: 12px; color: #555; line-height: 20px; font-weight: 400;}

.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: 30px;
  	height: 30px;
  	line-height: 30px;
}
.pagination li a{ 
  	display: block;
  	font-size: 16px; 
  	color: #666666; 
  	height: 30px; 
  	width: 30px
  	line-height: 30px; 
  	text-align: center;
  	transition: all .3s;
  	border: 1px solid #ccc;
  	border-radius: 3px;
  	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: 3px;
  	background: #17528e; 
  	color: #fff!important;
  	font-size: 16px;
  	border-color: #17528e;
	text-align: center;
}
.pagination li.disabled span { 
	display: block;
	border-radius: 3px;
  	font-size: 16px;
  	background: #ddd;
  	text-align: center;
}


.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;}



.indexAdv{ background:url(../imagess/new-user.8a367c0.png) no-repeat center center; animation: change 2s; height:80px;}
@keyframes change{
  0%{
    height: 0px;
  }
  100%{
    height: 80px;
  }
}
.indexAdv i{ float:right; font-size:18px; color:#000; font-weight: bold; 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;}
}