img{display: block;}
.mg-100{margin: 100px 0;}
.safeArea{width: 85%;margin:0 auto;max-width: 1610px;overflow: hidden;}
.compDesc{font-size: 24px;line-height: 2;font-weight: 300;}
.safeArea{text-align: center;}
.safeArea>.line{width: 1px;height: 130px;margin: 0 auto;background-color: #000;}
.safeArea>.date{background-color: #000;color: #fff;font-size: 28px;display: inline-block;letter-spacing:3px;margin-top: 30px;padding: 0 12px;}
.date-year{margin-top: 20px;font-size: 70px;font-weight: bold;}
.yearDesc{margin-top: 20px;}
.timeCont{font-size: 13vw;margin:100px 0 40px 0;}
.unitCont{position: relative;line-height: 1;display: inline-block;}
.unit{font-size: 20px;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);margin-top: 40px;}
.unitCont>div{float: left;}
.caseCont>.line{width: 1px;height: 130px;margin: 0 auto;background-color: #000;margin-top: 40px;}
.podp>img{width: 193px;display: inline;}
.pack,.podpDesc{margin-top: 60px;}
.pack>.compDesc{margin-top: 30px;}
.podpCont{margin-bottom: 0;}
.podpItem{width: 22.75%;float: left;margin-right: 3%;}
.podpItem:last-of-type{margin-right: 0;}
.podpTitle,.yearDesc,.partnerCnTitle{font-size: 36px;}
.podpDesc>p:nth-of-type(1){margin-top: 30px;}
.podpDesc>p{line-height: 2;font-size: 18px;}
.p-o-p-d{margin: 50px auto 100px auto;}
.compPic-2{margin-top: 0;}
.partners{margin-top: 20px;}
.partnerTitle{font-size: 70px;font-weight: bold;margin-top: 50px;}
.partnerCnTitle{margin-top: 40px;}
.logos{text-align: left;margin: 60px 0 200px 0;}
.logos>img{width: 5.5%;height: auto;display: inline-block;margin:0 5.4%;margin-top: 60px;}
.logos>.bigLogo{width: 22%;}
.font-banner{margin-top: 5px;}
.mt-100{margin-top: 100px;}
.links{
    overflow: hidden;/*大div要清除浮动*/
    margin:0 auto;
    text-align: center;
    margin-top: 1.5%;
    padding-left: 1%;
}
.back{
    overflow: hidden;/*大div要清除浮动*/
    width:100%;
    height:10%;
    background-color: #666666;
}
h3{
    float:left;
    color:#fff;
    font-size: 1vw;
    height: 70px;line-height: 70px;
}
.links-a{
    margin-top: 2%;
}
.links-l{
    margin:0 auto;
}
.links-i{
    float:left;
    text-align:left;
    width:10%;
    margin-left: 4%;
}
.links-l li{
    line-height: 231%;
    color:#A6A8A7;
    font-size: 1vw;
    display: block;
    width: 141%;
}
.links-l li span{
    color:#000;
    font-weight: bold;
    display: block;
    width: 141%;
}
.tp-x{
    margin:0 auto;
    margin-top: 1%;
    height: 1px;
    background-color: #000000;
}

@media screen and (max-width: 1270px) {
    .logoItem>img{margin: 0 4%;width: 8%;}
    .logos>.bigLogo{width: 25%;}
}

@media screen and (max-width: 768px) {
    .mg-100{margin: 30px 0;}
    .mt-100{margin-top: 30px;}
    .safeArea{width: 94%;}
    .compDesc{font-size: 16px;}
    .safeArea>.date{font-size: 20px;}
    .date-year,.partnerTitle{font-size: 32px;}
    .podpTitle, .yearDesc, .partnerCnTitle{font-size: 20px;}
    .safeArea>.line,.caseCont>.line{height: 80px;}
    .timeCont{margin:60px 0 30px 0;}
    .timeCont{font-size: 13vw}
    .unit{font-size: 12px;margin-top: 18px}
    .links,.tp-x{display: none;}
    .podp>img{width: 100px;}
    .p-o-p-d{transform: translateY(0);margin:0;width: 100%;}
    .podpItem{width: 47%;margin-right:6%;margin-top: 30px;}
    .podpItem:nth-of-type(2){margin-right: 0;}
    .podpDesc{margin-top: 20px;}
    .podpDesc>p{font-size: 14px;}
    .podpDesc>p:nth-of-type(1){margin-top: 10px;}
    .logos>img{width: 11.5%;margin: 0 2%;margin-top: 30px;}
    .logos>.bigLogo{width: 28%;}
    .partnerCnTitle{margin-top: 20px;}
    .logos{text-align: left;margin: 20px 0 50px 0;}
    .font-banner{margin-top: 3px;}
}