@import "public.css";


.picBox { width: 100%; height: 572px; margin: 0px auto}

.bgSoft { width: 100%; height: 520px; background: url("http://cdn.sygdsoft.com/bg1.gif") repeat;}
.bgPic { width: 526px; height: 300px; float: left; margin-left: -20px; padding-top: 100px;}
.bgText { width: 615px; float: right; padding-top: 65px;}
.bgText p { padding-left: 70px; height: 330px; float: left; margin-top: 20px; line-height: 36px; font-size: 16px; text-align: left; background: url("http://cdn.sygdsoft.com/number.png") no-repeat 40px 12px;}

.msSoft { width: 100%; height: 490px; background: url("http://cdn.sygdsoft.com/mensuobg21.jpg") no-repeat center bottom;}
.msText { width: 600px; float: left; padding-top: 50px;}
.msText p { padding-left: 70px; padding-top: 140px; float: left; font-size: 20px; line-height: 36px; color: #fff;
    text-shadow: 1px 1px 1px #333;}





.ptSoft { width: 100%; height: 410px; background: url("../images/otherbg2.jpg") no-repeat center}
.ptMenu { width: 595px; float: left; height: 410px; position: relative; display: none}
.ptMenu a { width: 115px; height: 140px; position: absolute; color: #fff;}
.ptMenu a span { width: 20px; font-size: 20px; font-weight: bold; height: 100px; margin: 0px auto; display: block; padding-top: 50px;}
.ptMenu a:hover { color: orange;
    text-shadow: 0px 0px 15px #fff;}
.ptMenu .a01 { left: 90px; top:0px;}
.ptMenu .a02 { left: 385px; top:-10px;}
.ptMenu .a03 { left: 240px; top:140px;}
.ptMenu .a04 { left: 90px; bottom:50px;}
.ptMenu .a05 { left: 385px; bottom:0px;}
.ptText { width: 430px; float: right; padding-top: 90px;}
.ptText .ptTit { text-align: center; height: 40px; line-height: 40px; font-size: 30px; font-weight: normal; color: #fff;}
.ptText p { padding-top: 30px; font-size: 18px; line-height: 36px; text-align: left; color: #fff}

.caseBox { width: 1150px; margin: 0px auto; height: 955px;}
.caseTitle { width: 100%; height: 95px; padding-top: 50px; text-align: center}
.caseBox dl { width:356px; height: 222px; float: left; margin: 12px; position: relative }
.caseBox dl dt { width: 100%; height: 30px; line-height: 30px; position: absolute; z-index: 9; background: rgba(0,0,0,0.6); text-align: center;
    color: #fff; font-size: 14px; bottom: 0px;
}
.caseBox dl dd { width: 100%; height: 222px; position: absolute; top:0px; left: 0px; z-index: 7;}
.caseBox dl dd img { width: 100%; height: 100%}


@media (max-width: 767px) {
    body { max-width: 640px; overflow-x: hidden}
    .box800 { width: 100%}
    .ptMenu { display: none}
.bgPic { display: none}
.bgSoft { height: 7rem!important;}
.bgText { width: 95%!important; padding-top: 0.46rem!important; margin: 0px auto; float: none}
.bgText p {
    padding-left: 0.46rem!important;
    font-size: 0.22rem!important;
    line-height: 0.56rem!important;
    background: url("http://cdn.sygdsoft.com/number.png") no-repeat 0.16rem 0.2rem!important;
    margin-top: 0px!important;
    background-size: 0.25rem 91%!important;
    float: none!important;
    height: 5.1rem;
}



.msSoft {
    padding-top: 0.08rem!important;
    height: 4.38rem!important;  background: url("http://cdn.sygdsoft.com/mensuobg21.jpg") no-repeat left -0.78rem!important;background-size: 30rem!important;
}
.msText { width: 95%!important; margin: 0px auto; float: none!important; padding-top: 0.31rem!important;}
.msText p { padding-top: 0.46rem!important; padding-left: 0.16rem!important; font-size: 0.22rem!important; float: none!important;}

    .ptSoft { background-position: right bottom!important;height: 250px!important;}
    .ptText { width: 95%!important; margin: 0px auto; float: none!important; padding-top: 0.46rem!important;}
    .ptText .ptTit { height: 0.46rem!important; line-height: 0.46rem!important; font-size: 0.38rem!important;}
    .ptText p { font-size: 0.22rem!important;  line-height: 0.3rem;padding-top: 0.2rem;}
    .caseBox { width: 100%; height: 12rem; overflow: hidden}
    .caseTitle { height: 0.78rem; padding-top: 0.31rem}
    .caseTitle img { height: 0.78rem;}
    .caseBox dl { width: 46%; height: 1.88rem; float: left; margin: 2%!important;}
    .caseBox dl dd{ height: 1.88rem;}
    .indexTel { width: 100%; font-size: 0.38rem; line-height: 0.63rem; text-align: center; color: #fff; padding-top: 0.46rem;
        text-shadow: 0px 0px 5px #000;}


}