
.g-hd{ width:100%; height:4.4rem;position: relative;background: #fff; max-width:750px; min-width:320px; margin:0 auto;}
.g-hd .logo{width: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.g-hd .logo a{display: block;width: 22.4%;margin: 1.5rem 0 0 1.5rem;}
.g-hd .logo img{display: block;width: 100%;}
.m-nav{width: 52%;float: left; margin:0 0 0 34%;position: relative;z-index: 10;}
.m-nav ul li{display: block;width: 33.3%;height: 4.4rem;line-height: 4.4rem;text-align: center;float: left;}
.m-nav ul li a{font-size: 1.2rem;color: #333;}
.m-nav ul li.cur a{color: #cb2039;}

.downmenu{width: 2.5rem;position: absolute;top: 1rem;right: 1.5rem; line-height:0;}
.downmenu img{width: 2.5rem;height: 2.5rem;}
.menu2 { position: relative;z-index: 102; }
.menu2 .slideMenu { width: 100%; display: none; z-index: 80; background:rgba(0,0,0,0.8); overflow: hidden; position: absolute; top: 4.4rem; right: 0; transition: transform 1s; -webkit-transition: transform 1s; }
.menu2 .slideMenu ul{ padding:2rem; overflow:hidden; margin-bottom: 2rem;}
.menu2 .slideMenu li { border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; line-height: 4rem; font-size: 1.4rem; clear: both; }
.menu2 .slideMenu li a { color: #fff; display: block; line-height: 4rem; text-align: center; }
.menu2 .slideMenu .contact a:first-child { display: block; color: #fff; font-size: 1.8rem; line-height: 100%; text-align: center; font-family: Arial; }
.menu2 .slideMenu .contact .call { display: block; color: #fff; font-size: 1.2rem; line-height: 3.5rem; text-align: center; font-weight: bold; background: #cb2039; width: 40%; height: 3.5rem; margin: 1rem auto 4.5rem; border-radius: .3rem; }
.ssmenu {
    position: absolute;
    top: 5.8rem;
    left: 0px;
    background: url(images/ssbgs.png) no-repeat;
    height: 3.4rem;
    width: 92%;
    z-index: 999;
    margin-left: 4%;
    background-size: 100% 100%;
}

.ssmenu .key {
    float: left;
    border: 0px;
    height: 3.2rem;
    width: 72%;
    margin: 0.1rem 0 0.1rem 11%;
    font-size: 1rem;
    color: #898989;
}

.ssmenu input.sousuo {
    float: right;
    width: 17%;
    background: none;
    height: 3.2rem;
    margin: 0.1rem 0% 0.1rem 0;
    cursor: pointer;
    color: #fff;
    font-size: 1.1rem;
    line-height: 3rem;
    text-align: center;
}



.content {
    width: 92%;
    margin: 0 auto;
}

.plan_tit {
    display: block;
    width: 100%;
    text-align: center;
    height: 3.6rem;
    font-size: 2rem;
    color: #333;
    line-height: 2.1rem;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    margin: 2.66rem 0 2rem 0;
}

.plan_tit:before {
    content: "";
    width: 4.2rem;
    height: 0.15rem;
    position: absolute;
    bottom: 0;
    left: 44%;
    background: #cb2039;
    z-index: 2;
}

.mode1.content {}

.mode1 .imgaa {}

.mode1 .imgaa img {
    float: left;
    width: 32.65%;
    margin-right: 1%;
    margin-bottom: 0.3rem;
}

.mode1 .imgaa img:nth-child(3) {
    margin-right: 0px;
}

.mode1 .desc {
    position: relative;
    line-height: 0px;
}

.mode1 .desc p {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 94%;
    background: rgb(0 0 0 / 20%);
    height: 5.8rem;
    color: #fff;
    line-height: 1.6rem;
    padding: 1rem 3%;
    font-size: 0.9rem;
}

.mode1 .desc p b {}


    .mode2 .plan_tit {
}


.img1,.img2 {
    width: 51%;
    float: left;
}

.mode2 img {
    width: 100%;
}

.img3 {
    width: 46.8%;
    float: right;
    margin-top: -2rem;
}

.mode2 .clearfix {
    position: relative;
}

.mode2 .desc {
    width: 100%;
    font-size: 0.9rem;
    line-height: 2rem;
    padding: 0.2rem 2rem 2rem 0.2rem;
    position: relative;
    z-index: 9;
}

.mode2 .clearfix span {
    float: left;
    width: 100%;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 1.6rem;
    font-size: 1rem;
    padding: 1rem 0;
}

.mode2 .img1 img {
    width: 100%;
}

.mode2 .img2 img {
    width: 100%;
}

.desc b {
    color: #cf213a;
}

.mode2 .desc strong {
    font-weight: bold;
    color: #000;
}


  .mode3 .plan_tit{
   } 

.mode3 .plan_tit {
}

.mode3 img {
    width: 100%;
}
.mode3 li:nth-child(2n) { float:right;}
.mode3 li {
    background: url(//m.tmotbeter.com/images/eight_ico01.gif) no-repeat  left 0.3rem;
    background-size: 1rem;
    float: left;
    width: 41%;
    height: 2.2rem;
    line-height: 1.2rem;
    padding-left: 5%;
    font-size: 0.8rem;
    color: #333;
    margin-bottom: 0.36rem;
}

.mode3 h3 {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.12rem;
    color: #333;
}

.mode3  ul.clearfix {
    margin-bottom: 1rem;
}

.mode3 li b {
    color: #cf213a;
}

.mode3 {}

.mode3 .c1 {
    float: left;
    width: 100%;
    line-height: 0px;
}

.mode3 .c2 {
    width: 100%;
    float: left;
    line-height: 0px;
    margin: 0 0px;
}

.mode3 img {
    width: 100%;
}

.mode3 .c3 {
    float: right;
    width: 100%;
    line-height: 0px;
}

.mode3 .c1 img {
    margin-bottom: 8px;
    float: left;
    width: 49.2%;
}

.mode3 .c3 img {
    margin-bottom: 8px;
    float: left;
    width: 49.2%;
    margin-top: 0.5rem;
    height: 9.5rem;
}

.mode3 .c2 img {
    height: 366px;
}

.mode3 .c1 img:nth-child(1) {
    margin-right: 1.5%;
}

.mode3 .c3 img:nth-child(1) {
    margin-right: 1.5%;
} 
     
 

    .mode4.content {}

.mode4 .plan_tit {
    padding-top: 3rem;
    margin-bottom: 2rem;
}

.mode4  li {
    float: left;
    width: 44.5%;
    height: 11.8rem;
    background: #fff;
    margin-right: 3%;
    position: relative;
    padding: 1.8rem 2%;
    margin-bottom: 1rem;
}

.mode4.content {
    margin-bottom: 2rem;
}

.mode4 li img {
    position: relative;
    float: left;
    width: 21%;
}

.mode4 li b {
    display: block;
    float: right;
    width: 74%;
    font-size: 1.1rem;
    text-align: left;
    padding-left: 3%;
    height: 3rem;
    line-height: 3rem;
    color: #333;
}

.mode4 li span {
    display: block;
    float: left;
    width: 71%;
    line-height: 1.9rem;
    font-size: 0.92rem;
    padding-left: 16%;
    background: url(//m.tmotbeter.com/images/team_ico01.gif) no-repeat 3.2% center;
    background-size: 0.88rem;
}

.mode4 {
    background: #f1f1f1;
    padding-bottom: 3rem;
}

.mode4 li:nth-child(2n) {
    margin-right: 0px;
}

.mode4 li i {
    display: block;
    width: 100%;
    background: #333;
    height: 1px;
    float: left;
    margin: 12px 0;
}


 .plan_tit span {
    font-size: 1rem;
    font-weight: normal;
}

.case  h2.plan_tit {
    height: 5rem;
}

.case .case_l.fl {
    width: 100%;
    margin-bottom: 1rem;
}


.case  .cns {width: 50%;float: left;}

.case .case_l.fl  h4 {
    font-size: 1rem;
    display: block;
    margin-bottom: 1rem;
}

.case .case_l.fl li {
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 1rem;
}

.case .case_l.fl li a {
    font-size: 0.8rem;
    color: #333;
    background: url(//m.tmotbeter.com/images/team_ico01.gif) no-repeat left;
    background-size: 0.8rem;
    padding-left: 1.22rem;
}

.case_r.fl {
    float: right;
    width: 100%;
}

.case_qie {
    margin-top: 0rem;
    width: 100%;
}

.case_qie span {
    float: left;
    width: 49%;
    display: block;
    margin-right: 1.1%;
    margin-bottom: 0.36rem;
}

.case_qie span:nth-child(2n) {
    margin-right:0%;
}

.case_qie .case_desc {
    display: block;
    margin-top: 4rem;
    margin-bottom: 1rem;
}

.case_desc {
    font-size: 1rem;
    line-height: 2rem;
    margin-top: 1rem;
}

.case a.more {
    display: block;
    font-size: 1.1rem;
    color: #fff;
    width: 33%;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background: #cb2039;
    overflow: hidden;
    float: left;
    margin-left: 35%;
}



    .mode6 {
    background: #f1f1f1;
    padding: 0 0  3rem 0;
}

.mode6 .plan_tit {
    height: 3rem;
    margin-bottom: 3rem;
    padding-top: 2rem;
}

.mode6 
 .mubiao {
    float: left;
    width: 45%;
}

.mode6  .img {
    float: right;
    width: 50%;
}

.mode6 .img img {
    margin-left: 0%;
    width: 100%;
}

.mode6 .mubiao span {
    font-size: 1rem;
    display: block;
    line-height: 2.3rem;
    height: auto;
    color: #333;
}

.mode6 .mubiao  b {
    padding-right: 16px;
}

.mode6 .mubiaodl {
    margin-top: 2rem;
}

.mode6 .mubiaodl dt {
    width: 14%;
    float: right;
    position: absolute;
    top: 0px;
    right: 1%;
}

.mode6 .mubiaodl dt img {
    width: 81%;
    padding: 9.5%;
}

.mode6 .mubiaodl dd {
    padding: 1rem 2%;
    height: auto;
    color: #333;
    float: left;
    width: 100%;
    overflow: hidden;
}

.mode6 .mubiaodl dd strong {
    display: block;
    font-size: 2rem;
    text-align: center;
    color: #cb2039;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    height: 3rem;
    line-height: 3rem;
    width: 95%;
}

.mode6 .mubiaodl dd span {
    display: block;
    padding-bottom: 1rem;
    font-weight: bold;
    font-size: 1rem;
}

.mode6 .mubiaodl dd p {
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 2rem;
}

.mode6 .mubiaodl dd p em {font-weight:bold;display: block;}

.mode6 .mubiaodl dd p b {
    display: block;
}
.mode6 .mubiaodl dd p i{font-size: 0.88rem;display:block;line-height: 2rem;padding-left: 2%;position:relative;width: 45%;float: left;}

.mode6 .mubiaodl dd p i:after {
    content: ".";
    font-size: 3rem;
    position: absolute;
    left: 0px;
    top: -1rem;
    display: block;
    width: 2px;
    height: 2px;
}

.mode6 .mubiaodl dl:last-child dd p i {
    line-height: 2rem;
}

.mode6 .mubiaodl  dl {
    float: left;
    width: 100%;
    background: #fff;
    margin-right: 1%;
    border-radius: 10px;
    cursor: pointer;
    height: auto;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.mode6 .mubiaodl dl:last-child {
    margin-right: 0px;
}


  .mode6.none {
    background: no-repeat;
}

.mode6.none .plan_tit {
    padding-top: 0px;
}

.mode6.none .mubiao {
    width: 100%;
    margin-bottom: 2rem;
}

.mode6.none .mubiao  span {
    width: 40%;
    float: left;
}

.mode6.none .mubiao span:nth-child(2n) {
    float: right;
}

.mode6.none .img {
    width: 100%;
}
.mode6.none .mubiaodl dl{    background: #f1f1f1;}

.mode6.none .img img {
    width: 49%;
    float: left;
}

.mode6.none .img img:nth-child(2) {
    float: right;
}


  .mode7 {
    background: #f1f1f1;
    padding: 1rem 0 2rem 0;
}

.mode7 .wenzi {
    float: left;
    width: 100%;
    font-size: 1rem;
}

.mode7 .plan_tit {
    height: 3rem;
    margin-bottom: 1.8rem;
}

.mode7 .wenzi  span {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.mode7 .wenzi em {
    display: block;
    padding-left: 5%;
    background: url(//m.tmotbeter.com/resource/images/c32ad46a840f48e4a429ee9b86961884_16.png) no-repeat left;
    background-size: 1rem;
    font-size: 1rem;
}

.mode7 .wenzi p {
    color: #333;
    font-size: 1rem;
    line-height: 2rem;
    display: inline-block;
    margin-right: 2%;
}

.mode7 .wenzi b {
    padding-right: 0.6rem;
}

.mode7  .img {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.mode7 .img img {
    width: 47%;
    position: relative;
    float: left;
    height: 11rem;
    margin-bottom: 2rem;
}

.mode7 .img img.img1 {
}
.mode7 .img img.img4 {height: auto;}
.mode7 .img img.img3 {height: auto; margin:0px;}
.mode7 .img img.img4 {
}

.mode7 .wenzi .n1 {
    margin-bottom: 24px;
    height: 2rem;
}

.mode7 .wenzi div {
    margin-bottom: 1rem;
    line-height: 2rem;
}

.mode7 .wenzi div.n3 {
    margin-left: 0;
}

.mode7 .wenzi div.n4 {
    margin-left: 0;
}  

.mode7 .img img:nth-child(2n) {
    float: right;
}

.mode7 .wenzi .n2 span {
    display: inline-block;
}

.mode7 .wenzi .n2  em {
    display: inline-block;
    background: no-repeat;
    padding-left: 1%;
}


    .mode8 {
    padding: 2rem 0 2rem 0;
}

.mode8 .wenzi {
    float: right;
    width: 100%;
    font-size: 1rem;
}

.mode8 .plan_tit {
    height: 3rem;
    margin-bottom: 1.8rem;
}

.mode8 .wenzi  span {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    text-align: left;
    float: left;
    width: 100%;
}

.mode8 .wenzi em {
    display: block;
    background: no-repeat;
    line-height: 1.8rem;
    font-size: 1rem;
    background-size: 1rem;
}

.mode8 .wenzi p {
    color: #333;
    font-size: 1rem;
    line-height: 2rem;
}

.mode8 .wenzi b {
    padding-right: 12px;
}

.mode8  .img {
    position: relative;
    float:left;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.mode8 .img img {width: 49%;float: left;margin-bottom: 0.6rem;}

.mode8 .img img.img1 {
    z-index: 99;
}
.mode8 .img img.img2 {
    top: 159px;
    right: 0px;
}
.mode8 .img img.img3 {margin: 0px;}
.mode8 .img img.img4 {
    top: 467px;
    right: 0px;
    z-index: 100;
}

.mode8 .wenzi .n1 {
    margin-bottom: 0.2rem;
    margin-left: 0px;
}

.mode8 .wenzi div {
    margin-bottom: 1.4rem;
    line-height: 1.5rem;
}

.mode8 .wenzi div.n3 {
    margin-left: 0px;
}

.mode7 .wenzi div.n4 {
    margin-left: 0;
}

.mode8 .wenzi em img {
    width: 32%;
    =: 126px;
    =: 22px;
    display: inline-block;
    height: 7rem;
}

.mode8 .wenzi div.n4 {
    margin-left: 0;
}

.mode8 .wenzi div.n2 {
    margin-left: 0px;
    height: 1.66rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.mode8 .wenzi div.n4 em {
    background: no-repeat;
    margin-left: 0px;
    padding-left: 0px;
}

.mode8 .img img:nth-child(2n) {
    float: right;
}

.mode8 .wenzi div.n2  span {
    float: left;
    display: inline-block;
    width: auto;
}

.mode8 .wenzi div.n2 em {
    float: left;
    background: no-repeat;
    padding-left: 0%;
}


.g-ft{width: 100%;height: 14.5rem; max-width:750px; min-width:320px; margin:0 auto; padding:1rem 0 0;background: #f4f4f4;}
.g-ft h3{width: 4rem;height: 4rem; position:fixed; bottom:6.5rem; right:0.5rem; z-index:10;}
.g-ft h3 img{width: 4rem;height: 4rem;}
.fwz{color: #666; font-size:1.3rem;line-height: 2.2rem;text-align: center;width: 100%;padding: 1rem 0 0;}
.fwz a{color: #666;}
.fwz span{padding-left: 1rem;}
.fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:750px; width:100%; height:5rem; background:#262626;z-index:50;}
.fnav li{ width:25%; float:left; height:5rem; position:relative;line-height: 0;}
.fnav li:before{ content:""; position:absolute; top:20%; right:0; width:1px; height:60%; background:#3c3c3c;}
.fnav li a{ display:block; text-align:center; color:#fff; font-size:1.3rem; height:5rem;}
.fnav li em{ display:block; width:1.8rem; margin:0.8rem auto 1rem;}
.fnav li em img{width: 1.8rem;height: 1.8rem;}
.fnav li:first-child{background: #cb2039;}
.fnav li:last-child:before,.fnav li:first-child:before{ background:none;}

