@charset "utf-8";
/* CSS Document */
/*全局样式*/
body { font-family:"微软雅黑"; font-size:12px; color:#333;}
* { margin:0px; padding:0px; list-style:none;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { color:#0069ad; text-decoration: none;}
.fl { float:left;}
.fr { float:right; }
ul { list-style:none; margin:0px; padding:0px;}
img { border:0px; max-width:100%;}



/*首页头部*/
.ltop{width: 100%;height: auto;padding: 10px 0px;background-color: #1054ad;max-width:640px;margin: 0px auto 0px auto;}
.ltop img{width:100%;}
.ltopl{width:55%; padding-left:8px;}
.ltopl img{width:100%;max-width:300px;}

/* 栏目 */
/* page structure */
header{display:block;width:100%;height:55px;background:#1054ad; text-align:center;max-width:640px;margin: 0px auto 0px auto; }
header strong {font-size:20px; color:#FFF; line-height:55px;}
.menubtn{position:relative;z-index:101;text-decoration:none;background-image:url(../images/hamburger.png);background-position: center center; background-repeat:no-repeat; width:30px; height:55px; float:right;  margin-right:10px;}
a.fanhui { width:20px; height:55px; float:left; margin-left:20px; background:url(../images/fanhui.png) no-repeat center;}
a.home { width:20px; height:55px; float:left; margin-left:20px; background:url(../images/home.png) no-repeat center;}

/* toggle menu */
#pgcontainer{padding:0;margin:0}
.overlay{position:fixed;z-index:99;background-color:rgba(0,0,0,.5);bottom:0;right:0;left:0}
.openmenu .overlay{top:0}
#hamburgermenu{height:100%;width:0;background:#373737;position:fixed;top:0;right:0;z-index:101;overflow:hidden;-webkit-box-shadow:3px 0 7px rgba(0,0,0,.55);-moz-box-shadow:3px 0 7px rgba(0,0,0,.55);box-shadow:3px 0 7px rgba(0,0,0,.55)}
#hamburgermenu ul{margin-top:45px;z-index:101;overflow-y:auto;overflow-x:hidden}
#hamburgermenu ul li{display:block}
#hamburgermenu ul li a{display:block;min-width:130px;padding:10px 8px;color:#cdcdcd;font-size:14px;text-decoration:none;text-align:center}
#hamburgermenu li a:hover{color:#fff;background:#2c2c2c}

/*焦点图*/
.slider-focus{position:relative;max-width:640px;overflow:hidden;/*max-height:320px;*/margin:0 auto 10px auto;}
.slider-focus .hd{ position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}
.slider-focus  .hd li.on{ background:#ffea00;  }
.slider-focus  .bd{ position:relative; z-index:0; }
.slider-focus  .bd li{ position:relative; text-align:center;  }
.slider-focus  .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

/*新闻中心*/
.gywm { width:100%; height:auto; margin:20px auto 0 auto; max-width:640px;}
.gywm_nr{ width:auto; padding:0px 10px; height:auto; margin:10px 0px;}
.gywm_nr p { font-size:14px; color:#666; line-height:2em; padding:5px 0px;}


/*新闻中心*/
.xwzx { width:100%; height:auto; margin:20px auto 0 auto; max-width:640px;}

.title { width:100%; height:auto;}
.xian { width:100%; height:25px; border-bottom:1px solid #d7d8d8; }
.lwenzi { width:110px; height:auto; text-align:center; background-color:#FFF; margin:-20px auto 0px;}
.lwenzi p { font-size:12px; color:#333;}
.lwenzi p strong { font-size:18px; line-height:25px;}

/*底部*/
.lbottom{width: 100%;padding: 15px 0px;font-size: 14px;color: #fff;text-align: center;line-height: 25px;max-width: 640px;margin: 20px auto 0px auto;background-color: #1054ad;}


/*内页*/
.zymain { width:100%; height:auto;max-width:640px;margin: 10px auto 0px auto;}
.zybt { width:100%; height:40px; margin:20px 0px; text-align:center; padding-bottom:10px;background: url(../images/line.jpg) no-repeat scroll center bottom;}
.zybt strong { font-size:16px; color:#333; line-height:40px;}
.zy_nr { width:auto; padding:0px 10px; height:auto; margin:10px 0px;}
.zy_nr h2 { font-size:16px; color: #333; text-align:center; line-height:3em; font-weight:700;}
.zy_nr p { font-size:14px; color:#666; line-height:2em; padding:5px 0px;}


/*新闻列表*/
.news_list a{display:block;}
.idx_box{border-bottom:1px solid #e0e0e0;padding:16px 10px 16px 10px; position:relative;}
.idx_box font{color:#b10336;}
.idx_left{float:left; position:relative;width:100px;height:70px;}
.idx_left img{width:100px;height:70px;}
.idx_left span{position:absolute; background:url(../images/play_btn.png) no-repeat;width:30px;height:30px;top:15px;left:32px;}
.idx_right{margin-left:115px;}
.idx_right h2{height: 25px;font-size: 16px;color: #000;line-height: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;}
.idx_right h3{height: 25px;font-size: 14px;color: #999;line-height: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;}
.idx_right p{font-size:12px;color:#999;line-height:20px;}


/*成功案例*/
.cpzs_nr { width:100%; height:auto; padding:10px 0px;}
.cpzs_nr ul li { width:50%; height:auto; padding:10px 0px; float:left; }
.cpzs_nr ul li .lzj { width:95%; margin:0px auto; text-align:center;}
.cpzs_nr ul li .wz { width:95%;text-align:center; line-height:20px; margin:5px auto 0;}


/*内页导航*/
.nnav{float: left;width: 100%;margin:10px auto 15px;text-align: center;}
.nnav .nli{float: left;position: relative;z-index: 1;width: 19%;text-align: center;margin:0 0.5% 10px;}
.nnav .nli span a{display: block;transition: all ease-in-out 0s;font: normal 14px/35px "微软雅黑";color: #666;text-align: center;background-color: #f4f4f4;}
.nnav .nli.on,
.nnav .nli:hover{background-color: #1054ad;color: #fff;}
.nnav .nli.on span a,
.nnav .nli:hover span a{background-color: #1054ad;color: #fff;}