@media screen and (min-width: 769px) and (max-width: 959px) {
        .hearder {
            width: 75%;
            margin: 0 auto;
            height: 3rem;
            line-height: 3rem;
        }
        .header-title {
            color: #004596;
            vertical-align: middle;
            font-size: 1rem;
        }
        .header-right{
            margin-right: -10%;
        }
        .header-right li {
            list-style: none;
            float: right;
            margin: 0 2%;
            font-size: 0.9rem;
        }

        .service h2 {
            text-align: center;
            margin-top: 7rem;
            font-size: 2rem;
        }
        .pic {
            width: 100%;
            margin-top: 4rem;
            text-align: center;
        }
        .pic div{
            margin-left: 6rem;
            width: 6rem;
        }
        .pic div:nth-child(1){
            margin-left: 0;
        }
        .pic div p{
            margin-top: 2rem;
        }
        .aboutus h2 {
            text-align: center;
            margin-bottom: 1%;
            margin-top: 1%;
            font-size: 2rem;
        }
        .aboutus h5 {
            text-align: center;
            margin-top: 3rem;
        }
        .aboutus p {
            width: 760px;
            margin: 10px auto;
            text-indent: 2rem;
            line-height: 1.5rem;
        }
        .contactus h2 {
            text-align: center;
            margin-bottom: 2%;
            font-size: 1.5rem;
        }
        .contactus>div{
            /*text-align: center;*/
            margin-top: 4rem;
        }
         .address-leftmar{
            margin-left: 10rem;
        }
        .email-address p {
            font-size: .8rem;
        }
        .code-li {
            position: relative;
        }
        .code-li:hover .dicode {
            display: block;
            
        }
        .dicode {
            background-color: #fff;
            width: 250px;
            height: 250px;
            padding: 25px;
            position: absolute;
            top: 90%;
            left: -96%;
            display: none;

        }
        .dicode>img {
            width: 100%;
            height: 100%;
        }
        .image-item{
            width: 760px;
            height: 19rem;
        }
    }