#header {
	position:relative;
	z-index:99;
	border-bottom:1px solid #ececec;
}
#header .header, #nav {
	width:1200px;
	margin:0 auto;
	
}
body{ overflow-x:hidden;}
#header .header {
	background:#f6f6f6!important
}
#header .header-menu-wrap {
	float:left;
	position:relative
}
#header .header-menu-wrap .header-menu {
	width:38px;
	height:18px;
	padding:13px 0;
	background:rgba(73, 72, 88, 1);
	overflow:hidden;
	cursor:pointer
}
#header .header-menu-wrap .menu-list-wrap {
	width:981px;
	height:0;
	background-color:#fff;
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:38px;
	z-index:99;
transition:all .3s ease-out;
	transform-origin:bottom;
	overflow:hidden;
	box-shadow:0 5px 12px 0 rgba(0, 0, 0, .12)
}
#header .header-menu-wrap .menu-list-wrap:hover {
	display:table
}
#header .header-menu-wrap .menu-list-wrap .menu-list:nth-of-type(1), #header .header-menu-wrap .menu-list-wrap .menu-list:nth-of-type(2) {
width:304px
}
#header .header-menu-wrap .menu-list-wrap .menu-list:nth-of-type(3), #header .header-menu-wrap .menu-list-wrap .menu-list:nth-of-type(4) {
width:184px
}
#header .header-menu-wrap .menu-list-wrap .menu-list {
	padding:0 38px;
	border-right:1px solid rgba(237, 237, 237, 1);
	display:table-cell
}
#header .header-menu-wrap .menu-list-wrap .menu-list:last-child {
	border-right:none
}
#header .header-menu-wrap .menu-list-wrap .menu-list .menu-list-title {
	display:block;
	width:100%;
	height:36px;
	border-bottom:1px dashed rgba(237, 237, 237, 1);
	font-size:18px;
	font-weight:700;
	color:rgba(51, 51, 51, 1)!important;
	line-height:1;
	position:relative;
	cursor:pointer;
	margin-top:32px
}
#header .header-menu-wrap .menu-list-wrap .menu-list-title::after {
width:16px;
height:12px;
display:block;
content:'';
background:url(../images/menu-list-title-icon.png);
background-size:100% 100%;
position:absolute;
right:0;
top:3px
}
.handel-options-wrap {
	padding-bottom:7px
}
#header .header-menu-wrap .menu-list-wrap .menu-list-title:hover {
	color:#F60!important
}
#header .header-menu-wrap .menu-list-wrap .menu-list-title:hover::after {
background:url(../images/menu-list-title-icons.png)
}
#header .header-menu-wrap .menu-list-wrap .menu-list .menu-list-title .menu-list-box {
	width:100%
}
#header .header-menu-wrap .menu-list-wrap .menu-list .menu-list-box>a {
	display:block;
	width:50%;
	float:left;
	line-height:1;
	padding:8px 0;
	font-size:14px;
	font-weight:400;
	color:#333;
	text-align:left;
	position:relative
}
#header .header-menu-wrap .menu-list-wrap .menu-list .menu-list-box>a.header-hot::after {
display:inline-block;
width:20px;
height:12px;
background-size:20px 12px;
content:'\70ed';
color:red;
font-size:12px;
margin-left:3px;
position:relative;
top:2px;
animation:menumove 4s ease infinite;
-moz-animation:menumove 4s ease infinite;
-webkit-animation:menumove 4s ease infinite;
-o-animation:menumove 4s ease infinite
}
@-webkit-keyframes menumove {
0%, 100%, 50% {
top:-2px
}
25%, 75% {
top:2px
}
}
@keyframes menumove {
0%, 100%, 50% {
top:-2px
}
25%, 75% {
top:2px
}
}
#header .header-menu-wrap .menu-list-wrap .menu-list .menu-list-box>a.new::after {
display:inline-block;
width:20px;
height:12px;
background-size:20px 12px;
content:'\65b0';
color:green;
margin-left:3px;
font-size:12px;
position:relative;
top:2px;
animation:menumove 4s ease infinite;
-moz-animation:menumove 4s ease infinite;
-webkit-animation:menumove 4s ease infinite;
-o-animation:menumove 4s ease infinite
}
#header .header-menu-wrap .menu-list-wrap .menu-list:nth-of-type(3) .menu-list-box>a, #header .header-menu-wrap .menu-list-wrap .menu-list:nth-of-type(4) .menu-list-box>a {
width:100%
}
#header .header-menu-wrap .menu-list-wrap .menu-list .menu-list-box>a:hover {
	color:#F60
}
#header .header-menu-wrap:hover .menu-list-wrap {
	height:auto;
	padding-bottom:20px
}
#header .header-menu-wrap .header-menu .menu-line {
	display:block;
	width:20px;
	height:3px;
	background:rgba(255, 255, 255, 1);
	overflow:hidden;
	box-sizing:content-box;
	margin-left:11px
}
#header .header-menu-wrap .header-menu .menu-line:nth-of-type(1) {
height:3px
}
#header, #header .header, .header-left, .header-right {
	height:38px
}
#header .header-menu-wrap .header-menu .menu-line:nth-of-type(2) {
margin:5px 0 5px 11px
}
#header .header-menu-wrap .header-menu .menu-line:nth-of-type(3) {
margin-top:5px
}
#main {
	min-height:500px
}
#header {
	min-width:1200px;
	line-height:38px;
	background:#F6F6F6
}
.header-left {
	float:left;
	color:#666;
	font-size:12px;
	position:relative
}
.header-right {
	float:right;
	font-size:12px
}
#header .welcome {
	float:left;
}
#header .change-city {
	float:left;
	color:#F60;
	position:relative;
	cursor:pointer;

}
#header .choose-wrap {
	width:282px;
	overflow:hidden;
	position:absolute;
	padding:14px;
	left:20px;
	top:42px;
	background:#fff;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
	display:none;
	z-index:999
}
#header .choose-wrap .choose-wrap-title {
	font-size:14px;
	font-weight:400;
	color:rgba(102, 102, 102, 1);
	line-height:20px;
	margin-left:4px
}
#header .choose-wrap>ul {
	width:100%;
	overflow:hidden;
	line-height:24px
}
#header .choose-wrap>ul>li {
	display:inline-block;
	margin:0 5px;
	line-height:28px;
	font-size:12px;
	font-weight:400;
	color:rgba(153, 153, 153, 1)!important;
	cursor:pointer
}
#header .choose-wrap>ul>li:hover {
	color:#F60
}
#header .change-city span {
	font-size:12px;
	color:#999;
	cursor:pointer
}
#header .header-tel {
	float:left;
	margin-left:16px
}
#header .header-right li {
	float:left;
	display:block;
	padding:13px 0;
	color:#666;
	line-height:15px;
	position:relative
}
#header .header-right li::before {
content:'';
position:absolute;
left:0;
top:15px;
width:1px;
height:12px;
background-color:#d8d8d8
}
#header .my-dgg-qr, #header .my-dgg-wrap, #header .my-kefu-wrap, #header .my-shop-center {
	padding-right:10px!important
}
#header .my-dgg-qr::after, #header .my-dgg-wrap::after, #header .my-kefu-wrap::after, #header .my-shop-center::after {
position:absolute;
display:inline-block;
top:16px;
right:12px;
content:"";
width:5px;
height:5px;
border:solid #999;
border-width:1px 1px 0 0;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
transition:all .3s;
-webkit-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
vertical-align:middle
}
#header .my-dgg-qr:hover::after, #header .my-dgg-wrap:hover::after, #header .my-kefu-wrap:hover::after, #header .my-shop-center:hover::after {
transform:rotate(315deg);
-webkit-transform:rotate(315deg);
-o-transform:rotate(315deg);
-ms-transform:rotate(315deg);
-moz-transform:rotate(315deg);
top:19px;
border-color:#F60
}
#header li .header-item {
	display:block;
	padding:0 14px;
	color:#666
}
#header .header-item:hover {
	color:#F60!important
}
#header .header-item img {
	width:12px;
	height:10px;
	vertical-align:middle;
	margin-left:2px
}
#header .header-tel strong {
	font-size:14px;
	font-weight:600;
	vertical-align:text-bottom;
	margin-left:-6px;
	cursor:default
}
#header .header-my-dgg, #header .header-my-kefu, #header .header-my-qr, #header .shop-center-wrap {
	display:none;
transition:all .3s;
	transform-origin:bottom;
	position:absolute;
	top:35px;
	z-index:10;
	overflow:hidden
}
#header .header-my-qr {
	width:110px;
	left:-10px;
	text-align:center;
	background:0 0
}
#header .header-my-dgg-info, #header .header-my-qr .header-my-info {
	width:98%;
	border:1px solid rgba(229, 229, 229, 1);
	box-shadow:0 0 6px 0 rgba(143, 154, 166, .1)
}
#header .header-my-qr .header-my-info {
	text-align:center;
	background:#fff;
	margin:12px auto 0;
	height:157px;
	float:left
}
#header .header-my-qr .header-my-info>p {
	line-height:1;
	font-size:12px;
	color:#666;
	margin-top:14px;
	position:relative
}
#header .header-my-qr .header-my-info>p::before {
width:22px;
height:12px;
display:block;
content:'';
background:url(../images/header-my-qr-icon.png);
background-size:100% 100%;
position:absolute;
right:42px;
top:-121px
}
#header .header-my-qr .header-my-info>span {
	line-height:1;
	font-size:12px;
	color:#F50;
	margin-top:5px;
	display:block
}
#header .header-my-qr img {
	display:block;
	width:80px;
	height:80px;
	margin:15px auto 0
}
#header .my-dgg-qr:hover .header-my-qr {
	display:block
}
#header .header-my-dgg {
	width:100%;
	left:0
}
#header .header-my-dgg-info::before, #header .shop-center-wrap-info::before {
width:22px;
content:'';
top:-12px;
display:block
}
#header .header-my-dgg-info {
	background:#fff;
	margin:15px auto 0;
	position:relative
}
#header .header-my-dgg-info::before {
height:12px;
background:url(../images/header-my-qr-icon.png);
background-size:100% 100%;
position:absolute;
right:35px
}
#header .header-my-dgg a, #header .header-my-kefu a {
	display:block;
	text-align:center;
	line-height:28px;
	font-size:14px;
	font-weight:400;
	color:rgba(102, 102, 102, 1)
}
#header .header-my-dgg a:hover, #header .header-my-kefu a:hover {
	background:rgba(244, 246, 248, 1);
	color:#F60
}
#header .my-dgg-wrap:hover .header-my-dgg {
	display:block
}
#header .shop-center-wrap {
	left:-190px;
	z-index:4;
	background:#fff;
	border-radius:4px
}
#header .shop-center-wrap1 {
	left:-420px
}
#header .shop-center-wrap-info {
	height:276px;
	padding-left:20px;
	padding-top:20px;
	position:relative;
	border:1px solid rgba(229, 229, 229, 1);
	box-shadow:0 2px 6px 0 rgba(143, 154, 166, .1);
	background:#fff;
	margin-top:20px
}
#header .shop-center-wrap-info3 {
	height:220px!important
}
#header .shop-center-wrap-info::before {
height:12px;
background:url(../images/header-my-qr-icon.png);
background-size:100% 100%;
position:absolute;
right:18px;
transition:all .3s;
opacity:0
}
#header .shop-center-wrap-info .header-active {
	display:block;
	width:100%;
	text-align:center;
	float:left;
	line-height:55px;
	font-size:14px;
	font-weight:400;
	color:rgba(153, 153, 153, 1);
	position:relative;
	left:-20px
}
#header .shop-center-wrap-info .header-active:hover {
	color:#999!important
}
#header .shop-center-wrap-info .header-active span {
	color:#F60
}
#header .shop-center-wrap .shop-center-img-wrap {
	display:block;
	width:220px;
	float:left;
	height:200px;
	text-align:center;
	background:rgba(255, 255, 255, 1);
	box-shadow:0 2px 6px 0 rgba(143, 154, 166, .14)
}
#header .shop-center-wrap .shop-center-img-wrap:first-child {
	margin-right:20px
}
#header .shop-center-wrap .shop-center-img-wrap:last-child img {
	float:right
}
#header .shop-center-wrap .shop-center-img-wrap a, .peron-center-btn {
	display:block;
	width:200px;
	height:40px;
	background:#F60;
	background:linear-gradient(90deg, rgba(255, 158, 63, 1) 0, rgba(255, 102, 0, 1) 100%);
	border-radius:2px;
	margin:10px auto 10px 10px;
	float:left;
	font-size:16px;
	font-weight:400;
	color:rgba(255, 255, 255, 1);
	line-height:40px;
	text-align:center
}
.peron-center-btn {
	margin-left:120px!important;
	margin-top:23px!important
}
.shop-center-wrap1 .peron-center-btn {
	margin-top:19px!important
}
#header .shop-center-wrap .peron_center {
	width:460px;
	height:174px;
	display:block;
	margin:0 20px 0 auto
}
#header .shop-center-wrap img {
	width:220px;
	height:140px;
	float:left
}
#header .my-shop-center:hover .shop-center-wrap {
	display:block
}
#header .my-shop-center:hover .shop-center-wrap-info::before {
opacity:1
}
#header .shop-center-img {
	width:100%;
	height:150px
}
#header .header-shop-center {
	display:block;
	text-align:center;
	line-height:28px;
	text-decoration:underline
}
#header .header-my-kefu {
	width:99%;
	left:0
}
#header .header-my-kefu-info::before {
width:22px;
height:12px;
display:block;
content:'';
background:url(../images/header-my-qr-icon.png);
background-size:100% 100%;
position:absolute;
right:32px;
top:-12px
}
#header .my-kefu-wrap:hover .header-my-kefu {
	display:block
}
#header .my-kefu-wrap:hover .header-my-kefu-info {
	width:98%;
	display:block;
	background:#fff;
	margin:12px auto 0;
	position:relative;
	z-index:99;
	border:1px solid rgba(229, 229, 229, 1);
	box-shadow:0 0 6px 0 rgba(143, 154, 166, .1)
}


.header_search {
    margin-top: 28px;
    width: 310px;
    height: 40px;
    border: 1px solid #eaeaea;
    overflow: hidden;}
	
	.header_search .select {
    position: relative;
    outline: none;
    float: left;
    width: 73px;
    color: #999;
    border: none;
	background:#fff;
    padding-left: 15px;
    border-right: 1px solid #EAEAEA;
    height: 40px;
    line-height: 40px;}
	
	.header_search select::-ms-expand { background: url(../picture/arrow_29x30.png) no-repeat scroll right center  transparent;	 /*将默认的select选择框样式清除*/
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: none; border:none; color:transparent;}
	
	.header_search .input {
    float: left;
    padding-left: 6px;
    border: none;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #6c6c6c;
    width: 88px;}
	.header_search .button {
    float: right;
    width: 50px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center top;
}
.header_search .button1 {
    float: right;
    width: 50px;
    height: 40px;
    border-left: 1px solid #EAEAEA;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    cursor: pointer;
    margin: 0;
    background:url(../images/ico_search.png) center no-repeat;
    padding: 0;
}



.header{width:100%; color:#1b7dc4;margin-bottom: 20px;}
.header_nav{margin:30px auto 0;width: 1200px;overflow: hidden;}
.header_nav h1{float:left;margin-right: 40px;}
.header_nav img{float:left;}
.header_nav ul.nav_list{margin:0 auto;height: 43px;float: left;width: 67%;}
.header_nav ul.nav_list span{height: 15px; width: 0px; float: left;border-right: 1px solid #8D8D8D;margin-top: -27px;}
.header_nav ul.nav_list li{height: 40px;letter-spacing:1px;float:left;text-align:center;font-size:18px;margin: 0 13px;line-height: 40px;}
.header_nav ul.nav_list li a{color:#454545;display:block;font-size: 16px;line-height: 40px;}
.header_nav ul.nav_list li.active{border-bottom:3px solid #00A2FF;}
.header_nav ul.nav_list li.active a{color: #00A2FF;}
.header_nav ul.nav_list li a:hover{border-bottom:3px solid #00A2FF;transition: 0.56s ease;-o-transition: 0.56s ease;-webkit-transition: 0.56s ease;-ms-transition: 0.56s ease;-moz-transition: 0.56s ease;color: #00A2FF;}
.header_nav ul.nav_list li.on a{background: url("https://www.ruanwen.la/images/public/hot.png") no-repeat top right/13px 15px;padding-right: 15px;}
.head_top {border-bottom:1px solid #E4E9EF;height: 50px;line-height: 50px;}
.head_top .logo-wz{float:left;margin-top: 16px;width: 750px;font-size: 14px;color: #999;height: 20px;line-height: 20px;}
.head_top .logo-wz span{color: #FF7212;font-size: 14px;font-weight: bold;}
.head_top .logo-wz a{font-size: 14px;color: #a7a7a7;margin-left: 44px;}
.head_top .logo-wz a.yszy{margin-left: 40px;}
.head_top .logo-tel{float:right;padding-left: 30px;margin-top: 2px;width:157px;/* height:21px; */margin-right: 10px;color:#ff7212;font-weight:700;font-size:20px;background: url("https://www.ruanwen.la/images/public/logo-tel.png")no-repeat center left/157px 21px;}
.head_top_list {float:right;overflow: hidden;margin-top: 16px;margin-right: 20px;}
.head_top_list li{float:left;margin:0 5px;text-align:center;letter-spacing:1px;font-size:14px;line-height:24px;}
.head_top_list li a{width:48px;border:0px solid #d9dfe4;border-radius:2px;line-height:24px; color: #fe4040;}
.head_top_list li a:hover{border:0px solid #00a2ff;color:#00a2ff;}
.width100 {width: 100%;overflow: hidden;}
.width1200 {width: 1200px;margin: 0 auto;overflow: hidden;}

.footer{background: #1E293F;color: #fff;overflow: hidden;}
.footer .footer_nav ul{overflow: hidden;margin-top: 45px;}
.footer .footer_nav ul li{float: left;width: 150px;border-left: 1px solid #3F4B64;padding-left: 60px;}
.footer .footer_nav ul li.li01{float: left;width: 200px;}
.footer .footer_nav ul li.li02{float: left;width: 300px;}
.footer .footer_nav ul li.li03{float: left;width: 90px;border-left: 0;}
.footer .footer_nav ul li dt{margin-bottom: 30px;}
.footer .footer_nav ul li dt a{font-size: 16px;line-height: 30px;color: #fff;}
.footer .footer_nav ul li dd{line-height: 30px;}
.footer .footer_nav ul li dd a{font-size: 14px;line-height: 30px;color: #fff;}
.footer .footer_nav .f_tel span{font-size: 24px;color: #fe4040;font-weight: bold;line-height: 30px;}
.footer .footer_nav .f_tel img{margin: 0 10px;}
.footer p{color: #fff;font-size: 14px;margin: 30px auto;}
.footer .line01 {background: #1B2539;}
.footer .line01 img{float: left;margin: 30px auto;}
.footer .line01 p{color:#fff;font-weight:400;font-size:13px;line-height:20px;display: inline-block;}
.footer .line01_wz01{/* width: 575px; *//* float: left; */text-align: center;width: 100%;}
.footer .line01_wz02{width: 165px;float: right;}
.footer .footer_nav ul li.logo_left{width: 460px;padding-left: 0;border-left: 0;}
.footer .footer_nav ul li.logo_left a{float: left;color: #fff;width: 50%;line-height: 30px;font-size: 14px;}
.clear30 {
    clear: both;
    overflow: hidden;
    height: 30px;
}