@charset "utf-8";
/* CSS Document */
*{
   margin: 0;padding: 0;font-family:'Microsoft YaHei', PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,simsun,sans-serif;}
.bbc_bg{background: #e4393c;}
h1,h2,h3,h4,h5{font-weight: 500;}
li{list-style: none;}
a{text-decoration: none;color:#6e6e6e;}
img{
    border:none;vertical-align: top;
}
/*全渠道顶部图片*/
.banner03{margin:0 0 50px 0;background:url(../../image/sub/retail-ALL/background5.png);background-repeat:no-repeat;background-position: center top;background-size: cover;}
.top_banner{height: 370px;background-color: #3a3434;padding-left:8%;}
.top_banner .tab-text-header{margin-top: 110px;width:35%;}
.top_banner .tab-text-header span{margin: 10px 0;display: inline-block;}
.top_banner .main-header{color: #ffffff;}
.top_banner .main-header hr{background-color: #ffffff;width: 2px;height: 30px;text-align: left;margin: 6px 0 6px 2px;}
.top_banner .main-header .small-tit {font-weight: normal;font-size: 24px;}
.top_banner .main-header .text-tit{font-size: 30px;}
/* 马上体验*/

    .mm2 {
        margin-bottom: 50px;
        margin: 0 auto;
        padding-top: 64px;
		    height:576px;
       background: #f3f7f8;
    }   

    
.mm1{
        background: #fff;
        padding-bottom:82px;
		text-align: center;
    }
   .mm1 h2{
       font-size: 27px;
	   color: #222222;
	   padding-bottom: 30px;
   }
    .mm1 img{
        margin: 82px auto 0;
    }

    .mx2{
        width: 1200px;
        margin:0 auto;
        padding-left:62px;
    }
    .mx2 h2{
        font-size: 27px;
		text-align: center;
		color: #222222;
		padding-bottom: 30px;
    }
    .mx2_bottom{
        position: relative;
        background: url(../../image/sub/retail-ALL/sld_image22.png)no-repeat center;
        padding-top: 65px;
        background-size:contain;
    }
    .mx2_bottom ul li:last-child{
        position: absolute;
        top: 62px;
        right: 90px;
    }
    .mx2_bottom ul li:first-child{
        list-style-type:disc!important;
        font-size:20px;
        color: #00b7ee;
        width: 268px;
        margin-bottom:136px;
    }
    .mx2_bottom ul li:first-child p:first-child{
        font-size: 16px;
        color: #00b7ee;

    }
    .mx2_bottom ul li:first-child p{
        font-size: 13px;
        color: #404040;
    }
    .mx2_bottom ul li:first-child p:nth-of-type(1){
        margin-bottom:16px;
    }
    .mx2_bottom ul li:nth-of-type(2){
        padding-bottom:108px;
        list-style-type:disc!important;
        font-size:20px;
        color: #e6a252;
    }
    .mx2_bottom ul li:nth-of-type(2) p{
        font-size: 13px;
        color: #404040;
    }
    .mx2_bottom ul li:last-child{
        list-style-type:disc!important;
        font-size:20px;
        color: #5fc870;
    }
    .mx2_bottom ul li:last-child p{
        font-size: 14px;
        color: #404040;
    }
    .mx2_bottom ul li:last-child p:nth-of-type(2){
          margin-bottom:19px;
      }
    .mx2_bottom ul li:last-child p:nth-of-type(4){
        margin-bottom:19px;
    }
    .mx2_bottom ul li:last-child .p{
        color: #5fc870;
        font-size: 16px;
    }
    .mm3{
        margin:0;
        background: #fff;
    }
    .mx3{
        width: 1200px;
        padding-top:88px;
        margin:0 auto;
        padding-bottom:102px;
    }
    .mm3 h2{
		color: #222222;
        font-size: 27px;
        line-height: 27px;
        margin-bottom:37px;
		text-align: center;
    }
    .mx3 ul{
        width: 956px;
        height: 607px;
        margin:0 auto;
        background:url(../../image/sub/retail-ALL/sld_tab.png)no-repeat center;
    }
    .mx3 ul li:first-child{
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
        padding-top:4px;
        padding-left:326px;
        color: #8fcce0;
        margin-bottom: 6px;
    }
    .mx3 ul li:first-child span:nth-of-type(1){
        margin-right:337px;
    }
    .mx3 ul li:first-child span{
        width: 69px;
        text-align: center;
    }
    .mx3 ul li{
        height: 71px;
        margin-bottom:10px;
        line-height:71px;
    }
    .mx3 ul li span{
        float: left;
        font-size: 15px;
    }
    .mx3 ul li:nth-of-type(2) span:nth-of-type(1){
        padding: 17px 0 0 30px;
        color: #fff;
        width: 75px;
        margin-right:99px;
        font-size: 15px;
        display: inline-block;
        line-height: 19px!important;
    }
    .mx3 ul li:nth-of-type(2) span:nth-of-type(2){
        width: 211px;
        height: 71px;
        line-height:48px;
        margin-right: 209px;
    }
    .mx3 ul li:nth-of-type(2) span:nth-of-type(2) p{
        height: 20px;
        color: #757777;
        font-size: 12px;
    }
    .mx3 ul li:nth-of-type(2) span:nth-of-type(3){
        width: 254px;
        height: 71px;
        line-height:48px;
    }
    .mx3 ul li:nth-of-type(2) span:nth-of-type(3) p{
        height: 20px;
        color: #757777;
        font-size: 12px;
    }
    .cspan{
        width: 140px;
        height: 71px;
        line-height:71px;
        text-align: center;
        color: #fff;
    }
    .dspan{
        height: 71px;
        padding-left:69px;
        line-height:48px;
    }
    .dspan p{
        height: 20px;
        color: #757777;
        font-size: 12px;
    }
    .dspan1{
        height: 71px;
        padding-left:69px;
        line-height:69px;
    }
    .dspan1 p{
        color: #757777;
        font-size: 12px;
    }

    .mx3 ul li:nth-of-type(4) span:nth-of-type(2){
        margin-right:146px;
    }
    .mx3 ul li:nth-of-type(4) span:nth-of-type(2) p{
        height: 20px;
        color: #757777;
        font-size: 12px;
    }
    .mx3 ul li:nth-of-type(4) span:nth-of-type(3){
        width: 254px;
        height: 71px;
        line-height:48px;
    }
    .mx3 ul li:nth-of-type(4) span:nth-of-type(3) p{
        height: 20px;
        color: #757777;
        font-size: 12px;
    }
    .mm4{
        color: #fff;
        height: 800px;
        background:url(../../image/sub/retail-ALL/bg_img_02.png)no-repeat center;
    }
    .mx4{
        width: 1200px;
        text-align: center;
        padding-top:80px;
        margin: 0 auto;
    }
    .mx4 h2{
        font-size: 26px;
        margin-bottom:66px;
		text-align: center;
    }
    .title{
        text-align: left;
        font-size: 20px;
        margin-bottom:25px;
        padding-left:37px;
    }
    .title b{
        font-size: 29px;
        height: 30px;
        font-style:oblique!important;
        margin-right:17px;
        color: #80cc85;
        margin-bottom:30px;
    }
    .fenlei dl{
        float: left;
        text-align: left;
        width: 301px;
        padding:20px 0 17px 0;
        padding-left:91PX;
        height:91px;
        position: relative;
        margin-bottom:26PX;
    }
    .fenlei:nth-of-type(2) dl{
        margin-bottom:17px;
    }
/*
    .fenlei .activd{
        background: url(http://miaolin.55jimu.com/templates/default/images/index/tab_bg_03.png)no-repeat 0px 11px;
        background-size: 98% 108px;
    }
*/
    
    .fenlei dl dt{
        font-size: 15px ;
        color: #ffffff;
        padding-bottom:20px;
    }
    .fenlei dl dd{
        line-height:13px;
        font-size: 12px;
        color: #b2b2b2;
        padding-bottom:7px;
		cursor: pointer;
    }
    .fenlei dl dd:last-child{
        position: absolute;
        left:47px;
        top:19px;
    }
	.fenlei dl:hover dd{
        color: #fff;
    }
    .mm5{
        background: #fff;
        height: 812px;
    }
    .mx5{
        width: 1200px;
        margin:0 auto;
        padding-top: 97px;
        text-align: center;
    }
    .mx5 h1{
        font-size: 27px;
        margin-bottom:18px;
		text-align: center;
		color: #222222;
    }
    .m5bg{
        margin: 0 auto;
        height: 117px;
        background:url(../../image/sub/retail-ALL/sld_line.png)no-repeat center;

    }
    .m5tab{
        width: 1200px;
        margin: 0 auto;
    }
    .m5tab dl{
        float: left;
        text-align: center;
        width:287px;
        border:1px solid #afd5ff;
        border-radius:5px;
        height: 546px;
        padding: 0 34px 0 54px;
    }
    .m5tab dl:nth-of-type(2){
        margin:0 30px;
    }
    .m5tab dl dt{
        width: 172px;
        height: 172px;
        padding:23px 0 28px 59px;
    }
    .m5tab dl dd:nth-of-type(1){
        color:#4490E5;
        font-size: 20px;
        font-weight: bold;
        text-align: center!important;
        height: 20px;
        margin-bottom:30px;
    }
    .m5tab dl dt img{
        height: 100%;
        width: 100%;
    }
    .m5tab dl dd{
        width: 290px;
        text-align: left;
        margin-bottom:8px;
        font-size: 12px;
        line-height:20px;
        position: relative;
    }
    .m5tab dl dd em {
        position: absolute;
        display: block;
        width: 6px;
        height: 6px;
        background: #4490E5;
        left: -30px;
        top: 7px;
    }
    .m5tab dl:nth-of-type(3) dd{
        text-align:left;
        margin-bottom:30px;
    }
    .m5tab dl:nth-of-type(1) dd{
        margin-bottom:30px;
    }
    .m6{
        height: 780px;
        background: #fff;
    }
    .m6x{
        text-align: center;
        width: 1200px;
        height:696px;
        margin:0 auto;
        padding-top:99px;
    }
    .m6x h1{
        font-size: 28px;
        margin-bottom:31px;
		color: #222222;
    }
    .m6x h2{
        font-size: 15px;
        margin-bottom:54px;
    }
/*m6中tab组件*/
.box {
    position: relative;
    width: 1200px;
    overflow: hidden;
    height: 567px;
}
.list {
    width: 4800px;
    height: 330px;
    overflow: hidden;
    position: relative;
    transition: 1s;
        transition-timing-function: ease;
    transition-timing-function: linear;
}
.libox {
    width: 1200px;
    float: left;
    height: 330px;
    transition: 1s;
        transition-timing-function: ease;
    background: #fff;
    transition-timing-function: linear;
}
.libox ul {
    float: left;
    padding: 0 105px 0 130px;
}
.libox ul img {
    border: none;
    vertical-align: top;
}
.libox ol {
    width: 520px;
    float: left;
}
.libox ol li {
    color: #535353;
    font-size: 12px;
    text-align: left;
    line-height: 26px;
}
.libox ol .tad {
    font-size: 16px !important;
    margin-bottom: 16px;
    font-weight: bold;
}
    .Left{
        position: absolute;
        left: 0;
        top:31%;
        font-size: 40px;
        font-family: Simsun;
        height: 31px;
        color: #A7E5FF;
        line-height: 31px;
        font-weight: bold;
        z-index: 10;
        user-select: none;
    }
    .Right{
        position: absolute;
        right: 0;
        top:31%;
        font-size: 40px;
        font-family: Simsun;
        height: 31px;
        color: #A7E5FF;
        line-height: 31px;
        font-weight: bold;
        z-index: 10;
        user-select: none;
    }
  	.tab02{padding-top: 57px;width: 1200px;margin: 0 auto;}
	.tab02 ul {float: left;padding-left: 62px;}
	.tab02 ul li {float: left; margin: 0 30px;width: 216px;height: 103px;cursor: pointer;border: 1px solid #e4dede;}
	.tab02 ul li img {width: 100%;height: 100%;}
    
.libox ol li:nth-of-type(4) {margin-bottom: 21px;}

/*内联样式迁移*/
.subTit {width: 668px;text-align:center;margin: 0 auto 65px;font-size: 14px;color: #6e6e6e;}
.greenblue {color: #25d5b2!important}
.blue {color:#00a0e9!important}