@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式			*/
/* Author:			Hanbing 		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Jun-08-2015		*/
/* Retrofit Date:	Aug-04-2015		*/
/* ================================ */

body { font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; background-color: #f5f5f5; }
/*logo设置*/
#header .header-wrap ul.header-nav li.logo img{
	height: 0.85rem;
	margin-top: 15px;
}

/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}

.list-text-box{
	margin-top: 0.267rem;
	background:#fff; margin-top:5px;

}
.list-text-box .list-text-title{
	display:-webkit-box;
	-webkit-box-align:center;
	
	    width: 100%;
    overflow: hidden;
    padding: 11px 3%;
    background: white;
	color:#000;
}
.list-text-box .list-text-title:before{
	content:"";
	display:block;
	margin-right:12px;
	width:4px;
	height:16px;
	border-radius:3px;
	background:#ff5251;
}
.list-text-box .list-text-title .name{
	-webkit-box-flex:1;
	font-size:18px; font-weight:bold
	
}
.list-text-box .list-text-title .more{
	padding-right:0.37rem;
	color:#999;
	background:url("../images/arrow.png") no-repeat center right;
	background-size:0.16rem;
}

.qyxw{border-top: 1px solid #F1F1F1; padding-bottom:20px;}
.qyxw ul{ clear:both; overflow:hidden; margin:10px 0 0 15px; padding:0 0 5px 0;}
.qyxw ul .last{border-bottom:0px dashed #F0EEEE;}
.qyxw ul li{ background:url(https://www.china-metalform.com/images/pic_bg.gif) no-repeat 5px -213px; padding:8px 0 10px 15px; height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #F0EEEE;}
.qyxw ul li a{ font-size:14px; color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qyxw .moremm{ position:absolute; top:15px; right:10px;font-family:"宋体";}
.qyxw_noline ul{ background:none;}

.qyxw2{border-top: 1px solid #F1F1F1;padding-bottom:20px;}
.qyxw2 ul{ clear:both; overflow:hidden; margin:10px 0 0 5px; padding:0 0 5px 0; }
.qyxw2 ul li{ padding:10px 0 0 15px; height:82px; overflow: hidden;border-bottom:1px dashed #F0EEEE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qyxw2 ul .last{border-bottom:0px dashed #F0EEEE;}
.qyxw2 ul li a{ font-size:14px; color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qyxw2 .moremm{ position:absolute; top:15px; right:10px;font-family:"宋体";}
.qyxw2_noline ul{ background:none;}

.qyxw ul li .date{ color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-right:8px;float:right;margin-left:8px; margin-top:7px}
.qyxw2 ul li .date{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-right:8px;float:right;margin-left:8px; margin-top:5px;}
.imgbox{float:left;margin-right:8px; width:60px; height:60px;}
.imgbox img{width:60px; height:60px;border: 1px solid #F1F1F1;}

/*页内固定块*/
.fix-block-r { width: 48px; position: fixed; z-index: 5; right: 0.5rem; bottom: 60px; d}
.fix-block-r a { display: block; width: 48px; height: 48px; background: rgba(255,255,255,0.85); border-radius: 100%; border: solid 0.05rem #EEE;  }
.fix-block-r a i { width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; opacity: 0.5;}
.fix-block-r a.gotop-btn { margin-top: 0.25rem;}
.fix-block-r a.gotop-btn i { background-image: url(../images/gotop_b.png);}
.fix-block-r a.browse-btn i { background-image: url(../images/goods_browse_b.png);}

/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}

.header-l {
    display: block;
    width: 1.95rem;
    height: 1.95rem;
    position: absolute;
    top: 0;
    left: 0;line-height:1.7rem;
}
.header-l a {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    padding: 0.4775rem; 
}
.header-l .back {
    width: 40px;
    height: 40px;
    margin: 10%;
    background-image: url(../images/arrow_left_b.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.75;
}

.header-inp {
    position: relative;
    display: block;
    height: 1.4rem;
    border-radius: 42px;
    margin: 0.275rem 2rem 0 2rem;
    background-color: #FFF;
    text-align: left; 
}

.header-r {
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 0;
    font-size: 0;
    text-align: right;line-height:1.7rem; padding-right:15px
}



header, .header {
    background: #F8F8F8;
    height: 1.95rem;
    position: fixed; 
    z-index: 8;
    top: 0px;
    left: 0;
    right: 0;
    bottom: auto;
    border-bottom: solid 0.05rem #EEE;
}


    #UL{  position: absolute;  background:rgba(0,0,0,0.8);  background-size: 100% 100%;  width: 100px;  padding: 2% 0 2% 0;  text-align: center;  display: block;
        z-index: 9;  font-size: 12px;  line-height: 18px;  padding: 3px 0;  top:28px;  border-radius: 2px; right:5px;  }
    .selected>a{  color: white;  }
    .header_search{  width: 94%;  margin: 0px auto;  padding-top: 10px;  }
    .back_up{  display: table-cell;  padding-right: 28px;  position: relative;  }
    .back_up img{  width: 11px;  height: 19px;  position: absolute;  top:50%;  margin-top: -9.5px;  left:0;  }
    .header_cate{  width: 100%;  display: table-cell;  background: #F6F6F6;  border-radius: 6px;  font-size: 12px;  line-height: 26px;  }
    .header_cate table{  width: 100%;  border-radius: 4px;  }
    .header_cate .group{ width:50px;  }
    .header_cate .group select{  width: 60px;  text-align: center;  background: none;  border: none;  font-size: 14px;  line-height: 30px;
        height: 30px;  color: #333;  outline: none;  }
    .header_cate .group select option{  outline: none;  border: none;  background: transparent;  padding: 0;  color: #333;  -webkit-appearance: none;  }
    .header_cate .text input{  display: block;  width: 100%;  background: none;  border: none;  outline: none;  font-size: 12px;  color:#333;  text-indent: 10px;  }
    .header_cate .text input::-webkit-input-placeholder{  color:#333;  }
    .header_search label{  display: table-cell;  padding-left: 15px;  font-size: 14px;  line-height: 30px;  color: #333;  margin-bottom: 0;  font-weight: normal;  }
    .header_search label span{  display: block;  width: 30px;  float: right;  }
	
.d7 {
display: inline-block;
    width: 100%;
    border: none;
    border-radius: 15px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    -webkit-box-align: center;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}
.d7:after {content:""; clear:both; display:table}
.d7 form {
  width: 100%;
  float: right;
}
.d7 input {
  width: 100%;
  height: 35px;
  padding-left: 15px;

  border: 0px solid #324b4e;
  outline: none;
  position: relative;
}
.d7 input:focus {
  width: 100%;
}
.d7 button {
  width: 42px;
  height: 42px;
  background: none;
  border: none;
  position: absolute;
  top: -8px;
  right: 0;
}
.nctouch-nav-layout { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }
.nctouch-nav-menu { display: block; position: absolute; top: 1.2rem; right: 0.2rem; width: 5rem; }
.nctouch-nav-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 0.4rem; font-size: 0; line-height: 0; border-width: 0.4rem; border-color: transparent transparent rgba(85,85,85,0.95) transparent; border-style: dashed dashed solid dashed; }
.nctouch-nav-menu ul { display: block; clear: both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');
background: rgba(85,85,85,0.95); border-radius: 0.2rem; }
.nctouch-nav-menu li { position: relative; z-index: 1; border-bottom: solid 0.05rem #999; text-align:left}
.nctouch-nav-menu li:last-child { border-bottom: none 0; }
.nctouch-nav-menu li a { display: block; height: 1.7rem; padding: 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF; }
.nctouch-nav-menu li a i { display: inline-block; width: 0.72rem; height: 0.72rem; vertical-align: middle; margin-right: 0.3rem; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; }
.nctouch-nav-menu li a i.message { background-image: url(../images/message_w.png); }
.nctouch-nav-menu li a i.cart { background-image: url(../images/cart_w.png);}
.nctouch-nav-menu li a i.home { background-image: url(../images/home_w.png?a=1);}
.nctouch-nav-menu li a i.search { background-image: url(../images/search_w.png);}
.nctouch-nav-menu li a i.categroy { background-image: url(../images/categroy_w.png);}
.nctouch-nav-menu li a i.member { background-image: url(../images/member_w.png);}
.nctouch-nav-menu li a i.w1 { background-image: url(../images/w1.png);}
.nctouch-nav-menu li a i.w2 { background-image: url(../images/w2.png);}
.nctouch-nav-menu li a i.w3 { background-image: url(../images/w3.png);}
.nctouch-nav-menu li a i.w4 { background-image: url(../images/w4.png);}
.nctouch-nav-menu li sup { display: none; position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; width: 0.36rem; height: 0.36rem; background-color: #ED5564; border-radius: 100%; }
@-webkit-keyframes loading-2{
	0%{
		transform:scaleY(1);
		-moz-transform:scaleY(1);
		-webkit-transform:scaleY(1);
	}
	50%{
		transform:scaleY(.4);
		-moz-transform:scaleY(.4);
		-webkit-transform:scaleY(.4);
	}
	100%{
		transform:scaleY(1);
		-moz-transform:scaleY(1);
		-webkit-transform:scaleY(1);
	}
}
.loading-2 { width:60px; margin:15px auto}
.loading-2 i{display:inline-block;width:2px;height:20px;border-radius:2px; background:#333;margin:0 2px;}
.loading-2 i:nth-child(1){
	-webkit-animation:loading-2 1s ease-in .1s infinite;
	-moz-animation:loading-2 1s ease-in .1s infinite;
	animation:loading-2 1s ease-in .1s infinite;
}
.loading-2 i:nth-child(2){
	-webkit-animation:loading-2 1s ease-in .2s infinite;
	-moz-animation:loading-2 1s ease-in .2s infinite;
	animation:loading-2 1s ease-in .2s infinite;
}
.loading-2 i:nth-child(3){
	-webkit-animation:loading-2 1s ease-in .3s infinite;
	-moz-animation:loading-2 1s ease-in .3s infinite;
	animation:loading-2 1s ease-in .3s infinite;
}
.loading-2 i:nth-child(4){
	-webkit-animation:loading-2 1s ease-in .4s infinite;
	-moz-animation:loading-2 1s ease-in .4s infinite;
	animation:loading-2 1s ease-in .4s infinite;
}
.loading-2 i:nth-child(5){
	-webkit-animation:loading-2 1s ease-in .5s infinite;
	-moz-animation:loading-2 1s ease-in .5s infinite;
	animation:loading-2 1s ease-in .5s infinite;
}
.newstitle{
position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    padding: 0.8rem;
	color: #303030;
}
.newsdate{padding: 0 .8rem;
font-size: 11px;
    color: silver;
    margin: .5rem 0 .4rem;border-bottom:1px solid #F1F1F1; padding-bottom:0.5rem;}
.newsdate .date{ color:silver; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-right:8px;float:right;margin-left:8px; margin-top:7px}
.newscontent,.newscontent2{
padding: 0 .5rem;
    background: #fff;
    font-size: 18px;
    line-height: 32px;
    width: 100%;
    word-wrap: break-word;
    color: #606060;
    text-align: justify;
}
.newscontent img{ width:100%; margin:10px 0}
.newtitle{margin:0 auto; max-width:640px; font-size:18px; text-align:center; font-weight: 700; line-height:1.92rem}
.newtitle2{
border:1px solid #ccc; margin:15px; background-color:#eee; line-height:35px; height:45px; font-size:18px; padding:5px; text-align:center;letter-spacing:3px; font-weight:bold;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eeeeee,endColorStr=#f6f6f6);/*IE6*/
background:-moz-linear-gradient(top,#eeeeee,#f6f6f6);/*非IE6的其它*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#f6f6f6));/*非IE6的其它*/}

.sale_title{
height: 65px;
z-index: 2;
}
.sale_title>div {
	float:left
}
.sale_title .input {
	position:relative;
	width:83%;
	height:44px;
	border-top:#ccc solid 1px;
	border-right:none;
	border-bottom:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-radius:4px 0 0 4px
}
.sale_title .input>input {
	outline:none;
	border:none;
	padding:0 80px 0 10px;
	margin:0;
	height:42px;
	width:100%;
	color:#333;
	font-size:16px;
	border-radius:4px 0 0 4px
}
.sale_title .input>input::-webkit-input-placeholder {
	color:#999
}
.sale_title .input .picker {
	width:70px;
	padding-right:30px;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	line-height:44px;
	cursor:pointer;
	color:#999;
	font-size:12px;
	text-align:right;
	background-image:url(../images/down.png);
	background-position:50px center;
	background-repeat:no-repeat;
	user-select:none
}
.sale_title .input .picker-list {
	list-style:none;
	padding:5px 0;
	width:100px;
	position:absolute;
	right:0;
	top:50px;
	margin:0;
	line-height:26px;
	font-size:12px;
	border-radius:2px;
	box-shadow:0 1px 5px rgba(0,0,0,.2);
	background-color:#fff;
	display:none; z-index: 2;
}
.sale_title .input .picker-list>li {
	padding-left:5px;
	background-position:10px center;
	background-repeat:no-repeat;
	background-size:16px auto
}
.sale_title .input .picker-list>li:hover {
	background-color:#ebf1f5;
	cursor:pointer
}
.sale_title .input .hot-list {
	padding:10px 0;
	width:100%;
	position:absolute;
	left:0;
	top:50px;
	margin:0;
	line-height:32px;
	font-size:14px;
	border-radius:2px;
	box-shadow:0 1px 5px rgba(0,0,0,.2);
	background-color:#fff;
	display:none
}
.sale_title .input .hot-list>a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:0 10px;
	overflow:hidden
}
.sale_title .input .hot-list>a:hover {
	background-color:#f3f3f3
}
.sale_title .input .hot-list>a>div {
	float:left
}
.sale_title .input .hot-list>a>div.number {
	text-align:center;
	width:40px
}
.sale_title .search {
	width:17%;
	height:44px;
	background-color:#08f;
	background-image:url(../images/search.png);
	background-position:center;
	background-repeat:no-repeat;
	border-radius:0 4px 4px 0;
	cursor:pointer
}
.digg {text-align:center; background-color:#FFFFFF; padding:10px 0; margin-top:20px; font-size:13px	}
.digg a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #AAAADD;	text-decoration: none; /* no underline */	color: #0198D7;	}
.digg a:hover, div.digg a:active {border: 1px solid #0198D7;color: #000;	}
.digg span.current { padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #0198D7;font-weight: bold;background-color: #0198D7;	color: #FFF;	}
.digg span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}