@media (max-width: 576px) {
    .advertise .banner {
        height: 180px !important;
    }

    .advertise .header .span7 a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-top: 10px !important;
        display: inline-block !important;
        font-size: 14px !important;
    }

    .advertise .header .span5 span {
        font-size: 16px;
    }

    .advertise > .container #myTab > li:nth-of-type(1) {
        margin-left: 0px !important;
    }

    .advertise .cards .nav li {
        width: calc(100vw - 30px) !important;
    }

    .advertise .cards .nav {
        margin-top: 20px !important;
        display: block !important;
    }

    .advertise .tab-content .header {
        margin-top: 0px !important;
    }

    .advertise .tab-content .header .span12 {
        padding: 10px 0 !important;
    }

    .advertise .tab-content .header .span10 {
        line-height: 49px !important;
    }
    .advertise .proCarousel .container > .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .advertise #myTabContent .container > .row .card  {
        margin-top: 0px !important;
    }

    .advertise .cards .nav > li:nth-of-type(2) {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 577px) {
    .advertise .header {
        font-size: 16px;
    } 

    .advertise .cards .nav {
        margin-left: 25px;
    }

    .advertise #myTabContent {
        margin-top: 35px;
    }

    .advertise .head .span10{
        white-space: nowrap;
    }
}

@media (min-width: 1200px) { 
    .advertise .tab-content .span3 > div {
        width: 240px;
        margin-left: calc((100% - 240px) / 2);
    }

    .advertise .tab-content .span3 > a {
        width: 240px;
        margin-left: calc((100% - 240px) / 2);
    }

    .advertise .tab-content .span3 > div > .p2 {
        width: 24%;
        margin-left: 38%;
    }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {

    .advertise .tab-content .span3 > div {
        width: 200px;
        margin-left: calc((100% - 200px) / 2);
    }

    .advertise .tab-content .span3 > a {
        width: 200px;
        margin-left: calc((100% - 200px) / 2);
    }

    .advertise .tab-content .span3 > div > .p2 {
        width: 30%;
        margin-left: 35%;
    }
} 

@media (max-width: 979px) {

    .advertise .tab-content .span3 > div > .p2 {
        width: 40%;
        margin-left: 30%;
    }
} 

.advertise .banner {
    position: relative;
    height: 20.8vw;
}

.advertise .banner > img {
    width: 100%;
    height: 100%;
}

.advertise .head {
    background: #e4e4e4;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #666666;
} 

.advertise .head .span10 {
    text-align: right;
}

.advertise .head .span10 a {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #666666;
    cursor: pointer;
    color: #666666;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

.advertise .head .span10 a.a1 {
    border-left: none !important;
}

.advertise .head .span10 a.active{
    color: #199ED8
}

.advertise .head select {
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("./../img/arrow.8f4759b16f6c.png") no-repeat scroll right 11px transparent;
    
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    position: absolute; 
    right: 0; 
    top: -8px; 
    outline: none;
    border: none;
    direction: rtl;
    height: auto !important;
    padding: 0 15px 0 0 !important;
    line-height: auto !important;
}
    
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.advertise .head select::-ms-expand { display: none; }

.advertise .head select option {
    direction: ltr;
}

.advertise{
    padding-bottom: 70px;
}

.advertise .cards .nav {
    display: inline-block !important;
    border-bottom: 0px solid #ddd !important;
    margin-top: 35px !important;
}

.advertise .cards .nav li {
    background-color: #c9c9c9;;
    width: 250px;
    float: left !important;
    line-height: 40px !important;
    text-align: center;
}

.advertise .cards .nav li:hover a {
    color: #fff;
}

.advertise .cards .nav li a{
    height: 45px !important;
    margin-right:  0px !important;
    line-height: 45px;
    padding: 0px 0px !important;
    border: 0px solid transparent !important;
}

.advertise .cards .nav>li>a:focus, .advertise .cards .nav>li>a:hover {
    text-decoration: none;
    background-color: #199ed8 !important;
}

.advertise .cards .nav-tabs>li.active>a {
    background-color: #199ed8 !important;
    color: #fff;
    border-top: 0px solid #fff !important;
    border-left: 0px solid #fff !important;
    border-right: 0px solid #fff !important;
}

.advertise .cards .nav > li:nth-of-type(1), .advertise .cards .nav > li:nth-of-type(2) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.advertise .cards .nav li a {
    color: #666;
    border-radius: 0px !important;
    font-size: 16px;
}

.advertise .tab-content .span3 > div {
    box-shadow: -5px 0px 5px #efecec, 5px 0px 5px #efecec, 0px 5px 5px #efecec;
    -moz-box-shadow: -5px 0px 5px #efecec, 5px 0px 5px #efecec, 0px 5px 5px #efecec;
    -webkit-box-shadow: -5px 0px 5px #efecec, 5px 0px 5px #efecec, 0px 5px 5px #efecec;
    text-align: center;
    height: 390px;
}

.advertise .tab-content .span3 > div:hover{
    box-shadow: -10px 0px 10px #efecec, 10px 0px 10px #efecec, 0px 10px 10px #efecec;
    -moz-box-shadow: -10px 0px 10px #efecec, 10px 0px 10px #efecec, 0px 10px 10px #efecec;
    -webkit-box-shadow: -10px 0px 10px #efecec, 10px 0px 10px #efecec, 0px 10px 10px #efecec;
}

.advertise .tab-content .span3 > div > div{
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.advertise .tab-content .span3 > div > .img1{
    display: inline-block;
}

.advertise .tab-content .span3 > div > div > img {
    width: 100%;
    height: 100%;
}

.advertise .tab-content .span3 > div > .img2{
    display: none;
}

.advertise .tab-content .span3 > div > .p1 {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    font-weight: bold;
}

.advertise .tab-content .span3 > div > .p2 {
    height: 40px;
    color: #199ed8;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border-bottom: 4px solid #199ed8;
}

.advertise .tab-content .span3 > div > .p2 {
    color: #333;
}

.advertise .tab-content .span3 > div > .p3 span {
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 9px;
    display: block;
}


.advertise .tab-content .span3 > a {
    border: 1px solid #c9c9c9;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    color: #199ed8;
    margin-top: 18px;
    text-decoration: none;
}

.advertise .tab-content .span3 > a:hover{
    background: #199ed8;
    color: #fff;
}

.advertise > .container > .row:nth-of-type(1) {
    margin-left: 0px;
}

.advertise > .container > .row:nth-of-type(1) {
    margin-left: 0px;
}

.advertise > .container #myTab > li:nth-of-type(1){
    margin-left: -15px;
}

.qianlima {
    width: 100px;
    height: 100px;
    position: fixed;
    right: 50px;
    bottom: 200px;
}

.qianlima > img {
    width: 100%;
    height: 100%;
}

.qianlima > span {
    width: 100px;
    display: block;
    text-align: center;
}