@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}
body{background: #FFF;}
ul,li{list-style: none;}
a{text-decoration: none;color: #333333;}
img{border:none;display: block;}
em{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.w690{width: 9.2rem;margin: 0 auto;}
.mdt_m{width: 10rem;display: block;margin: 0 auto;}
.mdt_pc{display: none;}

a.btn_ls{display: block;width: 3.733333rem;height: 1.066666rem;line-height: 1.066666rem;text-align: center;color: #fff;border-radius: 0.106667rem;font-size: 0.4rem;background-image: linear-gradient(to right,#f95350,#ff762e);margin: 0.666666rem auto 0;font-weight: bold;}

.banner{height: 5.333333rem;background: url(../../images/mdt/M/banner.jpg) center top no-repeat;padding-top: 0.48rem;text-align: center;}
.banner img{display: block;margin: 0 auto 0.266667rem;}
.banner span{display: block;font-size: 0.773333rem;color: #fff;font-weight: bold;}
.banner span em{background-image:-webkit-linear-gradient(left,#ff3c43,#ff9017); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight: bold;}
.banner p{font-size: 0.4rem;color: #fff;line-height: 0.533333rem;padding-top: 0.186667rem;}
.banner a.btn_ls{margin-top: 0.266667rem;}

.title{text-align: center;padding: 1.2rem 0 0.666667rem;}
.title span{display: inline-block;font-size: 0.56rem;color: #121212;font-weight: bold;}
.title span i{display: block;font-size: 0.293333rem;font-weight: bold;color: #fff;width: 1.466667rem;height: 0.613333rem;line-height: 0.613333rem;text-align: center;background: #ff3e50;border-radius: 0.106667rem;float: left;margin: 0.12rem 0.186667rem 0 0;}
.title span em{display: block;font-size: 0.56rem;color: #121212;float: right;font-weight: bold;}

.floor_1{height: auto;overflow: hidden;padding-top: 0.4rem;}
.floor_1 .scroll_bar{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 .scroll_bar a{display: block;width: 2rem;height: 1.6rem;font-size: 0.373333rem;color: #121212;font-weight: bold;background: #f7f7fb;border-radius: 0.133333rem;text-align: center;}
.floor_1 .scroll_bar a::before{display: block;content: "";height: 0.426667rem;width: 0.426667rem;overflow: hidden;background-image: url(../../images/mdt/M/icons.png);background-size: 5.466667rem;background-position: 0 0;margin: 0.266667rem auto 0.106667rem;}
.floor_1 .scroll_bar a:nth-child(2)::before{background-position: -0.586667rem 0;}
.floor_1 .scroll_bar a:nth-child(3)::before{background-position: -1.173333rem 0;}
.floor_1 .scroll_bar a:nth-child(4)::before{background-position: -1.76rem 0;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 1.333333rem;}
.floor_2 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_2 ul li{height: 4.773333rem;width: 4.373333rem;border: 1px solid #c6d0f1;border-radius: 0.16rem;margin-bottom: 0.4rem;}
.floor_2 ul li i{display: block;font-size: 0.346667rem;color: #ff3e50;font-weight: bold;text-align: center;margin-bottom: 0.346667rem;}
.floor_2 ul li i::before{display: block;content: "";height: 0.64rem;width: 0.64rem;overflow: hidden;background-image: url(../../images/mdt/M/icons.png);background-size: 5.466667rem;background-position: 0 -0.613333rem;margin: 0.4rem auto 0.32rem;}
.floor_2 ul li:nth-child(2) i::before{background-position: -0.8rem -0.613333rem;}
.floor_2 ul li:nth-child(3) i::before{background-position: -1.64rem -0.613333rem;}
.floor_2 ul li:nth-child(4) i::before{background-position: -2.48rem -0.613333rem;width: 0.693333rem;}
.floor_2 ul li p{font-size: 0.32rem;color: #555555;line-height: 0.453333rem;padding: 0 0 0.32rem 0.266667rem;}
.floor_2 ul li p em{display: block;float: left;color: #ff3e50;margin: 0 0.08rem 0.133333rem 0;}
.floor_2 a.btn_ls{margin-top: 0.266667rem;}

.floor_3{height: auto;overflow: hidden;background: url(../../images/mdt/M/fl3_bg.jpg)center top no-repeat;background-size: cover;padding-bottom: 1.333333rem;}
.floor_3 ul li{width: 9.2rem;margin: 0 auto 0.4rem;background: #fff;height: 2.4rem;overflow: hidden;background: url(../../images/mdt/M/fl3_1.png)center top no-repeat;background-size: 100%;}
.floor_3 ul li:nth-child(2){background-image: url(../../images/mdt/M/fl3_2.png);}
.floor_3 ul li:nth-child(3){background-image: url(../../images/mdt/M/fl3_3.png);}
.floor_3 ul li:nth-child(4){background-image: url(../../images/mdt/M/fl3_4.png);}
.floor_3 ul li i{display: block;font-size: 0.426667rem;color: #ff3e50;line-height: 0.4rem;padding: 0.4rem 0 0.266667rem 0.373333rem;}
.floor_3 ul li i::before{display: block;content: "";height: 0.426667rem;width: 0.453333rem;overflow: hidden;background-image: url(../../images/mdt/M/icons.png);background-size: 5.466667rem;background-position: 0 -1.44rem;float: left;margin-right: 0.186667rem;}
.floor_3 ul li:nth-child(2) i::before{background-position: -0.586667rem -1.44rem;}
.floor_3 ul li:nth-child(3) i::before{background-position: -1.226667rem -1.44rem;}
.floor_3 ul li:nth-child(4) i::before{background-position: -1.8rem -1.44rem;}
.floor_3 ul li p{font-size: 0.32rem;color: #333333;line-height: 0.506667rem;padding-left: 1rem;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 1.333333rem;}
.floor_4 .info{width: 9.2rem;height: 2.8rem;border: 1px solid #dfdef0;border-radius: 0.186667rem;background: #fff;overflow: hidden;margin: 0 auto 0.4rem;}
.floor_4 .info .fl{background: url(../../images/mdt/M/fl4_1.png)center top no-repeat;float: left;width: 2.533333rem;height: 2.8rem;font-size: 0.426667rem;color: #ff3e50;text-align: center;line-height: 3.6rem;background-size: 100%;font-weight: bold;}
.floor_4 .info2 .fl{background-image: url(../../images/mdt/M/fl4_2.png);}
.floor_4 .info3 .fl{background-image: url(../../images/mdt/M/fl4_3.png);}
.floor_4 .info ul{float: left;width: 6rem;display: flex;justify-content:space-between;flex-wrap:wrap;padding: 0.4rem 0 0 0.8rem;}
.floor_4 .info3 ul{width: 6.6rem;padding-left: 0.48rem;}
.floor_4 .info ul li{width: 2.266667rem;margin-bottom: 0.32rem;font-size: 0.32rem;font-weight: bold;color: #333333;}
.floor_4 .info3 ul li{width: 2.933333rem;}
.floor_4 .info ul li::before{display: block;content: "";height: 0.32rem;width: 0.32rem;overflow: hidden;background-image: url(../../images/mdt/M/icons.png);background-size: 5.466667rem;background-position: 0 -2.04rem;float: left;margin: 0.026667rem 0.16rem 0 0;}
.floor_4 .info ul li:nth-child(2)::before{background-position: -0.44rem -2.04rem;}
.floor_4 .info ul li:nth-child(3)::before{background-position: -0.88rem -2.04rem;}
.floor_4 .info ul li:nth-child(4)::before{background-position: -1.306667rem -2.04rem;}
.floor_4 .info ul li:nth-child(5)::before{background-position: -1.773333rem -2.04rem;}
.floor_4 .info ul li:nth-child(6)::before{background-position: -2.226667rem -2.04rem;margin-top: 0.053333rem;}
.floor_4 .info2 ul li:nth-child(1)::before{background-position: 0 -2.546667rem;}
.floor_4 .info2 ul li:nth-child(2)::before{background-position: -0.44rem -2.546667rem;}
.floor_4 .info2 ul li:nth-child(3)::before{background-position: -0.88rem -2.546667rem;}
.floor_4 .info2 ul li:nth-child(4)::before{background-position: -1.306667rem -2.566667rem;}
.floor_4 .info2 ul li:nth-child(5)::before{background-position: -1.773333rem -2.546667rem;}
.floor_4 .info2 ul li:nth-child(6)::before{background-position: -2.226667rem -2.546667rem;}
.floor_4 .info3 ul li:nth-child(1)::before{background-position: 0 -3.053333rem;}
.floor_4 .info3 ul li:nth-child(2)::before{background-position: -0.44rem -3.053333rem;}
.floor_4 .info3 ul li:nth-child(3)::before{background-position: -0.88rem -3.053333rem;}
.floor_4 .info3 ul li:nth-child(4)::before{background-position: -1.306667rem -3.053333rem;}
.floor_4 .info3 ul li:nth-child(5)::before{background-position: -1.773333rem -3.053333rem;}
.floor_4 .info3 ul li:nth-child(6)::before{background-position: -2.226667rem -3.053333rem;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 1.333333rem;background: #f6f6fa;}
.floor_5 ul{width: 8.666667rem;margin: 0 auto;}
.floor_5 ul li{height: auto;width: 8.666667rem;border-radius: 0.16rem;background: #fff;margin-bottom: 0.4rem;overflow: hidden;padding-bottom: 0.346667rem}
.floor_5 ul li i{display: block;width: 0.933333rem;height: 0.933333rem;overflow: hidden;background-image: url(../../images/mdt/M/icons.png);background-size: 5.466667rem;background-position: 0 -3.586667rem;float: left;margin: 1.066667rem 0.453333rem 0 0.533333rem;}
.floor_5 ul li:nth-child(2) i{background-position: -0.986667rem -3.586667rem;} 
.floor_5 ul li:nth-child(3) i{background-position: -1.973333rem -3.586667rem;} 
.floor_5 ul li:nth-child(4) i{background-position: -2.96rem -3.586667rem;}
.floor_5 ul li .tex{float: left;width: 6.666667rem;}
.floor_5 ul li .tex span{display: block;font-size: 0.4rem;color: #121212;font-weight: bold;padding: 0.333333rem 0 0.266667rem;}
.floor_5 ul li .tex p{font-size: 0.32rem;color: #555555;line-height: 0.533333rem;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 0.4rem;}
.floor_6 ul li{box-shadow: 0 0 0.213333rem rgba(0,0,0,.06);height: 1.733333rem;border-radius: 0.16rem;width: 9.2rem;margin: 0 auto 0.4rem;}
.floor_6 ul li i{display: block;float: left;height: 1.346667rem;width: 2.666667rem;overflow: hidden;background-image: url(../../images/mdt/M/icons.png);background-size: 5.466667rem;background-position: 0 -4.653333rem;margin: 0.16rem 0.293333rem 0 0.186667rem;}
.floor_6 ul li:nth-child(2) i{background-position: -2.8rem -4.653333rem;}
.floor_6 ul li:nth-child(3) i{background-position: 0 -6.133333rem;}
.floor_6 ul li:nth-child(4) i{background-position: -2.8rem -6.133333rem;}
.floor_6 ul li:nth-child(5) i{background-position: 0 -7.6rem;}
.floor_6 ul li p{width: 6rem;line-height: 0.56rem;font-size: 0.32rem;color: #333333;float: left;padding-top: 0.32rem}
.floor_6 a.btn_ls{margin-top: 0.266667rem;}

.fl_5 {height: auto;overflow: hidden;padding-bottom: .4rem;}
.fl_5 .width{width: 9.2rem;margin: 0 auto;}
.fl_5 .fl{margin: 0 auto;height: 2rem;float: none;overflow: hidden;}
.fl_5 a{display: block;font-size: 0.32rem;color:#1b1b20;line-height: .7rem;}
.fl_5 a:hover{color:#20aa9c;}
.fl_5 a span{display: block;width: 70%;margin-right: 0.853333rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;float:left;}
.fl_5 a em{display:block;float:right;}
.fl_5 .fr{height: 2rem;float: none;overflow: hidden;}