@charset "utf-8";
*{ outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html{ font:normal 100% "微软雅黑";  -webkit-text-size-adjust:100% }
body{ padding:0px; margin:0px auto; font-size:100%; color:#333333; background:#fff ; min-width:320px; max-width:640px;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/-webkit-user-select: none;  /*控制内容的可选择性*/-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none; background:#e6e6e6;}
p{ margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
ol, ul,li,dl,dd { list-style:none; }
table { border-collapse:collapse; border-spacing:0 }
table td{border-collapse:collapse;}
em{font-style:normal;}
select,input,textarea{ font-size:100%; color:#666;font-family:"微软雅黑"; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus { color:#333;outline:none; -moz-outline:none;}
a:active{ color:#333 }
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*头部*/
.top{ background:#fff; width: 640px; height:80px; position:relative; z-index:99;}
.logo{ width:250px; height:80px; float:left;}
.fdj{ width:80px; height:80px; float:right; cursor:pointer;}
.icon{ width:100px; height:80px; float:right; cursor:pointer;}

.search{ background:#fff; position:absolute; right:100px; top:80px; padding:10px 20px; display:none;}
.search input{ width:180px; height:38px; padding-left:15px; border:solid 1px #dedede; border-right:0; float:left; overflow:hidden;}
.search .button{ background:#0172c0; width:80px; height:38px; padding:0; text-align:center; font:normal 16px "微软雅黑"; color:#fff; border:solid 1px #0063a8; border-left:0; float:left; cursor:pointer; overflow:hidden;}
 

/*栏目名称 End*/

.layer{ width:100%; height:100%; position:absolute; z-index:99;background:#000; left:0; top:0; bottom:0; right:0; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; display:none;}

.Menu{ background:#fff; position:absolute; right:0; width:140px; top:80px; text-align:center; display:none;}
.Menu li{ width:140px; height:50px; text-align:center;}
.Menu li a{ font:normal 24px/50px "微软雅黑"; color:#333; display:block;}
.Menu li a:hover,.Menu li a.hover{ background:#0172c0; color:#fff;}

/*banner*/

.banner{ width:640px; height:400px; margin:20px 0; position:relative; overflow:hidden;}
.banner .prev{ background:url(../images/banner_left.png) no-repeat; width:24px; height:64px; display:block; position:absolute; left:3%; top:44%;}
.banner .next{ background:url(../images/banner_right.png) no-repeat; width:24px; height:64px; display:block; position:absolute; right:3%; top:44%;}
		
.banner .bd{ position:relative; height:400px; z-index:0;}
.banner .bd li{ zoom:1; height:400px; vertical-align:middle;}		
.banner .bd li a{ display:block; width:100%; height:100%;}
		
/* banner end */


/*首页*/

.content{ font:normal 20px/30px "微软雅黑"; color:#666; overflow:hidden;}

/* 本例子css */

.fwxm{ background:#fff; height:490px; position:relative; overflow:hidden;}
.fwxm .hd{ height:60px; overflow:hidden;}
.fwxm .hd h1{ float:left; padding-left:20px; font:normal 26px/60px "微软雅黑"; color:#0072bf; width:150px; height:59px; border-bottom:solid 1px #0072bf; }
.fwxm .hd a{ float:right; padding-right:20px; font:normal 20px/60px "微软雅黑"; color:#6c7073; width:490px; height:59px; border-bottom:solid 1px #dedede; text-align:right;}
.fwxm .hd a:hover{ color:#0072bf;}

.fwxm .bd{ margin:30px 0 0 10px; overflow:hidden;}
.fwxm .bd ul{ overflow:hidden; zoom:1; }
.fwxm .bd ul li{ width:150px; height:200px; margin-right:10px; float:left; _display:inline; overflow:hidden; }
.fwxm .bd ul li a{ width:150px; height:200px; display:block; font:bold 16px/30px "微软雅黑"; color:#333; overflow:hidden;}
.fwxm .bd ul li a img{ width:140px; height:150px; display:block; padding-bottom:20px;}
.fwxm .bd ul li a span{ display:block; width:140px; text-align:center;}
.fwxm .bd ul li a:hover{ color:#0072bf;}

.fwly{ background:#fff; margin:20px 0; height:400px; position:relative; overflow:hidden;}
.fwly .title{ height:60px; overflow:hidden;}
.fwly .title h1{ float:left; padding-left:20px; font:normal 26px/60px "微软雅黑"; color:#0072bf; width:150px; height:59px; border-bottom:solid 1px #0072bf; }
.fwly .title a{ float:right; padding-right:20px; font:normal 20px/60px "微软雅黑"; color:#6c7073; width:490px; height:59px; border-bottom:solid 1px #dedede; text-align:right;}
.fwly .title a:hover{ color:#0072bf;}

.fwly .bd ul{ overflow:hidden; zoom:1; }
.fwly .bd ul li{ width:180px; height:138px; margin-right:24px; margin-bottom:20px; float:left; position:relative; overflow:hidden; }
.fwly .bd ul li a{ width:180px; height:138px; display:block;overflow:hidden;}
.fwly .bd ul li a img{ position:absolute; left:1px; top:1px; width:260px; height:200px; display:block; padding-bottom:30px; z-index:1;}
.fwly .bd ul li a .bg{ position:absolute; left:0; top:0; background:url(../images/wap_bg.png) repeat; width:180px; height:138px; z-index:3;}
.fwly .bd ul li a .text{ background:url(../images/tm_bg.png) repeat; position:absolute; left:0; top:100px; width:180px; height:34px; font:normal 15px/34px "微软雅黑"; color:#333; padding:0 20px; z-index:2;}
.fwly .bd ul li a .text b{ color:#006835; padding-left:10px;}

.fwly .hd{ width:100%; height:30px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:2;}
.fwly .hd ul{ width:100%; text-align:center; overflow:hidden; zoom:1;}
.fwly .hd ul li{ background:url(../images/banner_03.jpg) no-repeat; display:inline-block; width:10px; height:10px; margin-right:10px; cursor:pointer; }
.fwly .hd ul li.on{ background:url(../images/banner_05.jpg) no-repeat;}
		
.kdys{ background:#fff; margin:20px 0; position:relative; overflow:hidden;}
.kdys .title{ height:60px; overflow:hidden;}
.kdys .title h1{ float:left; padding-left:20px; font:normal 26px/60px "微软雅黑"; color:#0072bf; width:180px; height:59px; border-bottom:solid 1px #0072bf; }
.kdys .title a{ float:right; padding-right:20px; font:normal 20px/60px "微软雅黑"; color:#6c7073; width:460px; height:59px; border-bottom:solid 1px #dedede; text-align:right;}
.kdys .title a:hover{ color:#0072bf;}
.kdys .con{ padding:12px 26px; font:normal 14px/26px "微软雅黑"; color:#333;  overflow:hidden;}
			
.index_news{ position:relative; overflow:hidden;}

.News_list{ background:#fff; height:396px; margin-top:20px; overflow:hidden;}

.index_news .title{ height:60px; overflow:hidden;}
.index_news .title h1{ float:left; padding-left:20px; font:normal 26px/60px "微软雅黑"; color:#0072bf; width:150px; height:59px; border-bottom:solid 1px #0072bf; }
.index_news .title a{ float:right; padding-right:20px; font:normal 20px/60px "微软雅黑"; color:#6c7073; width:490px; height:59px; border-bottom:solid 1px #dedede; text-align:right;}
.index_news .title a:hover{ color:#0072bf;}

.index_news .con{ padding:6px 26px; font:normal 18px/40px "微软雅黑"; color:#333; overflow:hidden;}
.index_news .con ul li{ height:40px; overflow:hidden;}
.index_news .con ul li a{ float:left; font:normal 18px/40px "微软雅黑"; color:#333; display:block;}
.index_news .con ul li a:hover{ text-decoration:underline; color:#0072bf;}
.index_news .con ul li a em{ background:#f75a53; width:40px; height:18px; margin-left:10px; text-align:center; font:bold 14px/20px Arial; color:#fff; display:none;}
.index_news .con ul li span{ float:right; font:normal 14px/40px "微软雅黑"; color:#666; display:block;}
.index_news .con ul li.New a em{ display:inline-block;}


.wmdkh{ background:#fff; margin:20px 0; position:relative; overflow:hidden;}
.wmdkh .title{ height:60px; overflow:hidden;}
.wmdkh .title h1{ float:left; padding-left:20px; font:normal 26px/60px "微软雅黑"; color:#0072bf; width:150px; height:59px; border-bottom:solid 1px #0072bf; }
.wmdkh .title a{ float:right; padding-right:20px; font:normal 20px/60px "微软雅黑"; color:#6c7073; width:490px; height:59px; border-bottom:solid 1px #dedede; text-align:right;}
.wmdkh .title a:hover{ color:#0072bf;}
.wmdkh .con{ padding:6px 26px; font:normal 14px/26px "微软雅黑"; color:#333; overflow:hidden;}
.wmdkh .con a{ display:block; width:100px; height:100px; margin-right:22px; margin-bottom:4px; float:left; overflow:hidden;}
.wmdkh .bd .picList div{ width:105px; float: left;}

.yqlj{ height:46px; overflow:hidden;}
.yqlj h1{ float:left; font:bold 20px/46px "微软雅黑"; color:#333;}
.yqlj .bd{ padding-left:10px; width:540px; float:right; overflow:hidden;}
.yqlj .bd a{ display:block; float:left; font:normal 18px/46px "微软雅黑"; color:#333; padding:0 10px;}
.yqlj .bd a:hover{ color:#0072bf;}

/* 底部css */
.bottom{ background:#0072bf; padding:24px 10px; font:normal 20px/32px "微软雅黑"; color:#fff; text-align:center; margin-top:20px; overflow:hidden;}
.bottom a{ font:normal 20px/32px "微软雅黑"; color:#fff; }

/* 内页共用栏目 css */

.neinav{ padding:20px 0; border-top:solid 1px #dedede; overflow:hidden;}
.neinav ul li{ width:160px; height:80px; text-align:center; float:left; overflow:hidden;}
.neinav ul li a{ background:#fff; font:normal 22px/80px "微软雅黑"; color:#333; display:block; width:159px; height:80px; border-bottom:solid 1px #dedede;}
.neinav ul li a:hover,.neinav ul li a.hover{ background:#0172c0; color:#fff;}

.neinav ul.news li{ width:213px;}
.neinav ul.news li a{ width:212px;}

.i_list{ background:#fff; padding:40px 20px; min-height:540px; font:normal 22px/48px "微软雅黑"; color:#333; margin:0 auto; overflow:hidden;}

.i_list .fwly_list{ padding-bottom:30px; overflow:hidden;}
.i_list .fwly_list .title{ font:bold 20px '微软雅黑'; color:#0072bf; padding:10px 0;}
.i_list .fwly_list a{ font:normal 16px/30px '微软雅黑'; color:#333; width:200px; display:block; float:left;}
.i_list .fwly_list a:hover{ color:#0072bf;}

.i_list .news_list{ margin-bottom:20px; border:solid 1px #e6e6e6; overflow:hidden;}
.i_list .news_list .title{ padding:0 10px; height:41px; border-bottom:solid 1px #e6e6e6;}
.i_list .news_list .title h1{ font:bold 20px/42px '微软雅黑'; color:#0072bf; float:left;}
.i_list .news_list .title h1 img{ vertical-align:middle; padding-right:10px;}
.i_list .news_list .title a{ font:bold 20px/42px '微软雅黑'; color:#0072bf; float:right;}

.i_list .news_list .con{ padding:10px; clear:both; overflow:hidden;}
.i_list .news_list .con a{ font:normal 20px/36px '微软雅黑'; color:#333; display:block; text-align:left;}
.i_list .news_list .con a span{ font:normal 20px/36px '微软雅黑'; color:#666; float:right; display:block; text-align:right;}
.i_list .news_list .con a:hover{ color:#0072bf;}


/* 产品列表样式 结束 */

.i_list ul li.pro{ width:180px; height:200px; text-align:center; margin-right:30px; margin-bottom:10px; float:left; overflow:hidden;}
.i_list ul li.pro a{ display:block; width:180px; height:200px; padding:0; font:normal 20px/50px "微软雅黑"; color:#333;}
.i_list ul li.pro a:hover{ color:#0072bf; text-decoration:underline;}

/* 产品列表样式 结束 */

/* 我们的客户列表样式 结束 */

.i_list ul li.kh{ width:100px; height:100px; text-align:center; margin-right:25px; margin-bottom:10px; float:left; overflow:hidden;}
.i_list ul li.kh a{ display:block; width:100px; height:100px; padding:0;}

/* 我们的客户列表样式 结束 */

/* 友情链接样式 结束 */

.i_list ul li.link{ width:100px; height:100px; text-align:center; margin-right:26px; margin-bottom:26px; float:left; overflow:hidden;}
.i_list ul li.link a{ display:block; width:100px; height:100px; font:normal 14px/50px "微软雅黑"; color:#333;}
.i_list ul li.link a:hover{ color:#0072bf; text-decoration:underline;}

/* 友情链接样式 结束 */


/* 新闻资讯列表样式 结束 */

.i_list ul li.news{ height:104px; border-bottom:solid 1px #e1e1e1; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.i_list ul li.news a{ font:normal 24px "微软雅黑"; color:#0072bf; display:block; height:40px;}
.i_list ul li.news a:hover{ text-decoration:underline;}
.i_list ul li.news a em{ background:#f75a53; width:80px; height:28px; margin-left:10px; text-align:center; font:bold 20px/28px Arial; color:#fff; display:none;}
.i_list ul li.news span{ font:normal 20px/26px "微软雅黑"; color:#666;}
.i_list ul li.New a em{ display:inline-block;}

/* 新闻资讯列表样式 结束 */


/* 搜索列表样式 结束 */

.i_list ul li.soso{ border-bottom:dotted 1px #c2c2c2; height:49px; overflow:hidden;}
.i_list ul li.soso a{ float:left; display:block; width:430px; height:50px; font:normal 20px/50px "微软雅黑"; color:#474747; overflow:hidden;}
.i_list ul li.soso span{ float:right; text-align:right; font:normal 20px/50px "微软雅黑"; color:#747474;}
.i_list ul li.soso a:hover{ color:#0072bf;}

/* 搜索列表样式 结束 */

/* 下载列表样式 开始 */

.i_list table.xiazai{ background:#fff; border-top:solid 2px #0072bf; border-left:solid 1px #ccc; }
.i_list table.xiazai .title td{ font:bold 20px/40px "微软雅黑"; color:#333; padding:10px 0; height:40px; border-top:0;}
.i_list table.xiazai td{ text-align:center; height:60px; color:#333; border:solid 1px #ccc; border-top:0; border-left:0; line-height:60px;}
.i_list table.xiazai td a:hover{ color:#0072bf; text-decoration:underline;}

/* 下载列表样式 结束 */

/*常见问题Start*/

.templet_question_001 ul li{ margin-bottom:16px;}
.templet_question_001 ul li h5{ background:url(../images/templet_question_iconQ.jpg) no-repeat left 12px; font:bold 24px/30px "微软雅黑"; color:#686868; padding:12px 32px; display:block; cursor:pointer; border:solid 1px #e6e6e6;}
.templet_question_001 ul li h5.hover{ color:#0072bf;}
.templet_question_001 ul li .my_content{ background:#fff url(../images/templet_question_iconA.jpg) no-repeat left 24px; font:normal 20px/30px "微软雅黑"; color:#333; border:solid 1px #e6e6e6; border-top:0; padding:30px; overflow:hidden;}

/*End*/

.Pages{ padding-top:10%; text-align:center;}
.Pages a{ background:#8f8f8f; color:#333; width:108px; height:48px; border:0; margin-right:10px; font:normal 20px/50px "微软雅黑"; color:#fff; text-align:center; display:inline-block;}
.Pages .num a{ width:80px;}
.Pages .a_next,.Pages .Back{ margin:0;}
.Pages a:hover{ background:#0172c0;}

.i_info{ background:#fff; padding:40px 20px; min-height:540px; font:normal 22px/48px "微软雅黑"; color:#333; margin:0 auto; overflow:hidden;}

/* 本例子css */


.Info_title{ font-family:"微软雅黑";  font-size:32px; color:#0172c0; text-align:center; }
.Info_time{ font-size:120%; color:#666; line-height:2; font-weight:normal; text-align:center; padding-bottom:4%;}
.Info_txt{ line-height:28px;}
.Info_page a{ color:#7a7a7a;}