@charset "gb2312";
/* CSS Document */
/*初始化*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;}
html {font-size: 62.5%;}
/* IE5.xIE6бbug */
* html body {overflow: visible;}
* html iframe, * html frame {overflow: auto;}
* html frameset {overflow: hidden;}
body{overflow-x:hidden;}
/*a,li*/
a {text-decoration: none;}
li {list-style: none;}
/*清除浮动*/
.clear {clear: both}

.head{ display:inline-block; background: #0775c9;position:relative; width:100%; font:18px "宋体"; text-align:center; }
.logo{ font:22px/40px "华文行楷";letter-spacing: 2px; color:#fff;   display:inline-block;}

.drawer-main{position:fixed;top:0;width:180px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-280px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-280px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0;z-index: 99999;}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:180px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#0775c9;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-hamberger{position:fixed;z-index:1000; top:80%;display:block;width:20px;border: 7px double #ffffff; height:20px;padding:10px;border-radius: 29px;background-color:#f8931d;}
.drawer-hamberger span{margin-top:9px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:20px;height:2px;cursor:pointer;content:'';background-color:#fff;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-7px}
.drawer-hamberger span:after{bottom:-7px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
.nav{ display:inline-block; width:100%;font:15px/35px "宋体"; text-align:center; margin-top:10px;}
.nav>li{ width:100%; }
.nav>li>a{ color:#0775c9; display:block;background:#f1f1f1; border-bottom:2px solid #0775c9;}
.nav>li>ul>li>a{ display:block; width:100%; border-bottom:1px solid #fff; color:#fff}
.nav>li>ul>li>ul>li>a{ display:block; width:100%; color:#fff; background:rgba(0,0,0,0.5);}
.nav>li>ul{ display:block; width:100%;}

.main{ width:100%; margin:0 auto; padding-bottom:58px;}

.m1{ width:100%; display:inline-block; }
.m1 li { float:left;text-align:center; font:14px/20px "微软雅黑"; margin-left:3%; margin-top:10px; width:30%;}
.m1 li a{ color:#333; display:inline-block;min-height: 71px;background: #fafafa;padding: 9px 13px; width:68px;  }
.m1 li img{ width:55px; display:block; margin:0 auto;}
.main1,.main2,.main3{ width:100%; margin-top:4%; display:inline-block; text-align:center;}
.m-title{background: -moz-linear-gradient(top, #f0f0f0, #fff);background: -webkit-linear-gradient(top, #f0f0f0, #fff);background: -o-linear-gradient(top, #f0f0f0, #fff);background: linear-gradient(top, #f0f0f0, #fff);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #f0f0f0, endColorstr = #fff);width:100%; height:35px; display:inline-block; text-align:left;  border-top:1px solid #dcd9d0;}
.m-title h3{ padding:8px 20px 8px 20px; font:15px "宋体"; color:#000; font-weight:600; display:inline-block; border-top:2px solid #F8931D; margin-left:20px; background:#fff;}
.m1-ul{ display:inline-block; }
.m1-ul li{ width:46%; text-align:center; font:14px/25px "宋体"; float:left; margin-left:2%; margin-top:3%;max-width:257px; border:1px solid #c1c7cd}
.m1-ul li img{ width:100%; }
.m1-ul li a{color:#646565;}
.m-a{ width:95%; display:inline-block; margin-top:20px; font:14px/35px "宋体"; color:#fff; background:#0775c9; border:1px solid #0775c9; border-radius:5px; text-align:center;}

.m2-txt{ font:13px/25px "宋体"; color:#333; text-align:left; padding:10px;}
.main2 img{ display:inline-block; float:left; padding:10px; width:40%}
.main2 .m-a{ margin-top:1px;}

.m3-ul{ width:90%; margin:0 auto; display:block; text-align:left;}
.m3-ul li{ font:14px/40px "宋体"; border-bottom:1px dashed #f8931d; list-style:inside url(../img/li.png);}
.m3-ul li a{ color:#666666; display:inline-block; margin-left:5px;width: 91%;}

/*底部*/
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto;  }
.top_menu{ display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(22, 150, 75, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background:#0775c9; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1;  -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center;}
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #3F434E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#04497d; }
.menu_font li a:hover, .menu_font li a:active { background-color:#333; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}

.main4{ margin-top:10px;}
.main4>ul{ display:inline-block; text-align:center; width:100%; margin-top:10px; padding-bottom:10px;}
.main4>ul li{ width:46%; border:1px solid #cbcbcb; border-radius:20px; float:left;margin-top:10px; margin-left:2%; font:13px/30px "宋体";}
.main4>ul li img{ width:100%; border-radius:20px 20px 0 0; }
.m1-ul li span{ display:inline-block; width:100%; max-height:132px; overflow:hidden;}
.main4>ul li a{ color:#666;}
.main4>ul li{ width:30%; border-radius:0%; line-height:25px;}
.main4>ul li img{ border-radius:0%;}
.main4>ul li span{ display:inline-block; width:100%; max-height:86px; overflow:hidden;}
/*子页*/

.about{width: 97%; margin: auto; font:14px/25px "宋体"; color:#333;}
.fr{ float:right;}
.h10{height: 10px;}
.sp20{padding-left:20px}
.news-title {font: 20px/32px simsun; color:#333; text-align: center;}
.news-info{font: 12px/20px simsun; color: #393939; text-align: center; border-bottom: 1px dotted #BBBDBF; margin-bottom: 10px; padding-bottom:5px;}
.news-text{width:97%; margin: auto}
.news-text {font: 14px/26px simsun; color: #333; margin-top: 2px; margin-bottom:2px;}
.bshare-custom{margin: 20px 0;  }
.bar{font: 14px/26px simsun; color:#526673}
.bar{ color:#526673}
.bar a{ color:#526673}
.bar a:hover{color: #0F7EC3}
.news-text img{ width:80% !important; height:inherit !important; float:none !important; margin:0 auto; max-width:650px;}
.about  img{ width:80%; display:block; margin:0 auto; max-width:650px;}
/*页数显示条的css样式*/
.pagelink{ float:right; height:26px;padding-bottom: 30px; border-bottom:60px solid #fff; line-height:26px;background:rgba(0,170,213,0.1); margin:20px 0 0 0;font: 12px/24px "microsoft yahei";cursor:pointer;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.product{ display:inline-block; margin-top:15px;padding-bottom:10px;}
.product li{ float:left; margin-left:1%; margin-top:1%; font:14px "宋体"; background:#c10504}
.product li a{ display:block; padding:7px 15px; color:#fff;}