.m_tit{background: #FFFFFF;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);margin-bottom: 0.10rem;position: relative;    height:0.36rem;overflow:hidden;}
.m_tit ul{width: 90%;}
.m_tit ul li {height: 0.36rem;float: left;display:inline-block;padding:0 10px;min-width:20%;max-width:20%}
.m_tit ul li a{display: block;text-align: center;line-height: 0.36rem;font-size: 0.12rem;color: #666;}
.m_tit .xl{display: block;position: absolute;right: 0.05rem;width: 0.30rem;height: 0.36rem;text-align: center;line-height: 0.36rem;z-index: 22;}
.m_tit .xl img{width: 0.18rem;position: absolute;top: 50%;margin-top: -0.05rem;left: 50%;margin-left: -0.09rem;}
.m_container{background: #fff;padding-top: 0.10rem;margin-bottom: 0.10rem;}
.container .m_c_tit{margin-bottom: 0.1rem;background: url("../pic/product.png") no-repeat left top;padding-top: 0.05rem;}
.container .m_c_tit span{float: left;/*display: inline-block;*/font-size: 0.16rem;font-weight: bold;color: #333333;margin-right: 0.15rem;border-left: 5px solid #0b61da;padding-left: 0.07rem;}
.container .m_c_tit ul li{width: 0.60rem;height: 0.20rem;float: left;border-radius: 1rem;margin-right: 0.05rem;font-size: 0.10rem;color: #333333;line-height: 0.20rem;text-align: center; display:none}
.container .m_c_tit ul li.current{background: #000000;color: #fff;}
.container .m_c_tit .more{color: #666;width: 0.60rem;height: 0.20rem;border-radius: 1rem;margin-right: 0.05rem;color: #ffffff;line-height: 0.20rem;text-align: center;background: #0b61da;padding: 0 0.05rem;}
.container .m_c_tit .more .m,.right .r_con .more .m{display: none;width: 0.10rem;height: 0.10rem;background:url(../pic/icon_jiantou.png) no-repeat center center;}
.m_c_list ul li{width: 1.10rem;
    height: 1.30rem;
    margin: 0.15rem 0 0.15rem 0.09rem;
    text-align: center;
    float: left;
    border: 1px solid #E8E8E8;
    box-shadow: 0 1px 2px 0 rgba(92,92,92,0.15);
    position: relative;}
.m_c_list ul li a{display: block;height: 0.97rem;text-align: center;}
.m_c_list ul li a img{vertical-align: middle;height: 0.95rem;width: 1.1rem;text-align: center;}
.m_c_list ul li a span{display: block;width: 100%;height: 0.32rem;border-top: 1px solid #E8E8E8;text-align: center;line-height: 0.32rem;position: absolute;bottom: 0rem; overflow:hidden}
.list2{display: none;}
.left,.right{padding: 0.09rem 0.12rem 0.15rem;margin-bottom: 0.1rem;background: #fff;}
.left img,.right img{width: 0.94rem;}
.l_con p{margin-top: 0.16rem;font-size: 0.12rem;color: #666;line-height: 0.21rem;text-align: justify;text-indent: 2em;}
.l_con p img{width: 1.6rem;height: 1.2rem;vertical-align: middle;margin-right: 0.1rem;}
.l_con p a{display: block;width: 0.64rem;height: 0.24rem;text-align: center;line-height: 0.24rem;background: #0b61da;/*box-shadow: 0 1px 4px 0 #000000;*/border-radius: 0.04rem;font-size: 0.10rem;color: #FFFFFF;line-height: 0.12rem;float: right;margin-top: 0.15rem;}
.r_con{width: 100%;}
.r_con ul li{height: 0.43rem;border-bottom: 1px dashed  #E8E8E8; overflow:hidden}
.r_con ul li:last-child{border-bottom: none;}
.r_con ul li a{display: block;line-height: 0.43rem;font-size: 0.12rem;}
.right .r_con .more {font-size: 0.1rem;color: #777777;}
.right .r_con h2{border-left: 5px solid #0b61da;  font-size: 0.15rem;    font-weight: bold;    color: #565656;    padding-left: 0.07rem;    margin-right: 0.15rem;    margin-bottom: 0.1rem;}
.r_con ul li a em {font-style: normal;float: right;color: #999;}
.pages{clear:both;width:96%;text-align:center;padding:0 2%;margin:40px 0; }
.pages .next_pages{width:100%;text-align:center;padding:10px 10px;margin:0 auto;background:#efefef;border:#fff solid 1px;font-size:14px;color:#73665b;}


.top{background: #fff;}
.top .t_con{height: 0.4rem;line-height:0.4rem;}
.logo{
    max-width: 0.47rem;
    height: 0.28rem;
    font-size: 0;
    padding: 0.07rem 0rem 0.05rem;
    overflow: hidden;
    margin-top: 0.05rem;
}
.logo img{max-height: 100%;max-width: 100%;}
.companyName{display: inline-block;height: 100%;width: 2rem;font-size: 0.13rem;padding-left: 0.08rem;font-weight: 600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tel{text-align: left; background:url(../pic/icon_tel6.png) 0rem 0.13rem no-repeat; background-size:0.16rem 0.16rem; padding-left:0.18rem}
.tel .tel_b img{width: 0.16rem;vertical-align: middle;margin-right: 0.05rem;float:left;margin-top: 0.11rem; display:none;}
.tel .tel_b span{display: inline-block;font-family: "Microsoft YaHei";font-size: 0.12rem;color: #000000;}
.tel .tel_b span em{font-style: normal;font-size: 0.1rem;}
.nav{width: 100%;height: 0.44rem; border-bottom:0rem solid #9a9436;border-top:0rem solid #000000; max-width:640px;
background: -webkit-linear-gradient(top right,#0b61da,#0b61da) #0b61da;
    background: -ms-linear-gradient(top right,#0b61da,#0b61da) #0b61da;
    background: -moz-linear-gradient(top right,#0b61da,#0b61da) #0b61da;
    background: -o-linear-gradient(top right,#0b61da,#0b61da) #0b61da;
    background: linear-gradient(top right,#0b61da,#0b61da) #0b61da;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);}
.nav ul li{float: left;height: 0.44rem;}
.nav ul li a{display: block;font-family: "Microsoft YaHei";text-align: center;padding: 0rem 0.12rem;line-height: 0.44rem;font-size: 0.13rem;color: #ffffff;}

.n_top{position: fixed;top: 0rem;z-index: 999;max-width:640px; background:#0b61da}
.f_nav{text-align: center;line-height:0.44rem;height: 0.44rem;font-family: "Microsoft YaHei";font-weight: bold;font-size: 0.15rem;color: #FFFFFF;position: relative;}
.f_nav .back{width: 0.15rem;height: 0.44rem;display: block;}
.f_nav .back img{width: 0.07rem;top: 0.14rem;padding-top:0.16rem;}
.f_nav .icon_menu {display: block;width: 0.2rem;height: 0.3rem;padding-top: 0.04rem;position: absolute;top: 0rem;right: 0rem;}
.f_nav .icon_menu img{width: 0.16rem;}
.top .fixed{position: fixed;top: 0rem;z-index: 999;}
.n_con{position: relative;}

.nav .search{width: 76%;position: absolute;top: 0.07rem;/*left: 2%;*/left: 104%;display: none;/*opacity: 0;*/z-index: 888;}
.nav .search input{width: 88%;height: 0.28rem;padding-left: 0.30rem;border: 1px solid #C3D8F4;background: #fff;outline: none;border-radius: 1rem;-moz-border-radius: 1rem;-webkit-border-radius: 1rem;color: #999;}
.nav .search i{display: block;width: 0.12rem;height: 0.13rem;position: absolute;}
.nav .search .icon_s{top: 50%;margin-top: -0.065rem;left: 0.10rem;}
.nav .search .icon_c{top: 50%;margin-top: -0.065rem;right: 0.12rem;/*display: none;*/}
.nav .n_con .icon_search{/*opacity: 1;*/display: block;width: 0.16rem;height: 0.16rem;position: absolute;top: 50%;margin-top: -0.08rem;right: 0.33rem;}
.nav .n_con .icon_search img ,.nav .n_con .icon_menu img,.nav .menu .m_jt img,.nav .search .icon_s img,.nav .search i img{width: 100%;position: absolute;}
.nav .n_con .icon_menu{display: block;width: 0.24rem;height: 0.24rem;position: absolute;top: 50%;margin-top: -0.1rem;right: 0rem; background:url(../pic/icon_menu7.png) 50% 0.04rem no-repeat #0b61da; background-size:0.16rem 0.16rem;border-radius: 0.02rem;}
.nav .n_con .icon_menu img{ display:none;}
.nav .menu .m_jt{display: block;width: 0.11rem;height: 0.05rem;position: absolute;top: -0.04rem;right: 0.10rem;z-index: 100;}
.nav .menu .m_jt img{position: absolute;}
.menu{position: absolute;top: 0.50rem;right: 0rem;z-index: 99;width: 1.41rem;background: #FFFFFF;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.20);border-radius: 0.02rem;display: none;}
.menu ul{width: 100%;height: 100%;}
.menu ul li{text-align: center;width: 100%;height: 0.42rem;overflow: hidden;border-bottom: 1px solid #E8E8E8;}
.menu ul li:last-child{border-bottom:none;}
.menu ul li a{display: block;/* text-align: left; */font-family: "Microsoft YaHei";font-size: 0.13rem;line-height: 0.42rem;/* padding-left: 0.52rem; */color: #333333;position: relative;}
.menu ul li a img{width: 0.13rem;vertical-align: middle;margin-right: 0.10rem;position: absolute;left: 0.28rem;top: 50%;margin-top: -0.065rem;}
.swiper-container {width: 100%;height: auto;}
.swiper-slide img{width: 100%;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}
body{max-width:640px;margin: 0 auto!important;}
.details span img{width:100%;}



.footer{background: #3C3C3C;padding: 10px 0px;width:100%;margin-bottom: 0.45rem;}
.footer p{text-align: center;font-size: 10px;color: #FFFFFF;line-height: 23px;}
.footer p a{ color:#ffffff}

.contact{position: fixed;text-align: center;padding-top: 9px;right: 0.12rem;top: 50%;width: 0.36rem;height: 0.36rem;margin-top: -0.18rem;z-index: 332;/*display: none;*/}
.contact img{width: 100%;}
.con_main{display: none;width: 2.02rem;height: 2.20rem;position: fixed;right: 0.12rem;top: 50%;margin-top: -1.10rem;background: #FFFFFF;box-shadow: 0 0.01rem 0.04rem 0 rgba(0,0,0,0.20);border-radius: 0.04rem;z-index: 333;}
.con_main .title{height: 0.43rem;line-height: 0.43rem;padding-left: 0.24rem;border-bottom: 1px solid #E8E8E8;font-weight: bold;font-size: 0.12rem;color: #333;position: relative;}
.con_main .title span{display: block;height: 0.43rem;width: 0.30rem;position: absolute;top: 0rem;right: 0.1rem;text-align: center;line-height: 0.43rem;cursor: pointer;}
.con_main .title .dot{display: inline-block;width: 6px;height: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #000000;position: absolute;top: 50%;margin-top: -0.03rem;left: 0.12rem;}
.con_main .title span i{display: inline-block;width: 0.12rem;height: 0.02rem;background-color: #84B4F6;position: absolute;top: 50%;margin-top: -0.01rem;}
.con_main .tel_con{padding: 0.17rem 0.15rem 0.15rem 0.26rem;}
.con_main .tel_con p{font-size: 0.1rem;color: #666666;margin-bottom: 0.05rem;}
.con_main .tel_con p em{font-style: normal;position: absolute;}
.con_main .tel_con p .qq{display: inline-block;margin-left: 0.67rem;}
.con_main .tel_con p .kf{display: inline-block;width: 0.8rem;height: 0.22rem;background: #61D4BA ;box-shadow: 0 0.01rem 0.04rem 0 #61D3BA;border-radius: 0.04rem;font-size: 0.1rem;color: #FFFFFF;text-align: center;line-height: 0.22rem;}
.con_main .tel_con p a img{width: 0.14rem;vertical-align: sub;margin-right: 0.05rem;}
.con_main .tel_con p span{font-size: 0.1rem;color: #000000;line-height: 0.16rem;margin-left: 0.1rem;}
.con_main .tel_con p .edit{float: right;display: block;width: 0.2rem;height: 0.23rem;padding-top: 0.03rem;padding-left: 0.06rem;-webkit-border-radius: 0.26rem;-moz-border-radius: 0.26rem;border-radius: 0.26rem;background-color: #000000;box-shadow: 0 1px 4px 0 #000000;position: relative;margin-top:0.12rem;}
.con_main .tel_con p .edit img{position: absolute;top: 50%;margin-top: -0.08rem;left: 50%;margin-left: -0.07rem;}


body {font-family:"Microsoft YaHei","SimSun","Arial, Helvetica, sans-serif";color:#333;font-size:12px;line-height:25px;text-align:left;background-color:RGB(242,242,242); overflow-x:hidden;  position: relative; }
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a {margin:0;padding:0;}
ul li {list-style:none;}
h2{font-size:12px;}
img {border:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#5B98EC;text-decoration:none;}
a:active {color:#5B98EC;text-decoration:none;}
.wrapper {width: 93.6%;text-align:left;margin:0 auto;}
.n_con>ul{height: 0.44rem;overflow: hidden;width: 100%;}
.clear {clear:both;height:0;width:0;zoom:1;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f14 {font-size:14px;font-weight:bold;}
.f16 {font-size:16px;font-weight:bold;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.ml10 {margin-left:10px;_margin-left:5px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.mr10 {margin-right:10px;}
body{ max-width:640px;margin: 0 auto!important;}
.details span img{width:100%;}
.footer .wrapper p a{color:#fff;}
.footer .wrapper p a:hover{color:#ff5a00;}


.g-nav_bottom {position: fixed;bottom: 0rem;z-index: 999;width:100%; max-width:640px;
height:0.505rem;
 background: -webkit-linear-gradient(bottom left,#0b61da,#0b61da) #0b61da;
    background: -ms-linear-gradient(bottom left,#0b61da,#0b61da) #0b61da;
    background: -moz-linear-gradient(bottom left,#0b61da,#0b61da) #0b61da;
    background: -o-linear-gradient(bottom left,#0b61da,#0b61da) #0b61da;
    background: linear-gradient(bottom left,#0b61da,#0b61da) #0b61da;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);}
.g-nav_bottom li {  float: left;height: 0.405rem;;text-align: center;width: 0.92rem; padding-top:0.1rem;  }

.g-nav_bottom li:first-child { border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;    }
.g-nav_bottom li:first-child .img{  /*background:#0066CC; -webkit-border-radius: 0.40rem;*/ width:0.40rem; height:0.20rem; margin:0 auto; position:relative}
.g-nav_bottom li:nth-child(2n) .img{ /* background:#719f00;*/ -webkit-border-radius: 0.40rem; width:0.40rem; height:0.20rem; margin:0 auto; position:relative}
.g-nav_bottom li:nth-child(3n) .img{ /* background:#F74669;*/ -webkit-border-radius: 0.40rem; width:0.40rem; height:0.20rem; margin:0 auto; position:relative}
.g-nav_bottom li:nth-child(4n) .img{/*  background:#ff9d0b;*/ -webkit-border-radius: 0.40rem; width:0.40rem; height:0.20rem; margin:0 auto; position:relative}

.g-nav_bottom li:nth-child(2n) {  border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.g-nav_bottom li:nth-child(3n) {  border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.g-nav_bottom li:nth-child(4n) { border-bottom: 1px solid #eaeaea;border-right: medium none;}

.g-nav_bottom li a {color:#FFFFFF; font-size:0.1rem; float:left;width:100%;}
.g-nav_bottom li img{ margin: auto;  position: absolute;  top: 0; left: 0;  bottom: 0;  right: 0; width:50%;}
.g-nav_bottom li .text{ text-align:center;width: 0.92rem;margin:0 auto; text-align:center; line-height:0.1rem}

.lineMsg{position: fixed;text-align: center;padding-top: 9px;right: 0.12rem;top: 55%;width: 0.36rem;height: 0.36rem;margin-top: -0.18rem;z-index: 332;/* display: none; */}
.lineMsg img{width: 70%;}
.msg_main{display: none;width: 2.02rem;height: 2.20rem;position: fixed;right: 0.12rem;top: 50%;margin-top: -1.10rem;background: #FFFFFF;box-shadow: 0 0.01rem 0.04rem 0 rgba(0,0,0,0.20);border-radius: 0.04rem;z-index: 333;}
.msg_main .title{height: 0.43rem;line-height: 0.43rem;padding-left: 0.24rem;border-bottom: 1px solid #E8E8E8;font-weight: bold;font-size: 0.12rem;color: #333;position: relative;}
.msg_main .title span{display: block;height: 0.43rem;width: 0.30rem;position: absolute;top: 0rem;right: 0.1rem;text-align: center;line-height: 0.43rem;cursor: pointer;}
.msg_main .title .dot{display: inline-block;width: 6px;height: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #000000;position: absolute;top: 50%;margin-top: -0.03rem;left: 0.12rem;}
.msg_main .title span i{display: inline-block;width: 0.12rem;height: 0.02rem;background-color: #84B4F6;position: absolute;top: 50%;margin-top: -0.01rem;}

.msgUl {width: 100%;}
.msgUl li {height: 0.23rem;width: 1.92rem;margin-left: 0.05rem;margin-top: 0.1rem;float: left;display: block;}
.msgUl li span{display:block;float:left;}
.msgUl li input{width: 1.5rem;height: 0.2rem;float: right;border: 1px solid #61d4ba;}
.msgUl li .btn{border: none;background: #61d4ba;color: #fff;}
.msgUl li textarea{padding: 0 !important;width: 1.5rem;height: 0.62rem;float: right;border: 1px solid #61d4ba;}

.Bnav{float:left;width: 100%;background: #0b61da;position:fixed;bottom:0;height: 0.45rem;/* display: none; */max-width: 640px;height: 0.55rem;}
.Bnav li{width: calc(100% / 4);float:left;text-align:center;margin: 0.05rem 0;height: 0.35rem;font-size: 0.12rem;}
.Bnav li:nth-child(1){background:url(../pic/m-b-01.png) no-repeat center top;background-size: 0.2rem 0.2rem;}
.Bnav li:nth-child(2){background:url(../pic/m-b-02.png) no-repeat center top;background-size: 0.2rem 0.2rem;}
.Bnav li:nth-child(3){background:url(../pic/m-b-03.png) no-repeat center top;background-size: 0.2rem 0.2rem;}
.Bnav li:nth-child(4){background:url(../pic/m-b-04.png) no-repeat center top;background-size: 0.2rem 0.2rem;}
.Bnav li a{color:#ffffff;display: block;padding-top: 0.2rem;}

.message{margin-top: 0.1rem;font-size: 0.08rem;width:100%;}
.message .formLi{padding: 0.1rem 1%;background:#fff;border-bottom:1px solid #e5e5e5;overflow:auto;width:98%;float:left;}
.message .formLi label{float:left;width:1.5rem;}
.message .formLi label span{color:#ff0000;}
.message .formLi .fileInput{float:left;}
.message .formLi input{border:0;width:98%;font-size: 0.12rem;line-height: 0.25rem;color:#666666;}
.message .formLi .liuyan{height: 0.75rem;width:98%;border:0;outline:0;font-size: 0.12rem;line-height: 0.25rem;color:#666666;overflow-x:hidden;}
.message .verificationcode .code-input{border:0;width:3rem;font-size:0.24rem;line-height:0.5rem;color:#666666;}
.message .submit{background:#fc6c13;width:60%;height: 0.305rem;color:#fff;border:1px solid #fc6c13;border-radius: .05rem;margin: 0.175rem 0.55rem;font-size: 0.12rem;}
.message .verificationcode{padding:0.2rem 1%;background:#fff;border-bottom:1px solid #e5e5e5;overflow:auto;width:98%;float:left;}
.message .verificationcode div {text-align:center;font-size:0.24rem;color:#999999;line-height:0.16rem;margin:0.06rem 0rem 0.19rem;float:left;}
.message .verificationcode span{font-size:0.28rem;float:left;line-height:0.7rem;}
.mask{width: 7.5rem;height: 16rem;position: fixed;opacity: 0.1;z-index: 10;margin-top: 1rem;display: none;}
.msgTips{position: fixed;width: 100%;background: #fff;text-align: center;top: 0;left: 0;padding: 0.0625rem;font-size: 0.065rem;font-weight: 700;border-bottom: 1px solid #3367db;z-index: 999;display: none;color: #3367db;}