@charset "utf-8";
*{ margin:0; padding:0;}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

a:link, a:visited { text-decoration: none; color: #333; }
a:hover, a:active { text-decoration: underline; color: #ff6600; }
li, dl, dt, dd, ol, ul, pre, form, field, input, p, th, td, h1, h2, h3, h4, h5, h6, select, textarea { margin: 0; padding: 0; }
ul, li { list-style: none; list-style-image: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal }

body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; }
body { background: #f5f5f5; padding: 0 5px; }
input, textarea { outline: 0; resize: none; }
table{ font-size:14px;}

.fl { float: left; }
.fr { float: right; }

.red{ color:#f30; text-decoration:none;}
a:red{ color:#f30; text-decoration:none;}

.notpadding{padding-left:0;padding-right:0;}
.notborder{border: none;}
.notmarginbottom{margin-bottom:0px;}
.notradius{border-radius: inherit;}
.white{background-color: #fff;}
.logo{background: url('../../images/logo_m.jpg') no-repeat center;background-size:auto 75%;}

.media-heading{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.media-list{margin-top:15px;}
.media{padding:10px;}
.shop_media{border-bottom:2px solid #f5f5f5; position: relative;}
.order_media{border-bottom:2px solid #f5f5f5;}

.viewport { min-width: 300px; max-width: 640px; margin: 0 auto 50px auto;}
.top_line{width: 100%; height: 32px; line-height:32px; box-sizing:border-box; font-size:12px; border-bottom:1px solid #dadada; color:#454545;}
.top{width: 100%; height: auto; overflow:hidden; }
/* .logo{width: 40%; height: auto;}
.logo img{width: auto; height:65px;} */
.search_box{width:40px; height: 40px; padding:12px 5px 0;}

.banner{width: 100%; height: auto;}
.banner img{width: 100%; height: auto;}

.menu{width: 100%; text-align: center; height: auto; border-bottom:1px solid #e2e2e2; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; background:#fff; margin-bottom:10px; overflow:hidden;}
.menu ul{width: 100%; height: auto;}
.menu ul li{width: 33.33%; height: auto; float:left; padding:20px 0; color:#fff; font-size:14px; }
.menu ul li a{ color:#000; text-decoration:none; line-height:24px;}
.menu ul li a:hover{ color:#000; text-decoration:none; }

.news{width: 100%; height: auto; border-bottom:1px solid #e2e2e2; border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; box-sizing:border-box; background-color:#fff; padding:0 0 10px 0; margin-bottom:10px;overflow:hidden;}
.more_box{width: 100%; height:65px;overflow:hidden;}
.more{width: 20%; height:26px; line-height:26px; font-size:12px; color:#fff; background:#fa2f00; border:0; border-radius:4px; margin:10px 10px 0; text-align:center;}
.more a{color:#fff;}
.more a:hover{color:#fff; text-decoration: none;}
.news_list{width: 85%; height: auto; margin:0 auto;}
.news_list li{ color:#000; font-size:14px; line-height:30px; background:url(../images/dot.png) no-repeat; text-indent:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.zhuanti{width: 100%; height: auto; border:1px solid #e2e2e2; box-sizing:border-box; background-color:#fff; margin-bottom:10px;overflow:hidden;}
.zhuanti h3{width: 98%; height:35px; line-height:35px; color:#f30; font-size:14px; margin:0 auto;text-indent:25px;}
.zhuanti .zt_wz{width: 98%; line-height:20px; color:#000; font-size:12px; margin:0 auto;}
.zhuanti_img{width: 98%; height: auto; margin:0 auto;}

.main_box{width: 100%; height: auto; border-bottom:1px solid #e2e2e2; border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; box-sizing:border-box; background-color:#fff;margin-bottom:10px;overflow:hidden;}
.mb_title{width: 100%; height:35px; line-height:35px; color:#000; font-size:16px; border-bottom:1px solid #dadada; background:url(../images/title_bg.gif) no-repeat center; text-align:center; margin:0 auto;}
.book_box {width: 33.33%; height: auto; float:left;border-left:1px solid #dadada; border-bottom:1px solid #dadada; margin-left:-1px; margin-bottom:-1px; box-sizing:border-box;}

.book{width: 96px; height: auto; margin:10px auto;}
.book img{width:100%; height: auto;}
.book span{width:100%; height: auto; line-height:18px; color:#000; font-size:12px;} 
.book_wz{ width:100%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#000; font-size:12px;line-height:18px;}

.copy_wrap{width: 100%; height: auto; border-top:1px solid #008ed0; background-color:#fff; padding:20px 0;overflow:hidden;}
.copy_contact{width: 100%; height: 30px; line-height:30px; text-align:center; color:#000; margin-bottom:10px; font-size:14px;}
.copy_contact a{color:#000; text-decoration:none;}
.copy_contact a:hover{color:#008ed0; text-decoration:none;}
.copyright{width: 100%; height: auto; line-height:22px; text-align:center; color:#000; font-size:12px;}

.foot{ text-align: center; height: 46px; background: #008ed0; position:fixed; left: 0px; bottom: 0px; width: 100%; z-index:999; border-top: 1px solid #fff;overflow:hidden;}
.foot ul{width: 100%; height:46px;}
.foot ul li{width: 25%; height:46px; float:left; padding-top:3px; color:#fff; font-size:14px; }
.foot ul li a{ color:#fff; text-decoration:none; }
.foot ul li a:hover{ color:#fff; text-decoration:none; }
.foot p{line-height:10px; padding-bottom:3px;}

.wenzhang{width: 100%; height: auto; border-bottom:1px solid #e2e2e2; border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; box-sizing:border-box; background-color:#fff; padding:0 0 10px 0; margin-bottom:10px;overflow:hidden;}
.wz_main{width: 95%; height: auto; margin:0 auto;}
.wz_main h2{ padding:20px 0 10px 0; color:#f30; font-size:16px; text-align:center;}
.wz_main .wz_span{ width:100%; line-height:24px; display:block; border-bottom:1px solid #e6e6e6; margin-bottom:20px; color:#666; font-size:12px; text-align:center;}
.wz_main p{ color:#000; font-size:14px; line-height:24px; margin-bottom:10px; text-indent:2em;}
.wz_main span{ color:#000; font-size:14px; line-height:24px; margin-bottom:10px;}

.login_logo{width:60%; height: auto; margin:40px auto 60px auto;}
.login_logo img{width:100%; height: auto;}

.login_box{width: 90%; height: auto; margin:0 auto;}
.login_input{width: 100%; height: 40px; line-height:40px; font-size:16px; font-family:"微软雅黑"; text-indent:10px; border:1px solid #c1c1c1; border-radius:6px; margin-bottom:15px; color:#a3a3a3;}
.login_btn{width: 100%; height: 40px; line-height:40px; font-size:16px; font-family:"微软雅黑"; text-align:center; border:0; border-radius:30px; margin:15px 0; color:#fff; background:#19abe5;}
.login_btn2{width: 100%; height: 40px; line-height:40px; font-size:16px; font-family:"微软雅黑"; text-align:center; border:1px dashed #cdcdcd; border-radius:30px; margin:15px 0; color:#000; background:#fff;}
.login_box .zi{font-size:14px; color:#a3a3a3; text-align:right; line-height:30px;}
.login_box .zi a{ color:#a3a3a3; text-decoration:none;}
.login_box .zi a:hover{ color:#f30; text-decoration:none;}
.resetPassword{width: 100%; height: 20px;  text-align:right}

.login_foot{ text-align: center; height: 46px; font-size:12px; font-family:"微软雅黑"; color:#464646; position:fixed; left: 0px; bottom: 0px; width: 100%; z-index:999; background: #f5f5f5; overflow:hidden;}

.zt_box{width: 100%; height: auto; border-bottom:1px solid #e2e2e2; border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; box-sizing:border-box; background-color:#fff; padding:0 0 10px 0; margin-bottom:10px;overflow:hidden;}
.zt_box_list{width: 95%; height: auto; margin:0 auto;}
.zt_box_list li{ color:#000; font-size:14px; line-height:30px; background:url(../images/dot.png) no-repeat -10px 0; text-indent:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.zt_pic_box{width: 92%; height: auto; margin:20px auto; box-sizing:border-box; overflow: hidden;}
.zt_pic_box_title{ height:32px; background:url(../images/arrow.png) no-repeat; background-color:#f0f0f0; border-radius:6px; color:#f30; font-size:14px; line-height:32px; text-indent:30px;}
.zt_pic_box_title1{ height:32px; background:url(../images/arrow1.png) no-repeat; background-color:#3da9db; border-radius:6px; color:#fff; font-size:14px; line-height:32px; text-indent:30px; margin-bottom: 10px;}
.zt_pic_box_title1 a{color: #fff}
.zt_pic_box img{width: 100%; height: auto; border:1px solid #dadada; padding:1px; box-sizing:border-box;}
.zt_pic_box_txt{width: 100%; height: auto; }
.zt_pic_box_txt h2{ padding:20px 0 10px 0; color:#f30; font-size:16px;}
.zt_pic_box_txt h2 a{color:#f30;}
.zt_pic_box_txt h2 a:hover{color:#f30;text-decoration: none;}

.zt_pic_box_txt p{ color:#000; font-size:14px; line-height:24px; margin-bottom:10px; text-indent:2em; }

.book_wrap{ width:25%; height:auto;}
.book_wrap span{width:100%; line-height:30px; color:#000; font-size:12px; }

.txt_wrap{ width:70%; height:auto;}
.txt_wrap h3{ line-height:30px; font-size:13px; font-weight:bold;}
.txt_wrap span{height:22px; line-height:22px; font-size:12px;color:#999;}
.txt_wrap p{ line-height:22px; font-size:12px;color:#666;}

.fenlei{ width:100%; height: auto; overflow:hidden;}
.fenlei ul { color:#000000; font-size:12px; margin:6px 0 0 0;}
.fenlei ul li { width:30%; display: block; height:26px; text-align:center;line-height:26px; margin:5px 0px 5px 8px; margin-left:8px; float:left;box-sizing:border-box; }
.fenlei ul li a{color:#000; display: block; border:1px solid #e2e2e2; border-radius:6px; }
.fenlei ul li a:hover{ background:#008ed0; color:#fff; text-decoration:none;}

.search_box2{width:100%; height: 30px; border:1px solid #c1c1c1; border-radius:6px; margin-bottom:15px;}
.search_inp{width: 85%; height: 28px; line-height:30px; font-size:14px; font-family:"微软雅黑"; border:0; border-radius:6px; text-indent:10px; color:#000; float:left;}
.search_btn{width:30px; height: 30px; float:right; }
.search_btn img{border:0; border-top-right-radius:6px; border-bottom-right-radius:6px;}

.search_wrap{width: 92%; height: auto; margin:20px auto; box-sizing:border-box;}
.search_title{ color:#f30; font-size:14px; height:32px; line-height:32px; border-bottom:1px dashed #e2e2e2; margin-bottom:10px;}

.my_center{width: 100%; height: auto; padding:40px 0 40px 0; border-bottom:1px dashed #e2e2e2; background:#fff; overflow:hidden; }
.my_icon{width:80px; height: 80px;margin:0 auto;}
.my_icon img{ border:3px solid #ebebeb; padding:1px; border-radius:50px; box-sizing:border-box; }
.my_icon_txt{width: 80%;height: auto; line-height:24px; font-size:14px; margin:20px auto 0 auto; overflow:hidden; text-align: center;}

.grzx_nav{width:100%; height: auto;}
.grzx_nav h2{ width:100%; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #dddddd; background:#f3f3f3; text-indent:20px;}

.grzx_nav ul{margin:0px;}
.grzx_nav ul li{ width:100%; height:40px; line-height:40px; margin-bottom:5px; font-size:14px; text-indent:50px; background-color:#fff;}
.grzx_nav01{ background:url(../images/icon.gif) no-repeat 0 -15px; border-bottom:1px dashed #dddddd;}
.grzx_nav02{ background:url(../images/icon.gif) no-repeat 0 -68px; border-bottom:1px dashed #dddddd;}
.grzx_nav03{ background:url(../images/icon.gif) no-repeat 0 -118px; border-bottom:1px dashed #dddddd;}
.grzx_nav04{ background:url(../images/icon.gif) no-repeat 0 -170px; border-bottom:1px dashed #dddddd;}
.grzx_nav05{ background:url(../images/icon.gif) no-repeat 0 -220px; border-bottom:1px dashed #dddddd;}
.grzx_nav06{ background:url(../images/icon.gif) no-repeat 0 -272px; border-bottom:1px dashed #dddddd;}
.grzx_nav07{ background:url(../images/icon.gif) no-repeat 0 -328px; border-bottom:1px dashed #dddddd;}

.grzx_box{width:100%; height: auto; background:#fff; padding:10px; border: 1px solid #ddd; margin-bottom: .25rem; background-color: white; box-sizing:border-box; overflow: hidden;}
.input{width: 100%; height: 26px; line-height:26px; font-size:14px; font-family:"微软雅黑"; text-indent:10px; border:1px solid #c1c1c1; border-radius:2px; color:#a3a3a3;}
.textarea{width: 100%; height: 80px; line-height:24px; font-size:14px; font-family:"微软雅黑"; text-indent:10px; border:1px solid #c1c1c1; border-radius:2px; color:#a3a3a3;}
.grzx_box .btn{width: 50%; height: 35px; line-height:35px; font-size:16px; font-family:"微软雅黑"; text-align:center; border:0; border-radius:4px; margin:15px 0; color:#fff; background:#19abe5;}

.select{width: 48%; height: 26px; line-height:26px; font-size:14px; font-family:"微软雅黑"; text-indent:10px; border:1px solid #c1c1c1; border-radius:2px; color:#a3a3a3;}

.btn_a a{width:100%;display: block;height: 30px; text-align: center; font-size: 14px; color: #008ed0;}
.btn_a a:hover{text-decoration: none;}

.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px; border-radius: 10px; background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px; cursor: pointer;}
.swiper-active-switch {background: #fff;}
.p10{padding: 0 10px;}

.arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999;
}
.arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999;
}
.back{width: 60px; height: 26px; line-height:26px;  text-align:center; border:0; border-radius:4px; color:#fff; background:#19abe5; margin-top:7px; margin-right:7px; float:right; font-size:14px; font-family:"微软雅黑"; }

.zhifu{width: 100%; height: auto; border-bottom:1px solid #e2e2e2; background-color:#fff; padding:10px 0; margin-bottom:10px;overflow:hidden;}
.zf_logo{width: 90%; height: auto; background:url(../images/xuxian.gif) repeat-x bottom; margin:0 auto; border-bottom: 1px solid #e2e2e2;  overflow: hidden;}
.zf_lc{width: 90%; height: 40px; line-height:40px; font-size:12px; background: url(../images/arrow.png) no-repeat center left; border-bottom:1px solid #e2e2e2; text-indent:35px; margin:0 auto 15px auto;}
.zf_xinxi{width:80%; height: auto; margin:0 auto;}
.zf_xinxi ul{width:100%; height: auto;}
.zf_xinxi ul li{height: auto; border-bottom: 1px dashed #e2e2e2; padding-bottom:10px; margin-bottom:10px;}
.zf_btn{width:80%; height: auto; line-height:30px; padding:10px 0; margin:0 auto;}
.btn2{width: 100%; height: 35px; line-height:35px; font-size:16px; font-family:"微软雅黑"; text-align:center; border:0; border-radius:4px; margin:15px 0; color:#fff; background:#19abe5;}

.zc_qq{ width:90%; height:auto; margin:0 auto 10px auto; }
.zc_qq h1{ font-size:20px; height: auto; padding:40px 0 10px;}
.zc_qq h2{ font-size:14px; height: auto; padding-bottom:10px; color:#666;}
.zc_qq_title{ width: 90%; height: 35px; margin: 0 auto 20px; background: url(../images/title.gif) 0 0; }
.zc_qq_title ul { width:100%; height: 35px;}
.zc_qq_title ul li { width:50%; line-height: 35px; float: left;text-align:center;display: block; font-size: 16px; border-top-left-radius:5px; border-top-right-radius:5px;}
.zc_qq_title ul li a { color: #000; display: block; text-decoration: none; border:0; border-top-left-radius:5px; border-top-right-radius:5px; }
.zc_qq_title ul li a:hover, .current1 { font-size: 16px; color: #eb452f; background: url(../images/title.gif) 0 -79px; display: block; border-top-left-radius:5px; border-top-right-radius:5px; }
.login_input_s{width: 60%; height: 40px; line-height:40px; font-size:16px; font-family:"微软雅黑"; text-indent:10px; border:1px solid #c1c1c1; border-radius:6px; margin-bottom:15px; color:#a3a3a3;}
.login_input_btn{width: 35%;float: right;height: 40px; line-height:40px; font-size:16px;font-family:"微软雅黑";text-align:center; border:0; border-radius:6px; color:#fff; background:#19abe5;}