@charset "utf-8";
body {
	background: #fff
}
a {
	color: #333
}
.webContainerBox {
	background: #f0f0f0;
	top: 0rem;
	overflow: hidden;
	z-index: 0
}
.webHeader {
	border-top: 6px solid #a24718
}
.webHeaderBg {
	background-image: url(../images/bg_pic.png);
	background-color: #000000;
	background-size: auto;
	border-top: 0
}
.header {
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center
}
.header .pageLogo.left {
	float: left
}
.webHeaderBg .pageTitle {
	line-height: 2.25rem;
	color: #fff
}
.defaultBanner {
	background-image: url(../images/250001.jpg);
	background-position: 50% 50%
}
.navbar {
	position: fixed;
	z-index: 1;
	max-height: 12.5rem;
	height: 0!important;
	bottom: 0!important;
	max-width: 640px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-perspective: 1000;
	-ms-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.navbar .navbarList {
	position: relative;
	float: left;
	max-width: 640px;
	width: 100%
}
.navbar .navItem {
	float: left;
	line-height: 1.75rem;
	text-decoration: none;
font-size:.6rem;
	position: relative;
	width: 33.33%;
	opacity: 0;
	-webkit-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	bottom: -20rem
}
.navbar .navItem a {
	color: #fff;
	line-height: 1.75rem;
	text-align: center;
	display: block;
	border: 0;
font-size:.7rem;
	padding: 0rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 15rem;
	color: #fff;
	text-decoration: none;
	-webkit-text-shadow: 0 0 2px rgba(0,0,0,.2);
	-ms-text-shadow: 0 0 2px rgba(0,0,0,.2);
	-moz-text-shadow: 0 0 2px rgba(0,0,0,.2);
	-o-text-shadow: 0 0 2px rgba(0,0,0,.2);
	text-shadow: 0 0 2px rgba(0,0,0,.2);
	visibility: hidden
}
.navbar .itemSelected {
	background: 0
}
.navbar .itemSelected:before {
	position: absolute
}
.navBaseIcon .itemSelected:before {
	background: 0
}
.navBaseIcon .navItemIcon {
	background: #39ac6a;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	color: #a6a6a6;
	background-size: 50%!important;
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	position: relative
}
.navBaseIcon .navItem a {
	line-height: 1.75rem
}
.navBaseIcon .z1{
	background:#000000 url(../images/z1.png) no-repeat center;
    background-size: 60%!important;
}
.navBaseIcon .z2{
	background:#000000 url(../images/z2.png) no-repeat center;
    background-size: 60%!important;
}
.navBaseIcon .z3{
	background:#000000 url(../images/z3.png) no-repeat center;
    background-size: 60%!important;
}
.navBaseIcon .z4{
	background:#000000 url(../images/z4.png) no-repeat center;
    background-size: 60%!important;
}
.navBaseIcon .z5{
	background:#000000 url(../images/z5.png) no-repeat center;
    background-size: 60%!important;
}
.navBaseIcon .z6{
	background:#000000 url(../images/z6.png) no-repeat center;
    background-size: 60%!important;
}
.navBaseIcon .z7{
	background:#000000 url(../images/z7.png) no-repeat center;
    background-size: 60%!important;
}
.navButton {
	position: fixed;
	text-decoration: none;
bottom:.75rem;
	-webkit-border-radius: 2.5rem;
	-ms-border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	-o-border-radius: 2.5rem;
	border-radius: 2.5rem;
	height: 2.5rem;
	width: 2.5rem;
	background: 0;
	padding: 0;
	line-height: 2.4rem;
	text-align: center;
	z-index: 99;
	;
margin:0 0 0 .35rem
}
.navButton .navButtonPanel {
	width: 5rem;
	height: 4rem;
	position: absolute;
	bottom: -0.75rem;
	left: -0.75rem;
	display: block
}
.navButton .menuNav {
border:.15rem solid #fff;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	height: 1.25rem;
	width: 1.25rem;
	background: #000000;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.3);
	-o-box-shadow: 0 0 2px rgba(0,0,0,.3);
	box-shadow: 0 0 2px rgba(0,0,0,.3);
margin:.2rem auto
}
.navButton .menuNav .menuNavTip {
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-o-border-radius: 2rem;
	border-radius: 2rem;
	width: 2rem;
	height: 2rem
}
.navbar.open {
	left: 0;
	visibility: visible;
	opacity: 1;
	width: 100%;
	height: auto!important;
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms
}
.g_panel {
	background: #f1f1f1
}
.g_replyPanel {
	background: #e6d4cb
}
.g_panelArrow {
	color: #e6d4cb
}
.g_separator {
	background: #ddd
}
.g_separator:last-child {
	display: none
}
.g_button {
	background: #000;
-webkit-border-radius:.2rem;
-ms-border-radius:.2rem;
-moz-border-radius:.2rem;
-o-border-radius:.2rem;
border-radius:.2rem
}
.form {
margin:0px;
	background: #fff;
-webkit-box-shadow:0rem .05rem .1rem rgba(0,0,0,.2);
-ms-box-shadow:0rem .05rem .1rem rgba(0,0,0,.2);
-moz-box-shadow:0rem .05rem .1rem rgba(0,0,0,.2);
-o-box-shadow:0rem .05rem .1rem rgba(0,0,0,.2);
box-shadow:0rem .05rem .1rem rgba(0,0,0,.2)
}
.form .titleCenter {
	height: 2.2rem;
	line-height: 2.2rem;
-webkit-border-radius:.3rem .3rem 0rem 0rem;
-ms-border-radius:.3rem .3rem 0rem 0rem;
-moz-border-radius:.3rem .3rem 0rem 0rem;
-o-border-radius:.3rem .3rem 0rem 0rem;
border-radius:.3rem .3rem 0rem 0rem;
	background-image: gradient(linear, left bottom, left top, color-stop(1.0, #fff), color-stop(0.0, #f8f8f8))
}
.form .formBannerMore .titleMore {
	color: #666;
line-height:.6rem;
	padding: 0rem;
	width: 2.25rem;
height:.9rem;
margin-top:.8rem;
	-webkit-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
	border-radius: 1.5rem
}
.form .formBannerMore .titleMore:active {
	background: 0
}
.form .formBannerMore .titleMoreIcon:active {
	background: #f2f2f2
}
.form .formBannerTitle .titleTextIcon {
width:.5rem;
	height: 100%;
	display: inline-block;
	background: url(../images/titleicon306.png) no-repeat 50% 50%
}
.form .formBannerTitle .titleText {
	width: 68.181818181%;
	position: relative;
	color: #000;
	padding-left: none;
	text-indent: 0
}
.form .formMiddle {
	padding-bottom: 0rem
}
.form .moduleContent {
	color: #333
}
.form .formBannerTitle {
	border-bottom: 2px #eee solid
}
.multilingualArea {
	background: #fff
}
.multilingualArea .multiLanguageCtrl {
	color: #333
}
.multilingualArea .g_mullink {
	color: #333
}
.lanSelect .lanItem:hover {
	background-color: rgba(160,72,22,0.9)
}
.turnBackIcon {
	background: url(../images/return.png) no-repeat 50% 50%;
	background-size: 1.25rem
}
.mbTitle {
	color: #a24718
}
.msgBoard .msgTop {
padding-bottom:.5rem;
margin-left:.2rem;
	padding-top: 1px
}
.newsList .line:before {
	content: "";
	position: absolute;
width:.2rem;
height:.2rem;
top:.95rem;
left:.7rem;
	background: #999;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}
.newsList .line:after {
	position: absolute
}
.newsList .line:active {
	background: #f2f2f2
}
.newsDetail .title {
	border: 0;
	border-bottom: #ddd 1px solid;
	background: 0;
	padding: 0rem
}
.newsDetail .title .titleText:before {
	background: 0
}
.form .mProductList a {
	color: #333;
font-size:.7rem
}
.form .formMiddle .productPicListForm {
	background: #fff
}
.form .mProductList .productParam {
	width: 100%;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}
.form .mProductList .paramName {
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	width: 100%
}
.proDetailDiv .mallOptionBox {
	border-top: 1px solid #ddd
}
.mallButton {
	color: #000;
	background: #fff;
border:.05rem solid #000
}
.photoModule.styleForm1 {
	background: 0
}
.photoModule.styleForm1 .photoDiv .imgName {
	background: url(../images/tcicon.png) no-repeat 100% 100%;
	background-size: 1.1rem;
	padding-right: 10%;
font-size:.7rem
}
.sortPanelList .line:before {
	content: "";
	position: absolute;
width:.2rem;
height:.2rem;
top:.9rem;
left:.7rem;
	background: #999;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}
.pagenation .pageSelect {
	border: 0;
	background: 0
}
.pagenation .pagePrev {
	width: 3.5rem;
	border: 1px solid #000;
-webkit-border-radius:.1rem;
-ms-border-radius:.1rem;
-moz-border-radius:.1rem;
-o-border-radius:.1rem;
border-radius:.1rem;
	overflow: visible;
	background-size: 100%
}
.pagenation .pageNext {
	width: 3.5rem;
	border: 1px solid #000;
-webkit-border-radius:.1rem;
-ms-border-radius:.1rem;
-moz-border-radius:.1rem;
-o-border-radius:.1rem;
border-radius:.1rem;
	overflow: visible;
	background-size: 100%
}
.pagenation .pagePrev span {
	display: inline-block;
font-size:.7rem;
text-indent:.3rem
}
.pagenation .pageNext span {
	display: inline-block;
font-size:.7rem;
	text-indent: -0.3rem
}
.pagenation .pagePrev:active {
	background: #000
}
.pagenation .pageNext:active {
	background: #000
}
.pagenation .pageDisable span {
	color: #999
}
.footer {
	background: #fff;
	background-image: gradient(linear, left bottom, left top, color-stop(0.0, #f7f7f7), color-stop(1.0, #d8d8d8));
margin:.5rem 0rem;
	padding: 0rem
}
.webMapServiceBox {
	background: #a24718
}
.webCustomerServiceBox .customerServiceDiv {
	position: fixed;
	bottom: 0rem;
	height: 1.8rem;
	z-index: 1;
	background: 0;
	background-color: #000000;
	background-size: auto
}
.webFooterBox .bottomdiv .bottom {
	background: #000000;
	height: 1.75rem;
	background-image: gradient(linear, left bottom, left top, color-stop(0.0, #ededed), color-stop(1.0, #fefefe))
}
.technical {
	margin-bottom: 0rem;
padding:.25rem 0rem
}
.technicalSupport {
	color: #666
}
.webFooterBox .bottomdiv .bottom .backtop {
	line-height: 1.75rem;
	color: #fff
}
.webFooterBox .bottomdiv .bottom .backtop b {
top:.65rem;
	border-bottom-color: #fff
}
.remarkBox {
padding:.5rem .5rem
}
.line {
	padding-left: 1.35rem
}
.navButton .menuNav .icon-menuNavTip:before {
	font-size: 1.25rem;
	margin-left: -0.8rem;
	margin-top: 0em
}
.navBaseIcon .icon-navItemIcon:before {
	font-size: 1.4rem;
	color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute
}
.productCrossedSlide:nth-child(2n+1) {
margin-left:.35rem
}
.productCrossedSlide:nth-child(2n) {
margin-right:.35rem
}
.productWaterFall:nth-child(2n+1) {
margin-left:.35rem
}
.productWaterFall:nth-child(2n) {
right:.35rem
}
.g_dashed {
	border-bottom: 0
}
.navbar.open .navItem {
	opacity: 1;
	bottom: 0
}
.moveRight .navButton {
	display: none
}
.webContainerBox .bullets li.on {
	background: #000
}
.icon-gline:after {
	content: "\e672";
font-size:.8rem;
	color: #666;
	position: absolute;
top:.6rem;
right:.4rem
}
.pagenation .icon-pageNext:before {
	content: "\e672";
	font-size: 1.5rem;
	color: #000
}
.pagenation .icon-pagePrev:before {
	content: "\e60e";
	font-size: 1.5rem;
	color: #000
}
.navExistOffPanel.navPanelOpen {
	display: block;
	background: rgba(0,0,0,0.7);
	margin-left: 0
}
.navExistOffPanel {
	margin-left: 0
}
.pagenation .icon-pagePrev.pageDisable:active:before {
	color: #000
}
.pagenation .icon-pageNext.pageDisable:active:before {
	color: #000
}
.navBaseIcon .itemSelected .navItemIcon {
	background: #fff;
	border: 2px solid #000;
	box-sizing: border-box
}
.navbar .itemSelected .icon-navItemIcon:before {
	color: #000
}
.form:nth-child(1) {
margin-top:.4rem
}
#g_web .g_mainColor {
	color: #000
}
.productNewDetailPanel .bullets li.on {
	background-color: #000
}
.productNewDetailPanel .optionSelected {
	background-color: #000
}
.productNewDetailPanel .g_button {
	background-color: #000
}
.productNewDetailPanel .icon-pagePrev:before {
	color: #000
}
.productNewDetailPanel .icon-pagePrev {
	border-color: #000
}
.productNewDetailPanel .icon-pageNext:before {
	color: #000
}
.productNewDetailPanel .icon-pageNext {
	border-color: #000
}
.productNewDetailPanel .userComment {
	color: #000
}
.productNewDetailPanel .productAddMall {
	color: #000;
	border-color: #000
}
.productNewDetailPanel .productImmediatelyBug {
	background-color: #000;
	border-color: #000
}
.productNewDetailPanel .tabUl .tabActive {
	color: #000;
	border-color: #000
}
.productNewDetailPanel .mallPrice {
	color: #000
}
.navbar.open .navItem a {
	visibility: visible
}
.webPagePanel .mallPrice {
	color: #000
}
.webPagePanel .tabUl .tabActive {
	color: #000;
	border-color: #000
}
.webPagePanel .optionSelected {
	background-color: #000
}
.webPagePanel .bullets li.on {
	background-color: #000
}
.msgArea .msgLevalUser {
	color: #000
}
.searchType0 .icon-mSearchBtn {
	color: #000
}
.searchType1 .icon-mSearchBtn {
	background-color: #000
}
.searchType2 .icon-mSearchBtn {
	background-color: #000;
	border-color: #000
}
.searchType3 .icon-mSearchBtn {
	color: #000
}
.searchType4 .icon-mSearchBtn {
	background-color: #000
}
.form .formMiddle .search.searchType5 {
	background-color: #000
}
#g_web .g_bgColor {
	background-color: #000
}
.productNewDetailPanel .detailHeaderColor {
	background-color: #000
}
.newsNewDetailPanel .detailHeaderColor {
	background-color: #000
}