/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff;  font-size:14px; font-family:  "microsoft yahei", sans-serif, arial; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
html,body{height: 100%;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

*{box-sizing: border-box;}
/*--------------------------------*/
html,body {
    font: 12px/1.5 "microsoft yahei","黑体",tahoma, Srial, helvetica, sans-serif; height:100%;
}
a{text-decoration: none;}
ul,li{list-style-type: none;}


@-ms-viewport {
    width: device-width;
}
html {
    height: 100%;
    font-family:"PingFang SC", "microsoft yahei" ,"黑体";
}

body {
    height: 100%;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    /*background-color: #000000;*/
}
button {
    border: none;
    background: none;
}
.text-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.manu-ls-top img,
.pc-top-pd,
.ph-top-pd{
    display: none;
}
@media (max-width:768px) {
    .manu-ls-box .ph-top-pd {
        display: block;
    }
    .manu-ls-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;

        /*padding-top: 17.9%;*/
    }
    .manu-ls-top {
        /*padding-top: 17.9%;*/
        /*padding-top: 160px;*/
        width: 90.7%;
        margin: 0 auto;
    }
    .manu-ls-top img{
        width: 100%;
        height: auto;
    }
    .manu-ls-top .ph-title {
        display: block;
    }
    .manu-page-list {
        width: 100%;
        padding: 0 0.38rem 0 1rem;
        display: flex;
    }
    .manu-page-list li{
        flex: 1;
        padding-right:0.59rem;
    }
    li a,
    li a:hover{
        display: block;
        text-decoration: none;
    }
    .img-radius-box{
        width: 1.77rem;
        height: 1.77rem;
        border-radius: 50%;
        border: 3px solid #fff;
        overflow: hidden;
        box-sizing: border-box;
        margin-bottom: 0.23rem;
    }
    .img-radius-box img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .manu-name{
        color: #fff;
        font-size: 0.3rem;
        text-align: center;
        line-height: 0.44rem;
    }
    .manu-page-list li:hover .manu-name{
        color: #3b89ff;
    }
    .manu-page-list li:hover .img-radius-box{
        border-color: #3b89ff;
    }
    .manu-ls-bottom{
        position: absolute;
        width: 100%;
        bottom: 0.46rem;
        text-align: center;
        color: #fff;
        font-size: 0.3rem;
        line-height: 0.6rem;
    }
    #pano {
        background: url("../images/index-bg-ph.jpg") center no-repeat ;
        background-size: 100% 100%;
    }
}
@media (min-width:769px) {
    #pano {
        background: url("../images/index-bg-pc.jpg") center no-repeat ;
        background-size: 100% 100%;
    }
    .manu-ls-box .pc-top-pd {
        display: block;
    }
    .manu-ls-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;

        /*padding-top: 17.9%;*/
    }
    .manu-ls-top {
        /*padding-top: 17.9%;*/
        /*padding-top: 160px;*/
        width: 800px;
        margin: 0 auto;
    }
    .manu-ls-top .pc-title {
        display: block;
    }
    .manu-ls-top img{
        width: 794px;
        height: 105px;
    }
    .manu-page-list {
        width: 628px;
        margin: 0 auto;
    }
    .manu-page-list li{
        float: left;
        width: 127px;
        margin-right: 40px;
    }
    .manu-page-list li:last-child{
        margin-right: 0;
    }
    li a,
    li a:hover{
        display: block;
        text-decoration: none;
    }
    .img-radius-box{
        width: 127px;
        height: 127px;
        border-radius: 50%;
        border: 3px solid #fff;
        overflow: hidden;
        box-sizing: border-box;
        margin-bottom: 18px;
    }
    .img-radius-box img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .manu-name{
        color: #fff;
        font-size: 24px;
        text-align: center;
        line-height: 30px;
    }
    .manu-page-list li:hover .manu-name{
        color: #3b89ff;
    }
    .manu-page-list li:hover .img-radius-box{
        border-color: #3b89ff;
    }
    .manu-ls-bottom{
        position: absolute;
        width: 100%;
        bottom: 6.3%;
        text-align: center;
        color: #fff;
        font-size: 18px;
        line-height: 32px;
    }
}