.title-line {
    width: 90px;
    border-bottom: 5px solid #00ADEE;
    margin: 15px auto;
}
.ul-lineheight li{
    line-height:35px;
}
.hr-Salary {
    background-image: url(../images/aboutus/hr/Salary.jpg);
    width: 100%;
    height: 180px;
    text-align: center;
    padding-top: 17%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hr-Station {
    background-image: url(../images/aboutus/hr/station.jpg);
    width: 100%;
    height: 180px;
    text-align: center;
    padding-top: 17%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hr-School {
    background-image: url(../images/aboutus/hr/School.jpg);
    width: 100%;
    height: 180px;
    text-align: center;
    padding-top: 17%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hr-Culture {
    background-image: url(../images/aboutus/hr/culture.jpg);
    width: 100%;
    height: 372px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.Stock-Rules {
    background-image: url(../images/stock/Rules.jpg);
    width: 311px;
    height: 181px;
    padding-top: 20%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.Stock-Constitution {
    background-image: url(../images/stock/Constitution.jpg);
    width: 311px;
    height: 181px;
    padding-top: 20%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.Stock-Distribute {
    background-image: url(../images/stock/Distribute.jpg);
    width: 311px;
    height: 181px;
    padding-top: 20%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.Stock-Holder {
    background-image: url(../images/stock/Holder.jpg);
    width: 311px;
    height: 181px;
    padding-top: 20%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.stock-btn {
    color:#fff;
    font-size:28px;
 
}
.stock-btn:hover {
    color:#ccc;
    }


.hfb {
    background-image: url(../images/aboutus/hfb.jpg);
    width: 100%;
    height: 401px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hfNotic {
    background-image: url(../images/news/notic.jpg);
    width: 100%;
    height: 238px;
    margin-top: 45px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hfSchool {
    background-image: url(../images/services/school.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.hfOnlineService {
    background-image: url(../images/services/onlineService.jpg);
    width: 100%;
    height: 372px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.hfseeFactory {
    background-image: url(../images/services/seeFactory.jpg);
    width: 100%;
    height: 372px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.hfbrand {
    background-image: url(../images/aboutus/hfBrand.jpg);
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.hfKsxfz {
    background-image: url(../images/aboutus/btn-ksxfz.jpg);
    width: 100%;
    height: 401px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hfMajor {
    background-image: url(../images/aboutus/Develop/Environment/main.jpg);
    width: 100%;
    height: 621px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hfGreen {
    background-image: url(../images/aboutus/Develop/Environment/bg.jpg);
    background-repeat:no-repeat;
    background-size:100%;
    width: 100%;
    height: 720px;
}
.hfBrill {
    background-image: url(../images/aboutus/Brand/Brilliance/bg-01.png);
    width: 100%;
    height: 376px;
    background-repeat: no-repeat;
    background-size: 100%;
}


.contact-b1 {
    background-image: url(../images/contact/b1.jpg);
    width: 100%;
    height: 180px;
    text-align: center;
    padding-top: 17%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.contact-b1 a:hover {
    border:1px thick #ff6a00; 
    color:#ff6a00;
}
.contact-b2 {
    background-image: url(../images/contact/b2.jpg);
    width: 100%;
    height: 180px;
    text-align: center;
    padding-top: 17%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.contact-b3 {
    background-image: url(../images/contact/b3.jpg);
    width: 100%;
    height: 180px;
    text-align: center;
    padding-top: 17%;
    font-size: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.contact-lg-font{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-style:italic;
    font-size:28px;
    font-weight:bold;
}

.certMap {
    background-image: url(../images/services/map.png);
    background-repeat: no-repeat;
    width: 1318px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: 100%;
}




.certMapBtn {
 
    border-radius: 50%;
    display: block;
    background-image:url(../images/services/mapPoint.png);
    width: 40px;
    height:40px;

    -webkit-animation: twinkling 3s infinite ease-in-out
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes twinkling {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 2;
    }
}

@keyframes twinkling {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 2;
    }
}



.turn {
    animation: turn 5s linear infinite;
}
/* 
      turn : 定义的动画名称
      1s : 动画时间
      linear : 动画以何种运行轨迹完成一个周期
      infinite :规定动画应该无限次播放
     */
@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}