@charset "utf-8";
#Web_show_menu{ position: fixed; margin: 0 auto; max-width: 720px; top: 0; width: 100%;z-index: 9;transition:all .4s;}
.webHeaderBg {
	color:#fff;
	position:relative;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)
}
.header{padding-left: 0;}
/*.edit #Web_show_menu{ position: absolute; z-index: 2;}*/
.edit #Web_show_menu{ position: absolute!important;}
.design .navbar {
    position: absolute;
    z-index: -9;
    height: 0!important;
    bottom: 0!important;
    max-width: 720px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background-color: #4c4242;
    top: 100%;
    opacity: 0.5;
    
}
.design .navbar .navItem a {
	overflow:hidden;
	font-size:1.4rem;
	text-decoration:none;
	text-align:center;
	display:block;
	position:relative;
	padding:0 1rem;
	word-break:keep-all;
	white-space:nowrap;
	width:auto;
	min-width:80px;
	max-width:none;
	font-family:"微软雅黑";
}

.design .navbar .navbarList {
	padding-top: 6rem;
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	height: 70%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.design .navbar .navbarList > ul > li {
	position:relative;
}
.design .navbar .navbarList > ul > li > a {
	height:7rem;
	padding-left:2rem;
	color: #fff;
	line-height:7rem;
	text-align:left;
	display:block;
	font-size:1.6rem;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-decoration:none;
	font-weight:normal;
	overflow:hidden;
	width:100%;
	position:static;
	
}
.design .navbar .navbarList > ul > li{
	-webkit-transform: translateY(40rem);
	transform:translateY(40rem);
     
}
.openNav .design .navbar .navbarList> ul > li {
	transform:translateY(0%);
	-webkit-transform: translateY(0%);
	transition:all 350ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(1){
	transition-delay:160ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(2){
	transition-delay:260ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(3){
	transition-delay:320ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(4){
	transition-delay:410ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(5){
	transition-delay:500ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(6){
	transition-delay:560ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(7){
	transition-delay:600ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(8){
	transition-delay:660ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(9){
	transition-delay:700ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(10){
	transition-delay:720ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(11){
	transition-delay:740ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(12){
	transition-delay:760ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(13){
	transition-delay:780ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(14){
	transition-delay:800ms;
}
.openNav .design .navbar .navbarList> ul > li:nth-child(15){
	transition-delay:820ms;
}

.design .navbar .navbarList > ul > li > a span.navItemIcon,
.design .navbar .navbarList > ul > li > a span.iconfont,
.design .navbar .navbarList > ul > li > a img{
	font-size: 3rem;
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	margin-right:0.8rem;
	vertical-align: middle;
	display: inline-block;
	color: rgb(255,255,255);
	border-radius: 100%;
	border: 2px solid #ffffff;
	text-align: center;
	line-height: 3.4rem;
}
.design .navbar .navItem:after{ display: none }
.design .navbar .navbarList > ul > li > a[data-cname="index.html"] span.navItemIcon:before {content: '\e686' }
.design .navbar .navbarList > ul > li > a[data-cname="product.html"] span.navItemIcon:before {content: '\e6a9' }
.design .navbar .navbarList > ul > li > a[data-cname="news.html"] span.navItemIcon:before {content: '\e607' }
.design .navbar .navbarList > ul > li > a[data-cname="login.html"] span.navItemIcon:before {content: '\e640' }
.design .navbar .navbarList > ul > li > a[data-cname="register.html"] span.navItemIcon:before {content: '\e660' }
.design .navbar .navbarList > ul > li > a[data-cname="msg.html"] a span.navItemIcon:before {content: '\e6b5' }
.design .navbar .navbarList > ul > li > a span.navItemIcon:before {content: '\e725' }

/*导航栏选中背景*/
.design .navbar .navbarList > ul > li.itemSelected{
	border:none;
}
.design .navbar .navbarList > ul > li.itemSelected > a {
	/* background:#de3838; */
	border-radius:3rem 0 0 3rem;
	color: #fff;
}

.design .navItem .navItemName {
	margin:0 0.5rem
}
.navBaseIcon .navItemIcon {
	width:2rem;
	display:inline-block;
	vertical-align:middle;
	margin-right:1rem;
	margin-left:2rem
}
.navBaseIcon .navItem a {
	line-height:4.6rem;
	text-align:left;
}

.navButton {
	position:fixed;
	height:4rem;
	width:4rem;
	z-index:99;
	bottom:70px;
	margin-left:0.6rem;
	-webkit-transition:all 350ms;
	transition: all 350ms;
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
}
body.edit .navButton{
	position:absolute;
	top: 520px;
	transition: all 350ms;
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
}
.navButton .menuNav .menuNavTip {
	width: 4rem;
	height: 4rem;
	text-align:center;
	border-radius:50%;
	cursor: pointer;
	background: #de3838;
	border: 2px solid #ffffff;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
	box-sizing: border-box;
}

.openNav .design .navbar {
    visibility: visible;
    opacity: 0.8;
    width: 100%;
    height: 101%!important;
    -webkit-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    z-index: 6;
    position: absolute;
    top: -4px;
}
.navButton .menuNav .icon-menuNavTip:before {
	content:"\e6b0";
	font-size: 3.5rem;
	color:#fff;
	line-height: 3.7rem;
	text-align:center;
}
.openNav .menuNav .icon-menuNavTip:before {
	content: '\e66f'
}
.openNav .navButton {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
} 

/*导航栏遮罩*/
#mob_nav_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: #333;
	opacity: 0.5;
	cursor: pointer;
	display: none;
}


/*全局默认效果*/
.webAnimation {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all 350ms;
	-ms-transition:all 350ms;
	-moz-transition:all 350ms;
	-o-transition:all 350ms;
	transition:all 350ms;
}
/*全局移动效果*/
/* .marginAnimation {
	-webkit-transform:translate(50%,0);
	-ms-transform:translate(50%,0);
	-moz-transform:translate(50%,0);
	-o-transform:translate(50%,0);
	transform:translate(50%.design .navItem .navItemName,0);
} */

#design .webHeaderBox {
	background-image: url(../../../images/topbg.png);
    background-size: cover;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

/*组件栏目标题*/
.skin_title{position: relative;height: 3.3rem;line-height: 3.3rem;padding-left:15px;text-align: center;}
.skin_title > h4{font-weight: normal;font-size: 1.4rem;left: 0;top:0;margin:0; line-height:3.34rem;margin: 0 auto;display: inline;right: 0;bottom: 0;text-align: center;padding: 0.75rem 2rem;}
.skin_title > .skin_t_icon{position: relative;display: block;z-index: 16;width: 30%;height: 4px;margin: 0px auto 0 auto;top: -5px;}
.skin_title > a{text-decoration:none}
.skin_title > a.skin_t_more{ position: absolute; right: 0; top:0;font-size:1.2rem; font-family:'icomoon'; font-size: 2.5rem;
	color: #fff;}

.skin_title > a.skin_t_more:before{content: "\e6b8"; visibility:visible; }
.skin_title > a > span.skin_t_b{ display:none; }
.skin_t_line{
    bottom: 2px;
    border-top: 1px solid #ddd;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    }

/*当前位置*/
#webLocaltion{background: white;}
#localNavbar{top:5rem;}
#localNavbar ul{background: #ffffff;}
#localNavbar ul li{border-bottom: 1px solid #f2f2f2;}
#localNavbar ul li a{border:none; color:#494949; line-height:5rem;height:5rem; padding-left: 3rem;border-bottom: 1px solid #d0d0d0;}
#localNavbar ul li.itemSelected a{background:#de3838; color:#fff;border:none; margin-left:1rem; padding-left:2rem;border-radius:3rem 0 0 3rem}
.localNavTip{
    margin-top:-6px;
    width: 3.3rem;
    height: 3.3rem;
    cursor: pointer;
    margin-top: -4px;
    margin-right: 5px;
    position: absolute;
    top: 0px;
    right: 2px;
    }
.localNavTip.icon-menuNavTip:before{font-size: 4rem;line-height: 4.6rem;margin-left: 1rem;content: "\e6b0";}

.design .navbar .navbarList > ul > li.itemSelected > a span.navItemIcon{background:#ffffff !important;}

.design .navbar .navbarList > ul > li.itemSelected > a span.iconfont{background:#ffffff !important;}