h1{ font-size: 32px;margin-bottom: 12px;}
h2{ font-size: 24px;}



.linear_gradient {
    background: -moz-linear-gradient(top, #FFFFFF, #f8f8f8);
    background: -webkit-linear-gradient(top, #FFFFFF, #f8f8f8);
    background: -ms-linear-gradient(top, #FFFFFF, #f8f8f8);
    background: linear-gradient(top, #FFFFFF, #f8f8f8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#f8f8f8)";
+ background : #f9f9f9;
}

.triangle_up, .triangle_down_red, .triangle_down_gray {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.triangle_up {
    border-bottom: 4px solid #ca0309;
}

.triangle_down_red {
    border-top: 4px solid #ca0309;
}

.triangle_down_gray {
    border-top: 4px solid #c4bdbd;
}






.sd-sys {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.sd-sys h1 {
    margin-top: 50px;
}

.sd-sys-img {
    width: 100%;
    height: auto;    margin: -20px auto 0;
}

.sd-sys-img img {
    max-width: 100%;
    height: auto;display:block;
}

.sd-sys-title-parent {
    width: 100%;
    padding-top: 20px;
    background-color: #f0f0f0;
}

.sd-sys-title {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.sd-sys-title-li {
    width: 96%;
    height: 160px;
    
    float: left;
    letter-spacing: 2px;
}


.sd-sys-title-li img {
    float: left;
    margin-right: 20px;
}

.sd-sys-title-li h3 {
    margin: 52px auto 20px;
    font-size: 30px;
    letter-spacing: 3px;
}

.sys-idea {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.sys-idea h1 {
    margin-top: 50px;
}

.sys-idea-child {
    width: 100%;
    height: auto;    margin: 50px auto 0;
}

.sys-idea-child p {
    text-indent: 2em;
    line-height: 150%;
}

.sys-client {
    width: 100%;
    height: auto;

    margin: 50px auto 0;
}

.sys-idea-child img {
    max-width: 100%;
}

.sys-client img {
    max-width: 100%;
}

.pro-fun-parent {
    width: 100%;
    background-color: #f7f7f7;
}

.pro-fun-child {
    width: 100%;
    height: auto;    margin: 80px auto 0;
}

.pro-fun-parent h1 {
    width: 100%;
    height: auto;    line-height: 152px;
    margin: 0 auto;
}

.pro-fun-parent-title {
    width: 100%;
    height: 92px;
    background-color: #056fba;
    text-align: center;
    font-size: 35px;
    line-height: 92px;
    color: #ffffff;
    letter-spacing: 5px;
}

.pro-fun-child-img1 {
    width: 100%;
    height: auto;

    float: left;
    margin-left: 20px;
    background: url("../images/sd-1.png");
}

.pro-fun-child-img2 {
    width: 100%;
    height: auto;
    float: right;
    margin-right: 50px;
    background: url("../images/sd-2.png");
}



.starC-sd-sys {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.starC-sd-sys h1 {
    margin-top: 50px;
}

.starC-sd-sys img {
    width: 100%;
    height: auto;    margin: 0 auto;
}

.starC-title-parent {
    width: 100%;
    padding-top: 10px;
    background-color: #f0f0f0;
}

.starC-title {
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    text-indent: 2em;
}

.starC_footer_con {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
}


.starC-class-title {
    width: 100%;
    height: auto;    margin: 0 auto;
}

.starC-class-title-li {
    width: 96%;
    height: auto;
        float: left;
    letter-spacing: 2px;
}

.starC-class-title-li img {
    float: left;
    margin-right: 20px;
}

.starC-class-title-li h3 {
    margin: 52px auto 20px;
    font-size: 30px;
    letter-spacing: 3px;
}

.sys-framework {
    width: 100%;
    height: auto;    margin: 50px auto 0;
}

.sys-framework h1 {
    color: #056fba;
}

.starC-class_footer_con {
    width: 100%;
    height: auto;
    margin: 10px auto 20px;
}

.starC-class_footer_img {
    width: 100%;
    height: auto;
text-align: center;
    float: left;
}

.starC-class_footer-right {
    float: right;
}


.train-framework {
    width: 100%;
    height: auto;    margin: 50px auto 0;
}

.train-framework p {
    width: 100%;
    height: auto;    margin: 10px auto 0;
    text-indent: 2em;
}

.train-framework-footer-img {
    width: 100%;
    height: auto;
    margin: 20px auto;
}

.train-framework-footer-img img {
    max-width: 100%;width: 100%;
    height: auto;display:block;
}


.microClass-platform {
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding-top: 20px;
}

.microClass_con {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.microClass-title {
    margin-top: 20px;
    text-indent: 2em;

}


.digschool-img {
    width: 100%;
    height: auto;    margin: 0 auto;
}

.digschool-img img {
    max-width: 100%;width: 100%;
    height: auto;display:block;
}

.digSchool-framework {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.digschool_footer_con {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


.netHelp-framework {
    width: 100%;
    height: auto;    margin: 0 auto;
}
.netHelp-img {
    width: 100%;
    height: auto;    margin: 0 auto;
}
.netHelp_footer_con {
    width: 100%;
    height: auto;    margin: 40px auto 0;
}


.fcr-header-img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.fcr-title {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.fcr-framework {
    width: 100%;
    height: auto;    margin: 0 auto;
    padding-top: 20px;
}

.fcr-framework h1 {
    margin-bottom: 20px;
}

.fcr_footer_con {
    width: 100%;
    height: auto;    margin: 0 auto;
}

.fcr-footer-ul li {
    float: left;
    margin-left: 14px;
    margin-top: 20px;
    position: relative;
}

.fcr-footer-ul li h4 {
    color: #056fba;
    position: absolute;
    top: 200px;
    left: 140px;
}

.sfc-sys-img1{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.sfc-sys-img2{
    width: 100%;
    height: auto;

    margin: 40px auto 0;
}
.sfc-sys-title {
    width: 100%;
    height: auto;    margin: 0 auto;
}

.sff-sys-img1{
    width: 100%;
    height: auto;    margin: 0 auto;
}
.sff-sys-img2{
    width: 100%;
    height: auto;
    margin: 40px auto 0;
}


.dss-sys-img{
position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.dss-sys-framework{
    
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.code{ position: absolute;top: 100px;right: 70px;width: 140px;}
.code div{ display: inline-block; font-size: 14px; width: 140px; margin-left: 20px; z-index: 3; position: relative;  margin-top: 16px;}
.code div label{ display: inline-block; width: 140px; text-align: center; color: #056fba; font-weight: 700;cursor: pointer;margin-top: 6px; cursor: pointer;}