.content{
    width: 80%;
    padding: 40px 10% 40px 10%;
    position: relative;
}
.content .deve_img{
    width: 100%;
    height: 500px;

}
.content .deve_img img{
    width: 100%;
    height: 500px;
}

.content .deve_mian{
    width: 100%;


}
.content .deve_mian .deve_menu1{
    width: 25%;
    height: 100px;
    background: url("../img/devemenu1.png") no-repeat;
    background-size: contain;
    word-wrap: break-word;
    position: absolute;
    top: 65%;
    right: 62%;
    font-size: 1rem;
    color: #ffffff;

    display: block;
    padding-top: 20px;

}
.content .deve_mian .deve_menu1 a{
    color: #ffffff;
    padding-left: 30px;
}
.content .deve_mian .deve_menu2 a{
    color: #ffffff;
    padding-left: 30px;
}
.content .deve_mian .deve_menu3 a{
    color: #ffffff;
    padding-left: 30px;
}
.content .deve_mian  .menu1_text{
    width: 50%;
    position: absolute;
    bottom:140px;
    background: #f4fbff;
    border: 1px solid #c3c3c3;
    color: #999999;
    z-index: 10;
    font-size: 0.8rem;
    padding: 10px;
    display: none;
}
.content .deve_mian .deve_menu1:hover .menu1_text{
    display: block;
}
.content .deve_mian .deve_menu2:hover .menu1_text{
    display: block;
}
.content .deve_mian .deve_menu3:hover .menu1_text{
    display: block;
}
.content .deve_mian .deve_menu2{
    width: 25%;
    height: 100px;
    background: url("../img/devemenu2.png") no-repeat;
    background-size: contain;
    word-wrap: break-word;
    position: absolute;
    top: 43%;
    right: 40%;
    font-size: 1rem;
    color: #ffffff;

    display: block;
    padding-top: 20px;
}

.content .deve_mian .deve_menu3{
    width: 25%;
    height: 100px;
    background: url("../img/devemenu3.png") no-repeat;
    background-size: contain;
    word-wrap: break-word;
    position: absolute;
    top:21%;
    right: 18%;
    font-size: 1rem;
    color: #ffffff;

    display: block;
    padding-top: 20px;
}

@media (min-width: 1200px) {


}
/*平板电脑和小屏电脑之间的分辨率*/
@media (min-width: 768px) and (max-width: 979px) {
    .content .deve_img{
        width: 100%;
        height: 400px;

    }
    .content .deve_img img{
        width: 100%;
        height: 400px;
    }

    .content .deve_mian .deve_menu1{

        padding-top: 10px;
    }
    .content .deve_mian .deve_menu2{

        padding-top:10px;
    }

    .content .deve_mian .deve_menu3{
        padding-top: 10px;
    }

    .content .deve_mian .deve_menu1 a{
        color: #ffffff;
        padding-left: 20px;
    }
    .content .deve_mian .deve_menu2 a{
        color: #ffffff;
        padding-left: 20px;
    }
    .content .deve_mian .deve_menu3 a{
        color: #ffffff;
        padding-left:20px;
    }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率*/
@media (max-width: 767px) {
    .content .deve_img{
        width: 100%;
        height: 400px;

    }
    .content .deve_img img{
        width: 100%;
        height: 400px;
    }

    .content .deve_mian .deve_menu1{
        width: 40%;
        height: 100px;
        background: url("../img/devemenu1.png") no-repeat;
        background-size: contain;
        word-wrap: break-word;
        position: absolute;
        top: 69%;
        right: 60%;
        font-size: 0.8rem;
        color: #ffffff;

        display: block;
        padding-top: 10px;
    }
    .content .deve_mian .deve_menu2{
        width: 40%;
        height: 100px;
        background: url("../img/devemenu2.png") no-repeat;
        background-size: contain;
        word-wrap: break-word;
        position: absolute;
        top: 47%;
        right: 38%;
        font-size: 0.8rem;
        color: #ffffff;

        display: block;
        padding-top: 10px;
    }

    .content .deve_mian .deve_menu3{
        width: 40%;
        height: 100px;
        background: url("../img/devemenu3.png") no-repeat;
        background-size: contain;
        word-wrap: break-word;
        position: absolute;
        top:25%;
        right: 16%;
        font-size: 0.8rem;
        color: #ffffff;

        display: block;
        padding-top: 10px;
    }

}
/*横向放置的手机及分辨率更小的设备*/
@media (max-width: 480px){
    .content .deve_img{
        width: 100%;
        height: 300px;

    }
    .content .deve_img img{
        width: 100%;
        height: 300px;
    }

    .content .deve_mian .deve_menu1{
        width: 40%;
        height: 100px;
        background: url("../img/devemenu1.png") no-repeat;
        background-size: contain;
        word-wrap: break-word;
        position: absolute;
        top: 60%;
        right: 50%;
        font-size: 0.6rem;
        color: #ffffff;

        display: block;
        padding-top: 7px;

    }

    .content .deve_mian .deve_menu2{
        width: 40%;
        height: 100px;
        background: url("../img/devemenu2.png") no-repeat;
        background-size: contain;
        word-wrap: break-word;
        position: absolute;
        top: 45%;
        right: 34%;
        font-size: 0.6rem;
        color: #ffffff;

        display: block;
        padding-top: 7px;
    }

    .content .deve_mian .deve_menu3{
        width: 40%;
        height: 100px;
        background: url("../img/devemenu3.png") no-repeat;
        background-size: contain;
        word-wrap: break-word;
        position: absolute;
        top:30%;
        right: 18%;
        font-size: 0.6rem;
        color: #ffffff;

        display: block;
        padding-top: 7px;
    }
    .content .deve_mian .deve_menu1 a{
        color: #ffffff;
        padding-left: 10px;
    }
    .content .deve_mian .deve_menu2 a{
        color: #ffffff;
        padding-left: 10px;
    }
    .content .deve_mian .deve_menu3 a{
        color: #ffffff;
        padding-left:10px;
    }
}
/*.content{*/
    /*width: 80%;*/
    /*padding: 40px 10%;*/
    /*position: relative;*/
/*}*/
/*.content .deve_img{*/
    /*width: 100%;*/
    /*height: 500px;*/

/*}*/
/*.content .deve_img img{*/
    /*width: 100%;*/
    /*height: 500px;*/
/*}*/
/*.content .deve_mian{*/
    /*width: 100%;*/

    /*/!*background: url("../img/deve_mainbg.jpg") no-repeat bottom ;*!/*/
    /*/!*background-size: contain;*!/*/

/*}*/
/*.content .deve_mian .deve_menu1{*/
    /*width: 15%;*/

    /*word-wrap: break-word;*/
    /*position: absolute;*/
    /*top: 65%;*/
    /*right: 72%;*/
    /*font-size: 1rem;*/
    /*color: #ffffff;*/
    /*text-align: right;*/

/*}*/
/*.content .deve_mian .deve_menu2{*/
    /*width: 15%;*/

    /*word-wrap: break-word;*/
    /*position: absolute;*/
    /*top: 45%;*/
    /*right: 52%;*/
    /*font-size: 1rem;*/
    /*color: #ffffff;*/
    /*text-align: right;*/
/*}*/

/*.content .deve_mian .deve_menu3{*/
    /*width: 15%;*/

    /*word-wrap: break-word;*/
    /*position: absolute;*/
    /*top: 23%;*/
    /*right: 31%;*/
    /*font-size: 1rem;*/
    /*color: #ffffff;*/
    /*text-align: right;*/
/*}*/


/*/!*大屏幕 *!/*/
/*@media (min-width: 1200px) {*/
    /*.content .deve_mian .deve_menu1{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 66%;*/
        /*right: 72%;*/
        /*font-size: 1rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/

    /*}*/
    /*.content .deve_mian .deve_menu2{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 45%;*/
        /*right: 52%;*/
        /*font-size: 1rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/

    /*.content .deve_mian .deve_menu3{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 23%;*/
        /*right: 31%;*/
        /*font-size: 1rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/
/*}*/
/*/!*平板电脑和小屏电脑之间的分辨率*!/*/
/*@media (min-width: 768px) and (max-width: 979px) {*/
    /*.content .deve_mian .deve_menu1{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 65%;*/
        /*right: 72%;*/
        /*font-size: 0.8rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/

    /*}*/
    /*.content .deve_mian .deve_menu2{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 45%;*/
        /*right: 52%;*/
        /*font-size: 0.8rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/

    /*.content .deve_mian .deve_menu3{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 23%;*/
        /*right: 31%;*/
        /*font-size: 0.8rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/
/*}*/
/*/!* 横向放置的手机和竖向放置的平板之间的分辨率*!/*/
/*@media (max-width: 767px) {*/
    /*.content .deve_mian .deve_menu1{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 62%;*/
        /*right: 72%;*/
        /*font-size: 0.6rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/

    /*}*/
    /*.content .deve_mian .deve_menu2{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 43%;*/
        /*right: 52%;*/
        /*font-size: 0.6rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/

    /*.content .deve_mian .deve_menu3{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 23%;*/
        /*right: 31%;*/
        /*font-size: 0.6rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/
/*}*/
/*/!*横向放置的手机及分辨率更小的设备*!/*/
/*@media (max-width: 480px){*/
    /*.content .deve_mian .deve_menu1{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 60%;*/
        /*right: 72%;*/
        /*font-size: 0.6rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/

    /*}*/
    /*.content .deve_mian .deve_menu2{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 43%;*/
        /*right: 52%;*/
        /*font-size: 0.6rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/

    /*.content .deve_mian .deve_menu3{*/
        /*width: 15%;*/

        /*word-wrap: break-word;*/
        /*position: absolute;*/
        /*top: 25%;*/
        /*right: 31%;*/
        /*font-size: 0.6rem;*/
        /*color: #ffffff;*/
        /*text-align: right;*/
    /*}*/

/*}*/