
* {
	padding:0px;
	margin:0px;
}
body {
	width:100%;
	height:auto;
	padding:0px;
	text-align:center;
	background-color:#fff;
}
body,td,th {
	color: #333;
	font-family:"微软雅黑","Arial Black",Verdana ,Gadget, sans-serif;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
}
form {
	margin: 0px;
	padding: 0px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
}
ul, li, p, dl, dd, dt ,h,td,th{
	margin:0px;
	padding:0px;
}
a{
	color:#333;
}
a,a *{
	cursor:pointer;
}
a img button{
	border:0;
}
ul,li,ol{
	list-style-type:none;
	list-style-position:outside;
}
em,i{
	font-style:normal;
}
input{
	border: 0px solid transparent;
	background-color: transparent;
}
input:disabled{  
    color:@disabledColor;
    opacity: 1;
    -webkit-text-fill-color: @disabledColor;
}
.main_box{
	background-color: #fff;
}
.main{
	background-color: #f2f2f2;
	height: auto;
	min-height: 500px;
}
.w-1200{
	width: 1200px;
	margin: 0px auto;
}
.w-1000{
	width: 1000px;
	margin: 0px auto;
}
.chart_box{
	width: 100%;
	position: relative;
}
.chart_absolute{
	position: absolute;
	right: 16px;
	top: 0px;
}
.chartsection{
	width: 100%;
	height: 240px;
}
.button{
	color: #999;
	padding: 4px 10px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #ddd;
}
.button-s{
	padding: 4px 10px;
	color: #1492ff;
	border-radius: 3px;
	background-color: #edf4ff;
	border: solid 1px #1492ff;
}
.button-d{
	padding: 4px 10px;
	color: #ff8d1a;
	border-radius: 3px;
	background-color: #fff4e8;
	border: solid 1px #ff8d1a;
}
.progress{
	width: 100%;
	height: 15px;
	background-color: #ccc;
	position: relative;
	border-radius: 3px;
	margin-top: 10px;
}
.progress-s{
	width: 48%;
	height: 15px;
	background-color: #1492FF;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 3px;
}

.progress-s-a{
	width: 48%;
	height: 15px;
	background-color: #11a144;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 3px;
}

.progress-s-b{
	width: 48%;
	height: 15px;
	background-color: #ff8126;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 3px;
}
.progress-s-c{
	width: 48%;
	height: 15px;
	background-color: #da2626;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 3px;
}

.title_bg{
	width : 100%;
	height: 42px;
	left: 0px;
	top: 0px;
}
.title_bg section{
	width: 280px;
	height: 42px;
	font-size: 24px;
	line-height: 42px;
	color: #fff;
	display: block;
	margin: 0px auto;
	background: url(../images/t-bg.png) no-repeat 0px 0px;
	background-size: 100% 100%;
}
.line{
	width: 1px;
	height: 15px;
	background-color: #999;	
}
.logo{
	width: 210px;
	height: 100px;
	background: url(../images/logo.png) no-repeat 0px 0px;
	background-size: 100% 100%;	
}
.logoa{
	width: 178px;
	height: 56px;
	background: url(../images/logoa.png) no-repeat 0px 0px;
	background-size: 100% 100%;	
}
.msg_input{
	width: 100%;
	padding: 0px 12px;
}
.so_line{
	border: solid 2px #0b9c5b;
}
.hot_so section{
	padding-left: 12px;
}
.hot_so section:nth-child(1){
	padding-left: 0px;	
}
.nav_class section{
	margin-left: 40px;
	padding: 8px 0px;	
}
.nav_class1 section{
	margin-left: 35px;
	padding: 8px 0px;	
}
.nav_active{
	border-bottom: solid 3px #fede89;
	color: #fede89;
	padding: 8px 0px;
}
.notice section{
	padding-left: 10px;
	background: url(../images/d.jpg) no-repeat 0px 16px;
}
.notice_active{
	border-bottom: solid 2px #0b9c5b;
}
.notice_tba section{
	margin-left: 14px;
	padding-bottom: 8px;
}
.notice_tba section:nth-child(1){
	margin-left: 0px;
}
.notice section{
	padding-top: 8px;
}
.product{
  border: none;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;	
}
.product dd{
  width: 18%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 20px 0px 0px 2.5%;
  text-align: center;
  color: #333;	
}
.product dd img{
	width: 100%;
	border-radius: 20px;
}
.product dd:nth-child(1){
	margin-left: 0px;
}
.product dd:nth-child(5n+1){
	margin-left: 0px;
}
.product dd section b{
	width: 36px;
	height: 16px;
	position: absolute;
	right: 6%;
	top: 4%;
}
.producta{
  border: none;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;	
}
.producta dd{
  width: 23%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 20px 0px 0px 2.5%;
  text-align: center;
  color: #333;	
}
.producta dd img{
	width: 100%;
	border-radius: 20px;
}
.producta dd:nth-child(1){
	margin-left: 0px;
}
.producta dd:nth-child(4n+1){
	margin-left: 0px;
}
.producta dd section b{
	width: 36px;
	height: 16px;
	position: absolute;
	right: 6%;
	top: 4%;
}
.assistance_hall_title{
	height: 90px;
	background: url(../images/bga.jpg) no-repeat 0px 0px;
	background-size: 100% 100%;
}
.assistance_hall{
	height: 400px;
	background: url(../images/bg.jpg) no-repeat 0px 0px;
	background-size: 100% 100%;
}
.types{
	margin: 0px 14px;
}
.type{
	margin: 0px 14.5px;
}
.types section{

	height: 52px;
	margin-bottom: 14px;
	line-height: 42px;
	font-weight: bold;
	font-size: 20px;
	color: #e21640;
	background: url(../images/box1.png) no-repeat 0px 0px;
	background-size: 100% 100%;	
}
.types span{
	width: 25px;
	height: 25px;
	margin: 0px auto;
	background: url(../images/dd.png) no-repeat 0px 0px;
	background-size: 100% 100%;	
}

.type section{

	height: 44px;
	margin-bottom: 26px;
	line-height: 44px;
	font-size: 20px;
	color: #23a66b;
	background: url(../images/boxa.png) no-repeat 0px 0px;
	background-size: 100% 100%;	
}
.type span{
	width: 20px;
	height: 20px;
	margin: 0px auto;
	background: url(../images/ddd.png) no-repeat 0px 0px;
	background-size: 100% 100%;	
}
.area_name{
	width: 68px;
	height: 278px;
	background: url(../images/a.png) no-repeat center center;
	background-size: 90% 90%;		
}
.area_more{
	width: 14px;
	height: 18px;
	background: url(../images/mo.png) no-repeat 0px 0px;	
}
.index_ad img{
	width: 100%;
}
.footer{
	width: 100%;
	height: 200px;
	background-color: #22a66c;
}
.f-line{
	width: 1px;
	height: 12px;
	margin: 4px 20px 0px 20px;
	background-color: #fff;
}
.foot_logo{
	width: 226px;
	height: 98px;
	background: url(../images/foot_logo.png) no-repeat center center;
	background-size: 70% 70%;				
}
.service_line{
	width: 50px;
	height: 1px;
	background-color: #eee;
}
.service_pop{
	height: 230px;
	position: fixed;
	right: 1%;
	top: 45%;
}
.login_tbas section{
	padding: 8px 0px 8px 0px;
	margin-left: 30px;
}
.login_tbas section:nth-child(1){
	margin-left: 0px;
}
.login_active{
	border-bottom: solid 3px #333;
	font-weight: bold;
}
.login_input section{
	border: solid 1px #eee;
	margin-top: 16px;
	border-radius: 3px;
}
.class_box > div{
	border-bottom: solid 1px #eee;
	padding: 12px 0px;
}
.flaglist{
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;		
}
.flaglist section{
  width: 8%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0px 0px 0px 2%;
  text-align: center;
  padding: 2px 0px;	
}
.area_line{
	width: 100%;
	background: url(../images/area_line.png) no-repeat center 108px;			
}
.details_title section{
	width: 100px;
	height: 3px;
	background-color: #22a66c;
	position: absolute;
	left: 0px;
	bottom: 0px
}
.u_menu section{
	padding: 8px 0px;
	cursor: pointer;
}
.u_menu_active{
	color: #0b9b5b;
	font-weight: bold;
}
.inputNum {
    vertical-align: middle;
    height: 24px;
    border-top: solid 1px #d0d0d0;  
    border-bottom: solid 1px #d0d0d0; 
    text-align: center;
}
.btn {
    display: inline-block;
    vertical-align: middle;
    background: #f0f0f0 no-repeat center;
    border: 1px solid #d0d0d0;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    box-shadow: 0 1px rgba(100, 100, 100, .1);
    color: #666;
    transition: color .2s, background-color .2s;
}
.btn:active {
    box-shadow: inset 0 1px rgba(100, 100, 100, .1);
}
.btn:hover {
    background-color: #e9e9e9;
    color: #333;
}
.btn_plus {
    background-image: linear-gradient(to top, currentColor, currentColor), linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px, 2px 10px;
}
.btn_minus {
    background-image: linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px;
}
.noUse {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.preferred_ad{
	width: 100%;
	height: 780px;
  	background: url('../images/preferred2_02.jpg') no-repeat center top;
  	background-size: 100%;	
}
.item_ad img{
	width: 100%;
}
.head_bg{
	width: 100%;
	height: 176px;
	background: linear-gradient(#e2f3ea, #fff);	
}
.shop_logo{
	width: 80px;
	height: 80px;
	border-radius: 80px;
	/* background-color: #0b9c5b; */
}
.shop_logo section{
	width: 70px;
	height: 70px;
	border-radius: 70px;	
	background-color: #fff;
}
.shop_logo section img{
	width: 100%;
	border-radius: 70px;
}
.shop_nav section{
	margin-left: 60px;
	padding: 10px 0px;	
}
.shop_nav section:nth-child(1){
	margin-left: 12px;
}
#picSlideWrap{ padding-bottom:30px;}
.titleh3{ height:70px; line-height:70px; text-align:center; background:url(../images/ico/dot.gif) repeat-x left bottom; width:910px; margin:0 auto; font-size:26px; color:#000;}
.titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;}

.imgnav{ width:100%; margin:10px auto;}
#content{margin:0px auto;  line-height:19px;}
#content p{ text-indent:2em; color:#333;}

.imgnav{  position:relative; margin:0 auto; width:100%;}
#img{ z-index:10; width:100%; position:relative; text-align:center;}
#img img{ width: 100%; display:none;}
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images/ico/blank.gif); }
#front a{  position:absolute; left:20px; top:224px;display:block; background:url(../images/ico/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url(../images/ico/blank.gif);}
#next a{  position:absolute; right:20px; top:224px; display:block; background:url(../images/ico/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;}

#cbtn{background:#EAEBF0; position:relative; height:122px; border:1px solid #D6D9DC; margin-top:12px; }
#cbtn ul{position:relative; width:10000px; height:122px;}
#cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:96px; height:66px; cursor:pointer; text-align:center; margin-right:20px; position:relative;}
#cbtn ul li img{ width:96px; height:66px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ background:url(../images/ico/imgHoverBg.gif) no-repeat;}
.ctrl div{ clear:both;}
#cSlideUl{width:85%; height:116px;overflow:hidden; position:relative; top:22px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:32px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:32px; right:10px; z-index:9;}
.flag_type section{
	background-color: #0b9c5b;
	padding: 2px 10px;
	color: #fff;
	font-size: 13px;
	margin-left: 16px;
	border-radius: 4px;
}
.flag_type section:nth-child(1){
	margin-left: 0px;
}
.my-foldpanel dd {
	display: none;
}
#show_left{
	display: block;
}
.my-foldpanel dt{
	width: 100%;
	height: 40px;
	text-align: left;
	line-height: 40px;
	font-size: 14px;
	text-indent: 32px;
	margin: 0px auto;
	padding: 5px 0px;
	border-bottom: solid 1px #eee;
}
.q_active{
  	background: url('../images/shop_03.png') no-repeat 12px center;
}
.a_active{
  	background: url('../images/shop_05.png') no-repeat 12px center;
}
.my-foldpanel dd section{
	width: 98%;
	height: auto;
	text-align: left;
	font-size: 14px;
	text-indent: 28px;
	margin: 0px auto;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: solid 1px #f2f2f2;	
}
.my-foldpanel dd section img{
	width: 10px;
	height: 10px;
	margin-top: 6px;
	margin-right: 2px;
}
.my-foldpanel dd section span a{
	color: #333;
}
.sp_active{
	padding: 10px 6px;
	color: #23a66b;
	margin-left: 20px;
	border-bottom: 3px solid #23a66b;
}
.sa_active{
	padding: 10px 6px;
	color: #333;
	margin-left: 20px;
}
.s-line{
	width: 1px;
	height: 16px;
	background-color: #eee;
}
.contact_bg{
	width: 100%;
	height: auto;
	min-height: 500px;
	background: linear-gradient(#f5fdf2, #d8f7d4);	
}
.content{
	display:none;
}
.accordion dl{
    width: 368px;
    height: 242px;
	opacity: .6;
    float: left;
    background:url("../images/ldq_03.jpg") no-repeat center center;transition:all .7s ease 0s;
    cursor: pointer;
}
.accordion dl:hover{
	opacity: 1;
}
.accordion dl h1{
	color: #fff;
	font-size: 18px;
	margin: 40px 16px 0px 16px;
	padding: 6px 8px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 2px;
}
.area_pic{
  border: none;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;		
}
.area_pic dd{
  width: 23%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0px 0px 20px 2%;
/*  padding: 1px 0px 0px 1px; */
  text-align: center;
/*  background-color: #fff;*/
  color: #fff;
  position: relative;
  cursor: pointer;
}
.area_pic dd img{
	width: 100%;
}
.picpop{
	position: absolute;
/*	background-color: #fe434c;*/
	background: rgba(254, 67, 76, 1);
	z-index: 992;
	bottom: 0px;
}
.text-shadow{
  text-shadow: 1px 1px 10px #0a5797;
}
#areas section{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 777;
	top: 0px;
	display: none;
}
#aread section{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 777;
	top: 0px;
	display: none;
}

/*主页供应商*/
.left-gys{width: 206px;height: 563px;border-radius: 10px;background: url(../images/left_6.jpg) no-repeat;background-size: 100%;}
.left-gys div{background: #fff;width: 170px;height: 30px;line-height: 30px;padding: 0 5px;border-radius: 15px;margin: 15px auto;font-size: 16px;border: 1px solid #fff;color: #999;cursor: pointer;text-align: center;}
.left-gys div:nth-child(1){margin-top: 50px;}
.left-gys .gys_in{border: 1px solid #23a66b;color: #23a66b;}
.gys_err{margin: auto;line-height: 500px;font-size: 30px;}