锘
.bg1banner { margin: 0px auto; width: 100%; overflow: hidden; background-color: #f5f5f5; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); }
    .bg1banner img { width: 100%; }

.chlidmenubig { width: 100%; background-color: #fff; padding: 0px 10px; }
    .chlidmenubig .chlidmenu { max-width: 1200px; border-radius: 5px; width: 100%; background-color: #fff; padding: 30px 80px 50px 80px; text-align: left; transform: translate(0px, -40px); -ms-transform: translate(0px, -40px); -webkit-transform: translate(0px, -40px); -o-transform: translate(0px, -40px); -moz-transform: translate(0px, -40px); box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3); }
        .chlidmenubig .chlidmenu .title { width: 100%; overflow: hidden; font-size: 36px; font-weight: 400; color: #000; padding: 0px 0px; display: block; text-align: center; }

        .chlidmenubig .chlidmenu .subtitle { display: block; width: 100%; text-align: center; margin-top: 40px; padding: 20px 0px; }
            .chlidmenubig .chlidmenu .subtitle img { display: inline-block; vertical-align: middle }
            .chlidmenubig .chlidmenu .subtitle span { display: inline-block; vertical-align: middle; font-size: 28px; color: #513dd0; margin: 0px 50px; }

        .chlidmenubig .chlidmenu .dpbj { display: block; width: 80%; text-align: left; padding: 20px 0px; font-size: 20px; color: #000; }
        .chlidmenubig .chlidmenu .line { width: 50%; border-bottom: dashed 2px #dfdbf7 }


        .chlidmenubig .chlidmenu .subtitle2 { color: #e60000; font-size: 24px; text-align: center; margin: 20px 0px; padding: 20px 0px 0px 0px; }
        .chlidmenubig .chlidmenu .pic { text-align: center; }
            .chlidmenubig .chlidmenu .pic img { max-width: 100%; }


@media only screen and (max-width:768px) {
    .chlidmenubig .chlidmenu { padding: 20px 30px 30px 30px; transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); -webkit-transform: translate(0px, -20px); -o-transform: translate(0px, -10px); -moz-transform: translate(0px, -10px); }
        .chlidmenubig .chlidmenu .title { font-size: 22px; }

        .chlidmenubig .chlidmenu .subtitle { margin-top: 24px; padding: 20px 0px; }
            .chlidmenubig .chlidmenu .subtitle span { font-size: 20px; }

        .chlidmenubig .chlidmenu .dpbj { padding: 20px 0px; font-size: 16px; color: #000; }
        .chlidmenubig .chlidmenu .subtitle2 { font-size: 20px; }
}


.shopproblembig { width: 100%; background-color: #fff; padding: 0px 10px; }
    .shopproblembig .shopproblemtitle { display: block; width: 100%; text-align: center; margin-top: 0px; padding: 50px 0px; }
        .shopproblembig .shopproblemtitle img { display: inline-block; vertical-align: middle }
        .shopproblembig .shopproblemtitle span { display: inline-block; vertical-align: middle; font-size: 28px; color: #513dd0; margin: 0px 50px; }

.shopproblembigconn { width: 100%; background-image: url(/Tpl/web/images/cases/bg2.jpg); background-repeat: no-repeat; background-position: center top; }
    .shopproblembigconn .conn { max-width: 1200px; padding: 60px 10px;   }
        .shopproblembigconn .conn .left { width: 48%; vertical-align: top; }
            .shopproblembigconn .conn .left img { max-width: 100%; }
        .shopproblembigconn .conn .right { width: 48%;  vertical-align: middle;  }
            .shopproblembigconn .conn .right p { text-align: left; color: #fff; font-size: 16px; margin-bottom: 20px; }



@media only screen and (max-width:768px) {
    .shopproblembig .shopproblemtitle span { font-size: 20px; }
    .shopproblembigconn .conn .left { display: none; }
    .shopproblembigconn .conn .right { width: 100%; }
}


.strategybig { width: 100%; background-color: #fff; padding: 0px 10px; }
    .strategybig .strategybigtitle { display: block; width: 100%; text-align: center; margin-top: 0px; padding: 50px 0px 20px 0px; }
        .strategybig .strategybigtitle img { display: inline-block; vertical-align: middle; }
        .strategybig .strategybigtitle span { display: inline-block; vertical-align: middle; font-size: 28px; color: #513dd0; margin: 0px 50px; }
    .strategybig .subtitle { font-size: 16px; color: #000; margin-bottom: 40px; }
    .strategybig .line { max-width: 1200px; border-bottom: dashed 1px #d4cff4 }


@media only screen and (max-width:768px) {
    .strategybig .strategybigtitle span { font-size: 20px; }
}


.strategyconn { width: 100%; }
    .strategyconn .conn { max-width: 1200px; padding: 60px 10px; }
    .strategyconn .items { width: 100%; overflow: hidden; }
        .strategyconn .items p { text-align: left; font-size: 16px; margin-left: 1%; width: 15.66%; margin-right: 16.66%; float: left; display: inline-block; }
            .strategyconn .items p:last-child { margin-right: 0px; }

    .strategyconn .img { margin: 20px 0px; }
        .strategyconn .img img { max-width: 100%; }

    .strategyconn .items2 { width: 100%; overflow: hidden; }
        .strategyconn .items2 p { text-align: left; font-size: 16px; width: 15.66%; margin-left: 17.66%; float: left; display: inline-block; }
            .strategyconn .items2 p:last-child { margin-right: 0px; }

@media only screen and (max-width:768px) {
    .strategyconn .conn { padding: 20px 10px; }
    .strategyconn .items p { font-size: 14px; margin-left: 0%; width: 100%; margin-right: 0%; margin-bottom: 10px; }
    .strategyconn .items2 p { font-size: 14px; width: 100%; margin-left: 0%; margin-bottom: 10px; }
}


.executebig { width: 100%; background-color: #fff; padding: 0px 10px; }
    .executebig .executebigtitle { display: block; width: 100%; text-align: center; margin-top: 0px; padding: 50px 0px 20px 0px; }
        .executebig .executebigtitle img { display: inline-block; vertical-align: middle; }
        .executebig .executebigtitle span { display: inline-block; vertical-align: middle; font-size: 28px; color: #513dd0; margin: 0px 50px; }

@media only screen and (max-width:768px) {
    .executebig .executebigtitle span { font-size: 20px; }
}

.executeconn { width: 100%; }
    .executeconn .conn { max-width: 1200px; padding: 60px 10px; }
        .executeconn .conn ul { width: 100%; font-size: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; }
            .executeconn .conn ul li { display: inline-block; vertical-align: top; width: 23%; margin: 0px 1%; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); border-radius: 5px; }
                .executeconn .conn ul li p { font-size: 16px; padding: 15px; text-align: left; }
                .executeconn .conn ul li img { max-width: 100%; padding: 10px 0px; }

@media only screen and (max-width:768px) {
    .executeconn .conn { padding: 20px 10px; }
        .executeconn .conn ul li p { font-size: 12px; padding: 5px; }
}



.effectbig { width: 100%; background-color: #5b49d3; padding: 0px 10px; }
    .effectbig .effectbigtitle { display: block; width: 100%; text-align: center; margin-top: 0px; padding: 50px 0px 20px 0px; }
        .effectbig .effectbigtitle img { display: inline-block; vertical-align: middle; }
        .effectbig .effectbigtitle span { display: inline-block; vertical-align: middle; font-size: 28px; color: #fff; margin: 0px 50px; }

    .effectbig .conn { max-width: 1200px; padding-bottom: 60px; text-align: center; }
        .effectbig .conn .line { border-bottom: dashed 1px #8375de; margin-bottom: 30px; }
        .effectbig .conn p { font-size: 18px; color: #fff; line-height: 1.5; text-align: center; }

@media only screen and (max-width:768px) {
    .effectbig .effectbigtitle span { font-size: 20px; }
    .effectbig .conn { padding-bottom: 30px; }
        .effectbig .conn p { font-size: 14px; }
}

.effectdatabig { width: 100%; margin: 40px auto; max-width: 1200px; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); border-radius: 5px; }
    .effectdatabig .subtitle2 { color: #e60000; font-size: 24px; text-align: center; margin: 20px 0px; padding: 20px 0px 0px 0px; }
    .effectdatabig .subtitle3 { color: #e60000; font-size: 16px; text-align: center; }
    .effectdatabig .pic { padding: 40px 0px; }
        .effectdatabig .pic img { max-width: 100%; }