/***************** reset *****************/
*{ margin:0; padding:0; word-wrap:break-word; vertical-align:middle;}
html { width:100%; font-size:100%;}
body{ width:100%; color:#333; font:16px/1.5 "\5FAE\8F6F\96C5\9ED1", Arial; background:#fff;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
a{ color:#fff; text-decoration:none;}
a:hover{}
img{ border:0;max-width:100%;}
ul li,ol li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select{ *font-size:100%;}
sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

/* 禁止webkit横屏改变字体大小 */
html{-webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, .nav, section{display: block;padding: 0px;margin: 0px;border: none;}
/* 超出隐藏 */
.overflow{overflow: hidden;}
/* 点击去除阴影 */
a, button, input, i{-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}
/* 图片自适应调整 并解决图片缩放的失真问题*/
img{/* [disabled]max-width:100%;
*/height: auto;border: none;interpolation-mode: bicubic;}
/* 文字居中 */
.txt-center{text-align: center;}
.txt-justify{text-align: justify; text-justify:inter-ideograph;}
/* 自动换行 */
.word-auto{word-wrap: break-word;word-break: normal;}
/* 自动居中 */
.mg-auto{margin-left: auto;margin-right: auto;position: relative;}

.clear{clear:both; height:1px;font-size:0;line-height:0;}

/***************** universal *****************/
#page{ max-width:960px; margin:0 auto; background:#fff;}

#top{ height:2.0em; line-height:2.0em !important; overflow:hidden; font-size:2em; text-align:center; color:#fff; background:#000; text-transform:uppercase;}

/***************** banner *****************/
.banner{ position:relative; overflow:hidden;}
/**************** SWIPE ********************/
@media only screen and (max-width: 767px) {
.page-swipe {}
}

.page-swipe #slider {}

@media only screen and (max-width: 767px) {
.erweima img {display: none;}
.page-swipe #slider {margin-top: 40}
}

.page-swipe #slider figure {display: block}
.page-swipe #slider figure div.wrap {max-width: 100%; display: block; margin: 0 auto;position: relative;}

@media only screen and (max-width: 767px) {
.page-swipe #slider figure div.wrap {max-width: 100%; margin-bottom: 5px}
}
@media (min-width:979px) {
.page-swipe #slider figure div.wrap {max-width: 100%; margin-bottom: 5px}
}

.page-swipe #slider figure div.image {display: block;height: inherit}
.page-swipe #slider figure a {
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0;
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 12px;
	color: #fff;
	background: #000;
	padding: 2px 5px;
	border-radius: 3px;
	opacity: .45;
}
.page-swipe #slider figure a:hover {
	opacity: .85;
	text-decoration: none
}
.page-swipe .nav {
	position: absolute;
	max-width: 100%;
	bottom:10px;
	right:10px;
}
.page-swipe .nav a {
	font-style: normal;
	color: #555!important
}
.page-swipe .nav #position {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0
}
.page-swipe .nav #position li {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #fff;
	margin: 0 5px;
	cursor: pointer
}
.page-swipe .nav #position li.on {
	background-color: #0ac7c4;
}
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > figure {
	float: left;
	width: 100%;
	position: relative;
}




/***************** content *****************/
#content{ padding:0.625em 0; /*background:url(../images/con_bg.gif) no-repeat 0 0; background-size:100% 100%;*/}
.tel{ width:77.6%; padding:0 10%; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:2em; line-height:1.7em !important; font-size:2.25em; margin:0 1.2%; color:#fff; background:url(../images/tel_bg.png) no-repeat 0 0; background-size:100% 100%; text-align:center;}
.tel a{}

.navigation{ width:100%; height:4em !important; padding:0.625em 0;}
.navigation ul li{ width:23.5%; margin-left:1.2%; display:block; float:left; text-align:center;}
.navigation ul li a{ width:100%; overflow:hidden; height:2.7em; line-height:2.7em !important; font-size:1em; float:left; display:block; color:#fff; background:url(../images/nav_bg.png) no-repeat 0 0; background-size:100% 100%;}

/***************** foot *****************/
#foot{ padding:0.625em; line-height:1.5em !important; font-size:0.75em; text-align:center; color:#c8c8c8; background:#000;}

/***************** insidepage *****************/
#i_content{ /*background:url(../images/i_con_bg.gif) no-repeat 0 0; background-size:100% 100%;*/}
#i_content{ padding:2% 0;}

.article .title{ text-align:center; color:#000; padding:1.25em 0 0.625em; line-height:2em !important; border-bottom:1px #95908a solid;}
.article .title h3{ font-size:1.875em;}
.article .title span{ font-size:0.875em; color:#666;}
.article .con{ padding:1.5em 1.5em 5em; color:#000;}
.article .con p{ font-size:0.875em; line-height:1.8 !important; margin-bottom:15px; /*text-align:justify;*/}
.article .con img{ max-width:100%;}

.box ul li{ width:48.2%; margin-left:1.2%; float:left; padding-bottom:0.625em;}
.box ul li a.name{ height:2.17em; line-height:2.17em !important; overflow:hidden; font-size:1.5em; display:block; color:#fff; text-align:center; background:url(../images/box_bg.png) no-repeat 0 0; background-size:100% 100%;}
.box ul li a.pic{ display:block; overflow:hidden; text-align:center;}
.box ul li img{ max-width:100%; vertical-align:middle;}

a.new_box{ width:96%; margin:0 2% 2%; display:block; background:#3a3a3a; position:relative; overflow:hidden; table-layout:fixed; min-height:60px;}
a.new_box:active{ background:#000;}
a.new_box .arrow{ width:13px; height:25px; position:absolute; top:40%; right:10px; background:url(../images/arrow.png) no-repeat 0 0;}
a.new_box h3{ float:left; width:60%; font-size:1.5em; color:#fff; padding:0 0 0 20px; height:60px; line-height:60px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a.new_box .pic{ float:left; width:80px; height:60px; overflow:hidden; text-align:center;}
a.new_box .pic img{ max-width:100%; vertical-align:middle;}

.pro_box{ width:97.2%; margin:1.4%; border:1px #2d2d2d solid; padding-bottom:0.625em; background:#2d2d2d;}
.pro_box .con{ padding:0.5em; overflow:hidden; text-align:justify;}
.pro_box a.name{ width:100%; height:2.17em; line-height:2.17em !important; font-size:1.25em; display:block; color:#c8c8c8; overflow:hidden; word-break:keep-all;white-space:nowrap;	overflow:hidden;text-overflow:ellipsis;}
.pro_box p{ line-height:1.5em !important; height:3em; overflow:hidden; color:#c8c8c8; font-size:1em;}
.pro_box .pic{ display:block; width:100%; overflow:hidden;}
.pro_box img{ width:100%; vertical-align:middle;}


@media screen and (max-width : 399px){
body{ font-size:10px;}
a.new_box .pic{ float:left; width:80px; height:60px; overflow:hidden; text-align:center;}
a.new_box h3{height:60px; line-height:60px !important;}
}
@media screen and (min-width : 400px){
body{ font-size:12px;}
a.new_box .pic{ float:left; width:120px; height:90px; overflow:hidden; text-align:center;}
a.new_box h3{height:90px; line-height:90px !important;}
}
@media screen and (min-width : 640px){
body{ font-size:16px;}
/*.banner{ position:relative; overflow:hidden; height:360px;}*/
a.new_box .pic{ float:left; width:160px; height:120px; overflow:hidden; text-align:center;}
a.new_box h3{height:120px; line-height:120px !important;}
}

.location{ height:2.2em; line-height:2.2em !important; overflow:hidden; font-size:1em; color:#fff; background:#2d2d2d; padding:0 20px;}