@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:fixed; height: 41px; border-bottom: 1px solid #660798;top: 0%; width:100%; font:18px "宋体";    z-index: 99999999; background: #660798;}
.logo{ font:22px/40px "华文行楷";letter-spacing: -3px; color:#fff;  display:inline-block;margin-left: 5%;}

.drawer-main{position:fixed;top:0;width:200px;height:100%;overflow:hidden; z-index:999999999;}
.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:5%;-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:200px}
.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:#660798 !important;-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; right:10%; top:4px;display:inline-block;width:14px; height:14px;padding:10px;    background: #666666;border-radius:31px;}
.drawer-hamberger span{margin-top:7px; margin-left:-3px;}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:22px;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:#ffffff; border-bottom:2px solid #660798;}
.nav>li>ul>li>a{ display:block; background:#660798; width:100%; border-bottom:1px solid #fff; color:#fff}
.nav>li>ul>li>ul>li>a{ display:block; width:100%; color:#fff; background:#49066d;}
.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;width:25%; text-align:center; font:14px/27px "微软雅黑"; margin-top:10px;}
.m1 li a{ color:#fff; border-radius:5px; background:#fbb01f; display:inline-block; width:75px; height:77px; }
.m1 li img{ display:inline-block;}
.m1 li:first-of-type img{ width:52px; margin-top:13px;}
.m1 li:first-of-type a{ background:#78c340}
.m1 li:nth-of-type(2) img{ width:30px; margin-top:7px;}
.m1 li:nth-of-type(2) a{ background:#39c8bd}
.m1 li:nth-of-type(3) img{ width:26px; margin-top:14px;}
.m1 li:nth-of-type(4) img{ width:35px; margin-top:10px;}
.m1 li:nth-of-type(4) a{ background:#6da9de}

.m1 li a span{ display:block; text-align:center;}
.main1,.main2,.main3,.main4{ width:100%;  display:inline-block; text-align:center;}
.m-title{width:100%; display:inline-block; text-align:left;  border-bottom:3px solid #660798;}
.m-title h3{ display:inline-block; width:100%; font:20px/35px "微软雅黑"; color:#660798; text-align:center; border-bottom:1px solid #660798; margin-bottom:1px;}
.m1-ul{ display:inline-block; width:100%; }
.m1-ul li{ width:46%; font:12px/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 span{ width:100%; height:109px; overflow:hidden; display:inline-block;}
.m1-ul li a{color:#646565;}
.m-a{ width:95%; display:inline-block; margin-top:20px; font:12px/30px "宋体"; color:#1c1c1c; background:#d3d1d1;  border-radius:5px; text-align:center;}
.m1-ul li p{ background:url('../img/h3.png') no-repeat 4% center #dadada; text-indent:17px;}
.main4,.main3{ margin-top:10px;}
.main4{ margin-bottom:10px;}
.main4 .m1-ul li{ width:30%;}
.main4 .m1-ul li span{ height:74px;}
.m2-txt{ font:13px/25px "宋体"; color:#615f5f; padding:10px; text-align:left;}
.m2-title{ height:23px; text-align:center; display:inline-block; background:#660798; margin-top:20px; width:100%;}
.m2-title h3{font: 15px/23px "微软雅黑";color: #660798; display:inline-block; background:#fff; padding:0px 10px;}
.main2 img{ display:block; margin:10px auto;width:98%; max-width:750px;}
.main2 .m-a{ margin-top:4px;}
.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 #660798; 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 #4b36b3; display: block; width: 100%;  height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal;background:#660798; }
.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:#49066d; }
.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%; 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;}