body{padding-bottom: 1.3rem;padding-top: 1.2rem;}
header{width: 100%;height: 1.2rem;padding: 0 .2rem;background: #ffffff;border-bottom: .01rem solid #b8b9b9;position: fixed;top: 0;z-index: 99;}
header h1{float: left;height: .82rem;width: .86rem;text-indent: .86rem;line-height: .82rem;overflow: hidden;margin-top: .19rem;}
.header-top-span{height: .82rem;float: left;background: url(/Public/Home/Mobile/img/header_top_bg.png)no-repeat top left;padding-left: .27rem;margin-left: .29rem;margin-top: .19rem;background-size: .01rem .82rem;}
header h2{font-size: .26rem;color: #00428d;line-height: .82rem;font-weight: bold;letter-spacing: .01rem;}
header .icon{font-size: .62rem;float: right;margin-top: .29rem;font-weight: bold;color: #000000;}
nav{width: 60%;height: 100%;background: #f2f3f5;position: fixed;top: 0;right: 0;z-index: 99;display: none;transition: all 300ms ease-out;-webkit-transition:  all 300ms ease-out;}
.nav-logo{width: 100%;text-align: center;padding: .3rem 0;}
.nav-logo img{width: 30%;}
nav ul li{width: 100%;line-height: .8rem;background: #CCCCCC;text-align: center;font-size: .3rem;letter-spacing: .02rem;}
nav ul li a{display: block;color: #323232;}
nav ul li.spa{background: #00428d;}
nav ul li.spa a{color: #FFFFFF;}
.nav-show{animation: nav-show 500ms;}
.mike{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 98;display: none;}
#banner {width: 100%;overflow: hidden;}
.swiper-container-banner{position: relative;}
.swiper-pagination-bullets{position: absolute;z-index: 60;text-align: center;}
#banner .swiper-pagination-bullet{height: .14rem;width: .14rem;background: none;border: .01rem solid #00428d;opacity: 1;margin: 0 .05rem;}
#banner .swiper-pagination-bullet-active{background: #00428d;border: .01rem solid #00428d;}
#banner .swiper-container-banner{width: 100%;}
#banner .swiper-container-banner .swiper-slide img{width: 100%;display: block;}
/*sparkles*/
#sparkles{width: 100%;padding-top: .4rem;box-sizing: border-box;}
#sparkles img{width: 100%;display: block;margin: .46rem auto .5rem;}
#sparkles h2{background: url(/Public/Home/Mobile/img/sparkles_h2_bg.png)no-repeat;height: .57rem;width: 100%;background-size: 100% 100%;font-size: .24rem;color: #ffffff;font-weight: 500;letter-spacing: .03rem;text-align: center;line-height: .57rem;}
#sparkles h2 strong{font-size: .32rem;color: #ff9522;margin: 0 .08rem;}
.sparkles_box{position: relative;padding-top: .5rem;box-sizing: border-box;width: 100%;}
.sparkles_box:before{content: '';height: .5rem;width: 100%;background: linear-gradient(to left,#d5d5d6,#f3f4f4 80%);position: absolute;top: 0;left: 0;}
.sparkles_box ul{background: linear-gradient(to left,#dfdfdf,#faf9fa 80%);padding: 0 .5rem .4rem;box-sizing: border-box;}
.sparkles_box ul li{width: 50%;float: left;position: relative;text-align: center;}
.sparkles_box ul li:nth-child(even):before{content: '';height: 1.35rem;width: .01rem;background: #cbcbcb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sparkles_box ul li h3{font-size: .46rem;color: #ee720a;font-weight: bold;line-height: 1.1rem;position: relative;}
.sparkles_box ul li h3:before{content: '';width: .5rem;height: .03rem;background: #ee720a;position: absolute;bottom: .1rem;left: 50%;transform: translateX(-50%);}
.sparkles_box ul li h5{color: #666666;font-size: .2rem;line-height: .4rem;font-weight: 500;}
.sparkles_box ul li p{font-size: .14rem;line-height: .2rem;transform: scale(.5) translateX(-35%);color: #333333;width: 150%;text-align: center;}

/*product*/
#product{width: 100%;padding:.3rem 0 .6rem;box-sizing: border-box;}
.nc-title{width: 3.5rem;margin: 0 auto;padding-left: .9rem;box-sizing: border-box;background: url(/Public/Home/Mobile/img/pro_title.png)no-repeat left top;background-size: .72rem .83rem;}
.nc-title h2{font-size: .36rem;color: #00428d;font-weight: bold;line-height: .5rem;letter-spacing: .05rem;}
.nc-title h2 b{color: #333333;}
.nc-title i{font-size: .2rem;color: #666666;line-height: .3rem;width: 4rem;transform: scale(.9) translateX(-.2rem);display: block;}
.gallery-thumbs-pro{width: 100%;overflow: hidden;padding: 0 .2rem;box-sizing: border-box;margin-top: .4rem;}
.gallery-thumbs-pro ul li{height: .48rem;line-height: .48rem;color: #222222;font-size: .24rem;letter-spacing: .05rem;text-align: center;background: #efefef;}
.gallery-thumbs-pro .swiper-slide-thumb-active{background: linear-gradient(to left,#00428d,#006ae2,#00428d);color: #FFFFFF;border: 0;}
.pro-list{width: 100%;padding: 0 .2rem;box-sizing: border-box;}
.pro-list ul li{width: 3.45rem;float: left;margin-top: .3rem;}
.pro-list ul li:nth-child(2n){margin-left: 0;margin-left: .2rem;}
.pro-list ul li img{width: 100%;}
.pro-list-img{border: .01rem solid #e6e3e3;box-sizing: border-box;width: 100%;padding: .01rem;box-sizing: border-box;}
.pro-list-img img{display: block;}
.pro-title{width: 100%;height: .6rem;line-height: .6rem;color: #FFFFFF;padding: 0 .2rem;box-sizing: border-box;font-weight: bold;background: #ee720a;}
.pro-title h3{font-size: .24rem;font-weight: bold;letter-spacing: .02rem;height: .6rem;width: 100%;overflow: hidden;text-align: center;}
.pro-more{display: block;height: .5rem;width: 2rem;line-height: .5rem;text-align: center;margin: .5rem auto 0;background: #00428d;color: #FFFFFF !important;font-size: .22rem;font-weight: bold;box-shadow: 0 .03rem .03rem #b8c6d7;letter-spacing: .02rem;}
.gallery-top-pro{padding-bottom: .1rem;box-sizing: border-box;}

/*reason*/
#reason{width: 100%;padding: 0 0 .4rem;box-sizing: border-box;}
.reason-title{width: 100%;}
.reason-title img{width: 100%;display: block;}
#reason strong{color: #ee720a;}
.swiper-container-reason{width: 100%;overflow: hidden;position: relative;padding-bottom: .8rem;}
.swiper-container-reason .swiper-slide{padding: .6rem .35rem 0;box-sizing: border-box;}
.swiper-pagination-reason{position: absolute;bottom: .2rem;left: 0;text-align: center;z-index: 99;}
.swiper-pagination-reason span{width: .22rem;height: .22rem;background: #00428d;}
.reason-box{width: 100%;}
.reason-box-title{width: 100%;padding-left: 1.15rem;box-sizing: border-box;background: url(/Public/Home/Mobile/img/reason_title_ico01.png)no-repeat left top;background-size: .82rem 1.05rem;}
.swiper-container-reason .swiper-slide:nth-child(2) .reason-box-title{background: url(/Public/Home/Mobile/img/reason_title_ico02.png)no-repeat left top;background-size: .82rem 1.05rem;}
.swiper-container-reason .swiper-slide:nth-child(3) .reason-box-title{background: url(/Public/Home/Mobile/img/reason_title_ico03.png)no-repeat left top;background-size: .82rem 1.05rem;}
.reason-box-title p{line-height: 1;font-size: .26rem;color: #1c1c1c;}
.reason-box-title h4{width: 4.5rem;height: .6rem;line-height: .6rem;text-align: center;color: #FFFFFF;font-size: .3rem;background: linear-gradient(to left,#00428d,#115db3,#00428d);margin: .18rem 0;}
.reason-box-title i{font-size: .2rem;color: #999999;line-height: 1;text-transform: uppercase;letter-spacing: .01rem;}
.reason-box ul{margin-left: .44rem;height: 2.4rem;border-left: .01rem dashed #ee720a;margin-top: .3rem;}
.reason-box ul li{line-height: .8rem;font-size: .24rem;color: #030303;font-weight: 500;padding-left: .4rem;box-sizing: border-box;position: relative;}
.reason-box ul li:before{content: '+';height: .26rem;width: .26rem;border-radius: 50%;text-align: center;line-height: .22rem;font-size: .2rem;color: #FFFFFF;background: #ee720a;position: absolute;top: .27rem;left: -.13rem;}
.reason-box ul li strong{color: #ee720a;}
.reason-box ul li b{color: #030303;}
.reason-img{width: 100%;margin-top: .4rem;}
.reason-img img{width: 100%;display: block;}

/*case*/
#case{width: 100%;padding: .6rem 0;box-sizing: border-box;background: url(/Public/Home/Mobile/img/case_bg.jpg)no-repeat top center;background-size: 100% 100%;}
#case .nc-title{background: url(/Public/Home/Mobile/img/case_title.png)no-repeat left top;background-size: .7rem .87rem;height: .87rem;}
.swiper-container-case{width: 100%;overflow: hidden;position: relative;margin-top: .4rem;}
.swiper-container-case .swiper-slide a{color: #FFFFFF;}
.swiper-container-case .swiper-slide{position: relative;}
.swiper-container-case .swiper-slide img{width: 100%;display: block;height: 3.75rem;}
.case-text{width: 3.85rem;height: .9rem;background: rgba(0,0,0,.8);position: absolute;bottom: 0;left: 0;}
.case-text i{display: block;height: .38rem;width: .5rem;text-align: center;line-height: .38rem;color: #FFFFFF;font-size: .24rem;background: #f07d00;position: absolute;bottom: .28rem;left: 0;border-top-right-radius: .05rem;border-bottom-right-radius: .05rem;}
.case-text h3{line-height: .9rem;float: left;margin-left: .7rem;width: 1.7rem;height: .9rem;overflow: hidden;}
.case-text span{display: block;width: 1.5rem;height: .46rem;line-height: .46rem;text-align: center;border: .01rem solid #FFFFFF;box-sizing: border-box;font-size: .2rem;color: #FFFFFF;transform: scale(.7);position: absolute;right: 0;bottom: .2rem;}
.case-p{height: .5rem;width: 1rem;position: absolute;bottom: 0;right: 0;z-index: 10;}
.case-p i{width: .5rem;height: .5rem;float: left;text-align: center;line-height: .5rem;font-size: .26rem;color: #FFFFFF;cursor: pointer;background: #f07d00;}
.case-p .swiper-button-disabled{background: rgba(0,0,0,.8);}
.swiper-container-logo{width: 100%;overflow: hidden;margin-top: .2rem;padding: .05rem;box-sizing: border-box;}
.swiper-container-logo ul li{padding: .01rem;box-sizing: border-box;box-shadow: 0 .02rem .05rem #b5b5b5;}
.swiper-container-logo ul li img{width: 100%;}

/*about*/
#about{width: 100%;background: url(/Public/Home/Mobile/img/about_bg.jpg)no-repeat;background-size: 100% 100%;padding: .5rem .3rem .4rem;box-sizing: border-box;}
#about .nc-title{background: url(/Public/Home/Mobile/img/about_title.png)no-repeat left top;background-size: .96rem .83rem;height: .83rem;}
#about .nc-title h2{color: #FFFFFF;}
#about .nc-title h2 b{color: #FFFFFF;}
#about .nc-title i{color: #FFFFFF;opacity: .5;}
#about .about-box{width: 100%;padding: .4rem 0;box-sizing: border-box;background: url(/Public/Home/Mobile/img/about_bg.jpg)no-repeat;background-size: 100% 100%;color: #FFFFFF;}
.about-box h4{font-size: .32rem;font-weight: bold;line-height: .64rem;text-shadow: 0 .04rem .02rem #1d4478;width: 6.1rem;border-bottom: .012rem solid #FFFFFF;letter-spacing: .04rem;}
.about-box p{line-height: .4rem;text-align: justify;font-size: .2rem;margin: .2rem 0;}
.about-box .about-box-link{width: 100%;height: .42rem;}
.about-box .about-box-link i{display: block;width: 3rem;height: .46rem;line-height: .46rem;float: right;}
.about-box .about-box-link i a{font-size: .18rem;display: block;text-align: center;width: 1.45rem;border-radius: .21rem;}
.about-box .about-box-link i a:first-child{float: left;color: #FFFFFF;background: #0058bd;}
.about-box .about-box-link i a:last-child{float: right;background: #ee720a;color: #FFFFFF;margin-left: .1rem;}
.about-box-img{width: 100%;background: linear-gradient(to top,#1d62b0,#72b3ff,#1d62b0);margin-top: -.01rem;padding: .12rem;box-sizing: border-box;}
.about-box-img img{width: 100%;}

/*news*/
#news{width: 100%;padding: .5rem 0 0;box-sizing: border-box;}
#news .nc-title{background: url(/Public/Home/Mobile/img/news_title.png)no-repeat left top;background-size: .77rem .83rem;height: .83rem;}
.gallery-thumbs-news{height: .6rem;width: 100%;margin-top: .3rem;}
.gallery-thumbs-news ul li{height: .6rem;text-align: center;font-size: .24rem;color: #000000;line-height: .6rem;position: relative;font-weight: bold;}
.gallery-thumbs-news .swiper-slide-thumb-active:before{content: '';height: .02rem;width: 100%;background: #00428d;position: absolute;bottom: 0;left: 0;}
.gallery-thumbs-news .swiper-slide-thumb-active:after{content: '';border: .08rem solid transparent;border-bottom-color: #00428d;border-bottom-width: .08rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.news-list-box{width: 100%;}
.news-list{width: 100%;}
.news-list-hot{width: 100%;padding: .2rem 0;box-sizing: border-box;}
.news-list-hot-img{width: 2.16rem;float: left;}
.news-list-hot-img img{width: 100%;display: block;}
.news-list-hot-con{float: left;width: 4.7rem;padding: 0 .3rem;box-sizing: border-box;}
.news-list-hot-con h3{font-size: .24rem;color: #000000;line-height: .5rem;font-weight: bold;width: 4.1rem;height: .5rem;overflow: hidden;}
.news-list-hot-con p{font-size: .2rem;color: #666666;line-height: .36rem;text-align: justify;width: 4.1rem;height: .72rem;overflow: hidden;}
.news-list-hot-con span{font-size: .2rem;color: #575757;font-weight: bold;}
.news-list ul li{width: 100%;height: .86rem;line-height: .86rem;font-size: .24rem;border-bottom: .01rem dashed #676767;}
.news-list ul li div{width: .14rem;height: .14rem;border-radius: 50%;float: left;margin: .36rem .2rem .36rem .1rem;border: .01rem solid #656565;box-sizing: border-box;}
.news-list ul li h3{float: left;width: 5.2rem;height: .86rem;overflow: hidden;}
.news-list ul li span{float: right;}
.news-list ul li a{color: #676767;}
/*contact*/
#contact{width: 100%;padding: 0 .1rem;box-sizing: border-box;margin: .5rem auto;}
.contact-box{width: 7.3rem;height: 3.5rem;border: .1rem solid #00428d;position: relative;}
.contact-box-bai1{width: 7.3rem;height: 2.5rem;position: absolute;top: .45rem;left: -.1rem;background: #FFFFFF;}
.contact-box-bai2{width: 6.3rem;height: 3.5rem;position: absolute;top: -.1rem;left: .45rem;background: #FFFFFF;}
.contact-box-text{width: 7.1rem;height: 3.3rem;position: absolute;top: 0;left: 0;background: #f5f5f5;padding: .4rem .05rem;box-sizing: border-box;}
.contact-box-text p{font-size: .24rem;line-height: .48rem;text-align: center;color: #323333;}
.contact-box-text a{display: initial;color: #323333;}
.pro-menu .swiper-slide-thumb-active{border-color: #00428d;background: #00428d;color: #FFFFFF;}
.gallery-top{overflow: hidden;}
/*footer*/
footer{width: 100%;background: #00428d;height: 1.3rem;padding: .2rem .2rem;box-sizing: border-box;position: fixed;bottom: 0;left: 0;z-index: 97;}
footer ul li{width: 20%;float: left;text-align: center;}
footer ul li div{height: .6rem;width: 100%;box-sizing: border-box;}
footer ul li:nth-child(1) div{padding-top: .08rem;}
footer ul li:nth-child(2) div{padding-top: .06rem;}
footer ul li:nth-child(3){margin-top: -.6rem;}
footer ul li:nth-child(3) h4{margin-top: .1rem;}
footer ul li:nth-child(3) div{padding-top: .22rem;border: .02rem solid #FFFFFF;background: #00428d;border-radius: 50%;height: .91rem;width: .91rem;margin: 0 auto;}
footer ul li:nth-child(4) div{padding-top: .03rem;}
footer ul li:nth-child(5) div{padding-top: .07rem;}
footer ul li:nth-child(1) div img{width: .54rem;height: .45rem;}
footer ul li:nth-child(2) div img{width: .58rem;height: .48rem;}
footer ul li:nth-child(3) div img{width: .47rem;height: .47rem;}
footer ul li:nth-child(4) div img{width: .48rem;height: .54rem;}
footer ul li:nth-child(5) div img{width: .42rem;height: .47rem;}
footer ul li h4{font-size: .26rem;color: #FFFFFF;line-height: .32rem;}

/*contentÒ³Ãæ*/
#content{width: 100%;}
.list-title{width: 100%;height: .8rem;line-height: .8rem;background: #f5f5f5;border-bottom: .01rem solid #CCCCCC;padding: 0 .2rem;box-sizing: border-box;}
.list-title a{display: block;width: .8rem;height: .75rem;text-align: center;float: left;font-size: .42rem;color: #333333;}
.list-title h2{font-size: .36rem;font-weight: bold;text-align: center;float: right;width: 6.3rem;padding-right: .8rem;box-sizing: border-box;}
#content .pro-list{padding: 0 .2rem .3rem;box-sizing: border-box;}
.page{width: 100%;padding: 0 .2rem;box-sizing: border-box;margin: .3rem auto;text-align: center;}
.page a{display: block;padding: 0 .1rem;font-size: .18rem;line-height: .4rem;box-sizing: border-box;text-align: center;border: .01rem solid #00428d;float: left;margin: 0 .1rem;color: #333333;border-radius: .05rem;}
.page span{font-size: .18rem;padding: 0 .1rem;box-sizing: border-box;text-align: center;float: left;line-height: .4rem;}
.padding-20-20{padding: 0 .2rem;box-sizing: border-box;}
#content .news-list ul li:first-child{border-top: 0;}
.content-recommend-title{line-height: .8rem;height: .8rem;background: #00428d;color: #FFFFFF;text-align: center;}
.content-recommend-title h2{font-size: .36rem;}
.news-su-list{width: 100%;padding: 0 .2rem;box-sizing: border-box;}
.news-su-list ul li{width: 100%;border-top: .01rem dashed #CCCCCC;padding: .2rem 0;box-sizing: border-box;}
.news-su-list ul li:first-child{border: 0;}
.news-su-list .news-list-img{float: left;width: 2.36rem;height: 1.48rem;}
.news-su-list .news-list-img img{width: 100%;height: 100%;display: block;}
.news-su-list .news-title{width: 4.74rem;float: left;padding: 0 .2rem;}
.news-su-list .news-title h3{line-height: .42rem;font-size: .28rem;font-weight: bold;height: .42rem;width: 4.34rem;overflow: hidden;}
.news-su-list a{color: #333333;}
.news-su-list .news-title p{font-size: .22rem;line-height: .3rem;height: .6rem;width: 4.34rem;overflow: hidden;}
/*case*/
.case-list .news-title h3{border-bottom: .01rem dashed #CCCCCC;line-height: .42rem;height: .42rem;width: 4.34rem;overflow: hidden;}
.case-list .news-title p{margin-top: .1rem;}
/*about*/
.about-text{width: 100%;}
.about-text-company{width: 100%;line-height: .8rem;border-bottom: .01rem solid #BFBFBF;height: .8rem;}
.about-text-company h3{font-size: .30rem;line-height: .79rem;float: left;border-bottom: .02rem solid #00428d;letter-spacing: .02rem;font-weight: bold;}
.about-text-con{width: 100%;padding: .2rem 0 .3rem;}
.about-text-con p{font-size: .28rem;line-height: .42rem;margin-top: .1rem;}
.about-text-con ul li{width: 46%;float: left;margin: .1rem 2%;}
.about-text-con ul li img{width: 100%;display: block;}
/*contact*/
.contact-text p{text-indent: 0;font-size: .3rem;line-height: .48rem;}
.map{width: 100%;height: 5rem;}
#map{width: 100%;height: 100%;}
.message-box{width: 100%;padding: .2rem 0 .4rem;}
.message-box ul{margin-top: .4rem;}
.message-box ul li{width: 70%;margin: .2rem auto;}
.message-box ul li input{height: .6rem;width: 100%;border: .01rem solid #CCCCCC;border-radius: .05rem;padding: 0 .2rem;box-sizing: border-box;}
.message-box ul li textarea{height: 1.8rem;width: 100%;border: .01rem solid #CCCCCC;border-radius: .05rem;padding: .2rem;box-sizing: border-box;}
.message-box ul li button{width: 1.8rem;height: .5rem;border: 0;background: #00428d;color: #FFFFFF;cursor: pointer;float: right;}

/*product-desc*/
.pro-text{width: 100%;}
.pro-text-img{width: 80%;margin: 0 auto;padding-top: .2rem;}
.pro-text-img .swiper-slide{text-align: center;}
.pro-text h1{width: 100%;font-size: .36rem;line-height: .6rem;border-bottom: .01rem dashed #CCCCCC;margin-top: .2rem;text-align: center;}
.pro-text-con{padding: .2rem 0;}
.pro-text-con img{width: 100%;}
.page-s{width: 100%;line-height: .6rem;font-size: .24rem;padding: 0 .2rem;box-sizing: border-box;}
.page-s a{display: initial;color: #323232;}
.type-list{width: 100%;padding: 0 .2rem;box-sizing: border-box;margin-top: .2rem;}
.type-list ul li{width: 33.33%;text-align: center;line-height: .6rem;font-size: .28rem;float: left;}
.type-list ul li.spa{border-bottom: .01rem solid #00428d;}
.type-list ul li a{color: #323232;}
.pro-text-img .swiper-pagination-bullet-active{background: #00428d;}

.ind-new{width:100%;overflow:hidden;}
.ind-new ul{width:100%;overflow:hidden;}
.ind-new ul li{width:3.4rem;overflow:hidden;float:left;margin-top:0.25rem;}
.ind-new ul li img{display:block;width:100%;height:3.4rem;box-sizing:border-box;border:1px solid #595959;}
.ind-new ul li:nth-child(2n){float:right;}
.ind-new ul li p{display:block;width:100%;height:0.5rem;line-height:0.5rem;text-align:center;margin-top:0.2rem;font-size:0.24rem;color:#595959;box-sizing:border-box;border:1px solid #595959;padding:0px 0.1rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;}
.ind-new ul li:hover p{background:#d6a59a;color:#fff;border:1px solid #d6a59a;}


@keyframes nav-show{
	from{right: -60%;opacity: 0;}
	to{right: 0;opacity: 1;}
}<!--ºÄʱ1763950746.6358Ãë-->