@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; position:relative; width:100%; font:18px "宋体"; text-align:left; }
.logo{ font:22px/40px "微软雅黑";color:white;  display:inline-block; background:#0f77b8;display:block; text-indent:6px}
.logo span{font:16px/40px "微软雅黑";color:white; margin-left:22px}
.ad img{width:100% !important;max-height:408px !important;overflow:hidden;margin;}

.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:#0f77b8;-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; left:0; bottom:10%;display:block;width:25px; height:25px;padding:10px;    background: #f77a1e; border: 3px solid #ffffff; border-radius:31px;}
.drawer-hamberger span{margin-top:11px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:27px;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:#000; display:block;background:#f1f1f1; border-bottom:2px solid #0f77b8;}
.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;min-height: 71px; width:22%; text-align:center; font:14px/20px "微软雅黑"; margin-left:3%; margin-top:10px;}
.m1 li a{ color:#333 }
.m1 li img{ width:55px; display:block; margin:0 auto;}
.main1,.main2,.main3,.main4{ 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 #fb6a00; 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: 164px;height: 128px; }
.m1-ul li span{ width:100%; max-height:160px; overflow:hidden; display:inline-block;}
.m1-ul li a{color:#646565;}
.m-a{ width:95%; display:inline-block; margin-top:20px; font:14px/35px "宋体"; color:#fff; background:#0f77b8; ; border-radius:5px; text-align:center;}

.main4 .m1-ul li{ width:46%;}

.m2-txt{ font:13px/25px "宋体"; color:#615f5f; padding:10px; text-align:left;}
.main2 img{ display:block; margin:10px auto;width:98%; max-width:750px;}
.main2>h3{font: 23px/31px "宋体";color: #fb6a00;font-weight: 600;}
.main2 .m-a{ margin-top:20px;}
.main2{ background: url('../img/bg.jpg') no-repeat center center;background-size: cover; background-attachment: fixed;}

.m3-ul{ width:90%; margin:0 auto; display:block; text-align:left;}
.m3-ul li{ font:14px/40px "宋体"; border-bottom:1px dashed #66AF33; 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 #0f77b8; display: block; width: 100%; background: rgba(102, 175, 51, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal;background:#0f77b8; }
.top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(17, 79, 43, 0.1)), color-stop(50%, rgba(17, 79, 43, 0.3)), to(rgba(20, 131, 6, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(17, 79, 43, 0.1)), color-stop(50%, rgba(17, 79, 43, 0.1)), to(rgba(22, 150, 75, 0.15))); ; -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:#8e3e02; }
.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;}

/*子页*/

.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%;height: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;}