@charset "utf-8";
#container{margin:0 auto;overflow:hidden; padding-bottom:.88rem;transition: all 0.3s; font-size: .28rem; position: relative;}
.mainboxbg{ position:fixed; height:100%; width:100%; background-color:#000; top:0; display:none; z-index:9;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
/*nav*/
.nav{width:40%; height:100%;position: fixed;right:-40%; padding-top:8%; display:none; top:0; z-index:1001; background:url(../images/navbg.png) #0090ff left repeat-y;}
.nav li{text-align:center; margin:0 .1rem;  }
.nav li a{display:block; width:100%; font-size:.24rem; color:#fff; padding:5% 0; border-bottom:1px solid rgba(255,255,255,0.07);}
.nav li a:hover{ color:rgba(255,255,255,0.7);}
/*header*/
#logo{ width:100%; height:auto;}
#logo img{width:100%; height:auto;}

/* banner */
.slideBox{ position:relative; overflow:hidden; clear:both;}
.slideBox .hd{ position:absolute; height:0.06rem; line-height:normal; bottom:0.16rem; z-index:5; text-align:center; width:100%; left:0;}
.slideBox .hd ul{height:0.06rem;}
.slideBox .hd li{ display:inline-block; width:0.06rem; background-color:#fff; height:0.06rem; -webkit-border-radius:0.03rem; -moz-border-radius:0.03rem; border-radius:0.03rem; text-indent:-9999px; overflow:hidden; margin:0 0.04rem; line-height: normal; vertical-align: top;}
.slideBox .hd li.on{ background-color:#fff; width:0.1rem; filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%; height:auto;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */


.tel{ background:#0090ff; font: 0.3rem/0.5rem "微软雅黑"; color:#fff; text-align: center; padding:4% 0;}
.tel span{ display: block; font-size:0.56rem; font-family:"Impact"; }


.bjbs{ background:#fff;}


/* 产品展示 */
.bt1{ border-top:1px solid #ccc;}
.bt2{ margin-top: -0.25rem;  text-align: center; }
.bt2 span{ display:inline-block; height: 0.5rem; padding: 0 3%; background:#f3f3f3; font:0.4rem/0.5rem "微软雅黑"; color:#636363;}
.cp{ width:100%; height: auto; margin: 0 auto; }
.cp li{ display: block; float: left; width:47%; height: auto; margin:2% 0 0 2%; background: #fff; }
.cp li a{ display: block; width:96%; height: auto; padding:2%; background: #fff; }
.cp li:hover{ display: block; box-shadow: 0 0 10px gray; }
.cp_t1{ font:0.24rem/0.5rem "微软雅黑"; color: #333; text-align: center;}
.cp_ps{ width: 100%; height:3.39rem; overflow:hidden;}
.cp_ps img{ width: 100%; height:3.39rem; overflow:hidden;}

.dh_box{ text-align: center; font:0.24rem/0.6rem "微软雅黑"; }
.dh_t1{ display: inline-block; padding:0 3%; border:1px solid #0090ff; color:#666;}
.dh_t2{ display: inline-block; padding: 0; width:24%; margin-left: -7px;}
.dh_t2 a{ display: inline-block;width:100%; border:1px solid #0090ff; color:#fff; background:#0090ff;}
.dh_t2 a:hover{ display: inline-block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.dh_t3{ display: inline-block; padding: 0; width: 24%; margin-left: -5px;}
.dh_t3 a{ display: inline-block; width:100%; border:1px solid #0090ff; color:#333; background:#fff;}
.dh_t3 a:hover{ display: inline-block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}



/* 公司简介 */
.jj_01{ border-left: 5px solid #0090ff; height: 90px; line-height:0.36rem; overflow:hidden; clear:both; color:#636363; margin-left:3%;}
.jj_01 h3{ font-weight:normal; font-size:0.18rem; text-transform:uppercase; padding-left:0.15rem; }
.jj_01 h3 i{ display:block; font-style:normal; font-size:0.36rem; margin-top:0.1rem;}
.jj_02{font:0.23rem/0.38rem "微软雅黑"; color:#666; height:3.04rem; overflow: hidden; padding:0 3%; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 8; overflow: hidden;}
.jj_03{ width:40%; height:0.6rem; overflow:hidden; font: 0.24rem/0.6rem "微软雅黑";text-align:center; margin:0 auto;}
.jj_03 a{ display: block; color: #fff; background:#0090ff; }
.jj_03 a:hover{ display: block;  filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}



/*新闻*/
.xwbox{ width:94%; margin:3%; }
.xwbox li{ display: block;  width:100%; height: auto; margin-bottom:2%; }
.xwbox li a{ display: block; padding:4%; width:92%;background:#f3f3f3;}
.xwbox li a:hover {display: block; background:#0090ff; color: #fff }
.xwbox li a:hover .xw_t1, .xwbox li a:hover .xw_t2, .xwbox li a:hover .xw_t3{display:block; color:#fff; }
.xwbox li a .xw_t1{font: 0.36rem/0.6rem "微软雅黑"; text-align:center; float:left; color:#0090ff; width:25%;}
.xwbox li a .xw_t2{font: 0.24rem/0.4rem "微软雅黑"; float:left; color:#333; width:67%; height: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp:1; overflow: hidden;}
.xwbox li a .xw_t3{font: 0.2rem/0.32rem "微软雅黑"; float:left; color:#999; width:67%; height: 0.32rem; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp:1; overflow: hidden;}

.more{ float:right; height:0.4rem; line-height:0.4rem; display:inline; margin-right:4%;  margin-top:5%; font-family:"微软雅黑"; overflow:hidden;}
.more a{ color:#666; font-size:0.2rem;}
.more a:hover{ color:#0090ff; text-decoration:none;}


/*底部*/
#footer{padding:0; margin: 0; text-align:center; color:#999; font-size:.19rem; line-height:0.36rem; background:#fbfbfb;}
#footer a{ margin:0 5px; color:#999;}
#footer p{margin: 0;}

.foc1{ position:fixed; z-index:1000; bottom:0; width:100%; max-width:750px; clear:both; background:#0090ff;}
.foc1 li{ width:25%; text-align:center; float:left; cursor:pointer; padding:2% 0;}
.foc1 li .iconfont{ font-size:0.49rem; color:#fff; display: block;}
.foc1_01{ font-size:0.24rem; overflow:hidden; color:#fff; display: block; padding-top: 3%;}


/*topbar*/
.top_bar{background-color:#F7F7F7;box-shadow: 0 2px 2px rgba(0,0,0,.15);text-align: center;position: relative;z-index:1; overflow: hidden; font-size: .18rem; height: .8rem; line-height: .8rem;text-align: center;}
.top_bar .head_title{ display: inline-block; max-width: 5rem;margin: 0 auto;  font-size: .30rem; white-space: nowrap;}
.top_bar .head_title{ display: inline-block; max-width: 5rem;margin: 0 auto;  font-size: .30rem; white-space: nowrap;}
.top_bar .back_btn{ position: absolute; left: 0;top: 0; width: .6rem; height: .8rem; text-align: center; font-size: .44rem; color:#333;}

/*content*/
.content{ padding: .1rem .15rem .1rem .15rem;overflow: hidden;text-align: left; font-size: .24rem!important; background: #fff; line-height: 160%;}
.content h1{ font-size: .32rem; font-weight: normal; text-align: center; color: #000;  border-bottom:1px solid #eee; margin-bottom: 10px; padding:.1rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content img,.contentct img{max-width:100%; text-align: center;}

.page{ text-align:center; padding:10px 0; padding-top:15px;font-size: .14rem}
.page a{padding:5px 20px; margin:0 5px;border-radius:4px; display:inline-block; border:1px solid #e2e2e2; background-color:#fff; font-size: .2rem}

.xingxi{padding:3% 2%; line-height:1.6; overflow:hidden; clear:both; background:#fff;}
.author{font-size:0.2rem; padding:0.06rem 0; border-bottom:#ddd solid 1px; color:#666; margin-bottom:0.13rem}
.content_img{text-align:center; clear:both; overflow:hidden; width:100%;}
.content_img img{ width:100%; margin:2% 0; max-width:640px;}

.con_title{ padding:5% 0 0 0; line-height:1.3; color:#000; font-size:0.38rem;}

/*分类*/
.page_tt{ border:#e5e5e5 solid 1px; margin:0.04rem 0.2rem 0.2rem 0.2rem; height:0.6rem; line-height:0.6rem; clear:both; position:relative;}
.page_tt h3{ font-weight:normal; font-size:0.3rem; padding-left:0.4rem; background-size:1%; border-left: 4px solid #0090ff;}
.page_tt .sspan{ position:absolute; right:-1px; top:-1px; width:1.2rem; height:0.6rem; line-height:0.6rem; text-align:center; overflow:hidden; color:#a46a11; background:#0090ff; border:#0090ff solid 1px;}
.page_tt .sspan a{ color:#FFF; display:block; font-size: 0.26rem;}
.page_tt .sspan i{ font-style:normal; font-size:0.26rem; overflow:hidden; padding-left:5%;}
.mainboxbg01{position:fixed; height:100%; width:100%; top:0; display:none; z-index:10000; filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6; background:#000;}
.page_slide{position:fixed; top:1rem; right:0; z-index:10001; display:none; width:100%; background:#FFF; padding:0.12rem 0 0.18rem 0rem; max-height:65%; overflow-y:scroll;}
.page_slide li{ display:block; width:7.1rem; height:0.66rem; line-height:0.66rem; text-align:center; margin:0.12rem 0.2rem; background:#f2f2f2;}
.page_slide li a { display: block; font-size:0.24rem; background-color: transparent;}
.page_slide li a:hover,.slide li a.selected { background:#0090ff; color:#fff;}


/*翻页*/
.pageListNav{padding:0.2rem 0 0.4rem 0; width:7.5rem; position:relative; z-index:1;text-align:center; overflow:hidden; font-size:0.26rem; clear:both;}
.pageListNav a{display:inline-block; color:#333; border:#ddd solid 1px; background:#FFF;text-align:center; text-decoration:none; width:1.2rem; height:0.46rem; line-height:0.46rem; border-radius:3px;}
.pageListNav .first{float:left; margin:0 auto;}
.pageListNav span{display:inline-block; overflow:hidden; vertical-align:middle}
.pageListNav span select{position:relative; top:0; width:1rem; height:0.46rem; line-height:0.46rem; border:0; color:#333; font-size:0.26rem; background:#FFF; text-align:center; margin:0 0.1rem;}
.con_fy1{text-align:right; margin-top:4%; font-size:0.26rem; overflow:hidden; clear:both; padding:0.2rem 0 0.3rem 0; border-top:#ccc dashed 1px;}
.con_fy1 a{ color:#333;}


/*内页新闻*/
.xwbox2{ width:94%; margin:3%; }
.xwbox2 li{ display: block;  width:100%; height: auto; margin-bottom:2%; }
.xwbox2 li a{ display: block; padding:4%; width:92%;background:#fff;}
.xwbox2 li a:hover {display: block; background:#0090ff; color: #fff }
.xwbox2 li a:hover .xw_t1, .xwbox2 li a:hover .xw_t2, .xwbox2 li a:hover .xw_t3{display:block; color:#fff; }
.xwbox2 li a .xw_t1{font: 0.36rem/0.6rem "微软雅黑"; text-align:center; float:left; color:#0090ff; width:25%;}
.xwbox2 li a .xw_t2{font: 0.24rem/0.4rem "微软雅黑"; float:left; color:#333; width:67%; height: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp:1; overflow: hidden;}
.xwbox2 li a .xw_t3{font: 0.2rem/0.32rem "微软雅黑"; float:left; color:#999; width:67%; height: 0.32rem; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp:1; overflow: hidden;}

.more{ float:right; height:0.4rem; line-height:0.4rem; display:inline; margin-right:4%;  margin-top:5%; font-family:"微软雅黑"; overflow:hidden;}
.more a{ color:#666; font-size:0.2rem;}
.more a:hover{ color:#0090ff; text-decoration:none;}


.cp_ps2{ width: 100%; height:2.56rem; overflow:hidden;}
.cp_ps2 img{ width: 100%; height:2.56rem; overflow:hidden;}