@charset 'utf-8';

/* reset */
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{ 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;}

/*********** START **************/
.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;}

/*********** END **************/

/*********** m-top START **************/
.m-top{background:#3b99fb;}
.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-top END **************/

/*********** m-banner START **************/
.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:0.15rem;width:100%;font-size:0;}
.m-banner .swiper-pagination-bullet{width:.15rem;height:.15rem;border-radius:.075rem;margin:0 .075rem;background:#fff;opacity:1;transition:all .45s ease-in-out;}
.m-banner .swiper-pagination-bullet-active{width:.45rem; background: #3b99fb;}

/*********** m-banner END **************/

/*********** m-consult START **************/
.m-consult{background:#3b99fb;}
.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-consult END **************/

/*********** m-classify START **************/
.m-classify{padding:.2rem 0 .1rem 0;overflow:hidden;}
.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-classify END **************/

/*********** m-header START **************/
.m-header .title{float:left;position:relative;padding-left:.22rem;font-size:.28rem;line-height:.56rem;color:#fff;}
.m-header .title:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;height:.3rem;margin:auto 0;border-right:solid .05rem #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-header END **************/

/*********** m-about START **************/
.m-about{overflow:hidden;}
.m-about .m-header{background:#3b99fb;border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.m-about .m-header .border{border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.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{ 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-about END **************/

/*********** style START **************/
.m-product.style1 .m-header{background:#3b99fb;border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.m-product.style1 .m-header .border{border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.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{background:#3b99fb;color:#fff;}

.m-product.style2 .m-header{background:#3b99fb;border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.m-product.style2 .m-header .border{border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.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.style2 .name{background:#3b99fb;color:#fff;}

.m-product.style3 .m-header{background:#3b99fb;border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.m-product.style3 .m-header .border{border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.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.style3 .name{background:#3b99fb;color:#fff;}

/*********** style END **************/

/*********** m-product START **************/
.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-product END **************/

/*********** m-news START **************/
.m-news .m-header{background:#3b99fb;border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.m-news .m-header .border{border-top:solid .01rem #3b99fb;border-bottom:solid .01rem #3b99fb;}
.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;background:#fff;}
.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:#3b99fb;text-align:center;}
.m-news li .date .top,.m-newsList li .date .top{padding-top:.2rem;font-size:.24rem;line-height:.3rem;color:#fff;}
.m-news li .date .bottom,.m-newsList li .date .bottom{font-size:.2rem;line-height:.3rem;color:#fff;}
.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:#000;}
.m-news li .u-a-wrap:active .article .tit,.m-newsList li .u-a-wrap:active .article .tit{color:#3b99fb;}
.m-news li .article .ctn,.m-newsList li .article .ctn{font-size:.24rem;line-height:.38rem;color:#3b99fb;}
.m-news li .article .ctn span,.m-newsList li .article .ctn span{color:#999;}

/*********** m-news END **************/

/*********** m-copyright START **************/
.m-copyright{padding:.15rem 0 .25rem 0;font-size:.2rem;line-height:.3rem;color:#666;text-align:center;}

/*********** m-copyright END **************/

/*********** footer-box START **************/
.footer-box{position:fixed;bottom:0;left:0;right:0;z-index:30;width:7.5rem;margin:0 auto;background:#3b99fb;}
.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;}

/*********** footer-box END **************/

/*********** panel-box START **************/
/* .panel-box{position:absolute;top:0;right:0;width:3.75rem;background:url(../images/bg-panel.jpg);} */
.panel-box{position:absolute;top:0;right:0;width:3.75rem;background-color: #2179e7;}
.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:#3b99fb;border:solid .01rem #3b99fb;border-radius:.08rem;font-size:.3rem;line-height:.58rem;color:#fff;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;}

/*********** panel-box END **************/

/*********** m-pageTop START **************/
.pageColor{background:#fff;}
.m-pageTop{height:.9rem;background:#3b99fb;}
.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-pageTop END **************/

/*********** m-pageClassify START **************/
.m-pageClassify{padding:.2rem 0;}
.m-pageClassify li{width:1.65rem!important;margin-right:.2rem;}
.m-pageClassify li .u-a-wrap{background:#3b99fb;font-size:.22rem;line-height:.5rem;color:#fff;text-align:center;}
.m-pageClassify li .u-a-wrap:active{color:#3b99fb;background: #ffc3b99fb;}
.m-pageClassify .active .u-a-wrap{color:#3b99fb;background: #ffc3b99fb;}

/*********** m-pageClassify END **************/

/*********** m-productList START **************/
.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:#3b99fb; text-overflow:ellipsis; white-space:nowrap;}

/*********** m-productList END **************/

/*********** m-page START **************/
.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:#3b99fb;color:#fff;}
.m-page a:active{background:#3b99fb;color:#fff;}
.m-page .active{background:#3b99fb;color:#fff;}

/*********** m-page END **************/

/*********** m-articleDtl START **************/
.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 .ctn img {max-width: 100%;}
.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;}

/*********** m-articleDtl END **************/

/*********** leaves-form START **************/
.leaves-form{width:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#333;border-bottom:solid 0.01rem #ccc;}
.leaves-form input{font-family:'Microsoft YaHei';}
.leaves-form .submit{text-align:center;}
.form-items{font-size:0.28rem;margin-bottom:0.15rem;}
.items-first-margin{margin-top:0.65rem;}
.form-input{width:4.58rem;height:0.68rem;background-color:#f4f4f4;border-radius:0.05rem;outline:none;border:solid 0.01rem #ccc;font-size:0.28rem;padding:0 0.16rem;margin-left:0.04rem;}
.form-textarea{width:4.58rem;height:1.2rem;background-color:#f4f4f4;border-radius:0.05rem;outline:none;border:solid 0.01rem #ccc;font-size:0.28rem;padding:0.1rem 0.16rem;margin-left:0.04rem;}
.items-textarea label{vertical-align:top;}
.items-last{width:6.443rem;}
.items-last label{float:left;margin-right:0.1rem;margin-left:0.1rem;}
.items-last-input{width:3.2rem;height:0.68rem;float:left;}
.items-last-img{width:1rem;height:0.7rem;margin-left:0.2rem;float:left;}
.lev-input{width:100%;height:0.7rem;background-color:#3b99fb;color:#fff;font-size:0.32rem;font-weight:bold;line-height:0.7rem;border:none;outline:none;margin-bottom:0.5rem;cursor:pointer;}

/*********** leaves-form END **************/