@charset "utf-8";

body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table,th, td, input, button, select, textarea {margin:0;padding:0;font-style: normal;font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial, Helvetica, sans-serif;}
ol, ul ,li{list-style: none;}
*:focus {outline: none}
img {border: 0;vertical-align:middle;}
body{color:#333333;background:#F5F6F7 url(bgwt.gif) repeat-x 0 0;text-align:center;}
.clear{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px;}
a{color:#333333;text-decoration:none;} 
a:hover{color:#B6262F}

.red ,.red a{ color:#F00;}
.blue ,.blue a{ color:#1E51A2;}

.lf{float:left;}
.rt{float:right;}

.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}

#header ,#main ,#footer,.footer,.links{ width:100%;max-width:720px; margin:0 auto;min-width:320px;overflow:hidden}

.menu{ float:right;display:block;padding-left:10px;width:40px;height:28px;padding-top:4px;background:url(menu.png) no-repeat 10px 10px;overflow:hidden}
.menu a{ display:block;width:100%;height:100%;text-indent:-999px}

.h48{ height:48px}
.logo{ float:left;padding-top:4px;padding-left:5px}
.logo img{ height:40px}
.tel{ margin:0 auto; color:#F00; line-height:48px; font-size:16px}


#main{ padding:15px 0}
.bor-b{border-bottom:1px solid #EFEFEF}
 #main_main{ margin:0 auto;width:100%}
 
 
.main{ background:#FFF;overflow:hidden;padding:10px 20px}
h3.home-title{font-size:20px;color:#000; text-align:center;line-height:30px;font-weight:bold}
ul.itool{ padding:10px;overflow:hidden;border-bottom:1px solid #EFEFEF}
ul.itool li{ float:left;height:32px;padding:5px 10px 5px 0;overflow:hidden}
ul.itool li a{ display:block;border:1px solid #999;padding:0 10px;line-height:32px;overflow:hidden;height:32px}
ul.itool li a:hover{ background:#090;color:#FFF;border:1px solid #090}
ul.list,ul.ilist,ul.listac{ overflow:hidden;padding-bottom:10px}
ul.list li,ul.ilist li,ul.listac li{ padding:20px;overflow:hidden;text-align:left;border-top:5px solid #F5F6F7;border-bottom:5px solid #F5F6F7;}
ul.list li h2,ul.ilist li .r h2,ul.listac li h2{ font-size:16px;font-weight:bold;line-height:36px;height:36px;overflow:hidden}
ul.listac li h2{ font-size:18px;line-height:30px;height:30px}
ul.list li .doc,ul.ilist li .r .doc,ul.listac li .doc{ height:30px;line-height:30px;color:#929292;overflow:hidden;text-overflow:ellipsis; font-size:12px;}
ul.list li .bx,ul.ilist li .r .bx,ul.listac li .bx{ height:30px;line-height:30px;color:#929292;overflow:hidden;font-size:12px}ul.list li .bx a{ color:#666}ul.list li .bx a:hover{ color:#B6262F}
ul.list li .bx em,ul.ilist li .r .bx em,ul.listac li .bx em{ color:#060;font-style:normal;font-size:12px}
ul.ilist li .i{width:100%;margin-right:15px;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto}ul.ilist li .i img{width:100%;margin:0 auto;height:auto}
ul.ilist li .r{width:100%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto}
ul.ilist li .r h2{ height:auto;line-height:30px;}
ul.ilist li .lf a,ul.list li .lf a,ul.listac li .lf a,ul.listac li .doc a{ color:#339E35}ul.ilist li .lf a:hover,ul.list li .lf a:hover,ul.listac li .lf a:hover,ul.listac li .doc a:hover{ text-decoration:underline}

.rt-box{ padding-bottom:10px}
.bgfff{ background:#FFF}
.rt-tit{ padding:20px 16px;}
.rt-tit h3{ line-height:16px;font-size:16px;text-align:left;padding-left:10px;border-left:4px solid #CF2730}
ul.rtli{ padding:0 16px;overflow:hidden}
ul.rtli li{ width:100%;overflow:hidden;padding:8px 0}
ul.rtli li .i{ float:left;width:64px;height:48px;padding-right:10px}
ul.rtli li .i img{width:64px;height:48px;border-radius:5px}
ul.rtli li h3{ float:left;width:142px;padding-top:6px;line-height:18px;line-height:20px;height:40px;overflow:hidden;font-weight:bold;text-align:left}
.page{padding:10px 0;overflow:hidden;clear:both;text-align:center;margin:0 auto;width:100%;background:#FFF;font-family:Arial, "\5B8B\4F53", sans-serif;font-size:14px;vertical-align:top} .page a,.page span{display:inline-block;height:23px;line-height:23px;padding:5px 10px;margin:5px 1px 0 0;background:#ddd;overflow:hidden;vertical-align:top;color:#666;} .page span{background:#f4f4f4}.page span.current{background:#e91726;color:#FFF}

.links{ text-align:left;padding:20px 0;}
.links a,.links span{ color:#999;padding:0 6px}.links a:hover,.links span{ color:#333}
#position{ padding:10px;text-align:left}
h1.title{ font-size:20px;font-weight:bold;padding:10px 20px;text-align:left;color:#000}
.f{ padding:10px;line-height:20px;font-size:12px;border-bottom:1px solid #F5F5F5;color:#999;text-align:left}
#text{ padding:10px;word-wrap:break-word;text-align:left;line-height:30px;border-bottom:1px solid #F5F5F5;overflow:hidden;font-size:16px;color:#333}
#text a{ color:#258AD9}#text a:hover{ color:#B6262F}
#text pre.layui-code,#text pre{padding:10px;background:#F1F1F1;word-break: break-word;font-size:12px; line-height:18px;
word-wrap: break-word;/* IE */
white-space: -moz-pre-wrap;/* Mozilla */
white-space: -hp-pre-wrap;/* HP printers */
white-space: -o-pre-wrap;/* Opera 7 */
white-space: -pre-wrap;/* Opera 4-6 */
white-space: pre;/* CSS2 */
white-space: pre-wrap;/* CSS 2.1 */
white-space: pre-line;/* CSS 3 (and 2.1 as well, actually) */font-size:12px}

#text img{width:100%;height:auto}
#text .tr{ text-align:right;font-size:12px}
#text h2,h3.subject{ font-size:20px;font-weight:bold;color:#000;padding-left:20px; line-height:40px; margin:20px auto; background:#F6F6F6;border-left:15px solid #068800}
.ud{color:#666}
.ud a{ color:#000}.ud a:hover{ color:#B6262F}
.a{overflow:hidden}
#text .x a.softdown,#text a.yanshi{ padding:10px 30px;line-height:36px;background:#339E35;color:#FFF}#text .x a.softdown span,#text a.yanshi span{ color:#F2F2F2}
#text a.yanshi{ background:#3C6FCD;font-size:14px}#text a.yanshi:hover{ background:#2F5EB3}
#text .x a.softdown:hover{ background:#138015}
#text .push{ padding:20px; text-align:left; overflow:hidden; margin-top:10px; font-size:16px; line-height:36px; background:#F8F8F8}
#text .push .t{ font-size:18px; color:#000}
#text .push a{ color:#0057ff; padding-right:16px}
#text .push a:hover{ color:#ec3b3b}

#footer{ padding:10px 0;background:#23282C;width:100%; padding-bottom:52px}
.footer{color:#B8B8B8;padding:10px 0}.footer a{color:#B8B8B8;padding:0 6px}.footer a:hover{ color:#FFF}
#menu-nav{ padding:20px 0;background:#FFF;overflow:hidden}
#menu-nav {border-bottom:1px solid #F5F6F7}
#menu-nav li{ width:100%;min-width:320px;height:32px;line-height:32px;padding:10px 0;text-align:center;font-size:14px;border-top:1px solid #F5F6F7}

.tabmBox { padding:20px 0; overflow:hidden}
.tabmBox ul{ width:100%; margin:0 auto; overflow:hidden}
.tabmBox ul li {width: 32.33%;height: auto;overflow: hidden;margin: 0 0.5% 1%;float: left;}
.tabmBox ul li.h{width: 99%; height: 2.1rem;overflow: hidden;text-align: center;line-height: 2.1rem;color: #fff;font-size: 1rem;margin: 0 0.5% 1%;}
.tabmBox ul li.h p{background: #d90011; color:#FFF}.tabmBox ul li.h p a{ color:#FFF}
.tabmBox ul li p{height: 1.7rem; overflow: hidden;line-height: 1.7rem;font-size: 0.8rem;color: #666;background: #f2f2f2;border: 1px solid #cccccc; margin:0 auto}
.tabmBox ul li.on p{background: #dd362d;border: 1px solid #dd362d;color: #fff}

.kHao{ margin:0 auto; width:100%; padding:20px 0; padding-top:40px; border-top:1px solid #F5F5F5}
.kHao .imgBox{ padding-bottom:10px; text-align:center; overflow:hidden}
.kHao .imgBox img{ margin:0 auto; width:100%}
.kHao .txt{ font-size:0.85rem; line-height:1.2rem; text-align:center; padding:0 10px}

.flexslider{position:relative;height:210px;overflow:hidden;background:url(loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:210px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%}
.all-title-box{ margin: auto; border-bottom:1px solid #F5F6F7; height:18px; text-align:center}

ul.case{ margin:0 auto; overflow:hidden; padding:10px 0; padding-top:30px}
ul.case li{width: 48%;height: auto;overflow: hidden;float: left;margin: 0 1% 3%;}
ul.case li a{height:153px; position: relative;display: block;text-align: center;overflow: hidden;border-width: 1px;border-style: solid;border-color: rgb(240, 240, 240);border-image: initial;}
ul.case li img{width: 100%;height:153px}
ul.case li p{width: 90%; height: 1.7rem;overflow: hidden;padding: 0 5%; margin:0 auto;line-height: 1.7rem;text-align: center;font-size: 0.8rem;color: #fff;background: url(zi_bj01.png) center repeat;position: absolute;left: 0;bottom: 0;}

#tool{ width:100%;height:52px; overflow:hidden;position:fixed;left:0;bottom:0; z-index:1000;}
#tool ul{overflow:hidden;background-color:#d90011; border-top:1px solid #cc0010;width:100%; height:51px;}
#tool ul li{float:left;width:25%; text-align:center;}
#tool ul li a{width:100%; border-left:1px solid #cc0010;display:block; height:41px;  text-align:center;box-sizing:border-box; color:#fff; padding-top:4px;} 
#tool ul li:first-child a{border:none;}
#tool ul li img{ width:auto; height:18px; margin:0 auto;}
#tool ul li span{ display:block; height:16px; line-height:16px; overflow:hidden; text-align:center;font-size:13px;font-family:"\5FAE\8F6F\96C5\9ED1"; padding:2px 0 0;}