.mb-banner img{ width: 100%;}
.mb-banner .slick-dots{ bottom:0.53333333rem;}


.mb-tit{ font-size: 0.48rem; font-weight: bold; color: #000000; text-align: center;}
.mb-des{ margin-top: 0.13333333rem; font-size: 0.29333333rem; line-height: 0.48rem; text-align: center; padding: 0 0.7rem;}
.mb-more{ display: block; height: 0.74666666rem; line-height: 0.74666666rem; text-align: center; color: #FFFFFF; font-size:0.32rem; background:#2b65bc; }


.mb-product{ margin-bottom: 0.2rem; padding: 1rem 0.4rem 1.13333333rem; background:#FFFFFF; box-shadow:0 0 0.2rem rgba(0,0,0,.15); -webkit-box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.mb-slick-nav{ margin-top: 0.66666666rem; padding: 0 0.7rem;}
.mb-slick-nav .slick-prev{ left:0;  background-image:url(../images/mobile/slick_prev.png);}
.mb-slick-nav .slick-next{ right: 0; background-image:url(../images/mobile/slick_next.png);}
.mb-slick-nav .slick-prev:hover{ background-color: #2b65bc; background-image:url(../images/mobile/slick_prevh.png);}
.mb-slick-nav .slick-next:hover{  background-color: #2b65bc; background-image:url(../images/mobile/slick_nexth.png);}
.mb-slick-nav .slick-prev,
.mb-slick-nav .slick-next{ background-color: #eeeeee; border-radius: 100%; background-size: cover; margin: 0; top:0; width: 0.7rem; height: 0.7rem;}
.mb-slick-nav .slick-slide{ padding: 0 0.1rem;}
.mb-slick-nav .slick-slide span{ display: block; height: 0.7rem; line-height: 0.7rem; background: #eeeeee; font-size: 0.32rem; color: #000000; text-align: center;}
.mb-slick-nav .slick-current span{ background: #2b65bc; color: #FFFFFF;}

.mb-product .content{ margin:0.53333333rem 0 0.4rem;}
.mb-product ul{ margin-bottom: 0.66666666rem;}
.mb-product li{ margin-top: 0.4rem; padding: 0.4rem 0.53333333rem;}
.mb-product li .left{ float: left; width:2.3rem; height:2.4rem; padding-right:0.2rem; border-right: 1px solid #2b65bc; display: block; text-align: center;}
.mb-product li .left  img{ width: 80%;}
.mb-product li .left p{ font-size: 0.3rem; margin-top: 0.26666666rem;}
.mb-product li .right{ float: right; width:5.8rem; height:2.4rem; display: block; border-left: 1px solid #ddd; }
.mb-product li .right img{ float:left; width:40%;}
.mb-product li .right div{ float: left; width:60%;font-size: 0.3rem; line-height: 0.45rem; padding-top: 0.26666666rem; }
.mb-product li .right div span{ display: block; padding-top: 0.4rem; font-weight: bold; color: #555555;}
.mb-product li .right div p{ margin-top: 0.15rem;}



.mb-video{ padding: 0.66666666rem 0.4rem; background:#FFFFFF; box-shadow:0 0 0.2rem rgba(0,0,0,.15); -webkit-box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.mb-video .content{ margin: 0.6rem 0;}
.mb-video .content video,
.mb-video .content iframe{ width: 100%;}


.mb-case{ padding: 0.86666666rem 0.4rem; background-image:url(../images/mobile/mb_case_bg.jpg); background-size: cover;  box-shadow:0 0 0.2rem rgba(0,0,0,.15); -webkit-box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.mb-case .mb-tit{ color: #FFFFFF;}
.mb-case .mb-slick-nav .slick-slide span{ background: #FFFFFF;}
.mb-case .mb-slick-nav .slick-current span{ background: #2b65bc;}
.mb-case .content{ margin:0.53333333rem 0; background: #FFFFFF;}
.mb-case .img{ padding: 0.7rem 1.2rem}
.mb-case .img img{ width: 100%;}
.mb-case ul{ padding: 0.53333333rem 0;}
.mb-case li a{ display: block; position: relative; border-bottom: 1px solid #eeeeee; height: 0.93333333rem; line-height: 0.93333333rem; padding: 0 0.7rem; font-size: 0.32rem; color: #333333;}
.mb-case li a:before{ content: ""; position: absolute; top:50%; left:0.33333333rem; width:0.15rem; height: 2px; margin-top: -1px; background: #313131;}
.mb-case li a span{ position: absolute; top:0; right:0.46666666rem; font-size: 0.24rem; color: #999999;}


.mb-about{ margin-bottom: 0.2rem; padding: 0.8rem 0.4rem; background:#FFFFFF; box-shadow:0 0 0.2rem rgba(0,0,0,.15); -webkit-box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.mb-about .img{ margin-top: 0.53333333rem;}
.mb-about .img img{ width: 100%;}
.mb-about .text{ margin: 0.6rem 0; font-size: 0.32rem; line-height: 0.64rem; color:#333333; }
.mb-about .text span{ color: #2b65bc;}


.mb-news{ padding: 0.8rem 0.4rem; background:#FFFFFF; box-shadow:0 0 0.2rem rgba(0,0,0,.15); -webkit-box-shadow:0 0 0.2rem rgba(0,0,0,.15);}
.mb-news .box{ margin-top: 0.6rem; position: relative;}
.mb-news .box img{ width: 100%;}
.mb-news .box p{ position: absolute; bottom: 0; left:0; background: rgba(0,0,0,.7); color: #FFFFFF; padding: 0.26666666rem;}
.mb-news ul{ margin-bottom: 0.66666666rem;}
.mb-news li a{ display: block; padding: 0.4rem 0; border-bottom: 1px solid #eaeaea; }
.mb-news li div{ position: relative; font-size:0.34666666rem; color: #111111; height: 0.4rem; line-height: 0.4rem; padding-right: 1.8rem;}
.mb-news li span{ position: absolute; top:0; right:0; font-size: 0.26666666rem; color: #999999;}
.mb-news li p{ margin-top: 0.26666666rem; font-size: 0.29333333rem;  line-height: 0.48rem; height: 0.96rem; overflow: hidden;}