﻿@charset 'utf-8';body,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,p{margin:0}
ul,ol,th,td,input,textarea{padding:0}
body{font-family:'Microsoft YaHei'}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table{border-collapse:collapse}
img{display:block}
img,iframe{border:0}
ol,ul{list-style:none}
i,em{font-style:normal}
strong{font-weight:normal}
input,select,textarea{font-family:'Microsoft YaHei'}
textarea{overflow:auto;resize:none}
a{text-decoration:none}
pre{display:block;white-space:pre-wrap}
.area{position:relative;width:7.2rem;margin:0 auto}
.area,.clear{*zoom:1}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both}
.u-a-wrap{display:block}
.fadeIn-s{opacity:0;transition:all 1.7s ease-in-out}
.page-box{position:relative;width:7.5rem;overflow:hidden;margin:0 auto 1rem auto}
.main-box{position:relative;z-index:2;background:#fff}
.main-box .m-filter{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;opacity:0;transition:all .75s ease-in-out}
.main-box.active .m-filter{opacity:.6;z-index:30}
.m-top{background:#fff}
.m-top .area{height:.9rem}
.m-top .logo{position:absolute;top:0;bottom:0;left:0;max-width:70%;max-height:70%;margin:auto 0}
#panelBtn{position:absolute;top:0;bottom:0;right:0;width:.45rem;height:.35rem;margin:auto 0;background:url(../images/panelBtn.png);background-size:.45rem .35rem}
.m-banner{position:relative}
.swiper-container{overflow:hidden}
.m-banner li{width:7.5rem !important}
.m-banner .u-img{height:4rem}
.m-banner .swiper-pagination{left:0;bottom:.15rem;width:100%;font-size:0}
.m-banner .swiper-pagination-bullet{width:.15rem;height:.15rem;border-radius:.075rem;margin:0 .075rem;background:#0585cc;opacity:1;transition:all .45s ease-in-out}
.m-banner .swiper-pagination-bullet-active{width:.45rem}
.m-consult{background:#0585cc;display: none;}
.m-consult .u-icon{position:relative;padding-left:.65rem;font-size:.3rem;line-height:.7rem;color:#fff;font-weight:bold}
.m-consult .u-icon:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:.41rem;height:.35rem;margin:auto 0;background:url(../images/consult.png);background-size:.41rem .35rem}
.m-classify{padding:.2rem 0 .1rem 0;overflow:hidden;display: none;}
.m-classify .area{position:relative;z-index:2}
.m-classify ul{width:8rem}
.m-classify li{float:left;position:relative;width:1.2rem;margin:.1rem .8rem .1rem 0}
.m-classify li img{position:absolute;top:0;left:0;z-index:-1;width:1.2rem;height:1.39rem}
.m-classify li .name{font-size:.24rem;line-height:1.39rem;color:#fff;text-align:center}
.m-header .title{float:left;position:relative;font-size:.28rem;line-height:.56rem;color:#fff}

.m-header .more{float:right;position:relative;padding-left:.36rem;font-size:.24rem;line-height:.56rem;color:#fff}
.m-header .more:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:.25rem;height:.25rem;margin:auto 0;background:url(../images/more.png);background-size:.25rem .25rem}
.m-about{overflow:hidden}
.m-about .m-header{background:#0585cc;border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-about .m-header .border{border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-about .content{margin:.2rem 0}
.m-about .article{background:#fff;overflow:hidden}
.m-about .img{margin:.2rem .2rem .1rem .2rem}
.m-about .img img,.m-about img{max-width:100%}
.m-about .ctn{margin:0 .2rem .2rem .2rem;font-size:.24rem;line-height:.48rem;color:#666;text-indent:.48rem;text-align:justify}
.m-product.style1 .m-header{background:#0585cc;border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-product.style1 .m-header .border{border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-product.style1 .m-header .title{color:#fff}
.m-product.style1 .m-header .title:before{border-color:#fff}
.m-product.style1 .m-header .more{color:#fff}
.m-product.style1 .m-header .more:before{background:url(../images/more.png);background-size:.25rem .25rem}
.m-product.style1 .name,.m-product.style2 .name,.m-product.style3 .name{color: #333;text-align: left;}
.m-product.style2 .m-header{background:#0585cc;border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-product.style2 .m-header .border{border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-product.style2 .m-header .title{color:#fff}
.m-product.style2 .m-header .title:before{border-color:#fff}
.m-product.style2 .m-header .more{color:#fff}
.m-product.style2 .m-header .more:before{background:url(../images/more.png);background-size:.25rem .25rem}

.m-product.style3 .m-header{background:#0585cc;border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-product.style3 .m-header .border{border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-product.style3 .m-header .title{color:#fff}
.m-product.style3 .m-header .title:before{border-color:#fff}
.m-product.style3 .m-header .more{color:#fff}
.m-product.style3 .m-header .more:before{background:url(../images/more.png);background-size:.25rem .25rem}
.m-product .content{margin-top:.2rem;overflow:hidden}
.m-product ul{width:7.4rem}
.m-product li{float:left;width:3.5rem;margin:0 .2rem .2rem 0}
.m-product li .u-img{height:2.5rem}
.m-product li .name{font-size:.24rem;height:.5rem;line-height:.5rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.m-news .m-header{background:#0585cc;border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-news .m-header .border{border-top:solid .01rem #0585cc;border-bottom:solid .01rem #0585cc}
.m-news .m-header .title{color:#fff}
.m-news .m-header .title:before{border-color:#fff}
.m-news .m-header .more{color:#fff}
.m-news .m-header .more:before{background:url(../images/more.png);background-size:.25rem .25rem}
.m-news .content{margin-top:.2rem}
.m-news li,.m-newsList li{margin-bottom:.2rem;}
.m-news li .u-a-wrap:after,.m-newsList li .u-a-wrap:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both}
.m-news li .date,.m-newsList li .date{float:left;width:1rem;height:1rem;margin:.2rem 0 .2rem .2rem;
    background:#f8f8f8;text-align:center}
.m-news li .date .top,.m-newsList li .date .top{padding-top:.2rem;font-size:.24rem;line-height:.3rem;color: #666666;}
.m-news li .date .bottom,.m-newsList li .date .bottom{font-size:.2rem;line-height:.3rem;color:#666}
.m-news li .article,.m-newsList li .article{margin:0 .2rem 0 1.4rem;padding:.12rem 0}
.m-news li .article .tit,.m-newsList li .article .tit{font-size:.26rem;line-height:.4rem;height:.4rem;overflow:hidden;color:#666}
.m-news li .u-a-wrap:active .article .tit,.m-newsList li .u-a-wrap:active .article .tit{color:#666}
.m-news li .article .ctn,.m-newsList li .article .ctn{font-size:.2rem;line-height:.34rem;color:#fff}
.m-news li .article .ctn span,.m-newsList li .article .ctn span{color:#999}
.m-copyright{padding:.15rem 0 .25rem 0;font-size:.2rem;line-height:.3rem;color:#666;text-align:center}
.footer-box{position:fixed;bottom:0;left:0;right:0;z-index:30;width:7.5rem;margin:0 auto;background:#0585cc}
.footer-box li{float:left;width:25%}
.footer-box li .u-a-wrap{position:relative;height:1rem;overflow:hidden}
.footer-box li .icon{position:absolute;bottom:.48rem;left:0;right:0;margin:0 auto}
.footer-box li .icon:nth-child(1){width:.4rem;height:.4rem}
.footer-box li .icon:nth-child(2){width:.34rem;height:.36rem}
.footer-box li .icon:nth-child(3){width:.4rem;height:.4rem}
.footer-box li .icon:nth-child(4){width:.38rem;height:.4rem}
.footer-box li .name{margin-top:.52rem;font-size:.24rem;line-height:.4rem;color:#fff;text-align:center}
.panel-box{position:absolute;top:0;right:0;width:3.75rem;background:url(../images/bg-panel.jpg)}
.panel-box .nav{margin-top:.9rem}
.panel-box .nav>li{width:2.38rem;margin:0 auto .1rem auto}
.panel-box .nav>li>.u-a-wrap{background:#fff;border:solid .01rem #dcd405;border-radius:.08rem;font-size:.3rem;line-height:.58rem;color:#0585cc;text-align:center}
.panel-box .subnav{display:none}
.panel-box .subnav .u-a-wrap{font-size:.3rem;line-height:.75rem;color:#fff;text-align:center}
.pageColor{background:#fff}
.m-pageTop{height:.9rem;background:#0585cc}
.m-pageTop .back{position:absolute;top:0;bottom:0;left:0;width:.14rem;height:.26rem;margin:auto 0;background:url(../images/back.png);background-size:.14rem .26rem}
.m-pageTop .title{font-size:.3rem;line-height:.9rem;color:#fff;text-align:center}
.m-pageTop #panelBtn{background-image:url(../images/panelBtn1.png)}
.m-pageClassify{padding:.2rem 0}
.m-pageClassify li{width:auto;margin-right:.2rem;}
.m-pageClassify li .u-a-wrap{background:#0585cc;font-size:.22rem;line-height:.5rem;color:#fff;text-align:center;padding: 0 .1rem;}
.m-pageClassify li .u-a-wrap:active{color:#fff}
.m-pageClassify .active .u-a-wrap{color:#fff}
.m-productList .area{overflow:hidden}
.m-productList ul{width:7.4rem}
.m-productList li{float:left;width:3.5rem;margin:0 .2rem .2rem 0}
.m-productList li .u-img{height:2.5rem}
.m-productList li .name{font-size:.24rem;height:.5rem;line-height:.5rem;overflow:hidden;color:#fff;text-align:center;background:#2e343d;text-overflow:ellipsis;white-space:nowrap}
.m-page{margin:.2rem 0;font-size:0;text-align:center}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;width:.4rem;margin:0 .1rem;background:#ccc;font-size:.24rem;line-height:.4rem;color:#666;text-align:center}
.m-page .prev,.m-page .next{width:1rem;background:#0585cc;color:#fff}
.m-page a:active{background:#0585cc;color:#fff}
.m-page .active{background:#0585cc;color:#fff}
.m-articleDtl{margin-top:.3rem}
.m-articleDtl .header{margin-bottom:.4rem;text-align:center}
.m-articleDtl .tit{padding:.16rem 0;font-size:.36rem;line-height:.54rem;color:#000}
.m-articleDtl .inf{padding:.2rem 0;border-bottom:solid .01rem #e4e4e4;font-size:.24rem;line-height:.36rem;color:#999}
.m-articleDtl .img{position:relative;margin-bottom:.3rem;font-size:0;text-align:center}
.m-articleDtl .img img{display:inline-block;max-width:100%}
.m-articleDtl .ctn{margin-bottom:.4rem;font-size:.24rem;line-height:.4rem;color:#333}
.m-articleDtl .paging{margin-top:.3rem;padding:.14rem 0;border-top:solid .01rem #e4e4e4}
.m-articleDtl .paging a{font-size:.24rem;line-height:.4rem;color:#666}
.m-articleDtl .album .prev,.m-articleDtl .album .next{position:absolute;top:0;bottom:0;width:.5rem;height:1rem;margin:auto 0;background:#000;opacity:.3;font:.3rem/1rem 'SimHei';color:#d4d4d4;text-align:center}
.m-articleDtl .album .prev{left:0}
.m-articleDtl .album .next{right:0}
.leaves-form{width:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#333;border-bottom:solid .01rem #ccc}
.leaves-form input{font-family:'Microsoft YaHei'}
.leaves-form .submit{text-align:center}
.form-items{font-size:.28rem;margin-bottom:.15rem}
.items-first-margin{margin-top:.65rem}
.form-input{width:4.58rem;height:.68rem;background-color:#f4f4f4;border-radius:.05rem;outline:0;border:solid .01rem #ccc;font-size:.28rem;padding:0 .16rem;margin-left:.04rem}
.form-textarea{width:4.58rem;height:1.2rem;background-color:#f4f4f4;border-radius:.05rem;outline:0;border:solid .01rem #ccc;font-size:.28rem;padding:.1rem .16rem;margin-left:.04rem}
.items-textarea label{vertical-align:top}
.items-last{width:6.443rem}
.items-last label{float:left;margin-right:.1rem;margin-left:.1rem}
.items-last-input{width:3.2rem;height:.68rem;float:left}
.items-last-img{width:1rem;height:.7rem;margin-left:.2rem;float:left}
.lev-input{width:100%;height:.7rem;background-color:#0585cc;color:#fff;font-size:.32rem;font-weight:bold;line-height:.7rem;border:0;outline:0;margin-bottom:.5rem;cursor:pointer}
