@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 0.24rem;
	color: #555;
}

ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

img {
	border: none;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

@font-face {
  font-family: 'iconfont';  /* project id 967011 */
  src: url('//at.alicdn.com/t/font_967011_u2lh2s6uft8.eot');
  src: url('//at.alicdn.com/t/font_967011_u2lh2s6uft8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_967011_u2lh2s6uft8.woff') format('woff'),
  url('//at.alicdn.com/t/font_967011_u2lh2s6uft8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_967011_u2lh2s6uft8.svg#iconfont') format('svg');
}

body{
	background:#fff;
}

/*头部*/
#head {
	position:fixed;
	top:0;
	width: 100%;
	height: 0.92rem;
	z-index:999;
	background:#fff;
	border-bottom:0.01rem solid #1071c0;
}

#head .box {
	width: 6rem;
	height: 0.92rem;
	margin: 0 auto;
}

#head .left {
	width: 5.4rem;
	height: 0.62rem;
	margin-top: 0.14rem;
	float: left;
}

#head .left img {
	width: 4rem;
	height: 0.62rem;
}


/*导航*/
.sp_nav{width: 0.4rem; height:0.4rem; float:right; margin-top:0.26rem; font-family:iconfont; font-size:0.4rem; color:#1071c0; text-align:right;}
.sjj_nav a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
.sjj_nav{position:fixed;z-index:1000;background:#eee;width:100%;height:calc(100% - 1.8rem);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; padding-bottom:0.1rem;}
.nav_show{top:0.92rem}
.sjj_nav>ul{ width:6rem; margin:0 auto;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 2px 0 8px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li{margin-left:0;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:100%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#1071c0}
.sjj_nav ul li ul li>ul{margin-left:10px}
.null{display:none;}

#clearp{
	margin-top:0.93rem;
	height:0;
	margin-bottom:0;
	overflow:hidden;
}

/*banner*/
.main_visual {
	clear: both;
	height: 2.92rem;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.main_image {
	height: 2.92rem;
	overflow: hidden;
	position: relative;
}

.main_image ul {
	width: 9999px;
	height: 2.92rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.main_image li {
	float: left;
	width: 100%;
	height: 2.92rem;
}

div.flicking_con {
	position: absolute;
	top: 2.47rem;
	left: 50%;
	z-index: 99;
	width: 2.8rem;
	height: 0.16rem;
	margin-left: -1.4rem;
	text-align: center;
}

div.flicking_con a {
	font-size: 0;
	visibility: visible;
	height: 0.14rem;
	width: 0.14rem;
	display: inline-block;
	background-color: #fff;
	margin: 0 0.06rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

div.flicking_con a.on {
	background-color: #f8991e;
}

#btn_prev, #btn_next {
	display: none;
}

/*首页产品*/
#indexpro{
	width:100%;
	height:auto;
	background:url(../images/mainbg.png) top repeat-x;
	overflow:hidden;
}

#indexpro .fltitle{
	width: 6rem;
	height: auto;
	margin: 0.2rem auto 0.1rem;
	text-align:center;
	overflow:hidden;
}

#indexpro .fltitle h2{
	font-size:0.4rem;
	color:#1071c0;
	font-weight:normal;
}

#indexpro .fltitle .encat{
	line-height:0.4rem;
	color:#cccccc;
	display:block;
	text-transform:uppercase;
}

#indexpro a.more{
	width:2rem;
	margin:0.4rem auto;
	padding:0.08rem 0;
	background:#1071c0;
	color:#fff;
	text-align:center;
	border-radius:0.25rem;
	display:block;
	overflow:hidden;
}

#mbanner{
	width: 100%;
	height: 1rem;
	background: url(../img/mbanner.png) center no-repeat;
	background-size:9.86rem 1rem;
}

/*首页关于我们*/
#indexabout{
	width:100%;
	height:auto;
	background:url(../images/mainbg.png) top repeat-x;
	overflow:hidden;
}

#indexabout .fltitle{
	width: 6rem;
	height: auto;
	margin: 0.2rem auto 0.1rem;
	text-align:center;
	overflow:hidden;
}

#indexabout .fltitle h2{
	font-size:0.4rem;
	color:#1071c0;
	font-weight:normal;
}

#indexabout .fltitle .encat{
	line-height:0.4rem;
	color:#cccccc;
	display:block;
	text-transform:uppercase;
}

#indexabout .aboutbox{
	width:6rem;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

#indexabout p{
	margin-top:0.08rem;
}

#indexabout a.more{
	width:2rem;
	margin:0.4rem auto;
	padding:0.08rem 0;
	background:#1071c0;
	color:#fff;
	text-align:center;
	border-radius:0.25rem;
	display:block;
	overflow:hidden;
}

/*首页文章切换*/
#arctab{
	width:100%;
	height:auto;
	padding-top:0.15rem;
	background: url(../images/mainbg.png) center top repeat-x;
	overflow:hidden;
}

#tabcon{
	width:6rem;
	height:auto;
	margin:0.35rem auto 0.1rem;
}

#tabcon .tech{
	margin-top:0.1rem;
	display:none;
	height:3rem;
}

#tabcon .tech li{ 
	width:6rem;
	height:0.45rem;
	border-bottom: 1px dashed #ddd;
	margin-top:0.02rem;
}

#tabcon .tech li a{ 
	width:4.5rem;
	height:0.45rem;
	line-height:0.45rem;
	display:block;
	float:left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#tabcon .tech li span{ 
	width:1.5rem;
	height:0.45rem;
	line-height:0.45rem;
	display:block;
	float:right;
	text-align:right;
}

#tabcon .tech li a::before{ 
	content:"\e648";
	font-family:iconfont;
	font-size:0.16rem;
	color:#888;
}

#arcmore {
	width:6rem;
	margin:0.25rem auto 0.35rem;
	text-align:center;
}

#arcmore a{
	width:2rem;
	margin:0 auto;
	padding:0.08rem 0;
	background:#1071c0;
	color:#fff;
	border-radius:0.25rem;
	display:none;
	overflow:hidden;
}

/*内页大分类*/
#topcat{
	width:6rem;
	height:0.4rem;
	margin:0.4rem auto 0.3rem;
	text-align:center;
	line-height:0.4rem;
	font-size:0.36rem;
	font-weight:bold;
	color:#1071c0;
}

#acrsoncat{width:88%; margin:0.24rem auto 0.24rem; text-align:center;}
#acrsoncat li{ width:20%; margin-left:0.06rem; margin-right:0.06rem; margin-top:0.1rem; text-align:center; display:inline-block; padding: 6px 14px; background-color: #ddd; }
#acrsoncat li a{ color:#555}
#acrsoncat li.cur{ background-color: #118BCC; color:#fff;}
#acrsoncat li.cur a{color:#fff}

/*内页文章列表*/
#arclst{
	width:6rem;
	height:auto;
	margin:0.35rem auto 0.1rem;
	border-top:1px solid #ddd;
	padding-top:0.15rem;
}

#arclst ul li{
	width:6rem;
	height:0.54rem;
	line-height:0.54rem;
	border-bottom:1px dashed #ddd;
}

#arclst ul li .title{
	width:4.5rem;
	height:0.54rem;
	line-height:0.54rem;
	float:left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#arclst ul li .title::before{
	content:"\e648";
	font-family:iconfont;
	padding:0 0.05rem;
	font-size:0.2rem;
	color:#ddd;
}

#arclst ul li .time{
	width:1.35rem;
	height:0.54rem;
	line-height:0.54rem;
	float:right;
	text-align:left;
}


/*内页&首页图片列表*/
#prolst{	
	width:6rem;
	height:auto;
	margin:0.35rem auto 0.1rem;
	border-top:1px solid #ddd;
	padding-top:0.15rem;
	overflow:hidden;
}

#prolst ul{	
	width:7rem;
}

#prolst li{	
	width:2.9rem;
	height:auto;
	float:left;
	margin-right:0.2rem;
	margin-top:0.2rem;
}

#prolst li img{	
	width:2.9rem;
	height:auto;
	box-sizing: border-box;
	border: solid 1px #ccc;
}

#prolst li span.img{	
	width:2.7rem;
	height:0.22rem;
	padding:0.08rem 0.1rem 0.05rem;
	line-height:0.22rem;
	display:block;
	text-align:center;
	background-color:#ccc;
	color:#333;
	font-size:0.2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#prolst li span.pro{	
	width:2.5rem;
	height:0.24rem;
	padding:0 0.2rem;
	line-height:0.24rem;
	display:block;
	text-align:center;
	color:#333;
	font-size:0.22rem;
	margin:0.08rem auto 0.05rem;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/*分页*/
#pages{ clear:both; padding:0.3rem 0; line-height:0.4rem; text-align:center; overflow:hidden; width: 6rem; margin: 0 auto;}
#pages li { display:inline-block; height:0.4rem; margin-right:0.1rem; line-height:0.4rem; font-size:0.24rem; padding:0 0.2rem;  border:1px solid #ddd; color:#555; overflow:hidden}
#pages li a{ display:block; height:0.4rem; line-height:0.4rem; font-size:0.24rem; color:#555; text-decoration:none; }
#pages li a:hover{ color:#1071c0; }
#pages li.thisclass { background:#1071c0; color:#fff; }
#pages li.thisclass a{ color:#fff; }

/*内页标题*/
#title{
	width:6rem;
	height:auto;
	margin:-0.15rem auto 0.1rem;
	text-align:center;
	line-height:0.32rem;
	font-size:0.26rem;
	font-weight:bold;
	color:#555;
}

/*文章信息*/
#info{
	width:6rem;
	height:auto;
	margin:0.2rem auto 0;
	text-align:center;
	line-height:0.20rem;
	font-size:0.18rem;
	color:#ccc;
}


/*内页主内容*/
#content{
	width:6rem;
	height:auto;
	margin:0.2rem auto 0;
	border-top:1px solid #ddd;
	padding:0.5rem 0;
}

#content h2{
	margin: 0.22rem auto;
	color: #118BCC;
	font-weight: normal;
	font-size: 0.28rem;
}

#content h3{
	margin: 0.18rem auto;
	color: #118BCC;
	font-weight: normal;
	font-size: 0.26rem;
}

#content table {
	border-collapse:collapse;
	border-spacing:0;
	border:none;
}

#content img{
	max-width:100%;
	height:auto !important;
	margin:0.1em auto;
}

#content table{
	height:auto !important;
	width:100%;
	max-width:100%; 
	margin:0.1em auto;
}

#content table th,#content table td{
	border:1px solid #ccc; 
	width: auto !important;
	max-width:100%;
}

#content table table{
	margin:0; 
	border:none
}

#content table tr,#content table th,#content table td{
	padding-left:0.3em; 
	padding-right:0.3em; 
	word-break:break-all;
	font-size:0.2rem;
	line-height:0.3rem;
}

/*上一篇下一篇*/
#prenext{
	width:auto;
	height:1.2rem;
	margin:0 auto;
}

#prenext .pre,#prenext .next{
	width:6rem;
	height:0.5rem;
	line-height:0.5rem;
	border-radius: 10px;
	background-color:#ddd;
	color:#333;
	margin:0.12rem auto;
	text-indent:0.15rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#prenext .pre a,#prenext .next a{
	line-height:0.5rem;
	color:#333;
}

/*底部版权*/
#copy{	
	width:100%;
	margin-bottom:0.88rem;
	margin-top:0.22rem;
	overflow: hidden;
}

#copy .box {
	width: 6rem;
	line-height:0.4rem;
	margin: 0 auto;
	border-top:0.01rem solid #ccc;
	text-align:center;
	overflow:hidden;
	padding: 0.3rem 0;
}

/*底部导航*/
#fmenu{
	position:fixed;
	bottom:0;
	width:100%;
	height:0.9rem;
	background-color:#1071c0;
	color:#fff;
	z-index:1001;
}

#fmenu .box{
	width: 6rem;
	height:0.66rem;
	margin: 0.12rem auto;
	overflow:hidden;
}

#fmenu .box .con{
	width: 6.9rem;
	height:0.66rem;
	margin-left:-0.45rem;
}

#fmenu .box .con a{
	width: 24%;
	height:0.66rem;
	display:block;
	float:left;
	text-align:center;
	border-left:1px solid #0c62a7;
}

#fmenu .box .con a:first{
	border:none;
}


#fmenu .box .con a span{
	font-size:0.2rem;
	color:#fff;
}
#fmenu .box .con a i{
	display:block;
	font-family:iconfont;
	font-size:0.4rem;
	line-height:0.4rem;
	height:0.35rem;
	font-style:normal;
	color:#fff;
}