@charset "utf-8";
body{ width:100%; text-align:center;margin:0; background-color:#fff; min-width:260px; font-size:14px;} 
html { overflow-x: hidden; overflow-y: auto; }

*{ margin:0px; padding:0px; border:0px; font-size:1.0rem; font-family:"微软雅黑";list-style-type:none; color:#333}
img{border:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#999;}
a:visited{ text-decoration:none; color:#000;}
.clear{display:block;clear:both;}
.align_l{ text-align:center}
ul, ul li {
 list-style-type:none;
}
.cl {
 zoom:1;
}
.float_l{ float:left}
.trans a{ margin:0 auto;}
.trans a:hover{filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6}

.top{ margin:0 auto; max-width:1200px; width:100%; max-height:137px; height:auto; padding-top:20px; margin-bottom:20px;}
.logo{ float:left; margin:0 auto; width:80%; max-width:658px}


/*电脑版导航*/
.navbg{ width:100%; margin:0 auto;background-color:rgba(0,104,187,0.9);height:50px; z-index:9999;}

.nav{max-width:1200px;margin:0 auto;min-height: 50px;line-height:50px;*height:50px;text-align:center;}
.nav ul {max-width:1200px;height:50px; margin:0 auto;}
.nav ul li{float:left; width:14%; position: relative;}
.nav ul li a{color:#fff;font-size: 1.0rem;}
.nav ul li:hover{cursor:pointer;background: #0068bb; }
.nav ul li .subNav{position:absolute; left:0;top:50px;display:none; background: rgba(0,104,187,0.8); *background: #10632b; overflow:hidden;z-index:999;*z-index:999999; }
.nav ul li.on{background:rgba(21,68,138,0.5); }
.nav ul li.on a{color: #fff;}
.nav ul li.on .subNav {display:block; }
.nav ul li.on .subNav dl{overflow:hidden;padding-top:1px; }
.nav ul li.on .subNav dl dd{height:auto;line-height:16px;text-align:center; }
.nav ul li.on .subNav dl dd a{ display: block; line-height:16px; font-weight:normal; color:#fff;padding:8px 5px 8px 5px;font-size: 0.85rem; border-bottom:0.7px solid #fff;}
.nav ul li.on .subNav dl dd a:hover{ color:#ffffff;background-color:rgba(0,0,0,0.4); }


/*手机版导航*/
.wraq_header{ width:100%;top:0;left:0;position:relative; z-index:999; z-index:9999;position:fixed;top:0}
.snav{display: none;right:0px; width:100%;}
.mbtn5{display: none;width:100%;height: 35px;z-index: 1002;cursor:pointer;line-height: 35px; background-color:rgba(3,93,165,0.9)}
.mbtn_l{ float:left; color:#FFF; line-height:35px; width:80%; text-align:left; padding-left:1%}
.mbtn_r{width: 9%;height: 30px;margin-right: 16px;float: right;color: #292929;font-size: 20px;line-height: 32px;text-align: center;background-color:#0068bb;padding-top: 2px; background:url(../images/dh0.png) no-repeat 0 0}

.navm5{ width:100%; line-height: 30px; background-color:#fff;overflow: hidden; text-align: left; display: none;top:35px;left:0}
.navm5 li{border-bottom:1px solid #b1b1b1;position: relative;background: rgba(0,104,187,0.9);}
.navm5 li a{ font-size:14px; line-height:18px; padding:7px 0px; color:#fff; padding-left:13px; }
.navm5 li a:hover{color:#fff;}
.navm5 li span{ padding:10px 10px 0 0;float:right;margin-right:7px;color: #fff;cursor: pointer;}
.navm5 li.on{background: #187ecf;}
.navm5 li.on a{ color:#fff; width:100%; line-height:26px}
.navm5 dl{background:#2286d6;  color:#fff; padding-left:15px}
.navm5 dl dd{ padding-left:50px; line-height:18px; padding:8px 0px 8px 10px;border-bottom:1px solid #fff;}
.navm5 dl dd:last-child{border-bottom: none;}
.navm5 li.on dl dd a{ font-size: 14px; color:#fff;font-weight:normal;display:inline; border:none; padding:0px; line-height:22px}
.navm5 li dl dd a{ font-size: 14px; color:#fff; font-weight:normal; display:inline; display:block; border:none; padding:0px; }
.navm5 li dl dd a:hover{ color:#292929;}

.snav .ser{width: 100%;}
.snav .nser{display: block;}

.subNavs{width:100%;overflow:hidden;display: none; background: #fff;}


@media screen (max-width:901px) and (max-width:2560px){
   .snav{display:block;}
   .mbtn5{display:block;}
  .header{background: none;}
  .nav{display:none;}
  .wraq_nav{display: none;}
}

@media screen  and (max-width:900px) {

   .snav{display:block;}
   .mbtn5{display:block;} 
   .navbg{display: none;}  
}

@media screen  and (max-width:425px) {
.top{ margin:0 auto; width:100%; height:auto; margin-bottom:5px; margin-top:25px}
.logo{ float:left; margin:0 auto; width:100%;}
}

.mainall{ width:96%; max-width:1200px; margin:0 auto; height:auto; }
.maingray{ width:100%; margin:0 auto; height:auto; background-color:#ececec; padding:5px 0 20px; margin-top:40px}
.sybiao{ text-align:center; line-height:3.5rem; font-size:2.0rem; width:100%; padding:30px;max-width:452px; margin:0 auto}
.sybiaoa{ text-align:center; line-height:3.5rem; font-size:2.0rem; width:100%; padding:30px; color:#FFF;max-width:452px; margin:0 auto}

/*页面底部样式*/

.footer{ background-color:#0068bb; width:100%; margin:0 auto;padding-top:2.0%; margin-top:3%; padding-bottom:1.5%; border-bottom:18px solid #005298}
.bota{ width:32%; float:left; color:#FFF; text-align:left;}
.bota span{ text-align:left; color:#FFF; font-size:2.0rem; margin-bottom:20px}
.bota p{ text-align:left; font-size:0.9rem; line-height:1.6rem; color:#FFF}
.bota p a{font-size:0.9rem; line-height:1.6rem; color:#FFF}
.bota p a:hover{color:#FF0}

.botb{ width:40%; padding:0 2%; text-align:left; float:left; font-size:1.0rem; line-height:1.5rem; color:#FFF; margin-left:5%}
.botb span{color:#FFF; font-size:0.9rem; line-height:1.6rem}
.botc{ width:13%; padding:0 2%; text-align:left; float:left; font-size:1.0rem; line-height:1.5rem; color:#FFF; margin-left:2%}


@media screen  and (max-width:768px) {
.bota span{ text-align:left; color:#FFF; font-size:1.5rem; margin-bottom:20px}
.bota{ width:30%; float:left; color:#FFF; text-align:left;}
.botb{ width:40%; padding:0 1%; text-align:left; float:left; font-size:1.0rem; line-height:1.5rem; color:#FFF; margin-left:5%}
.botc{ width:15%; padding:0 2%; text-align:left; float:left; font-size:1.0rem; line-height:1.5rem; color:#FFF; margin-left:2%}

}
@media screen  and (max-width:425px) {
.bota{ width:90%; float:left; color:#FFF; text-align:left; margin-left:5%}
.bota span img{ width:40px !important}
.botb{ width:90%; padding:0 1%; text-align:left; float:left; font-size:1.0rem; line-height:1.5rem; color:#FFF; margin-left:5%; margin-top:30px}
.botc{ display:none}

}

/*首页简介样式*/
.sy_bt{ width:400px; margin:0 auto; margin-top:40px;}
.sy_bta{ background:url(../images/line.png) repeat-x 0 0;height:50px; float:left; width:100px;}
.sy_btb{ line-height:50px; text-align:center; font-size:1.8rem; color:#000; width:200px;float:left}
.sy_btc{ width:400px; margin:0 auto; margin-bottom:40px; text-align:center; font-size:1.2rem}

.sy_jjleft{ width:54%; float:left; margin:0 auto; padding:3%; text-align:left; line-height:2.3rem; font-size:1.1rem}
.sy_jjright{ width:34%; float:left; margin:0 auto; padding:3%}
.sy_jjxx{ width:100px; float:right; line-height:25px; text-align:center; background-color:#0068bb; display:block}
.sy_jjxx a{ color:#FFF; display:block; font-size:0.8rem}
.sy_jjxx a:hover{ color:#FF0;}
@media screen  and (max-width:1024px) {
.sy_jjleft{ width:56%;  margin:0 auto; padding:2% 3% 2%; text-align:left; line-height:2.0rem; font-size:1.0rem}
.sy_jjright{ width:35%; margin:0 auto; padding:5% 0;}	
	}
@media screen  and (max-width:768px) {
.sy_jjleft{ width:50%;  margin:0 auto; padding:2% 3% 2%; text-align:left; line-height:1.6rem; font-size:0.9rem}
.sy_jjright{ width:40%; margin:0 auto; padding:5% 0;}	
}

@media screen  and (max-width:500px) {
.sy_bt{ width:300px; margin:0 auto; margin-top:30px;}
.sy_bta{ background:url(../images/line.png) repeat-x 0 0;height:50px; float:left; width:80px;}
.sy_btb{ line-height:50px; text-align:center; font-size:1.5rem; color:#000; width:140px;float:left}
.sy_btc{ width:300px; margin:0 auto; margin-bottom:1px; text-align:center; font-size:1.0rem}

.sy_jjleft{ width:90%;  margin:0 auto; padding:5%; text-align:left; line-height:1.8rem; font-size:1.0rem}
.sy_jjright{ width:100%; margin:0 auto; padding:5% 0;}	
	
	}
	
/*首页产品样式*/
.nynr_cp{ width:94%; padding:30px 0; margin:0 auto; max-width:1200px;}
.nynr_cp p{ text-align:left;line-height:1.6rem; font-size:0.9rem; padding:2% 2% 0 2%;text-indent:2em}
.cp_pic{ width:29%; float:left; margin:3.0% 2.0%; margin-top:0px;position: relative; height:auto}
.cp_pic span{position: absolute; bottom:0; left:0; color:#FFF; background-color:rgba(0%,0%,0%,0.6); line-height:2.5rem; width:100%; text-align:center; font-size:1.0rem;}

@media screen  and (max-width:500px) {
.cp_pic{ width:98%; float:left; margin:3.0% 1.0%; margin-top:0px;position: relative; height:auto}
.cp_pic span{position: absolute; bottom:0; left:0; color:#FFF; background-color:rgba(0%,0%,0%,0.6); line-height:2.5rem; width:100%; text-align:center; font-size:1.2rem;}
	
	
}

/********首页新闻中心样式*******/

.syljdt_list_timea{ width:86px; height:68px; margin:0 auto; background-color:#0068bb; display:block; font-size:0.9rem; color:#FFF; line-height:1.8rem; text-align:center; padding-top:18px; float:left;}
.btaa{font-size:1.2rem;line-height:2.2rem}
.syljdt_listbbb{ width:96%; margin:0 auto; border-bottom:1px dashed #A0A0A0; padding:21px 0px; margin-left:2%; margin-right:2%; float:left}


.syljdt_listb{ width:46%; margin:0 auto; border-bottom:1px dashed #A0A0A0; padding:21px 0px; margin-left:2%; margin-right:2%; float:left}
.telreda{ color:#FFF; font-size:1.8rem}
.syljdt_lista{ width:80%; float:left; margin-left:20px}
.syljdt_lista h2{ font-size:1.1rem; text-align:left; line-height:2.0rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-text-overflow:ellipsis;}
.syljdt_lista h2 a{ font-size:1.1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-text-overflow:ellipsis;}
.syljdt_lista h2 a:hover{ color:#F00}
.syljdt_lista p{ font-size:0.9rem; text-align:left; padding-top:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.syljdt_lista p a{ font-size:0.9rem; color:#666;line-height:1.2rem}
.syljdt_lista p a:hover{ color:#CCC}
@media screen  and (max-width:1024px) {
.syljdt_list_timea{ width:76px; height:58px; margin:0 auto; background-color:#0068bb; display:block; font-size:0.9rem; color:#FFF; line-height:1.8rem; text-align:center; padding-top:18px; float:left}
.syljdt_listb{ width:100%; margin:0 auto; border-bottom:1px dashed #333; padding:21px 0px;}
.syljdt_lista{ width:77%; float:left; margin-left:20px}
.syljdt_lista p{ font-size:0.9rem; text-align:left; padding-top:1px;}
}
@media screen  and (max-width:768px) {
.syljdt_list_timea{ width:65px; height:58px; margin:0 auto; background-color:#0068bb; display:block; font-size:0.9rem; color:#FFF; line-height:1.8rem; text-align:center; padding-top:7px; float:left; margin-top:15px}
.syljdt_listb{ width:100%; margin:0 auto; border-bottom:1px dashed #333; padding:10px 0px;}

.btaa{ color:#666; font-size:1.0rem;line-height:2.3rem}
.syljdt_lista{ width:70%; float:left; margin-left:20px}
}
@media screen  and (max-width:425px) {

.syljdt_list_timea{ width:65px; height:57px; margin:0 auto; background-color:#0068bb; display:block; font-size:0.9rem; color:#FFF; line-height:1.8rem; text-align:center; padding-top:8px; float:left; margin-top:15px}
.btaa{ color:#666; font-size:1.0rem;line-height:1.8rem}
.syljdt_listb{ width:100%; margin:0 auto; border-bottom:1px dashed #333; padding:10px 0px;}

.syljdt_lista{ width:71%; float:left; }
.syljdt_list{ width:98%; margin:0 auto; border-bottom:1px dashed #E4E4E4; padding:5px 0px;}
.syljdt_lista h2{ font-size:1.0rem; text-align:left; line-height:2.0rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-text-overflow:ellipsis;}
}

/********内页样式*******/
.ejdh_li{width:92%; line-height:1.9rem; font-size:1.0rem; text-align:left; margin:0 auto; padding-left:1%; color:#666}

.ejdh{ width:120px; float:left; height:30px; margin-right:2px; line-height:30px; display: block; background-color:#0068bb}
.ejdh a{line-height:30px; display: block; background-color:#0068bb; color:#FFF; text-align:center; font-size:1.0rem}
.ejdh a:hover{display: block; background-color:#005298; color:#FFF;}
.ejdha{ width:120px; float:left; height:30px; margin-right:2px; line-height:30px; display: block; background-color:#005298; color:#FFF; text-align:center; font-size:1.0rem}


.article_nr{ width:92%; line-height:1.9rem; font-size:1.0rem; text-align:left; margin:0 auto; padding:4%; min-height:400px; color:#666}
.article_nr p{line-height:1.9rem; font-size:1.0rem; text-align:left; color:#666}
.article_nr p img{ border:none; width:100%}
@media screen  and (max-width:768px) {
.ejdh_li{width:98%;  margin:0 auto;}
.ejdh{ width:100px; float:left; height:25px; margin-right:2px;  display: block; background-color:#0068bb; margin-bottom:3PX}
.ejdh a{line-height:25px;display: block; background-color:#0068bb; color:#FFF; text-align:center; font-size:0.8rem}
.ejdh a:hover{display: block; background-color:#1f5833; color:#FFF;}
.ejdha{ width:100px; float:left; height:25px; margin-right:2px; line-height:25px; display: block; background-color:#005298; color:#FFF; text-align:center; font-size:0.8rem}
}


@media screen  and (max-width:425px) {
.ejdh_li{width:98%;  margin:0 auto; margin-top:20px}
.article_nr{ width:96%; line-height:1.5rem; font-size:0.9rem; text-align:left; margin:0 auto; padding:4% 2%; min-height:500px; color:#666}
.article_nr p{line-height:1.5rem; font-size:0.9rem; text-align:left; color:#666}
.article_nr p img{ border:none; width:100%}
}

/*********新闻列表页************/


/*********新闻内页************/
.nr_zi{text-align:left; font-size:1.0rem; line-height:1.8rem; }
.nr_zi p{text-align:left; font-size:1.0rem; line-height:1.8rem;}
.news_bt{ width:100%; line-height:30px; font-size:1.4rem; text-align:center; color:#333; font-weight:500; margin:0 auto; margin-bottom:15px; padding:5px}
.fh{ width:100%; padding-bottom:30px; text-align:center; margin:0 auto; font-size:0.8rem; padding-top:20px}
.fh a{font-size:0.8rem; color:#616161}
.fh a:hover{color:#000}
.sz_r_time{text-align:right; height:auto; font-size:0.6em; color:#999; border-top:1px solid #CCC; padding-bottom:1.0rem; padding-top:0.5rem; }
.sz_r_timea{text-align:right; height:auto; font-size:0.6em; color:#999; padding-bottom:0.5rem;  margin-bottom:0.5rem;padding-top:0.9rem; border-top:1px solid #CCC;padding-right:30px}

@media(min-width:260px) and (max-width:425px) {
  .nr_zi{text-align:left; font-size:0.9rem; line-height:1.6rem; }
  .nr_zi p{font-size:0.9rem; line-height:1.6rem;}
  .news_bt{ width:95%;font-size:1.1rem; line-height:1.5rem;}
  .sz_r_timea{text-align:right; height:auto; font-size:0.6em; color:#999; padding-bottom:0.5rem;  margin-bottom:0.5rem;padding-top:0.9rem; border-top:1px solid #CCC;padding-right:30px}
	.article_nr{ width:96%; line-height:1.6rem; font-size:0.9rem; text-align:left; margin:0 auto; padding:2%; min-height:500px; color:#666}
.article_nr p{line-height:1.6rem; font-size:0.9rem; text-align:left; color:#666}
img{border:none; width:100%}
}

@media(min-width:426px) and (max-width:900px) {
  .gongsi{ width:96%; margin:0 auto;  text-align:left; font-size:1.4rem; line-height:2.8rem}	
  .news_bt{ width:95%;font-size:1.2rem; line-height:2.0rem}
}

/*********产品列表页样式************/

.pic_list{ width:24%; margin:2% 1%; float:left; background-color:#FFF; height:auto; border:1px solid #FFF; display:block; max-width:270px}
.pic_list a{border:1px solid #FFF; display:block; line-height:2.0rem; font-size:1.0rem; color:#F90}
.pic_list a:hover{border:1px solid #096; display:block; background-color:#1ac751; color:#FF0}
.pic_list span{ padding:2%; margin:0 auto; text-align:left}


/** 内容分页 **/
.pager {font-family: "黑体";font-size:12px;font-weight:normal; margin-left: auto; margin-right: auto; color:#000000; text-align:center; margin-top:35px; margin-bottom:5px;}
.cur { border:1px solid #0066CC; padding:2px 5px 2px 5px; background-color:#C5DBF5; color:#000000; margin-right:5px; text-decoration:none;line-height:24px;}
.pager a {color: #9f9898; text-decoration: none; border:1px solid #999; padding:2px 5px 2px 5px;} 
.pager a:hover {color: #9f9898; border-color: #9f9898; text-decoration: none;} 
.pager a:visited {color: #000000;}
.pager a.nextprev { margin-right: 1px; padding:4px 6px; *padding-bottom:2px; color: #000000; } 
.pager current { margin:0 1px; padding:3px;  background:  #fff; color: #000000;}
.pager nextprev { margin-left: 3px; margin-right: 1px; padding: 4px 6px; *padding-bottom:2px; color: #999; }

/*列表百度分页样式*/
#p1{margin:20px 0;height:60px;}
#p1 .disabled{display:none;}
#p1 a{display:block;float:left;padding:0 6px;height:24px;line-height:24px;border:1px solid #ccc;margin-left:3px;margin-top:33px;}
#p1 .number{display:block;float:left;padding:0px;background:#fff url("images/baidu2.jpg") repeat-x 5px top;}
#p1 .number a{padding:0px;height:24px;width:22px;line-height:24px;text-align:center;}
#p1 span.current{margin-left:3px;padding:34px 0 0;display:block;float:left;height:24px;width:23px;line-height:24px;text-align:center;background:#fff url("images/baidu.gif") no-repeat top center;}

.fy{ text-align:center; line-height:30px; font-size:12px; margin:0 auto;}

/*列表淘宝分页样式*/
#fenye a{text-decoration: none;}
#fenye{margin:30px 0; float:right}
#fenye .disabled{display:none;}
#fenye a,#fenye span{display:block;float:left;}
#fenye a{margin-left:5px;}
#fenye .f a{color:#0068bb;width:45px;height:30px;border:1px solid #0068bb;line-height:30px;text-align:center;font-size:12px}
#fenye .number a,#fenye span.current{color:#60719F;width:30px;height:30px;border:1px solid #cacaca;line-height:30px;text-align:center; font-size:12px}
#fenye span.omit{color:#666;border:0;width:24px;text-align:center;padding-top:9px;}
#fenye span.current{border-color:#0068bb;color:#0068bb;margin-left:5px;}
#fenye .total{margin-left:5px;height:30px;line-height:30px;padding:0 5px;color:#888;font-size:14px}
#fenye .up a{padding-left:4px;background:url('images/tbup.jpg') no-repeat 2px center;}
#fenye .down a{padding-right:4px;background:url('images/tbdown.jpg') no-repeat 52px center;}
#fenye input{text-align:center;padding:0px;float:left;border:1px solid #ccc;width:30px;height:30px;line-height:30px;margin-right:5px;font-size:12px}
#fenye button{float:left;font-size:12px;background-color:#000000; color:#FFFFFF; width:60px; line-height:32px;}