﻿@media screen and (max-width: 768px) {

 .mnone{

display:none; }

}
@media screen and (min-width: 768px) {

 .pcnone{

display:none; }

}
@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{padding:0px; margin:0px}

*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
.trans{transition: all .3s ease-in;}
html{width:100%;min-height:100%;}

img{border:0px;}
em{font-style:normal;}
s,i{font-style: normal;}
ul, ol{list-style-type:none;}
li{list-style: none outside none;}
strong,b{font-weight: normal;}
/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
.clear,.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}



.nav_a{ margin-bottom:5px;}
.nav_a .list{ text-align:center;}
.nav_a .list li{ display:inline-block;margin-bottom:5px;}
.nav_a .list li .box{ margin:0 1px; padding:8px 5px; font-size:14px; color:#000; width:110px; text-align:center; border: solid #6f6f6f 0px; display:inline-block; border-radius:5px;background:#efefef;}
.nav_a .list li .box:hover{ background:#163888; color:#fff;  border: solid #90fae8 0px; transition: ease .3s;}
.nav_a .list li .on{ background:#163888; color:#fff;  border: solid #90fae8 0px; transition: ease .3s;}


/*版权信息*/
.footer_main{text-align:center;width:100%;padding: .2rem;color: #666;border-top: 1px solid #e5e5e5;background: #f5f5f5;margin-bottom:1.5rem}
.copyrightm{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
.toTop{width:0.9rem;height:0.9rem;background:url(../images/gotop.png) no-repeat center top;background-size:0.9rem auto;position: fixed;bottom:20%;right: 2%;cursor: pointer;z-index: 10;display: none;}
.footer_main a{color: #666;}
/* 工具栏 */
#toolbar{position:fixed;bottom:0;width:100%;z-index: 888;height:1.6rem;left: 0;}
#toolbar .list{width:100%;max-width:640px;min-width: 320px;margin: 0 auto;background: repeating-linear-gradient(to right,#54bfe9,#3984fe);border-top: .01rem solid #ddd;}
#toolbar .list li{float:left; width:25%; text-align:center;}
#toolbar .list a{display:block;height:3rem;line-height:0.24rem;font-size: 0.4rem;color: #333;padding-top: 0.15rem;}
#toolbar .list a s{margin-left:auto;margin-right:auto;width: 0.70rem;height: 0.55rem;display:block;background-size: 7rem auto;}
#toolbar .list a span{text-align: center;line-height: 1rem;display: block;color:#fff;}

#toolbar .list a .too-home{background: url(home.png) no-repeat 0 0;}
#toolbar .list a .too-tel{background: url(tel.png) no-repeat 0 0;}
#toolbar .list a .too-wx{background: url(weixin.png) no-repeat 0 0;}
#toolbar .list a .too-qq{background: url(qq.png) no-repeat 0 0;}


#toolbar .list a .too-home-{background-position: 0.03rem 0;}
#toolbar .list a .too-qiao{background-position: -1.6rem 0;}
#toolbar .list a .too-map{background-position: -.79rem 0;}
#toolbar .list a .too-tel-{background-position: -2.36rem 0;}

.xbg{width:100%; display:block;position: fixed;height:1.05rem;left: 0;bottom: 0;background: #fff;z-index: 880;}
#toolbar .list a s span{color: #fff;padding-top:.9rem;text-transform: initial;font-style:normal;}

/*==========@@页面布局 开始@@==========*/
.index,.floor{width:100%;max-width:640px;min-width: 320px;margin:0 auto;}
.index{padding-top:0;position: relative;}
.isplit{width: 100%; height: .32rem; border-top: 1px solid #e2e1e1; background: #f3f3f3;}
/*图标导航*/
.inav{width: 100%; text-align: center; background: #fff; padding-bottom: .4rem;}
.inav a{font-size: .26rem; width: 100%; display: block; width: 25%; float: left;}
.inav a:before{width: .9rem; height: .9rem; display: block; margin: 0 auto .05rem; content: "\20"; background: url(inav-ico.png) no-repeat 0 0; background-size: auto .9rem;}
.inav a:nth-child(1):before{background-position: .0rem center;}
.inav a:nth-child(2):before{background-position: -.9rem center;}
.inav a:nth-child(3):before{background-position: -1.8rem center;}
.inav a:nth-child(4):before{background-position: -2.7rem center;}
/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 8rem;height:8rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr img{width: 4.5rem;height: 4.5rem;display: block;margin: 0 auto;padding-bottom:10px}
#wxnr p{font-size: 0.34rem;line-height: 0.25rem;text-align:center;}
#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.3rem;height: 0.3rem;font-size: 0.2rem;line-height: 0.3rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #0e4295;color:#fff;border-radius: 0.05rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.4rem;background-image: url(wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}


/*--下拉联动菜单--*/
.sidebar-menu { background: #ffffff; border: 1px solid #f1f1f1;}
.sidebar-menu ul li { color: #000000; }
.sidebar-menu .header-menu { padding: 0 17px; margin-bottom: 10px; }
.sidebar-menu .header-menu span { padding: 16px 0; display: block; border-bottom: 1px solid #99dad0; font-size: 18px;color: #000000;  }
.sidebar-menu .sidebar-dropdown { }
.sidebar-menu .sidebar-dropdown .n_li1 { display: block; padding: 16px 27px; font-size: 16px; }
.sidebar-menu .sidebar-dropdown .sidebar-submenu ul .sidebar-subdropdown { }
.sidebar-menu .sidebar-dropdown:hover { }
.sidebar-menu .cur { background: #1d2088; }
.sidebar-submenu .sidebar-subdropdown .n_li2 { display: block; padding: 12px 17px;color: #000000; }
.sidebar-submenu .sidebar-subdropdown .n_li2:hover {background: #1d2088 url(arr.png) center right no-repeat;  color: #ffffff;  }
.sidebar-submenu .sidebar-subdropdown .cur { background: #1d2088 url(arr.png) center right no-repeat; color: #ffffff;cursor:pointer;}
.bar-menu { }
.bar-menu .listm > li { padding: 0 27px; }
.bar-menu .listm > li .n_li3 { display: block; padding: 10px 14px; }
.bar-menu .listm > li .n_li3 i { opacity: 0; }
.bar-menu .listm > li .n_li3:hover { border-bottom: 1px solid #f1f1f1; }
.bar-menu .listm > li .n_li3:hover i { opacity: 1; }
.bar-menu .listm > li .cur_2 { border-bottom: 1px solid #f1f1f1; }
.bar-menu .listm > li .cur_2 i { opacity: 1; }


/*cateList*/
.iconbef:before{background: url(iconn.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}
.cateList{width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #666;position: relative;}
.cateList .goBack{width: .8rem;height: .8rem;padding-top: .23rem;position: absolute;left: .1rem;top: 0;z-index:12;}
.cateList .goBack:before{width: .4rem;height: .4rem;display: block;margin: 0 auto;background-position: -1.0rem -0.64rem;}
.cateList h3{position:relative;font-size: 24px;}

.cateList h3 s{position:absolute;top:0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}
.cateList .box{width: 100%;padding: .2rem 3% .0;z-index: 11;background: #fff;display: none;border-bottom: 1px solid #e6e6e6;}
.cateList .box a{width: 32%;margin-right: 2%;margin-bottom:5px;line-height: 24px;height: 40px;font-size: 14px;text-align: center;display: block;float: left;border-radius:5px;border: 1px solid #e6e6e6;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList .box a:nth-child(3n){margin-right: 0;}
.cateList .box a.on{background: #0e4295;border-color: #0e4295;color: #fff;}



/*产品内页幻灯*/
.ax-tac{text-align:center;}
.zutu{width: 94%;margin: auto;position:relative;overflow:hidden;}
.zutu img{width:100%}
.zutu .hd{position: absolute;bottom: 5%;width: 100%;height: .22rem;}
.zutu .hd li{display:inline-block;width: .2rem;height: .2rem;border-radius:50%;text-indent:-9999px;margin: 0 1%;border: .04rem solid #0e4295;}

/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #999;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #fff;border: 1px solid #f2f2f2;}
.pglist a:hover,.pglist span{display:inline-block;color: #fff;background: #0e4295;border-color: #0e4295;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pglist a.page-num-current{display:inline-block;color: #fff;background: #0e4295;border-color: #0e4295;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.zutu .hd li.on{background: #0e4295;}




/*--详情页自适应手机端--*/

.showInfo .showtit{margin: 0 3% 0;font-size:22px;color: #333333;line-height: .48rem;text-align: center;}
.showInfo .showtit.showtit2{margin: .3rem 0;margin-top: 0;line-height: 0.9rem;color: #0e4295;font-weight: bold;border-bottom: 1px dotted #dedede;}
.showInfo .showContxt{padding: .2rem 3% .3rem;}
.showInfo .showContxt *{line-height: .42rem !important;font-size: .24rem !important;color: #666;}
.showInfo .showContxt img,
.showInfo .showContxt iframe{max-width: 100%; height: auto !important;}
.showInfo .contxt{padding: .2rem 4% .4rem;line-height: .42rem;color: #666666;}
.showInfo .contxt img{max-width: 100%; margin: 0px auto; height: auto !important; display: inline;}
.showInfo .contxt p{line-height:.4rem;}
.showInfo .contxt .biao td{padding:.09rem; border:1px solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}
.showInfo .showTab{width: 94%;padding: .3rem 0 0 0;margin-left: 3%;}
.showInfo .showTab .title2{border-bottom: 1px solid #ededed;padding-bottom: .2rem;position: relative;}
.showInfo .showTab .title2 h3{font-size: 18px;font-weight: normal;}
.showInfo .showTab .title2 s{width: 1.3rem;height: .05rem;display: block;position: absolute;left: 0;bottom: -.02rem;background:#0e4295;}
.showproduct .reLink{margin: .2rem 0 .1rem;}
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 5.6rem; text-align: center; display: block;}
.showimg a img{height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%;}
.showimg span.left{right: auto; left: 50%; margin-left: -3rem;}
.showimg span{display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer;}
.showimg span.left::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}


/* reLink */
.reLink{margin: .2rem 3% .3rem;}
.reLink .prevLink,
.reLink .nextLink{display: block; height:40px; line-height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}