body,p{margin: 0;padding:0;border:0;}
h1,h2,h3{margin:0;padding:0;font-weight: normal;}
*{font-family: "微软雅黑";font-size:0.22rem;}
img{display: block;width: 100%;}
ul,li{margin:0;padding:0;list-style: none;}
a{text-decoration: none;}
.tel-wrap{width:6.4rem;height:0.66rem;background-color:#f0f0f0;margin:0 auto;}
.center{width:6rem;margin:0 auto;overflow: hidden;}
.tel-icon{display: block;width:0.3rem;height: 0.3rem;float: left;padding:0.08rem;margin-left:1.06rem;}
.tel-icon img{display: block;width:100%;}
.tel-wrap p{float:left;height:0.45rem;overflow: hidden;}
.tel-wrap .text{line-height:0.45rem;font-size: 0.22rem;height:0.45rem;float: left;}
.tel{font-weight: bold;font-size:0.27rem;color:#216bcc;line-height:0.42rem;height:0.42rem;float: left;}
.tel-bottom {width:100%;height:0.21rem;}
.tel-bottom img{display: block;width: 100%;}
.logo-wrap{width:6rem;background: -webkit-linear-gradient(#f3faff, #fff);background: -o-linear-gradient(#f3faff, #fff);background: -moz-linear-gradient(#f3faff, #fff);background: linear-gradient(#f3faff, #fff);
height:1.10rem;overflow: hidden;padding:0.2rem 0.2rem 0;
 }
 .logo-wrap .logo{float: left;width:0.9rem;height: 0.77rem;padding-right:0.2rem;}
 .logo-text{float: left;width:3.6rem;padding-left:0.2rem;border-left:0.01rem solid #c9c9c9;height:0.77rem;font-size:0.23rem;line-height: 0.4rem}
.logo-text span{color:#81c309;}
.nav{float: right;width:0.46rem;height:0.34rem;padding:0.2rem 0;}
.wrap{width:6.4rem;padding-bottom:1.4rem;}
.nav-wrap{background-color:#216bcc;height:1.02rem;width:6.4rem;}
.nav-wrap ul{overflow: hidden;}
.nav-wrap li{width:2.1rem;height:0.5rem;float: left;border-left:0.01rem solid #0046a2;border-right:0.01rem solid #3787f0;border-top:0.01rem solid #3787f0;border-bottom:0.01rem solid #0046a2;}
.nav-wrap li.bLn{border-left:0rem;}
.nav-wrap li.bTn{border-top:0rem;}
.nav-wrap li.bBn{border-bottom:0rem;}
.nav-wrap li.bRn{border-right:0rem;}
.nav-wrap li a{display: block;text-align: center;font-size:0.22rem;color:#fff;line-height: 0.5rem}

.hidden{display: none;transform: 1s;}
.menu-wrap{width:6.4rem;min-height:100%;display: block;position: fixed;top:0;right:0rem;background-color:#fff;z-index: 666;transition: 1s;}
#menu-wrap ul{position: relative;}
.menu-wrap .close-wrap{height:0.5rem;width:6.4rem;overflow: hidden;padding-top:0.2rem;border-bottom:0.01rem solid #eee;}
.menu-wrap .close-wrap .close-img{float: right;margin-right:0.5rem;height:0.4rem;width:0.4rem;}
.menu-wrap ul{margin-top:0.8rem;height:100%;}
.menu-wrap ul li{width:6.4rem;text-align:center;}
.menu-wrap ul li a{padding-left:0.2rem;display: block;color:#333;line-height: 4em;font-size:0.24rem;}
.menu-wrap ul li a.current{color:#216bcc;}
.phone {position: fixed;width:6.4rem;height:0.8rem;left:0;bottom:0;background:url("phone.png")/*tpa=http://www.sloan.net.cn/wx/image/phone.png*/ no-repeat center center #216bcc;background-size:0.5rem 0.5rem;}
.slideBox{ position:relative; width:6.4rem;  height:3rem; overflow:hidden; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; height:3rem;  }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.slideBox .hd{ position:absolute; height:0.28rem; line-height:0.28rem; bottom:0.1rem; left:45%; z-index:1; }
.slideBox .hd li{ font-size:0;display:inline-block; width:0.14rem; height:0.14rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#333; /*text-indent:-9999px;*/ overflow:hidden;margin-right:0.15rem;}
.slideBox .hd li.on{ background:#fff;  }
/*产品*/
.product-wrap{width:6.4rem;margin-top:0.15rem;}
.product-wrap #content{width:6rem;margin:0 0.2rem;}
.tabBox .hd ul{overflow:hidden;}
.tabBox .hd ul li{width:1.41rem;height:0.55rem;line-height:0.55rem;margin-right:0.12rem;background-color:#f2f2f2;float: left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.tabBox .hd ul li.on{height:0.6rem;background:url("current.jpg")/*tpa=http://www.sloan.net.cn/wx/image/current.jpg*/ no-repeat center center;background-size:110%;}
.tabBox .hd ul li.on a{color:#fff;}
.tabBox .hd ul li.marginR{margin-right:0;}
.tabBox .hd ul li a{display: block;width:100%;color:#676767;text-align: center;line-height:0.55rem;font-size:0.22rem;position: relative;}
.tabBox .bd ul{overflow: hidden;}
.tabBox .bd ul li{float: left;padding-top:0.2rem;width:2.897rem;height: 2.6rem;margin-right:0.2rem;overflow: hidden;}
.tabBox .bd ul li a{display: block;position: relative;}
.tabBox .bd ul li a span{width: 2.9rem;height:0.5rem;color:#fff;text-align: center;position: absolute;left: 0;bottom: 0;background:#383838;line-height: 0.5rem;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.tabBox .bd ul li:nth-of-type(2n){margin-right:0;}
.more{width:6rem;background:#216bcc;height:0.55rem;line-height:0.55rem;margin:0.2rem auto;margin-top:0.2rem;}
.more a{display: block;text-align: center;color:#fff; text-decoration: none;}
.tenicon-wrap{width:6.4rem;margin-top:0.2rem;}
.tenicon{width:6rem;margin:0 auto;}
/*新闻*/
.new-wrap{width:6rem;margin:0.2rem auto;}
.new-tetle .new-eng{font-size:0.38rem;text-align:center;border-left:0.02rem solid #216bcc;border-right:0.02rem solid #216bcc;width:4rem;margin-left:0.9rem;}
.zhongw{text-align:center;font-size:0.26rem;line-height:0.4rem;}
.new-content{width:6rem;margin:0.1rem auto;}
.new-content .new-img{width:6rem;height: 3.7rem;overflow: hidden;}
.new-title h3{height:0.7rem;}
.new-title h3 a{line-height:0.7rem;color:#222223;width:6rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.new-new p{height:0.9rem;overflow: hidden;}
.new-new p a{color: #9a9a9a;font-size:0.2rem;line-height:0.32rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.new-new .more{margin-top:0.1rem;background-color:#fff;}
.new-new .more a{color:#989898;text-align:left;background-color:#fff;overflow: hidden;}
.new-new .more a span{font-size:0.16rem;display: block;float: left;text-decoration: underline;}
.new-new .more a span.jt{width:0.2rem;height:0.07rem;margin-top:0.25rem;}
.new-list{width:6rem;}
.new-list li{border-top:0.02rem #f1f1f1 solid;overflow: hidden;height:0.65rem;padding:0.3rem 0;}
.new-list li .data{float: left;width:0.8rem;}
.new-list li .data .day{font-size:0.36rem;color:#666;font-weight: bold;display: block;text-align:center;}
.new-list li .data .year{line-height: 0.2rem;font-size:0.16rem;color:#999;text-align:center;}
.new-list li .text{float: left;width:4.9rem;padding-left:0.2rem;}
.new-list li .text h3 a{width:5rem;color: #222223;line-height: 0.4rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.new-list li .text p a{width:5rem;color: #9a9a9a;font-size:0.2rem;line-height: 0.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.new-list li:nth-last-of-type(1){border-bottom:0.02rem #f1f1f1 solid;}

.about-wrap{margin-top:0.4rem;}
.about-wrap .new-tetle{width:6rem;}
.about-wrap .new-tetle .new-eng{width:2.4rem;margin-left:1.8rem;}
.about-content p{width:6rem;margin:0.2rem auto;}
.about-content p a{color: #333;line-height:0.45rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.about-list{width:6rem;overflow: hidden;margin-top:0.4rem;}
.about-list li{width:2rem;float: left;}
.about-list li .data{width:1.99rem;border-right:0.01rem solid #c4c1c4;text-align:center;font-weight: bold;font-size:0.46rem;line-height: 0.6rem}
.about-list li .data:nth-last-of-type(1){border-bottom:0rem }
.about-list li p{width:2rem;font-size: 0.24rem;color:#444;text-align:center;}
.video-wrap{height:3.66rem;width:6rem;position: relative;margin: 0.2rem auto;}
.video-img{width:6rem;}
.video-img div{width:6rem!important;height:3.6rem!important;}
iframe{z-index:660!important;width:6rem;}
.player{width:0.9rem;height:0.9rem;position: absolute;top:50%;left:50%;margin-top:-0.45rem;margin-left:-0.45rem;}

.case-wrap{padding-top:0.5rem;}
.case-wrap .new-eng{margin-left:1rem;width:4.5rem;}
.case-content{width:6rem;margin:0 auto;}
.case-list{overflow: hidden;}
.case-list li{margin-top:0.3rem;width:2.76rem;height:2.06rem;margin-right:0.45rem;float: left;overflow: hidden;}
.case-list li:nth-of-type(2n){margin-right:0;}
.case-list li a{display: block;width:100%;height:100%;position: relative;}
.case-list li a .case-image{width:100%;height: 100%;}
.case-list li a p{width:2.76rem;height:0.36rem;line-height:0.36rem;text-align: center;color:#fff;background-color:#000;opacity: 0.8;position: absolute;left:0;bottom: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.bottom-nav{width:6.4rem;height:1rem;background-color:#216bcc;position: fixed;bottom: 0;left: 0;z-index:888;}
.tablist{overflow: hidden;}
.tablist li{border-left:0.01rem solid #0551b5;border-right:0.01rem solid #308aff;float: left;}
.tablist li a{display: block;width:100%;color:#fff;font-size:0.2rem;padding-top:0.5rem;line-height:0.5rem;text-align:center;}
.tablist li:nth-of-type(1){border-left:0;}
.tablist li:nth-of-type(1) a{width:1.32rem;background: url("home-icon.png")/*tpa=http://www.sloan.net.cn/wx/image/home-icon.png*/ no-repeat center 0.1rem;background-size:0.37rem 0.42rem;}
.tablist li:nth-of-type(2) a{width:1.79rem;background: url("pro-icon.png")/*tpa=http://www.sloan.net.cn/wx/image/pro-icon.png*/ no-repeat center 0.1rem;background-size:0.4rem 0.42rem;}
.tablist li:nth-of-type(3) a{width:1.68rem;background: url("msg-icon.png")/*tpa=http://www.sloan.net.cn/wx/image/msg-icon.png*/ no-repeat center 0.1rem;background-size:0.44rem 0.42rem;}
.tablist li:nth-of-type(4) a{width:1.5rem;background: url("tel-icon.png")/*tpa=http://www.sloan.net.cn/wx/image/tel-icon.png*/ no-repeat center 0.1rem;background-size:0.41rem 0.42rem;}
.tablist li:nth-of-type(4){border-right:0;}