@charset "utf-8";
/* CSS Document */
/*
html{font-size:100%;}
html body{background:#fff; font-size:14px; font-family:微软雅黑;}
*/
a{text-decoration:none;}

/*
.mian{width:320px; margin:0 auto; min-width:320px; overflow:hidden; background:url(/mobile/images/Common/bdBg.jpg) repeat;}
*/
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}

.header , .content , .footer{width:100%; margin:0 auto; }

.header{max-height:160px; overflow:hidden;}
.header .logoImg{float:left; margin:5.5% 0 5.5% 6%; width:7.917em;}
.header .hdTxt{float:right; margin-top:8%; margin-right:6%; width:54%;}
.header .hdTxt h2{color:#4cb034; font-weight:normal; font-size:1.083em;}
.header .hdTxt a{color:#00a2c9; font-size:1.083em;}

.nav{margin-top:1em; position:relative;}
.nav ul{overflow:hidden;}
.nav li{float:left; width:25%; text-align:center;}
.nav li a{display:block; padding:15% 0px;  font-size:1.083em; color:#fff; background-color:#4cb034; border-bottom:0.208em solid #287d13;}
.nav .icon-details{position:absolute; right:0.2em; top:-1.2em; font-size:2em; color:#4cb034;}


/*公共颜色调用*/
/*
.header , .pagedSpan a{background:#de1b1c;}
.CategoryList_Title i{color:#de1b1c;}
.hdPhone p i{border:1px solid #fff;}
.hdPhone p a , .header , .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}
*/

.footer{padding-top:2.5em; background-color:#e7ede6;margin-bottom: 3.5em;}
.fotPt{padding:0 0.833em; overflow: hidden;}
.fotPhone{position: relative; float: left; width:15.250em; height:2.5em;}
.fotPhone img{width:100%;}
.fotPhone span{position: absolute; left:2.2em; top:0.6em; font-size:1.5em; color:#4cb034; font-family:arial;}
.toTop{float: right; width: 8.167em; height: 2.667em;}
.toTop img{width:100%;}
.fotNav{padding:1.667em 0; overflow:hidden;}
.fotNav li a{position:relative; float:left; width:25%; height:1.250em; line-height:1.250em; text-align:center; font-size:1.250em; color:#4cb034;}
.fotNav li a:after{content:''; position:absolute; top:0px; right:-2px; z-index:9; height:100%; width:2px; background-color:#4cb034;}

@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

/*分类标题*/
.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125em; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2em; margin-top:.75em;}
.CategoryList_Title .icon-details{margin-right:.5em;}
.CategoryList_Title a{color:#333;}

/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.125em;}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}
.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1em;}
.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.CategoryLista .icon-arrow-down{color:#f90;}
.CategoryLista > li > ul >li >ul{padding:0 1.125em;}
.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{}

/*搜索*/
.searchSpan{position:relative; overflow:hidden; margin:.687em;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:.75em; text-indent:.25em; width:99.9%; outline:none;}
.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}

.binPlus{position:fixed; left:10px; bottom:8em; z-index:9999;}
.binPlus .bpBtn{position:relative; width:50px; height:50px; background-color:#de1b1c; -moz-border-radius:100%;
-webkit-border-radius:100%;
-o-border-radius:100%;
-ms-border-radius:100%;
border-radius:100%; }

.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}
.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binPlusItem.png); background-repeat:no-repeat; text-indent:-99em;}
.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}
.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}
.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}
.binPlus .cir03 img{width:60px;}
.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}
.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}

/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {
    background-image: url(/mobile/images/SkinsBar2.png);
    background-size: 32px 889px;}


.green{coor:Green}
.red{color:Red}


.plusBox{width:100%; overflow:hidden; background-color:#4cb034;position: fixed;left: 0;bottom: 0;}
.plusBox li{float:left; width:33.33%; text-align:center;}
.plusBox li a{display:block; padding:10% 0px;  font-size:1.167em; color:#fff; border-top:1px solid #00b06e; position:relative;}
.plusBox li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #307c1d; border-right:1px solid #70c05d;}
.plusBox li img{position:relative; bottom:-0.3em; left:-0.3em; width:1.458em;}