@media (min-width: 760px) /****电脑版/****/
{
    .Technology_M {display:none }
    .contentDiv1 { margin: 0 auto; width: 960px; height: 290px; padding-left: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 10px; background-color: #ffffff }

    .contentDiv1 .InfoList1 { float: left; width: 255px; height: 290px; background-image: url(/images/1/img5.gif); }
    .contentDiv1 .InfoList1 .title { padding-top: 26px; padding-bottom: 5px; float: left; width: 255px }
    .contentDiv1 .InfoList1 .title .name { float: left; padding-left: 30px }
    .contentDiv1 .InfoList1 .title .more { float: right; }
    .contentDiv1 .InfoList1 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; float: left; width: 235px }

    .contentDiv1 .InfoList2 { float: right; width: 695px; height: 290px; background-image: url(/images/1/img4.gif); }
    .contentDiv1 .InfoList2 .title { padding-top: 26px; padding-bottom: 5px; width: 100%; }
    .contentDiv1 .InfoList2 .title .name { float: left; padding-left: 30px;color:white;font-size:14px }
    .contentDiv1 .InfoList2 .title .more { float: right; }

    .contentDiv2 { margin: 0 auto; width: 960px; height: 240px; padding-left: 15px; padding-bottom: 15px; padding-right: 15px; background-color: #ffffff }

    .contentDiv2 .InfoList1 { float: left; width: 255px; height: 240px; background-image: url(/images/1/img3.gif); }
    .contentDiv2 .InfoList1 .title { padding-top: 26px; padding-bottom: 5px; float: left; width: 255px }
    .contentDiv2 .InfoList1 .title .name { float: left; padding-left: 30px }
    .contentDiv2 .InfoList1 .title .more { float: right; }
    .contentDiv2 .InfoList1 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; float: left; width: 235px }

    .contentDiv2 .InfoList2 { float: right; width: 695px; height: 240px; background-image: url(/images/1/img6.gif); }
    .contentDiv2 .InfoList2 .title { padding-top: 26px; padding-bottom: 15px; width: 100%; }
    .contentDiv2 .InfoList2 .title .name { float: left; padding-left: 30px }
    .contentDiv2 .InfoList2 .title .more { float: right; }
    .contentDiv2 .InfoList2 .info { height: 160px; padding-left: 10px; padding-right: 10px }

    .contentDiv3 { margin: 0 auto; width: 960px; height: 300px; padding-left: 15px; padding-bottom: 15px; padding-right: 15px; background-color: #ffffff }



    .contentDiv3 .InfoList2 { float: left; width: 390px; height: 300px; background-image: url(/images/1/img14.gif); margin-left: 10px }
    .contentDiv3 .InfoList2 .title { padding-top: 26px; padding-bottom: 5px; width: 100%; float: left }
    .contentDiv3 .InfoList2 .title .name { float: left; padding-left: 30px }
    .contentDiv3 .InfoList2 .title .more { float: right; }
    .contentDiv3 .InfoList2 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; float: left; width: 270px }

    .contentDiv3 .InfoList3 { float: left; width: 295px; height: 300px; background-image: url(/images/1/img15.gif); margin-left: 10px }
    .contentDiv3 .InfoList3 .title { padding-top: 26px; padding-bottom: 5px; width: 100%; }
    .contentDiv3 .InfoList3 .title .name { float: left; padding-left: 30px }
    .contentDiv3 .InfoList3 .title .more { float: right; }
    .contentDiv3 .InfoList3 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; float: left; width: 275px }
}

@media (max-width: 760px) /****手机版/****/
{


    .contentDiv1 {background-color: #ffffff }

    .contentDiv1 .InfoList2 {width:100% }
    .contentDiv1 .InfoList2 .title {width: 100%;background-color:#efefef;margin-bottom:10px }
    .contentDiv1 .InfoList2 .title .name { float: left; padding:10px 20px 10px 10px;background-color:#00cc66;color:white;font-weight:bold }
    .contentDiv1 .InfoList2 .title .more { float: right;margin-top:5px}

    .Technology_M {background-color: #ffffff;margin-top:20px}
    .Technology_M .title {width: 100%;background-color:#efefef;margin-bottom:10px }
    .Technology_M .title .name { float: left; padding:10px 20px 10px 10px;background-color:#00cc66;color:white;font-weight:bold }
    .Technology_M .title .more { float: right;margin-top:5px}
    .Technology_M .info{width:25%;float:left }
    .Technology_M .info a{display:block;padding:10px}
    .Technology_M .info a img{display:block;width:100%}
    .Technology_M .info a p{text-align:center}


    .contentDiv1 .InfoList1 {width:100%;margin-top:20px}
    .contentDiv1 .InfoList1 .title {width: 100%;background-color:#efefef;margin-bottom:10px }
    .contentDiv1 .InfoList1 .title .name { float: left; padding:10px 20px 10px 10px;background-color:#00cc66;color:white;font-weight:bold }
    .contentDiv1 .InfoList1 .title .more { float: right;margin-top:5px}
    .contentDiv1 .InfoList1 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}




    .contentDiv2 {display:none }


    .contentDiv3 {width:100%;background-color: #ffffff;padding-bottom:20px}
    .contentDiv3 .lefttouch {display:none }


    .contentDiv3 .InfoList2 {width:100%;margin-top:20px}
    .contentDiv3 .InfoList2 .title {width: 100%;background-color:#efefef;margin-bottom:10px }
    .contentDiv3 .InfoList2 .title .name { float: left; padding:10px 20px 10px 10px;background-color:#00cc66;color:white;font-weight:bold }
    .contentDiv3 .InfoList2 .title .more { float: right;margin-top:5px}
    .contentDiv3 .InfoList2 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}


    .contentDiv3 .InfoList3 {width:100%;margin-top:20px}
    .contentDiv3 .InfoList3 .title {width: 100%;background-color:#efefef;margin-bottom:10px }
    .contentDiv3 .InfoList3 .title .name { float: left; padding:10px 20px 10px 10px;background-color:#00cc66;color:white;font-weight:bold }
    .contentDiv3 .InfoList3 .title .more { float: right;margin-top:5px}
    .contentDiv3 .InfoList3 .info { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
}