.syaboutnav{

    width: 1200px;

    margin: 40px auto;

    overflow: hidden;
}
.syaboutnav a{

    display: block;

    float: left;

    width: 20%;

    text-align: center;

    font-size: 18px;
}
.syaboutnav a.abtive{
    background: url("../image/on.png") no-repeat 20% 7px;
}
.syaboutbox{

    width: 1200px;

    margin: 0 auto;
}
.aboutit{

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

}
.fpagetitle2{

    font-size: 22px;

    color: #0081cc;
}
.syaboutTop{

    overflow: hidden;
}
.syaboutTopL{

    width: 653px;

    float: left;

    font-size: 15px;

    line-height: 26px;

    text-align: justify;

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

    padding-left: 40px;

    margin-top: 30px;
}
.syaboutTopL p{
    font-size: 15px;
}
.syaboutTopR{

    width: 498px;

    float: right;

    text-align: center;
}
.syaboutTopR img{

    width: 60%;
}
.syfalishi{
    background: url("../image/timebg.png") no-repeat;
    background-size: 100%;
    overflow: hidden;
    margin-top: 89px;
    padding-bottom: 30px;
}
.lstit{

    text-align: center;

    color: #fff;

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

    font-size: 28px;
}
.lstit p{

    font-size: 22px;
}
.groupcon{

    position: relative;

    width: 1100px;

    margin: 0 auto;

    margin-bottom: 50px;
}
.zhou{

    position: absolute;

    left: 49.8%;
}
.zhou img{

}
.grouplistM img{

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

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

    float: right;

    width: 480px;

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

    padding-left: 20px;
}
.groplist:nth-child(odd) .grouplistM{

    float: right;

    width: 100px;

    text-align: center;
}
.groplist:nth-child(odd) .grouplistR{

    float: left;

    width: 500px;

    text-align: right;
}
.groplist:nth-child(even) .grouplistL{

    float: left;

    width: 480px;

    text-align: right;

    background: url("../image/left.png") no-repeat right;

    padding-right: 20px;
}
.groplist:nth-child(even) .grouplistM{

    width: 100px;

    float: left;

    text-align: center;
}
.groplist:nth-child(even) .grouplistR{

    float: left;

    width: 500px;
}
.syculture{

    width: 1200px;

    margin: 100px auto;

    overflow: hidden;
}
.sycultureL{

    float: left;

    width: 545px;

    text-align: center;
}
.sycultureL img{

    width: 80%;
}
.sycultureR{

    float: left;

    margin-left: 80px;

    width: 500px;

    font-size: 24px;
}
.aboutit{

}
.aboutit h2{

    font-size: 28px;

    color: #0081cc;
}
.aboutit p{

    font-size: 22px;

    color: #0081cc;
}
.culturecon{

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

    margin-bottom: 11px;

    font-size: 16px;
}
.syshzrbox{

}
.syshzrtop{

    width: 1200px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;
}
.syshzrtopL{

    width: 860px;

    height: 400px;

    position: absolute;

    bottom: 0;
}
.zerentit{

    font-size: 53px;

    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: 28px;

    color: #fff;

    margin: 40px 0 20px 41px;
}
.zeintro p{

    font-size: 18px;

    color: #fff;

    margin-top: -20px;

    margin-left: 40px;
}
.zrslogen{

    width: 590px;

    font-size: 19px;

    color: #fff;

    line-height: 31px;

    margin-left: 40px;

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

    float: right;
}
.syshzrbottom{

    width: 1200px;

    margin: 60px auto;
}
.zrlist{

    overflow: hidden;
}
.zrlistL img{

    width: 100%;
}
.zrlistR h4{

    font-size: 24px;

    margin: 40px;

    margin-top: 160px;
}
.zrlistR p{

    font-size: 15px;

    margin: 0 40px;

    line-height: 29px;
}
.zrlist:nth-child(odd) .zrlistL
{

    float: left;

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

    float: left;

    width: 50%;
}
.zrlist:nth-child(even) .zrlistL
{

    float: right;

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

    float: left;

    width: 50%;
}
.yingxiaoabout{

    margin: 50px 0;
}
.fpagetitle{

    width: 1200px;

    margin: 30px auto;
}
.fpagetitle1{

    font-size: 28px;

    color: #0081cc;

    font-weight: 700;
}
.fpagetitle2{

}
.yxzixun{

    width: 1200px;

    margin: 50px auto;

    overflow: hidden;
}
.yxzixunL{

    float: left;

    margin: 13px;
}
.yxzixunL img{

}
.yxzixunR{

    float: left;
}
.houtcall{

    font-size: 18px;

    color: #0081cc;
}
.fwhot{

    font-size: 17px;

    color: #000;
}
.zixunliucheng{

    width: 1200px;

    margin: 0 auto;
    display: flex;
}
.zixunliucheng .liuchengitem{

    flex: 1;

    text-align: center;

    /* background: #c6c6c6; */
}

.liuchnegname{

    background: #939393;

    padding: 10px 0;
}
.liuchnegname p{

    margin: 52px 0;

    color: #fff;

    font-size: 16px;
}
.liuchnegname p img{

}
.liuchengshuzi{

    font-size: 30px;

    padding-top: 30px;

    font-weight: 700;

    color: #666;

    margin-bottom: 32px;
}
.liuchengshuzi .line1{

    width: 40px;

    height: 3px;

    background: #939393;

    margin: 10px auto;
}
.zixunliucheng .liuchengitem:nth-child(odd) .liuchnegname{

    background: #c6c6c6;

    padding: 10px 0;
}
.zixunliucheng .liuchengitem:hover .liuchnegname{
    background: #0081cc;
}
.zixunliucheng .liuchengitem:hover .liuchengshuzi{
    color: #0081cc;
}
.zixunliucheng .liuchengitem:hover  .line1{
    background: #0081cc;
}
/*.zixunliucheng img{*/

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

    width: 1200px;

    margin: 0 auto;

    background: #fff;

    margin-top: 200px;

    padding-top: 100px;
}
.yxmap{

    width: 1000px;

    overflow: hidden;

    margin: 0 auto;
}
.yxmapL{

    width: 479px;

    float: left;
}
.yxmapL img{

    width: 100%;
}
.yxmapR{

    float: right;

    width: 401px;

    padding-top: 55px;
}
.yxwebintro{

    font-size: 17px;

    margin: 40px 0;

    line-height: 29px;
}
.fwwebdian{

    overflow: hidden;

    margin-top: 50px;
}
.fwwebdianitem{

    float: left;

    width: 400px;

    text-align: center;
}
.fwwebdianitem img{

    width: 90px;
}
.diannum{

    font-size: 33px;

    color: #0081cc;

    font-weight: 700;
}
.downloadbox{

}
.downloadcon{

    width: 1200px;

    margin: 50px auto;

    overflow: hidden;
}
.downloaditem{

    float: left;

    width: 31%;

    border: 1px solid #979797;

    margin: 1%;
}
.tbbg{

    height: 171px;

    text-align: center;

    line-height: 171px;

    font-size: 31px;

    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: 377px;
}
.downlist a{

    display: block;

    font-size: 17px;

    padding-left: 42px;

    /* margin: 15px 0; */

    height: 45px;

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

    display: block;

    border-top: 1px solid #979797;

    width: 76%;

    margin: 10px auto;

    padding: 14px;

    font-size: 24px;

    color: #564c4c;

    margin-top: 30px;
    background: url("../image/more.png") no-repeat right;
}
.downmore:hover{
    color: #0081cc;
}
.hornor{
    margin: 50px 0;
}
/* 本例子css */
.picMarquee-top{margin:30px auto;width: 1200px;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: 18px;
}
.picMarquee-top .bd ul li .title a:hover{
    color: #0081cc;
    font-size: 24px;
}
/* 本例子css */
.picMarquee-left{/* overflow:hidden; */position:relative;/* border:1px solid #ccc; */width: 1100px;margin: 10px auto;}
.picMarquee-left .hd{overflow:hidden;/* height:30px; *//* background:#f4f4f4; */padding:0 10px;position: absolute;width: 108%;top: 36%;left: -4%;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:340px; height:240px; 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: 1260px;

    overflow: hidden;

    margin: 10px auto 0;
}
.companybox a{

    display: block;

    float: left;

    width: 250px;

    height: 110px;

    margin: 30px;
}
.companybox a img{
    width: 100%;
    height: 100%;
}