@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body,dl,dd,h1,h2,h3,h4,h5,h6,p,img,from{margin:0;} ol,ul,li,img{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
body > .qing{ min-width:94%;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
select{border:none; background-color:transparent;}
a div, a span{ cursor:pointer;}
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.juzhong{ width:94%; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
*, *:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
img{ display:block;}


/**********************************index***********************************/
.tbg{ background:#fff; height:60px; width:100%;}
.nate{ display:block; border:1px solid #7d7d7d; -moz-border-radius: 4px;-webkit-border-radius:4px; border-radius:4px; margin-top:14px;}
.logo{ display:block; margin:0 auto; width:200px; height:60px; }
.logo img{ margin:0 auto;}
.bank{ display:block; position:relative;}

/*手机banner轮播*/
.swipe{width:100%; overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:0;bottom:30px;text-align:center;width:100%;}
.swipe #pagenavi a{width:15px;height:15px;line-height:99em;background:#FFFFFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#c59464;}

/*四块*/
.sik{ position:relative; z-index:4; margin-top:-20px; margin-bottom:16px;}
.sik a{ display:block; width:50%; padding: 24px 0; float:left; text-align:center; font-size:16px; color:#fff; line-height:25px;}
.sik a img{ margin:0 auto 12px;} 
.sik a:visited{ color:#fff;}


/**产品中心**/
.cpk{ display:block; padding-top:15px; padding-bottom:21px; background:#f2f2f2;}
.cpkti{ margin-bottom:21px;}
.cpkti img{ margin:0 auto;}
.procn{ height:34px; text-align:center; background:url(../images/prcnbg.png) center center no-repeat; background-size:auto 100%; line-height:34px; font-size:18px; color:#000;}
.cplbo{ margin-bottom:5px; position:relative; overflow:hidden;}
.cptuk{ position:relative; width:48%; height:auto; float:left; margin:0 1% 40px; z-index:1;}
.ltu{ position: absolute; z-index:2; width:100%; height:100%; left:0; top:0; background-size:100% 100% !important;}
.lingbgk{ position:relative; z-index:8; }
.cpxtu{ display:block; position:relative; z-index:7;}
.ltux{ position:absolute;  z-index:9; left:16.1%; top:16.14%;}
.ltuxti{ position:absolute; width:100%; text-align:center; z-index:9; left:0%; top:100%; line-height:28px; font-size:14px; color:#000;}
.more1{ display:block; width:86px; height:30px; background:#c59464; margin:0 auto; text-align:center; font-size:14px; color:#f2f2f2; line-height:30px !important;}
.more1 span{ font-size:18px;}


/*新闻切换*/
.neiti{ margin-top:40px;}
.neiti img{ margin:0 auto 10px; }
.neixti{ display: block; text-align:center; margin-bottom:9px; font-size:14px; line-height:22px; color:#000;}
.neixjs{ display:block; text-align:left; font-size:12px; color:#787878; line-height:22px;}


/* main_image */
.main_visual{height:110px; overflow:hidden;position:relative; margin-bottom:21px;}
.main_image{height:92px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:92px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:92px;}
div.flicking_con{position:absolute;bottom:0px; z-index:999;width:100%;height:8px; width:100%; text-align:center;}
div.flicking_con a{ width:8px;height:8px;margin:0;padding:0;background:#d5d5d5;display: inline-block;text-indent:-1000px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
div.flicking_con a.on{background:#787878;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display: block;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:-100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:-100px;}
.more{ display:block; width:75px; height:18px; margin:0 auto 27px;}
/*版权*/
.banq{ background:#4a4a4a; padding:12px 0 14px; margin-bottom:58px; line-height:21px; color:#b1b1b1; font-size:12px; text-align:center;} 
.banq a, .banq a:visited{ color:#b1b1b1;}
.bant{ width:40px; height:7px; margin:0 auto; border-bottom:1px solid #b1b1b1;}
/*底部固定*/
.fobg{ display:block; width:100%; height:58px; background:#3d3d3d;}
.fobg a{ display:block; float:left; width:25%; height:58px;}
.fobg a img{ margin:11px auto;} 
/*底部浮动*/
#footer{width:100%; overflow:visible;zoom:1;position:fixed;left:0;bottom:0; z-index:9999;
/*ie6不支持position：fixed
解决方案*/
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

/*二级样式*/
.cin_navigk{ display:block; overflow:visible; position:relative; background:#9F3; border:1px solid #0FF;}
.cin_navigation {
	width: 100%;
	height: auto; 
	overflow: hidden; top:0;
	border: 0px solid #CCC; z-index:9999;
	position: fixed;
}
.ndti .cin_navigation, .ndti2 .cin_navigation {
	width: 100%;
	height: auto;
	overflow: hidden; top:0;
	border: 0px solid #CCC; z-index:9999;
	position: fixed;
}
.con_nev {
	width: 100%;
	height: auto; padding:0 3% 80px;
	overflow: hidden;
	background-color:#FFF;
	z-index: 500;
	position: relative;
}
.con_nev li {
	width: 100%;
	height: 70px;
	line-height: 69px;
	border-top: 1px solid #cfcfcf;
}
.con_nev li:last-child {
	border-bottom:1px solid #cfcfcf;
}
.con_nev a {
	width:100%; margin:0 auto;
	display: block;
	font-size:18px;
	color: #000;
	text-decoration: none;
}
.con_nev a img{ float:left; margin-left:10px; margin-top:20px; margin-right:20px;}


/**********************内页*************************/
.ndti{ padding-top:91px; padding-bottom:18px;background:url(../images/ab-bg.jpg) center top no-repeat; background-size:100% auto;}
.ndti b{ display: block; width:30px; height:1px; background:#000;}
.ndti span{ display:block; margin-bottom:12px; line-height:30px; font-size:18px; color:#000;}
.erj{ margin-left:-6px;}
.erj a{ display:block; height:32px; padding:0px 17px;  float:left; margin-bottom:5px;margin-left:6px; font-size:14px; color:#2f2f2f; line-height:32px; border:1px solid #535353; -moz-border-radius:14px;-webkit-border-radius:14px; border-radius:14px; }
.erj a, .erj a:visited{ color:#000;}
.erj a.ernn{ background:#c59464; border-color:#c59464; color:#FFF;}

/*************************about****************************/
.nabbg{background:#FFF;padding: 20px 2% 28px;}
.shu14{ line-height:30px; font-size:14px !important; color:#787878;}
.shu14 img{ width:100%; height:auto;}

/**************************honor*************************/
.honk{ width:96%; margin:10px auto; display:block; overflow:hidden; }
.honk ul{
	-moz-column-count:2; /* Firefox */  /**把 div 元素中的文本划分为三列。**/
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-webkit-column-width:46.0%; /**column-width 属性规定列的宽度。**/
    -moz-column-width:46.0%;
    -o-colum-width:46.0%;
	colum-width:46.0%;
	-webkit-column-gap:2%; /**column-gap 属性规定列之间的间隔。**/
    -moz-column-gap:2%;
    -o-column-gap:2%;
	column-gap:2%;
}
.honk li{display:inline-block; width:100%; position: relative;margin-bottom:16px; }
.hontu{ display:block; background:#FFF; border:1px solid #d1d1d1; padding:9px;  text-align:center;}
.honn{ display:block; overflow:hidden;}
.honk img{ display:block; width:100%; margin-bottom:10px;}
.honti{ display:block; height: auto; line-height:16px; font-size:14px; color:#000;}


/****************************************news***********************************/
.nnebg{ padding:10px 0 28px;}
.nelb li{ display: block; background:#FFF; padding:13px; overflow:hidden; margin-bottom:13px;}
.netu{ display:block; float:left; width:103px; height:60px;}
.nejk{ margin-left:116px;}
.neti{ display:block; margin-bottom:4px; color:#000; font-size:14px; line-height:20px; }
.neti:visited{ color:#000;}
.nejs{ display:block; color:#777; font-size:12px; line-height:18px;}
.nejs:visited{ color:#777;}
.nejs span{ color:#c59464;}

/****************************************product***********************************/
.ncpbg{ padding:10px 0 28px;}
/*产品列表瀑布流样式*/
.container{ margin:0 5px;
  -moz-column-count:2; /* Firefox */  /**把 div 元素中的文本划分为三列。**/
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;
				
  -webkit-column-width:50%; /**column-width 属性规定列的宽度。**/
  -moz-column-width:50%;
  -o-colum-width:50%;
  colum-width:50%;
				
  -webkit-column-gap:16px; /**column-gap 属性规定列之间的间隔。**/
  -moz-column-gap:16px;
  -o-column-gap:16px;
  column-gap:16px;
}
.container li{
  background:#f2f2f2;
  display:inline-block; /**行内块元素。（CSS2.1 新增的值）**/
  width:100%;
  position: relative;
  margin:0px 0 12px;
  padding:3px 3px 0;
}
.cpm{ display:block; text-align:center; line-height:20px; font-size:12px; color:#000; padding:8px 0 9px;}

/********************************product-view**********************************/
.nedti{ text-align:center; line-height:32px; font-size:16px !important; color:#000; margin-bottom:16px;}

.gjc{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; text-align:center; padding:5px; line-height:26px; font-size:12px; color:#999; margin-bottom:12px;}
.gjc a, .gjc a:visited{ color:#999;}

/****************************************contact***********************************/
.abk{ background:#FFF; width:96% !important; margin:10px auto ; overflow:hidden;}
.conk{ overflow:hidden; padding:15px 6px 12px; border-bottom:1px solid #dcdcdc;}
.conk img{ width:30px; float:left;}
.coad{ margin-left:50px; font-size:14px; color:#5f5f5f; line-height:24px;}
.conkk{ font-size:14px; color:#5f5f5f; line-height:24px;}

/***********在线留言************/
.massage{ width:100%; margin:0px auto; padding-bottom:20px;}
.massage h2{ text-align:center; font-size:18px; font-weight:normal;}
.massage .input { width:95%; height: 35px; line-height:35px;margin:10px 0px; border-radius:5px; border:1px solid #ddd; outline:none;  }
.massage textarea {width:95%; margin: 10px 0px; resize: none;border-radius:5px; border:1px solid #ddd; outline:none; } 
.massage .reset{height: 38px; cursor:pointer;line-height: 38px; width:105px;background: #BCBCBC;border: 1px solid #BCBCBC; color: #fff;border-radius:5px;  outline:none; }
.massage .submit{height: 38px;cursor:pointer;line-height: 38px;width:105px;background:#c59464;border: 1px solid #c59464;color: #fff;border-radius:5px; outline:none; }



/**翻页**/
.fanpk{ border-top:1px solid #ddd; padding-top:14px; margin-top:16px;}
.fanp{ display: block; margin-bottom:6px;}
.fanp a{ display:block; line-height:26px; color:#999; font-size:12px;}
.fanp a:visited{ color:#999;}
.fanh{ display:block; clear:both; position:relative; overflow:hidden; text-align:center; width:90px; height:30px; border:1px solid #ddd; line-height:30px; font-size:12px; color:#777;}
.fanh:visited{ color:#777;}


/***分页****/
.text-center {text-align: center;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0 10px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,        
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #c59464; border-color: #c59464;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}