@media (max-width: 1024px) {


    .syaboutnav{

        width: 96%;

        margin: 40px auto;

        overflow: hidden;
    }
    .syaboutnav a{

        display: block;

        float: left;

        width: 20%;

        text-align: center;
    }
    .syaboutnav a.abtive{
        background: url("../image/on.png") no-repeat 7% 6px;
    }
    .syaboutbox{

        width: 96%;

        margin: 0 auto;
    }
    .aboutit{

    }
    .text-center{
        text-align: center;
    }
    .fpagetitle1{

    }
    .fpagetitle2{

        font-size: 20px;

        color: #0081cc;

    }
    .syaboutTop{

        overflow: hidden;
    }
    .syaboutTopL{

        width: 620px;

        float: left;

        font-size: 18px;

        line-height: 27px;

        text-align: justify;

        background: url(../image/blueline.png) no-repeat left top;

        padding-left: 40px;

        margin-top: 30px;

    }
    .syaboutTopL p{
        font-size: 13px;
    }
    .syaboutTopR{

        width: 100%;

        float: right;

        margin-top: 35px;

        text-align: center;

        margin-bottom: 40px;

    }
    .syaboutTopR img{

        width: 70%;

    }
    .syfalishi{
        background: url("../image/timebg.png") no-repeat;
        /*background-size: 150%;*/
        overflow: hidden;
    }
    .lstit{

        text-align: center;

        color: #fff;

        margin-top: 60px;
    }
    .lstit h4{

        font-size: 36px;

    }
    .lstit p{

        font-size: 25px;

    }
    .groupcon{

        position: relative;

        width: 100%;

        margin: 0 auto;
    }
    .zhou{

        position: absolute;

        left: 47%;

    }
    .zhou img{

    }
    .grouplistM img{

        margin-left: 0px;

    }
    .groplist{
        overflow: hidden;
        color: #fff;
        margin: 44px 0;
    }
    .groplist:nth-child(odd){

        overflow: hidden;
    }
    .groplist:nth-child(odd) .grouplistL{

        float: right;

        width: 40%;

        /* background: none; */

        /* padding-left: 20px; */

    }
    .groplist:nth-child(odd) .grouplistM{

        /* float: left; */

        width: 12%;

        text-align: left;

        padding-left: 15px;

    }
    .groplist:nth-child(odd) .grouplistR{

        float: left;

        width: 40%;

    }
    .groplist:nth-child(even) .grouplistL{

        float: left;

        width: 40%;

        /* background: none; */

        /* padding-left: 20px; */

    }
    .groplist:nth-child(even) .grouplistM{

        width: 9%;

        float: left;

        text-align: center;

    }
    .groplist:nth-child(even) .grouplistR{

        float: left;

        width: 40%;
    }
    .syculture{

        width: 96%;

        margin: 60px auto;

        overflow: hidden;
    }
    .sycultureL{

        float: none;

        width: 85%;

        margin: 20px auto;
    }
    .sycultureL img{

        width: 100%;
    }
    .sycultureR{

        float: left;

        margin-left: 80px;

        width: 500px;

        font-size: 18px;

    }
    .aboutit{

    }
    .aboutit h2{

        font-size: 31px;

        color: #0081cc;

    }
    .aboutit p{

        font-size: 22px;

        color: #0081cc;

    }
    .culturecon{

        margin-top: 25px;
    }
    .culturecon p{

        margin-bottom: 11px;

        font-size: 19px;
    }
    .syshzrbox{

    }
    .syshzrtop{

        width: 96%;

        margin: 0 auto;

        position: relative;

        overflow: hidden;
    }
    .syshzrtopL{

        width: 860px;

        height: 400px;

        position: absolute;

        margin-top: 147px;
    }
    .zerentit{

        font-size: 56px;

        color: #ddd;

    }
    .zeintro{
        background: url("../image/zenren1.png") no-repeat;
        background-size: 100% 100%;
        height: 421px;
        overflow: hidden;
        margin-top: -20px;
        position: absolute;
        width: 837px;
    }
    .zeintro h3{

        font-size: 36px;

        color: #fff;

        margin: 40px 0 20px 41px;

    }
    .zeintro p{

        font-size: 25px;

        color: #fff;

        margin-top: -20px;

        margin-left: 40px;

    }
    .zrslogen{

        width: 590px;

        font-size: 22px;

        color: #fff;

        line-height: 30px;

        margin-left: 40px;

        margin-top: 52px;
    }
    .syshzrtop > img{

        float: right;
    }
    .syshzrbottom{

        width: 96%;

        margin: 60px auto;
    }
    .zrlist{

        overflow: hidden;
    }
    .zrlistL img{

        width: 100%;
    }
    .zrlistR h4{

        font-size: 25px;

        margin: 40px 40px;

        margin-top: 49px;

    }
    .zrlistR p{

        font-size: 15px;

        margin: 0 40px;

        line-height: 33px;

    }
    .zrlist:nth-child(odd) .zrlistL
    {

        float: left;

        width: 100%;
    }
    .zrlist:nth-child(odd) .zrlistR{

        float: left;

        width: 100%;

        margin-bottom: 42px;
    }
    .zrlist:nth-child(even) .zrlistL
    {

        float: right;

        width: 100%;
    }
    .zrlist:nth-child(even) .zrlistR{

        float: left;

        width: 100%;

        margin-bottom: 40px;
    }
    .yingxiaoabout{
		padding: 0 20px;
    }
    .fpagetitle{

        width: 96%;

        margin: 30px auto;
    }
    .fpagetitle1{

        font-size: 27px;

        color: #0081cc;

        font-weight: 700;

    }
    .fpagetitle2{

    }
    .yxzixun{

        width: 96%;

        margin: 50px auto;

        overflow: hidden;
    }
    .yxzixunL{

        float: left;

        margin: 13px;
    }
    .yxzixunL img{

    }
    .yxzixunR{

        float: left;
    }
    .houtcall{

        font-size: 21px;

        color: #0081cc;

    }
    .fwhot{

        font-size: 16px;

        color: #000;

    }
    .zixunliucheng{

        width: 96%;

        margin: 0 auto;
    }
    .zixunliucheng img{

        width: 100%;
    }
    .yxweb{background: url("../image/yingxiaobg.png") no-repeat;background-size: 100%;overflow: hidden;}
    .yxwebcon{

        width: 96%;

        margin: 0 auto;

        background: #fff;

        margin-top: 113px;

        padding-top: 100px;

    }
    .yxmap{

        width: 1000px;

        overflow: hidden;

        margin: 0 auto;
    }
    .yxmapL{

        width: 100%;

        float: left;

        /* text-align: center; */
    }
    .yxmapL img{

        width: 72%;

    }
    .yxmapR{

        float: left;

        width: 67%;

        padding-top: 55px;

    }
    .yxwebintro{

        font-size: 16px;

        margin: 10px 0;

        line-height: 34px;

    }
    .fwwebdian{

        overflow: hidden;

        margin-top: 40px;
    }
    .fwwebdianitem{

        float: left;

        width: 33%;

        text-align: center;
    }
    .fwwebdianitem img{

        height: 104px !important;

        width: 104px !important;

    }
    .diannum{

        font-size: 41px;

        color: #0081cc;

        font-weight: 700;

    }
    .downloadbox{

    }
    .downloadcon{

        width: 96%;

        margin: 0 auto;

        overflow: hidden;
    }
    .downloaditem{

        float: left;

        width: 98%;

        border: 1px solid #979797;

        margin: 1%;

    }
    .tbbg{

        height: 187px;

        text-align: center;

        line-height: 187px;

        font-size: 46px;

        color: #fff;
    }
    .tbbg1{
        background: url("../image/tbbg.png") no-repeat;
        background-size: 100% 100%;
    }
    .tbbg2{
        background: url("../image/tbbg2.png") no-repeat;
        background-size: 100% 100%;
    }
    .tbbg3{
        background: url("../image/tbbg3.png") no-repeat;
        background-size: 100% 100%;
    }
    .downlist{

        height: auto;

    }
    .downlist a{

        display: block;

        font-size: 23px;

        padding-left: 42px;

        /* margin: 15px 0; */

        height: 65px;

        line-height: 65px;
    }
    .downlist a:hover{
        background: #0081cc;
        color: #fff;
    }
    .downmore{

        display: block;

        border-top: 1px solid #979797;

        width: 84%;

        margin: 10px auto;

        padding: 14px;

        font-size: 28px;

        color: #564c4c;

        margin-top: 30px;

    }
    .hornor{

    }
    /* 本例子css */
    .picMarquee-top{margin:30px auto;width: 96%;height: 588px;overflow:hidden;position:relative;font-size: 24px;border-top: 1px solid #ccc;}
    .picMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
    .picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
        cursor:pointer;}
    .picMarquee-top .hd .next{ background-position:0 -140px;  }
    .picMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
    .picMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
    .picMarquee-top .bd{ padding:10px;   }
    .picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-top .bd ul li{ text-align:center; zoom:1;margin: 20px 0 }
    .picMarquee-top .bd ul li .title{font-size: 24px;line-height:24px;}
    .picMarquee-top .bd ul li .title a{
        font-size: 24px;
    }
    .picMarquee-top .bd ul li .title a:hover{
        color: #0081cc;
    }
    /* 本例子css */
    .picMarquee-left{/* overflow:hidden; */position:relative;/* border:1px solid #ccc; */width: 100%;margin: 10px auto;}
    .picMarquee-left .hd{overflow:hidden;/* height:30px; *//* background:#f4f4f4; */padding:0 10px;position: absolute;width: 96%;top: 36%;left: 0%;z-index: 10;}
    .picMarquee-left .hd .prev{
        display:block;
        width: 43px;
        height: 61px;
        float:right;
        margin-right:5px;
        margin-top:10px;
        overflow:hidden;
        cursor:pointer;
        /* background:url("../images/arrow.png") no-repeat; */
    }
    .picMarquee-left .hd .next{
        display:block;
        width: 43px;
        height: 61px;
        float:right;
        margin-right:5px;
        margin-top:10px;
        overflow:hidden;
        cursor:pointer;
        /* background:url("../images/arrow.png") no-repeat; */
        position: absolute;
    }
    .picMarquee-left .hd .next{ background-position:0 -50px;  }
    .picMarquee-left .hd .prevStop{ background-position:-60px 0; }
    .picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

    .picMarquee-left .bd{ padding:10px;   }
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .pic{ text-align:center; }
    .picMarquee-left .bd ul li .pic img{ width:380px; height:280px; display:block; padding:2px; border:1px solid #ccc; }
    .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picMarquee-left .bd ul li .title{ line-height:24px;   }
    .company{

    }
    .companybox{

        width: 100%;

        overflow: hidden;

        margin: 10px auto;

    }
    .companybox a{

        display: block;

        float: left;

        width: 27%;

        height: 77px;

        margin: 20px 3%;

    }
    .companybox a img{
        width: 100%;
        height: 100%;
    }
    .liuchnegname p img{

        width: 43px;
    }

}