@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:"微软雅黑";  background:#fff; font-size:12px;}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
a{text-decoration:none; border:none; margin:0; padding:0;}
img{border:none;}
.clear{clear:both;}
.fz{ margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

@media screen and (min-width:320px){body{ font-size:12px;}}
@media screen and (min-width:360px){body{ font-size:14px;}}
@media screen and (min-width:480px){body{ font-size:16px;}}
@media screen and (min-width:640px){body{ font-size:18px;}}


/*头部*/

/*top*/
#center{ max-width:640px; min-width:320px; margin:0 auto; width:100%; background:#fed000; padding-bottom:0.2rem; overflow:hidden;}
#top_bar{ width:100%; height:0.8rem; font:0.3rem/0.8rem '微软雅黑'; text-align:center; color:#fff; background:#0691fa ; padding:0 0.2rem; box-sizing:border-box;  }
#top_bar a{ width:0.38rem; height:0.8rem;  }
#top_bar .left{ background:url(http://image.360lj.com/vshop/zhuanti/images/icons.png) no-repeat 0 0; float:left; background-size:4.26rem 2.52rem;}
#top_bar .right{ float:right; }
#banner{ width:100%; height:3.5rem;}

/* 导航 */
#nav{ position:relative; top:0; z-index:2; }
#nav .left{ width:5.6rem; height:0.8rem; padding-right:0.8rem; overflow:hidden; }
#nav .left ul{ width:200%; background:#fff; margin-bottom:0.16rem; position:relative; left:0; }
#nav .left li{ width:5.6rem; display:table; float:left; }
#nav .left a{ height:0.8rem; font:0.26rem/0.8rem '微软雅黑'; color:#666; text-align:center; display:table-cell; }
#nav .left span{ width:25%; display:table-cell; }
#nav .right{ width:0.8rem; height:0.8rem; position:absolute; top:0; right:0; background:#fff; }
#nav .right div{ width:0.8rem; height:0.8rem; background:#f2f2f2 url(../images/jtyy_2.png) no-repeat right 0; }
#nav .left .active{ color:#ff3341; }
#nav .change{ transition:0.5s transform; transform:rotate(180deg); }
#nav .right div{ background-size:100% 100%;}
.clear:after{ content:''; clear:both; display:block; }


.main{ width:80%;}
.main ul{ width:100%; height:1.53rem; background:url(../images/jtyy_3.png) no-repeat center bottom; background-size:100%; padding-bottom:4%;}
.main li{ float:left; width:30%; height:1.33rem; margin:3% 10% 0 10%;}
.main li img{ width:100%;}

.main_a{ width:94.5%;}
.main_a li{ width:48.5%; float:left; margin-right:3%; background:#ff3377; padding-bottom:0.1rem; margin-top:5%; position:relative;}
.main_a a{ display:block; width:100%; height:2.85rem;}
.main_a li img{ width:100%;}
.main_a h4{ margin-top:0.1rem; width:100%; color:#fefefe; font-size:0.24rem; text-align:center; height:0.3rem; line-height:0.3rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-weight:normal;}
.main_a p{ width:100%; color:#fff; font-size:0.20rem; text-align:center;}
.main_a p b{font-size:0.28rem;}
.ding{ position:absolute; left:16%; top:-2.9%; z-index:1; text-align:center; color:#fff; width:67%; height:0.3rem; line-height:0.3rem; background:url(../images/jtyy_8.png) no-repeat; background-size:100% 100%; font-size:0.2rem;}

.main_b{ width:94.5%; margin-top:0.3rem; padding-top:0.2rem;}
.main_b h3{ width:66%; margin:0 auto;}
.main_b h3 img{ width:100%;}
.main_b li{ width:48.5%; float:left; margin-right:3%; background:#fff; margin-top:2%; overflow:hidden;}
.jiu_nei_t{ display:block; width:100%; border-bottom:1px solid #f4f4f4;}
.jiu_a{ display:table-cell; width:3.5rem; height:2.6rem; text-align:center; vertical-align:middle;}
.jiu_a img{ width:2.5rem;}
.main_b h4{ width:100%; height:0.3rem; overflow:hidden; font-size:0.22rem; color:#333; font-weight:normal; text-overflow:ellipsis; white-space: nowrap;}
.jiu_nei{ padding:0.1rem 0.1rem;}
.jiu_nei_a p{ color:#333; font-size:0.18rem;}
.jiu_nei_a i{font-style:normal; color:#ff3377; font-size:0.20rem;}
.jiu_nei_a i b{ font-size:0.22rem;}
.jiu_nei_a s{ color:#999;}
.jiu_nei_a s u{text-decoration:none}
.jiu_nei_b{ width:0.95rem; height:0.4rem; line-height:0.4rem; color:#fffefe; font-size:0.2rem; background:#ff3377; text-align:center; margin-top:0.15rem;}

.bottom{ width:94.5%; margin-top:0.1rem;}
.bottom li{ width:32%; vertical-align:bottom; float:left; margin-right:2%; margin-top:3%;}
.bottom li img{ width:100%; vertical-align:bottom;}

.chao_top{ width:46px; height:46px; position:fixed; right:5px; bottom:80px; z-index:10; cursor:pointer;}
.chao_top img{ width:100%;}

/*弹窗*/
#popup{ width:100%; display:none; z-index:3; }
#mask{ height:100%; background:rgba(0,0,0,0.5); }
#popup,#popup div:not(#mask){ position:fixed; }
#popup,#popup i{ top:0; }
#popup div:not(#mask){ width:90%; background:#fff; border-radius:0.16rem; padding-bottom:0.5rem; margin:0 5%;  top:3.5rem; display:none; }
#popup h3,#popup a,#popup i{ background:url(http://image.360lj.com/vshop/images/samll_icon.png) no-repeat; background-size:0.6rem 3.8rem; }
#popup div:not(.success) h3{ background-position:0 -1.9rem; }
#popup .success h3{ background-position:0 -1.22rem; }
#popup .success strong{ font-size:0.42rem; color:#0088cc; padding-left:0.1rem; }
#popup h3,.success p{ width:4.2rem; padding-left:0.8rem; }
#popup h3,#popup a,.success p{ color:#666; }
#popup h3{ height:0.7rem; margin:1rem auto 0; }
#popup h3,#popup a{ font:0.3rem/0.7rem '微软雅黑'; }
#popup a{  text-align:right; display:inline-block; padding-left:0.5rem; margin:0.45rem 0 0.45rem 2.8rem; background-position:0 -2.6rem; }
#popup .success p{ font:0.24rem/0.26rem '微软雅黑'; margin:0 auto; }
#popup i{ width:0.5rem; height:0.5rem; border-top-right-radius:0.16rem; position:absolute; right:0; background-position:right -3.3rem; }
#popup .show{ display:block; }

/*在线咨询*/
.top-bg{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	position: fixed;
	bottom: 80px;
	z-index: 3;
}
.index-kf-wrap,.kf-bg{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	position: fixed;
	bottom: 140px;
	z-index: 113;	
}
.index-kf-wrap,
.kf-bg{
	right: 5px;
}
.index-top-wrap,
.top-bg{
	right: 5px;
}

.kf-cont,
.top-cont{
	width: 46px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
}
.kf-bg{
	background-color: #3894f4;
	opacity: .9;
}
.top-bg{
	background-color: #000;
	opacity: .5;
}
.kf-cont,
.top-cont{
	padding-top: 14px;
	box-sizing: border-box;
	background: url(http://image.360lj.com/vshop/images/kfIcon.png) no-repeat center 0px;
	background-size: 46px 46px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 46px;
}
.top-cont{
	background: url(http://image.360lj.com/vshop/images/topIcon.png) no-repeat center 0px;
	background-size: 46px 46px;
}
.more-wrap{
	width: 120px;
	height: 80px;
	position: absolute;
	top: -94px;
	left: -50px
	background: #fff;
	border: solid 1px #DDDDDD;
	box-sizing: border-box;
	transition: left 300ms ease-out;
	background: #fff;
	display: none;
}
.more-wrap.cur{
	right: -5px;
}
.more-wrap .bt-bg{
	width: 20px;
	height: 20px;
	background: url(http://image.360lj.com/vshop/images/right_sel.png) no-repeat center;
	background-size: 100%;
	display: inline-block;
	position: absolute;
	bottom: -15px;
	right: 18px;
}
.nav-ul2 li{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	box-sizing: border-box;
	padding-left:50px;
	font-size: 14px;
	color: #555555;
}
.nav-ul2 li:nth-child(1){
	background: url(http://image.360lj.com/vshop/images/phone_icon.png) no-repeat 14px center;
	background-size: 24px 24px;
}
.nav-ul2 li.zx2{
	border-top: solid 1px #DADADA;
	background: url(http://image.360lj.com/vshop/images/zxicon.png) no-repeat 14px center;
	background-size: 26px 26px;
}