@charset "utf-8";
.custom_list_met_16_1_4 {
     min-height:200px
 }
.custom_list_met_16_1_4 section {
    height:500px;
    padding:50px 0;
    background:#ffffff
}
.custom_list_met_16_1_4 section:nth-child(odd) {
    background:#fff
}
.custom_list_met_16_1_4 section:nth-child(even) {
    background:#f5f5f6
}
.custom_list_met_16_1_4 section .container {
    height:100%
}
.custom_list_met_16_1_4 section .container>div,.custom_list_met_16_1_4 section .desc {
    height:100%
}
.custom_list_met_16_1_4 section .desc>div {
    position:absolute;
    top:50%;
    transform:translate(0,-50%)
}
.custom_list_met_16_1_4 section .desc>div h4,.custom_list_met_16_1_4 section .desc>div h4 a {
    font-size:24px;
    color:#353B50;
    margin-top:0
}
.custom_list_met_16_1_4 section .desc>div h6 {
    font-size:18px;
    color:#353B50;
}
.custom_list_met_16_1_4 section .desc>div p {
    color:#666b6b;
}
.custom_list_met_16_1_4 section .desc>div a {
    color:#1b439b;
}
.custom_list_met_16_1_4 section .desc>div a:hover {
    opacity:0.8
}
.custom_list_met_16_1_4 section .img {
    height:100%
}
.custom_list_met_16_1_4 section .img img {
    max-height:100%;
    max-width:100%
}
@media (max-width:1024px) {
    .custom_list_met_16_1_4 section {
        padding:50px 0
    }
}@media (max-width:767px) {
    .custom_list_met_16_1_4 section {
        padding:30px 0
    }
    .custom_list_met_16_1_4 section .container,.custom_list_met_16_1_4 section .container>div,.custom_list_met_16_1_4 section .desc {
        height:auto
    }
    .custom_list_met_16_1_4 section .desc>div {
        position:static;
        transform:translate(0,0);
        text-align:left;
    }
    .custom_list_met_16_1_4 section:nth-child(odd) .img {
        margin-top:10px
    }
    .custom_list_met_16_1_4 section:nth-child(even) .img {
        margin-bottom:10px
    }
    .custom_list_met_16_1_4 section .img img {
        max-width:90%
    }
    .custom_list_met_16_1_4 section {
        height:auto
    }
}
.online-panel-section
{
    background: url(../images/split-line-row-gray.png) no-repeat center top #fff;height: 900px;"
}
.online-panel-section h4{ text-align: center;}
.online-panel-item
{
    padding: 0px 50px;
}
.online-panel-item >div{width: 100%;background: #f5f5f6; height: 200px;padding: 70px 30px;}
.online-panel-item >div img{ width: 80px; position: absolute; left: 50%; margin-left: -40px; top: -40px;}
.online-panel2-section{ height: 900px; padding-top: 50px;}
.online-panel2-section h4{ text-align: center; margin-top: 50px;}
.online-panel3-sectiion{ height: 700px;}
.online-panel3-sectiion .text-item{ height: 43px; background: url(../images/solution/split-line.png) no-repeat;padding:0px 15px;}
.online-panel3-sectiion .mt20{ margin-top: 20px;}
.online-panel3-sectiion .mt150{ margin-top: 150px;}
.sq-item{
    width: 275px;
    height: 350px;
    background: #fff;
    margin: auto;
    padding-top: 30px;
    text-align: center;
    -moz-box-shadow:10px 10px 10px #8eb0eb;
    -webkit-box-shadow:10px 10px 10px #8eb0eb;
    box-shadow:0px 0px 50px #8eb0eb;
}
.sq-item-text
{
    text-align: left;
    margin: 20px auto auto auto ;
    width: 80%;
    border-top: 1px  #777 solid;
    padding: 20px 25px;
}

.gj-sq-item{
    width: 275px;
    height: 350px;
    background: #fff;
    margin: auto;
    padding-top: 20px;
    text-align: center;
    -moz-box-shadow:10px 10px 10px #dedede;
    -webkit-box-shadow:10px 10px 10px #dedede;
    box-shadow:0px 0px 50px #dedede;
}
.gj-sq-item-text
{
    text-align: left;
    margin: 5px auto auto auto ;
    width: 85%;
    padding: 15px 25px;
}

.gov-solutiion-jg-item
{
    margin-top: 150px; padding: 0px 50px;
}
.gov-solutiion-jg-item >div{
    width: 325px;background: #f5f5f6; height: 200px;padding: 50px 30px; margin: auto;
}
.gov-solutiion-jg-item img
{
    position: absolute; left: 50%; margin-left: -40px; top: -40px;
}
.gov-solutiion-jg-item h4{ text-align: center;}


.inter-solutiion-jg-item
{
    margin-top: 150px; padding: 0px 50px;
}
.inter-solutiion-jg-item >div{
    width: 325px; height: 130px;padding: 50px 30px; margin: auto;
    text-align: center;
    -moz-box-shadow:0px 0px 10px #dedede;
    -webkit-box-shadow:10px 10px 10px #dedede;
    box-shadow:2px 2px 5px #dedede;
}
.inter-solutiion-jg-item img
{
    position: absolute; left: 50%; margin-left: -40px; top: -30px;
}
.inter-solutiion-jg-item h4{ text-align: center;}


.xs-sq-item{
    width: 275px;
    height: 300px;
    margin: auto;
    padding-top: 20px;
    text-align: center;
    background: #f5f5f6;
    border-radius: 5px;
}
.xs-sq-item img{
    position: absolute; left: 50%; margin-left: -40px; top: -40px;
}
.xs-sq-item-text h4{ margin-bottom: 35px;}
.xs-sq-item-text
{
    text-align: left;
    margin: 25px auto auto auto ;
    width: 95%;
    padding: 15px 25px;
}

@media (max-width:767px) {

    .online-panel-item
    {
        padding: 0px 15px;
        margin: 30px 0px;
    }
    .online-panel-item >div{width: 100%;background: #f5f5f6; height: 150px;padding: 70px 30px;}
    .online-panel-item >div img{ width: 60px; position: absolute; left: 50%; margin-left: -30px; top: -30px;}
    .online-panel2-item >div >div{margin-top: 50px; font-weight: 400; padding: 0px 15px;}
    .online-panel2-item img{ width: 100%;}
    .online-panel2-section{ height: 650px; padding-top: 50px;}
    .online-panel2-section h4{ text-align: center; margin-top: 50px;}
    .online-panel3-sectiion{ height: 1000px;}
    .online-panel3-sectiion .text-div{ margin-bottom: 30px;}
    .online-panel3-sectiion .text-item{ height: 43px; background: url(../images/solution/split-line.png) no-repeat;padding:0px 15px;margin-top: 20px}
    .online-panel3-sectiion .mt20{ margin-top: 20px;}
    .online-panel3-sectiion .mt150{ margin-top: 50px;}
}