@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
a{ text-decoration:none;outline: none;}
a, input, button {outline: none;}
button {border: none;}
#erce_bg{
	background:url(../images/erce_bg.jpg) no-repeat;
	
}
.site-topbar {position: relative;
				z-index: 30;
				height: 40px;
				font-size: 12px;
				color: #b0b0b0;
				background:#f0f2f4;
				}
.container {width: 1178px;margin:0px auto;}
.site-topbar .topbar-nav {float: left;height: 40px;line-height: 40px;overflow: hidden;}
.site-topbar {font-size: 12px;color: #b0b0b0;}
.site-topbar a {color: #01b7e6;}

user agent stylesheet a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}

.site-topbar .sep {margin:0px 10px;}
.sep, .ndash {margin: 0 .25em;font-family: sans-serif;}

.topbar-cart {width:120px;margin-left: 10px; padding:0px 0px;}
.site-topbar .cart-menu {display: none;position: absolute;right: 0;right: -1px \9;top: 40px;z-index: 31;width: 316px;padding: 15px 0 0;color: #424242;background: #fff;border: 1px solid #e0e0e0 \9;border-top: 0 \9;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
.site-topbar .topbar-cart, .site-topbar .topbar-info {position: relative;float: right;_display: inline;height: 40px;}

.cart-mini {position: relative;z-index:2;display: block;height: 40px;line-height: 40px;text-align: center;color: #b0b0b0; font-size:14px; padding-right:10px;}
a.cart-mini{color:#15726f;}
.topbar-cart i{display: inline-block; background-image:url(../images/cart.png); float:left; margin-right:0px; margin-left:10px;}
.iconfont{ width:30px; height:30px; position:relative;top:6px;}
.site-topbar .topbar-info {line-height: 40px;}
.site-topbar .topbar-cart, .site-topbar .topbar-info {position: relative;float: right;_display: inline;height: 40px;}
/*.site-topbar  a:hover{ color:#fff;}*/
/* menu */
.menu{height:40px;width:120px;margin:0px;position:relative; line-height:40px; float:right; right:-14px;}
.menu a{display:block;height:40px;line-height:40px;padding:0 0 0 10px;}
.menu a.tit{background:url(../images/arrow.gif) no-repeat;background-position:95px 18px;}
.menu a.tit span{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width:78px; 
	display:block; 
	 text-align:center;  
	 margin-right:5px;
	 color:black;
	  }
#navbox.current a.tit{background:#fff url(../images/arrow.gif) no-repeat;background-position:95px 18px;color:#000;position:relative;z-index:25;}
.menu .subnav{display:none;background:#fff;position:absolute;top:40px;left:0px;width:110px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
box-shadow: 0 2px 10px rgba(0,0,0,0.15); 
}
#navbox.current .subnav{display:block; width:120px; padding:0px; margin:0px; }
.menu .subnav a{color:#565656; display:block;width:120px;text-align:center;padding:0px; margin:0px;}
.menu .subnav a:hover{background:#eee; color:#01b7e6;}

/*login*/
.main_nav li{float:left; margin-right:5px; margin-left:20px; font-size:14px; text-align:center;color:#01b7e6 }
.sep{color:#ccc;}
.main_nav li a{color:black;}
.main_nav li a:hover{color:#fff;}

.cd-user-modal {position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 6; background: rgba(52, 54, 66, 0.9);overflow-y: auto;cursor: pointer;visibility: hidden;opacity: 0; 
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s;
}

.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 435px;
  padding:10px 20px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher{ border-bottom:1px solid #eaeaea;}
.cd-user-modal-container .cd-switcher li {
  width: 35%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li a{font-size:16px;}
.cd-user-modal-container .cd-switcher li:first-child a { border-radius: .25em 0 0 0;}
.cd-user-modal-container .cd-switcher li:last-child a { border-radius: 0 .25em 0 0;}

.cd-user-modal-container .cd-switcher a {display:block;width: 100%;height: 55px;line-height: 50px;color: #809191;}
.cd-user-modal-container .cd-switcher li a:hover{ text-decoration:none;}
.cd-user-modal-container .cd-switcher a.selected {background: #FFF; color: #505260; border-bottom:1px solid #01b7e6 /*#bcef89*/;}
.cd-form { padding: 30px 20px 50px;}
.cd-form .fieldset {position: relative;height:80px;}
.error{ color:#fe5859;}
.controls{ display:block;}
p.fieldset{ margin:30px 0px;}
.fieldset a{color:#01b7e6;}
.fieldset a:hover{ color:#777374;}
/*.form-actions a:hover{color:#777374;}*/
.cd-form .fieldset:first-child { margin-top: 0;}
.cd-form .fieldset:last-child {margin-bottom: 0;}
.cd-form label {font-size: 16px;}
.help-inline{ display:inline-block;}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.cd-form input {margin: 0; padding: 0; border-radius: 3px;}
.cd-form input.full-width {width: 89%;}
.cd-form input.full-width2 { width: 94%;}
.cd-form input.has-padding {padding: 12px 20px 12px 10px;}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {border-color:#01b7e6; box-shadow: 0 0 5px rgba(52, 54, 66, 0.1); outline: none;}
.cd-form input.has-error {border: 1px solid #d76666;}
.cd-form input[type=password] {
  /* space left for the HIDE button */
 
}
.cd-form input[type=submit] ,.cd-form button[type=submit] {
  padding: 8px 0;
  cursor: pointer;
  background:#01b7e6/*#6ebc2a*/;
  width: 98%;
  font-family:"Microsoft Yahei";
  color: #FFF;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size:18px;
  border-radius:2px;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #3599ae;
  outline: none;
}
.register-form{ margin-bottom:40px;}

.re-checkbox{ height:70px; /*width:400px;*/ line-height:25px;}
.cd-form .re-checkbox {
  position: relative;
  height:40px; /*width:400px;*/ line-height:25px;
 
}
.cd-form .re-checkbox label{font-size:14px; margin-bottom:0px;}
.cd-close-form {
  /* form X button on top right */
  display: block;  
  /*background: url("../img/close.png") no-repeat center center;*/
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}

.rl-close {
  position: absolute;
  top: 24px;
  right: 20px;
  width: 17px;
  height: 17px;
  cursor: pointer;
  border:none;
  background: url(../images/nlogin.png) no-repeat 0 0;
  transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
}
.rl-close:hover {
  background-position: 0 -21px;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
 }
.input_error {color: #e94d3c;border-color: #e94d3c;}
.input_text {
  height:38px;
  line-height: 38px;
  font-size: 16px;
  padding: 10px 30px 10px 10px;
  border: 1px solid #c3c8cc;
  outline: none;
  color: #999;
  background: #fff;
}
.certi_code {
  width: 150px;
  text-align: center;
  float: left;
  border-radius: 3px;
  height: 43px;
  line-height: 25px;
  font-size: 16px;
  border: 1px solid #01b7e6/*#6ebc2a*/;
  background: #fff;
  color: #01b7e6;
}

input.btn_checkbox {margin-right: 10px; margin-top:8px; border:1px solid red;}
input.btn_checkbox_cur {background-position: -250px -55px;}
input.btn_checkbox {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(../images/tn_icon.png);
  background-position: -220px -55px;
  vertical-align: middle;
  margin-right: 10px;
  border:none;
}
.forget {float: right;margin-right: 28px;color: #2bbc69; font-size:16px;}
.forget-pc{ margin:20px auto; width:500px;}
/*top-nav*/
.top-nav{ margin:0px auto;z-index: 10;overflow: hidden;}
.top-nav img{ float: left; /*width:169px;*/ /*margin-right:30px;*/}
.left{ 
	float: left;
    padding-left: 20px;
    }
    /*修改    padding-left: 20px;---*/
.right{ float:right;margin-top:31px;}
.clearfix{ zoom:1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hide{ display: none;}
.navUl {float: right;padding-top:42px;}
.navUl li {float: left;font-size: 18px; margin-left:38px; margin-right:14px;}
.navUl li a {color:#000;}
.navUl li a {
	
    color:#000;
    padding 0 15px;
    display: block;
    line-height: 30px;
	-webkit-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s;
    /*-webkit-transition: border-top .5s;
    -o-transition: border-top .5s;
    transition: border-top .5s;*/
}

.navUl li a.on {
   font-size: 16px;color:#caebf7;
}
/*.navUl li a.on{font-size: 16px;color:#caebf7;}*/

/*.navUl li a:before {
    content: '';
    display: block;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    width: 0;
}

.navUl li a:hover:before {
    width: 100%;
    border-color: #01b7e6;
	border-top:2px;}

.navUl li a.on:before {
    width: 100%;
    border-color: #01b7e6
;border-top:2px;
}*/

.navUl li a:after{
    content: '';
    display: block;
    /*border-bottom: 2px solid transparent;*/
  /*  -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;*/
    width: 0;
}
/*.navUl li a:*/
/*color: #01b7e6;*/
.navUl li a:hover{font-size: 16px;color:#caebf7;}
.navUl li a:hover:after {
    width: 100%;
    border-color: #01b7e6;
	border-top:2px;}

.navUl li a.on:after {
    width: 100%;
    border-color: #01b7e6
;border-top:2px;
}

.d-tel{line-height:50px; height:50px; font-size:16px; font-style:italic; margin-left:17px; color:#01b7e6;}
.d-tel i{ display:block; background:url(../images/tel.png) no-repeat top left; width:30px; height:30px; float:left; margin-top:8px;}

/*左侧导航*/

/*nav bar---------------------*/
.nav-bar { position: relative; z-index: 6; height: 0px; padding-left: 200px; margin-bottom: 10px;width:876px; line-height:0px;}
.categorys { position: absolute; top: 0; left: 0; width: 260px; height: 0px;text-align:center; font-size:16px;}
.cate-all { font-family: "microsoft yahei"; background:#fff; }

.categorys .mc { position: absolute; top:0px; left: 0; width:218px; height: 439px; padding: 0px;  overflow: visible; }
.categorys .item { margin-bottom:1px; /*background:url("../images/navbg.png") repeat-x bottom left; */width:260px; height:72px;color:#fff/*#077722*/;background:rgba(0,0,0,0.5);        /*left-block(h3-topborder)*/}
.categorys .item { margin-bottom:1px; /*background:url("../images/navbg.png") repeat-x;*/ width:218px; height:83px;color:#fff/*#077722*/;/*background:rgba(0,0,0,0.5); filter:alpha(opacity=50); */        /*left-block(h3-topborder)*/}

.categorys .item:last-child{ margin-bottom:0px;height:83px;}
.categorys .item:first-child{ height:72px;}
.categorys .fore1 { border-top: 0; }
.categorys span { display: block; width: 260px; position: relative; z-index: 1; height:99px; overflow:hidden; color:#000;padding-top:0px;}
.categorys h3 { width: 244px; height:99px; line-height:99px; padding-left: 16px;  background-image: none; font-weight:bold; font-size: 14px; overflow:hidden; text-align:left; color:#fff; }
.categorys span h3 a{color:#fff;}
.categorys h3 a:hover { font-weight: bold; cursor: pointer; }

.categorys s{ display: block; position: absolute; top: 44px; left: 198px; width: 10px; height: 9px; background-position: 0px px; background-image: url("../images/bar.png"); background-repeat: no-repeat;}
.categorys h3 a:link, .categorys h3 a:visited { color:#fff;}
.categorys h3 a:hover, .categorys h3 a:active {color: #fff/*#E4393C*/; font-weight:bold;}

.categorys .item .category-details { display: none; position: absolute; left:219px; top: 0px; width:640px; border: 1px solid #01b7e6; margin-left:-1px; background: #f9f9f9;  height:498px; /* -moz-box-shadow: 0 0 10px #DDD; -webkit-box-shadow: 0 0 10px #DDD; box-shadow: 0 0 10px #DDD;*/ }
.categorys .subitem { width:626px; padding:10px 4px 0 8px; color:#000; }

.categorys .subitem dl {  margin:10px auto 20px;}
.categorys .subitem .first { border-top: 0; }
.categorys .item dt { padding: 3px 10px 0 0; font-weight: 700; color: #077721/*#E4393C*/; font-size:14px; }
.categorys .subitem dt a { color: #1db3ae/*#E4393C*/; text-decoration: none; }
.categorys .subitem dt { float: left; width:100px; line-height: 22px; text-align: align; }
.categorys .item dd { padding: 3px 0 10px; overflow: hidden; zoom: 1; font-size:12px; border-bottom:1px solid #ebebed; }
.categorys .item dd a:hover{color:#f97878;}
.categorys .subitem em { float: left; height: 14px; margin: 4px 0; line-height: 14px; padding: 0 15px; /*border-left: 1px solid #ccc;*/ }
/*.categorys .subitem em:first-child{border-left: 0px solid #ccc;}
*/
.categorys .hover span { z-index: 13; width:218px; background:#f9f9f9; color:#000;}
.categorys .hover span a{color:#000;}

.categorys .hover span { 
						border-bottom:1px solid #01b7e6;
						 border-left:1px  solid #01b7e6;
					  	border-top:1px solid #01b7e6;
						background-color: #f9f9f9;
					 	overflow: hidden;/* -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; box-shadow: 0 0 8px #DDD; */
					 	color:#077722; }
.categorys .hover .category-details { display: block; z-index: 12; }

/**侧边栏**/
.navSidebars{
			/*margin-top: 200px;*/
			/*bottom: 20px;*/
			height: auto;
			/*position: fixed;*/
			/*right: 10px;*/
			width: 39px;
			z-index: 1000;
			}
/*.navSidebars li{border:1px solid #01b7e6;border-top: none;}*/
.navSidebars li,.navSidebars a,.navSidebars i{float: left;width:40px;}
.navSidebars a,.navSidebars i{display: inline-block;}
.navSidebars a{position: relative;text-align: center;width: 40px;background: #efeff0;}
.Sp,.sem{display: inline-block;float: left;}
.sem{position: absolute;top: -8px;right: -5px;height: 15px;line-height: 15px;text-align: center;width: 23px;font-size: 12px;background: #fd5a66;color: #ffffff;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;}
.navSidebars i{height: 40px;}
.navSidebars i{background: url("../images/side.png") no-repeat scroll left 0;display: inline-block;}
.navSidebars .gwc{background-position: 9px 10px;}
.navSidebars .gwc:hover,.navSidebars > li > a:hover .gwc{background-position: 9px -24px;}
.navSidebars .zxzx{background-position: 9px -58px;}
.navSidebars .zxzx:hover,.navSidebars > li > a:hover .zxzx{background-position: 9px -89px;}
.navSidebars .wyts{background-position: 10px -121px;}
.navSidebars .wyts:hover,.navSidebars > li > a:hover .wyts,.navSidebars > li > a .wyts.current{background-position: 10px -153px;}
.navSidebars .fhdb{background-position: 10px -184px;}
.navSidebars .fhdb:hover,.navSidebars > li > a:hover .fhdb{background-position: 10px -218px;}
.navSidebars a:hover{background: #ffffff;}
.iSpText{
		height: 42px;
		line-height: 42px;
		top: -1px;
		position: absolute;
		right: 33px;
		width: 0;
		opacity: 0;
		overflow: hidden;
		filter:alpha(opacity=0);
		-webkit-transition: width 0.4s;
		-moz-transition: width 0.4s;
		-ms-transition: width 0.4s;
		-o-transition: width 0.4s;
		transition: width 0.4s;
		z-index: 999;
		}
.iSpText span{float: left;background: #575757;display: inline-block;width: 98px;height: 42px;line-height: 42px;font-size: 14px;color: #ffffff;text-align: center;}
.iSpText.iSpTextNum span{width: 84px;}
.iSpText em{width: 0;height: 0;border-left: 6px solid #575757;border-bottom: 6px solid transparent;border-top: 6px solid transparent;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -6px;}
.navSidebars a:hover{background: #ffffff;}
.navSidebars a:hover .Sp{color: #00c9ff;}
.navSidebars a:hover i{background-position: -94px -971px;}
.navSidebars a:hover .iSpText,.navSidebars a:hover .iSpText.iSpTextNum{opacity: 1;filter:alpha(opacity=100);}
.navSidebars a:hover .iSpText{width: 104px;}
.navSidebars a:hover .iSpText.iSpTextNum{width: 90px;}

.complainAsk textarea {
  height: 120px;
  width: 320px;
  font-size: 14px;
  color: #7d7d7d;
  line-height: 1.5;
  padding: 10px;
  border: none;
  outline: none;
  margin: 0;
}
.group {
  float: left;
}
input, button, textarea {
  vertical-align: middle;
  border: 1px solid #ddd;
  color: #666;
  display: block;
  /*float: left;*/
  font-size: 14px;
  padding: 8px 10px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#zzx{margin: -25px auto 0px;}