@charset "gb2312";
/* CSS Document */

html, body, menu, ul, ol, li, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset, p, dd {
	padding: 0;
	margin: 0;
	border: 0
}
body {
	color: #333;
	font-size: 14px;
	font-size: 18px\9;
	line-height: 1.5;
	word-wrap: break-word;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "微软雅黑";
	background: #fff !important;
}
ul, ol, li {
	list-style: none
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
h1, h2, h3, h4, h5, h6, b, i, em {
	font-weight: normal;
	font-style: normal
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea {
	-webkit-appearance: none;
}
a {
	text-decoration: none;
}
.clearfix {
	clear: both;
	font-size: 0px;
	height: 0px !important;
	line-height: 0px;
	width: 0px;
	visibility: hidden;
	overflow: hidden
}
/*主体*/
.main {
	max-width: 700px;
	/*margin: 1.5rem auto 0 auto;*/
    width:93.4%;
    margin: 0 auto 0 auto;
	padding: 0 1.5%;
    overflow:hidden;
}
/*订货会三级页*/
.news-tle {
	border-bottom: 1px solid #eaeaea;
	color: #999;
	font: 0.8rem/2rem "Microsoft YaHei";
	margin-top:4rem;
}
.news-tle h1 {
	font: bold 1.5rem/2rem "Microsoft YaHei";
	padding-bottom: 1rem;
	color: #282828;
}
.news-tle p {
	float: left;
	padding-left: 2em;
}
.news-tle i {
	float: left;
}
/*表格*/
.infms li {
	border-bottom: 1px solid #eaeaea;
	line-height: 3rem;
	color: #f2623f;
	clear: both;
	font: 0.9rem/1.3rem "Microsoft YaHei";
	padding: 0.7rem 0;
	word-break: break-all;
    padding-left: 26%;
    position: relative;
}
.infms li p {
	color: #282828;
    width: 25%;
    text-align: right;
    float: left;
    margin-right: 0.2rem;
    position: absolute;
    left: 0;
}
.news-main {
	margin-top: 1rem;
	font: 1rem/1.8rem "Microsoft YaHei";
	color: #282828;
}
.news-main p {
    /*	text-indent:2em;*/
    /*padding: 0 10px 18px 0;*/
    font:1.3rem/2.4rem "Microsoft Yahei";
}
@media screen and (max-width:750px){
    .news-main p {
        font: 16px/31px "microsoft yahei";
        margin-top: 20px;
    }
}
.news-main .news-mian-pic {
	width: 100%;
	text-align: center;
	margin: 1rem 0;
}
.news-main img {
	width: 100%;
	height: auto;
	max-width: 500px;
}
/*留言板*/
.up {
	background: url(../images/line-bottom.png) repeat-x;
	height: 6px;
	margin-top: 0.6rem;
    display:none;
}
.bottom {
	background: url(../images/line-top.png) repeat-x;
	height: 8px;
}
.brand-mian-tle {
	width: 100%;
	margin: 1rem auto;
	border-bottom: 1px solid #dbdbdb;
	padding: 0.8rem 0 0.6rem 0;
}
.brand-mian-tle h1 {
	font: 1.3rem/1.5rem "微软雅黑";
	color: #333;
	border-left: 6px solid #31b2ea;
	padding-left: 0.3rem;
}
.msg {
	width: 95%;
	margin: 0 auto;
}
.msg .msg-box {
	width: 89%;
	height: 2.6rem;
	border: 1px solid #c1c1c1;
	margin-top: 0.5rem;
	border-radius: 0.4rem;
	box-shadow: inset 1px 1px 4px #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 4px #e5e5e5;
	-moz-box-shadow: inset 1px 1px 4px #e5e5e5;
	padding-left: 0.6rem;
	font: 0.8rem/2.6rem "微软雅黑";
}
.msg .msg-box-slet {
	width: 45.5%;
	height: 2.6rem;
	border: 1px solid #c1c1c1;
	margin-top: 0.5rem;
	border-radius: 0.4rem;
	box-shadow: inset 1px 1px 4px #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 4px #e5e5e5;
	-moz-box-shadow: inset 1px 1px 4px #e5e5e5;
	padding-left: 0.6rem;
	font: 0.8rem/2.6rem "微软雅黑";
}
.msg-box-mian {
	width: 89%;
	height: 7rem;
	border: 1px solid #c1c1c1;
	margin-top: 0.6rem;
	border-radius: 0.4rem;
	box-shadow: inset 1px 1px 4px #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 4px #e5e5e5;
	-moz-box-shadow: inset 1px 1px 4px #e5e5e5;
	font: 0.8rem/0.6rem\9 "微软雅黑";
	padding: 0.2rem 0rem 0rem 0.6rem;
}
.msg i {
	padding-left: 0.5rem;
	font: 1rem/3rem "微软雅黑";
	color: #ff0000;
}
.msg-botton {
	background: #77c112;
	width: 35%;
	height: 2.5rem;
	color: #fff;
	font: 1rem/2.5rem "微软雅黑";
}
.msg-botton[type="button"] {
	border-radius: 0.5rem;
	margin-bottom: 1.2rem;
}
/*搜索框*/
.search-main {
	max-width: 700px;
	margin: 0.6rem auto 0 auto;
	padding: 0 1.5%;
	overflow: hidden;
}
.search {
	width: 100%;
	height: 2.5rem;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 1.3rem;
	background: #f5f5f5;
	position: absolute;
	z-index: 5;
	top: 2.9rem;
}
.keyword {
	width: 64%;
	height: 2.5rem;
	border: 1px solid #c9c9c9;
	padding-left: 2.2rem;
	background: #fff url(../images/ioc-sceah.jpg) no-repeat left top;
	font: 0.9rem/2.5rem "微软雅黑";
	color: #989696;
	border-radius: 0.4rem;
}
.button-search {
	width: 23%;
	float: right;
	height: 2.5rem;
	background: #31b2ea;
	border: 3px;
	font: 1.1rem/2.45rem "微软雅黑";
	color: #fff;
	letter-spacing: 0.2rem;
	cursor: pointer;
}
.button-search[type="button"] {
	border-radius: 0.4rem;
}
.button-search:active {
	background: #91af01;
}
/*筛选*/
/* screening */
.screening {
	width: 100%;
	height: 2.8rem;
	background: #fff;
	position: absolute;
	z-index: 4;
	top: 6.66rem;
	color: #565656;
}
@media screen and (min-width: 750px) {
	
.screening {
		width: 100%;
    max-width: 750px;
    height: 2.8rem;
    background: #fff;
    position: absolute;
    z-index: 4;
    top: 6.66rem;
    left: 50%;
    margin-left: -375px;
    color: #565656;
}


}

.screening>ul {
	border-bottom: solid 1px #d3d3d3;
	height: 2.8rem;
}
.screening>ul>li {
	float: left;
	width: 23%;/*width: 32%;*/
	text-align: center;
	line-height: 2.8rem;
	height: 2.8rem;
	font: bold 1.1rem/2.8rem "微软雅黑";
	position: relative;
	cursor: pointer;
	padding-right: 10%;/*padding-right: 1%;*/
    overflow:hidden;
}
.Regional, .Sort {
	border-left: solid 1px #d3d3d3;
}
.screening>ul>li:after {
	content: "";
	background: url(../images/bottom.png) no-repeat;
	background-size: 16px 16px;
	position: absolute;
	width: 16px;
	height: 16px;
	z-index: 100;
	top: 0.9rem;
	right: 15%;
	z-index: 999
}
/* demo-content */
.show {
	background: #eee;
	color: #31b2ea;
}
.show a {
	color: #31b2ea;
}
.roll {
	color: #31b2ea;
}
.roll:after {
	content: "";
	background: url(../images/bottom2.png) no-repeat !important;
	background-size: 16px 16px !important;
	position: absolute;
	width: 16px !important;
	height: 16px !important;
	z-index: 100;
	top: 0.9rem;
	right: 30%;
	z-index: 999;
}
/* grade */
.grade-eject, .Sort-eject {
	position: fixed;
	top: -65%;
	width: 100%;
	height: 65%;
	z-index: 1 !important;
	-webkit-transition-duration: 0.4s;
}
.meishi22 {
	position: fixed;
	top: -65%;
	width: 100%;
	height: 15rem;
	z-index: 1 !important;
	-webkit-transition-duration: 0.4s;
}
.meishi22 a, .grade-t a, .Sort-eject a {
	color: #565656;
}
.meishi22>ul, .grade-eject>ul, .Sort-eject>ul {
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 100%;
	width: 100%;
	-webkit-transition-duration: 0.4s;
}
.meishi22>ul>li, .grade-eject>ul>li, .Sort-eject>ul>li {
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 16px;
	padding-left: 1rem;
	border-bottom: solid 1px #eee;
}
.meishi22>ul, .grade-eject>ul, .Sort-eject>ul {
	background: #fff;
	position: absolute;
	z-index: 1;
}
.grade-eject>ul.grade-t {
	background: #eee;
	position: absolute;
	z-index: 2;
	left: 100%;
}
.grade-eject>ul.grade-t>li {
	border-bottom: solid 1px #e5e5e5;
}
.meishia-s, .grade-eject>ul.grade-s {
	background: #fff;
	position: absolute;
	z-index: 3;
	left: 100%;
	list-style-type: none;
}
.meishi22>ul.meishia-s>li, .grade-eject>ul.grade-s>li {
	border-bottom: solid 1px #eee;
	margin-left: 1rem;
	padding: 0;
}
.grade-w-roll {
	top: 9.5rem;
}
.grade-w-roll::after {
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.2);
	top: 6rem;
}
/*Sort-eject*/
.Sort-Sort {
	background: #fff;
	position: absolute;
	z-index: 3;
	left: 0;
	list-style-type: none;
}
.Sort-Sort>li {
	border-bottom: solid 1px #eee;
	padding: 0;
}
/**********************************************订货会列表****************************************************/
/*.dhh-mian {
	margin-top: 0rem !important;
}*/
.dhh-mian .dhh-list {
	background: #fff;
	width: 96%;
	padding: 2%;
}
.dhh-mian .dhh-list h1 i {
	font: 1rem/1.8rem "微软雅黑";
	color: #e84700;
}
.dhh-mian .dhh-list h1 {
	font: 1rem/1.8rem "微软雅黑";
	color: #333;
	padding-top: 0.1rem;
}
.dhh-mian .dhh-list h1 a {
	color: #333
}
.dhh-mian table {
	width: 78%;
	color: #9f9d9d;
	float: left;
	margin-top: 0.2rem;
}
.dhh-mian table .frist td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	text-overflow: ellipsis;
	width: 46%;
	float: left;
}
.dhh-mian p {
	width: 20%;
	height: 1.8rem;
	float: right;
	background: #31b2ea;
	text-align: center;
	font: 0.8rem/1.8rem "微软雅黑";
	border-radius: 0.3rem;
	color: #fff;
	margin-top: 1.2rem;
	cursor: pointer;
 box-shadow:,,, 0 1px 1px #7b9400; /*底边阴影*/
}
.dhh-mian p:active {
	background: #7f9900;
}
/****************************查看更多*********************************/
.more {
	background: #31b2ea;
	color: #fff;
	width: 70%;
	margin: 0.5rem auto 0.8rem auto;
	border-radius: 3rem;
	height: 2rem;
	text-align: center;
	font: 1rem/2rem "微软雅黑";
	cursor: pointer;
}
.more:active {
	background: #9fbf04;
}
/*加载更多*/
.loading {
	text-align: center;
	padding: 0.5rem;
}
.loading img {
	width: 18%;
}

.all {
	text-align: center;
    padding: 3% 0;
}
.hot-item {
    border-bottom: 1px dashed #d8d8d8;
    line-height: 36px;
}
.hot-item h3 {
    color:#f66b6b;
}
.hot-item i {
    margin-right:5px;
}

/*新闻列表*/
.news-more-tle{
	background:#f3f3f3;
	width:100%;
	height:2.5rem;
	margin-top:1.5rem;
	font: bold 1rem/2.5rem "Microsoft YaHei";
	text-indent:1rem;
	color:#31b2ea
}
.news-list{
	background:#fff;
    width:100%;
    margin:auto;
	padding:1.4rem 0%;
}
.news-list li {
	
	background:url(../images/line-top.png) repeat-x bottom;
	padding-bottom: 1.8rem;
}
.news-list .news-text {
	float: left;
	max-width: 72%;
	margin-right: 0.5rem;
}
.news-list .news-text h1 {
	font: 1.3em/2rem "微软雅黑";
	color: #313035;
	height: 2rem;
	overflow: hidden;
}
.news-text h1 a {
	color: #313035;
}
.news-list .news-text p {
	font: 1em/1.3rem "微软雅黑";
	color: #afafaf;
	margin-bottom: 0.7rem;
	padding-top: 0.2rem;
	max-height: 2.6rem;
	overflow: hidden;
}
.news-list .news-text i {
	font: 12px/1.5rem "微软雅黑";
	color: #afafaf;
}
.news-list .news-text h2 {
	width: 4.5em;
	height: 1.3rem;
	border: 1px solid #f1f1f3;
	text-align: center;
	float: right;
	font: 1em/1.3rem "微软雅黑";
	color: #31b2ea;
	margin-right: 0.5rem;
}
.news-list .news-text h2 a {
	color: #31b2ea;
}
.news-list .news-pic {
	float: right;
	overflow: hidden;
	width: 25%;
	text-align: right;
}
.news-list .news-pic img {
	width: 100px;
	height: 114px;
}
/*旗下品牌*/
.SubBrand ul li{
	clear:both;
	background: url(http://m.61ef.cn/news/2016/images/line.png) top no-repeat;
	height:9.5rem;
	padding-top:0.4rem;
}
.SubBrand ul li:first-child{
	background:none;
}
.brandlogo{
	float:left;
	width:32.3%;
	height:8.4rem;	
	border:1px #dcdcdc solid;
	border-radius:6px;
	margin: 4% 2% 4% 0;
	position:relative;
}
.brandlogo h3{
	background:#97b602;
	color:#fff;
	font: 1rem/2rem "Microsoft YaHei";
	text-align:center;
	border-radius:0 0 4px 4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
}
.brandtxt{
	float:left;
	width:65%;
	margin: 4% 0 4% 0;
}
.brandtxt p{
	color:#7e7c7c;
	font: 0.8rem/2.2rem "Microsoft YaHei";
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.brandtxt p i{
	color:#1d1d1d;
}
.brandtxt  a{
	display:block;
	width:45%;
	color:#fff;
	text-align:center;
	background:#97b602;
	border-radius:6px;
	margin-top:0.2rem;
	padding:0.2rem;
	font-size:0.9rem;	
}
.logopic{
	overflow:hidden;
	text-align:center;
	display:table;
	width:100%;
}
.logopic a{
	width:100%;
    height: 6.8rem;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
}
.logopic a img{
	width:101%;
	
}
.weixinpic{
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	margin:1rem 0 0 0;
	/*background: url(http://m.61ef.cn/news/2016/images/line.png) top no-repeat;*/
}
.weixinpic img{
	height:45%;
	width:45%;
	/*margin:0.8rem 0 0 0;*/
}
.weixintxt{
	width:100%;
	height:100%;
	text-align:center;
	/*margin:0 0 0.9rem 0;*/
}
/*筛选没有结果样式*/
.No_results{
	display:none;
	}
.dhh>.Recommended {
	font-size: 18px;
	font-weight:bold;
    line-height: 48px;
    text-align: left;
    color: #31b2ea;
    width: 95%;
    background: #f0f0f0;
    margin: 0px 2%;
	}
/*进入品牌中心*/
.sumbitBtn{
	background: #31b2ea;
    color: #fff;
    width: 90%;
    margin: 1rem auto 0 auto;
    border-radius: 3rem;
    height: 2rem;
    text-align: center;
    font: 1rem/2rem "Microsoft YaHei";
    cursor: pointer;
}
.sumbitBtn a{
	color:#fff;
}




.news-list .news-text2{
	width:100%;
	max-width:100%;
}

/*马上留言*/
#bottomNav {
	background-color: #000;
	text-align: center;
	z-index: 999;
	background: #000;
	background: rgba(0, 0, 0, 0.5)!important;
	filter: Alpha(opacity=40);
	background: #000;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	padding-top: 8px;
	/* for IE6 */ _position: absolute;
 _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	overflow: visible;
}
#bottomNav p {
	width: 320px;
	margin: 0 auto;
	display: block;
	position: relative;
}
#bottomNav a {
	padding-right: 8px;
	padding-left: 8px;
}
/*搜索不到样式*/
/*.dhh-mian {
	margin-top: 10rem;
}*/
.dhh-list {
	background: #fff;
	width: 96%;
	padding: 2%;
}
.dhh-list h1 i {
	font: 1rem/1.8rem "微软雅黑";
	color: #e84700;
}
.dhh-list h1 {
	font: 1rem/1.8rem "微软雅黑";
	color: #333;
	padding-top: 0.1rem;
}
.dhh-list h1 a {
	color: #333
}
.dhh-list table {
	width: 78%;
	color: #9f9d9d;
	float: left;
	margin-top: 0.2rem;
}
.frist td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	text-overflow: ellipsis;
	width: 46%;
	float: left;
}
.dhh-list p {
	width: 20%;
	height: 1.8rem;
	float: right;
	background: #31b2ea;
	text-align: center;
	font: 0.8rem/1.8rem "微软雅黑";
	border-radius: 0.3rem;
	color: #fff;
	margin-top: 1.2rem;
	cursor: pointer;
 box-shadow:,,, 0 1px 1px #7b9400; /*底边阴影*/
}
.dhh-list p:active {
	background: #7f9900;
}
/************新增导航************/
.main-nav {
	background: #fff;
	padding-top: 0.6rem;
	padding-bottom: 0.3rem;
	border-top: 1px solid #e8e8e8;
    margin:0 auto;
    max-width:750px;
}
.main-nav li {
	width: 20%;
	float: left;
	text-align: center;
    cursor:pointer;
}
.main-nav li h1 {
	font: 0.8rem/1.8rem "微软雅黑";
	color: #323232;
}
.main-nav a {
	color: #323232;
    margin-top: 7px;
    display: inline-block;
}
.main-nav li .nav-01 {
	/*background: #f66c6c;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-02 {
	/*background: #bad93e;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-03 {
	/*background: #ffa739;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-04 {
	/*background: #72b4e4;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-05 {
	/*background: #d1759c;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
/*.main-nav li .nav-01 img {
    width: 3rem;
	width: 2rem;
	padding-top: 0.6rem;
	padding-left: 0.2rem;*/
}
/*.main-nav li .nav-02 img, .main-nav li .nav-03 img, .main-nav li .nav-04 img {
    width: 3rem;
	width: 1.8rem;
	padding-top: 0.7rem;
	padding-left: 0.2rem;*/
}
/*.main-nav li .nav-05 img {
    width: 3rem;
	width: 1.8rem;
	padding-top: 0.6rem;
	padding-left: 0.2rem;*/
}
/*.line-bottom {
	background: url(../images/line-top.png) repeat-x center;
	width: 100%;
	height: 4px;
}
.line-top {
	background: url(../images/line-bottom.png) repeat-x center;
	width: 100%;
	height: 4px;
}*/
/*新增分页样式(尺寸：3)*/

.page_main {
  width: 100%;
  background: #fff;
  margin: -10px 0;
  padding-bottom: 10px;
}
 @media screen and (min-width:303px) and (max-width:360px) {

.page {
  display: table;
  margin: -5px auto 5px auto;
  text-align: center;
  padding: 15px 0 15px 0;/*background: #fff;*/
}

.page a {
  /*/*width: 32px;
  height: 32px;*/*/
  display: block;
  float: left;
  line-height: 32px;
  text-align: center;
  color: #333 !important;
  margin: 5px 0 0 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding:0 14px;
}

.page .arr_tk { width: 50px; }

.page a:hover {
  background: #31b2ea;
  color: #fff;
}

.footer { margin-top: 10px !important; }

.nav { margin-top: 5px; }
}

@media screen and (min-width:361px) and (max-width:415px) {

.page {
  display: table;
  margin: -5px auto 15px auto;
  text-align: center;
  /*padding: 15px 0 15px 0px;*/
  /*background: #fff;*/
  padding-top:15px;
}

.page a {
  /*width: 36px;
  height: 36px;*/
  display: block;
  float: left;
  color: #333 !important;
  line-height: 36px;
  text-align: center;
  margin: 5px 0 0 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding:0px 14px;
}



.page .arr_tk { width: 69px; }

.page a:hover {
  background: #31b2ea;
  color: #fff;
}

.footer { margin-top: 10px !important; }

.nav { margin-top: 5px; }
}

@media screen and (min-width:416px) {

    .page {
        display: table;
        margin: -5px auto 15px auto;
        text-align: center;
        /* padding: 15px 0 0 62px;*/
        /*background: #fff;*/
        padding-top: 20px;
    }

        .page a {
            /*width: 45px;
            height: 45px;*/
            padding:0px 14px;
            display: block;
            float: left;
            color: #333 !important;
            line-height: 36px;
            text-align: center;
            margin: 5px 0 0 4px;
            border: 1px solid #ddd;
            border-radius: 3px;
        }

        .page .arr_tk {
            width: 80px;
        }
        .page a:hover {
            background: #31b2ea;
            color: #fff;
        }
}