/*base*/
*{padding: 0;margin: 0;border:none;font-family: "微软雅黑",Arial,Helvetica,"华文细黑"; /*font-family: 'miscrosoft yahei';*/}
ul,li{text-decoration: none;list-style: none;}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
.m1{margin-top: 10px;}
.m15{margin-top: 5px;}
.m2{margin-top: 20px;}
body{background: #f6f6f6;width: 100%;height: 100%;}
.none{display: none;}
.fl{float: left;}
.fr{float: right;}
a{text-decoration: none;}
/*top*/
.Top{
    width: 100%;
    height: 340px;
    background: url("/static/img/banner.png") no-repeat; /*center top;*/
    background-size: 100% 100%;
}
.Top .headL{
    padding: 0px 0 0 0;
    text-align: center;
    /*width: 1200px;*/
 /*   width: 80%;
    margin: 0 auto;*/
}
#nav_logo .logo{
    width: 170px;
    float: left;
}
#nav_logo img{
    text-align: left;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin-top: 6px;
}
#nav_logo span{
    font-size: 24px;
    color: #777;
    line-height: 16px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 6px;
}
.Top .headL .menu{
    width: 770px;
    /*padding: 15px 0 0 10px;*/
    float: left;
}
.Top .headL .menu li{
    float: left;
    font-size: 18px;
    color: #ffffff;
    margin-left: 40px;
    padding: 15px 0 10px 10px;
}
.Top .headL .menu li.active{
    border-bottom: 4px solid #ffc002;
}
.Top .headL .menu li a{
    color:#fff;
    text-decoration: none;
}
.Top .headL .menu li a:hover,.Top .headL .menu li.active a{
    /*text-decoration: underline;*/
    color: #ffc002;
    /*font-weight: bold;*/
}
.Top .headL .func{
    float: left;
    width: 220px;
    padding: 12px 0 0 5px;
}
.Top .headL .func li{
    float: left;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    width: 105px;
    text-align: center;
}
.Top .headL .func li a{
    display: block;
    color:#fff;
    font-size: 18px;
    text-decoration: none;
}
.Top .headL .func li a.act{
    background: #ffc002;
    font-size: 14px;
    line-height: 30px;
}
.Top .headL .search{
    font-size: 32px;
    color: #fff;
    clear: both;
    padding-top: 100px;
}
.Top .headL .search .sjob{
    width: 610px;
    height: 56px;
    line-height: 56px;
    padding: 2px 10px;
    vertical-align: middle;
    font-size: 18px;
    float: left;
}
.Top .headL .search .sInput .sbtn{
    background: #ffc002;
    color: #ffffff;
    font-size: 24px;
    line-height: 56px;
    width:130px;
    vertical-align:middle;
    float: left;

}
.lte_ie7 .Top .headL .search .sInput .sbtn{
    line-height: 45px;
}
.sInput form{
    width: 740px;
    margin: 0 auto;
}
.Top .headL .search .slo{
    margin-bottom: 20px;
    letter-spacing: 5px;
}
.Top .headL .search .hotK{
    padding-top: 3px;
    width: 740px;
    margin: 0 auto;
}
.Top .headL .search .hotK .h_j,.Top .headL .search .hotK .h_p{
    width: calc(50% - 10px);
    display: block;/*table-cell;*/
    float: left;
    text-align: left;
    height: auto;/* 170px;*/
    margin-left: 10px;
}
.Top .headL .search .hotK .h_j a,.Top .headL .search .hotK .h_p a{
    display: inline-block;
    font-size: 12px;
    padding-right: 16px;
    color: #fff;
    line-height: 16px;
    height: 20px;
/*    float: left;*/
/*    line-height: 20px;
    height: 20px;*/
    white-space:nowrap;
}
.hotwork{ display: inline;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Top .headL .search .hotK .h_j .ls,.Top .headL .search .hotK .h_p .ls{
    /*width: 320px;*/
    width: 100%;
    line-height: 15px;
    word-break:normal;
    word-wrap:break-word;
/*    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/

}
.Top .headL .search .hotK .h_p .ls{
    float:right;
}
.Top .headL .search .hotK h3{
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
    line-height:16px;
}
.Top .banner-hot-work {
    height: 56px;
    overflow: hidden;
}
.tabDiv:first-child{
    margin-top: 20px;
}
.tabDiv{
    margin: 8px auto 0 auto;
    background: #fff;
    padding: 10px 10px;
}
.tabDiv .rDiv h1{
    font-weight: 400;
}
.tabDiv .sl_title{
    color: #666;
    padding: 5px 0;
    line-height: 26px;
}
.tabDiv .sl_title h1{
    color: #333;
}
.tabDiv .sl_title .mark{
    width: 530px;
    float: right;
    max-height: 30px;
    overflow: hidden;
}
.tabDiv .sl_title .mark .hot-work{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tabDiv .sl_title .mark a{
    color: #666;
    margin-left: 10px;
}
.tabDiv .sl_title .mark a:hover{
    color: #ffc002;/*#ffc002;*/
    cursor: pointer;
}
.tabDiv .sl_title .more{
    float: right;
    font-weight: 300;
    color: #333;
    margin-left: 20px;
    color: #999999;
    padding: 5px 10px;
    color: #fff;
    background: #FFC002;
    line-height:1.5;
    /*color: #a91fed;*/
}
.sign-icon .yj-ico{
    color: #707070;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 12px;
    margin-left: 7px;
    padding-left: 2px;
    padding-right: 2px;
    height: 15px;
    line-height: 14px;
    vertical-align: top;
    font-style: normal;
    /*padding-top: 2px;
    padding-bottom: 2px;*/
}
.theJob{
    /*width:1200px;*/
    margin: 2px auto 8px auto;
    position: relative;
    clear: both;
}
.theJob .direction .left{
    position: absolute;
    left: -17px;
    top: 73px;
}
.theJob .direction .right{
    position: absolute;
    right: -14px;
    top: 80px;
}
.theJob ul{
    max-height: 192px;
    display: flex;
}
.theJob li{
    padding: 20px 15px;
    /*width: 265px;*/
    margin-right: 6px;
    float: left;
    background: #fff;
    overflow: hidden;
    flex: 1;
    /*max-width: calc(25% - 30px);*/
}
.theJob li:last-child{
    margin-right: 0px;
}
.theJob li:hover{
    /*box-shadow: 0 0 20px #333;*/
    box-shadow:0px 3px 14px 1px rgba(0, 0, 0, 0.06);
}
.theJob li:hover h3{
    color: #ffc002;
}
.theJob h3{
    color: #333;
    white-space: nowrap;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
}
.theJob h3 s{
    color: #bab8c3;
    text-decoration: none;
    font-weight: 100;
    display: none;
}
.theJob h2{
    color: #666;
    margin: 8px 0;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}
.theJob .j_info{
    color: #bab8c3;
}
.theJob .salary{
    color: #ff710f;
    display: block;
    margin: 8px 0 0 0;
}
.theJob .salary code{
    font-size: 16px;
}
.theJob .salary .unit{
    color: #FF822B;
}
.theCom{
    clear: both;
    margin: 0 auto;
    /*height: 250px;*/
    margin-bottom: 20px;
    border-top: 2px solid #f6f6f8;
}
.theCom ul{
    display: flex;/*table-cell;*/
    flex-wrap: wrap;
}
.theCom ul li{
/*    flex: 1;*/
 /*   width: 192px;*/
    float: left;
    height: 90px;
    background: #fff;
    width: 300px;
    /*margin-right: 9px;*/
}
.theCom ul li:last-child{
    margin-right: 0px;
}
.theCom ul li:hover{
    /*box-shadow: 0 0 20px #333;*/
}
.theCom ul li .com_info{
    /*border-top: 2px solid #f6f6f8;*/
    text-align: center;
    padding: 10px;
    line-height: 30px;
}
.theCom ul li .com_info .name span{
    color: #333333;
    font-size: 14px;
}
.theCom ul li .com_info .num span{
    color: #999999;
}
.theCom ul li:hover .com_info .name .fl{
    color: #FFC000;
}
.cycle{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    color: #666666;
    display: inline-block;
    background: #666666;
    vertical-align: middle;
}
.theCom ul li .com_info .name,.theCom ul li .com_info .num{
    clear: both;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*max-width: 120px;*/
    width: 120px;
}
.theCom ul li .com_info .name{
    width: 200px;
}
.theCom ul li .com_info .num{
    margin-left: 8px;
}
.theCom .im{
    height: 128px;
    text-align: center;
}
.theCom .im img{
    max-width: 100%;
    max-height: 100%;
}
.theDiv{
    margin: 0 auto;
    overflow: hidden;
}
.theDiv .mians{
    background: #fff;
    width: 68%;/* 796px;*/
    float: left;
}
.theDiv .mians h1{
    padding: 8px 10px 0px 10px;
    font-weight: 400;
}
.theDiv .mians .sl_title{
    padding: 10px 0 15px 10px;
    color: #666;
}
.theDiv .mians .theNews{
    border-top: 3px solid #f6f6f8;
    background: #fff;
    overflow: hidden;
}
.theDiv .mians .theNews .text{
    width:100%;
    position: relative;
}
.theDiv .mians .theNews .text .more{
    position: absolute;
    left: 0px;
 /*   bottom: 3px;*/
    background: #fff;
   /* padding-left: 56px;*/
    z-index: 100;
}
.theDiv .mians .theNews .leftDiv{
    padding: 15px;
    width: 300px;
}
.theDiv .mians .theNews .leftDiv h4{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
   /* height:14px;*/
    font-size:14px;
    font-family:"Microsoft Yahei", "微软雅黑",Arial,Helvetica;
    font-weight:400;
    color:rgba(51,51,51,1);
   /* line-height:16px;*/
}
.theDiv .mians .text .wz{
    color: #999;
}
.theDiv .mians .text .wz span a{
    float: right;
    text-decoration: none;
    color: #333;
}
.theDiv .mians .text .wz span a:hover{
    color: #ffc002;
}
.theDiv .mians .theNews .history{
    width: 445px;
    padding: 10px;
}
.theDiv .mians .theNews .history h3{color: #333; margin: 10px 0 20px 0;font-weight: 400;font-size: 18px;}
.theDiv .mians .theNews .history h3 s{
    text-decoration: none;
    margin-right: 5px;

}
.theDiv .mians .theNews .history ul{
    color: #333;
    line-height: 35px;
}
.theDiv .mians .theNews .history ul li{
    width: 100%;
    font-size: 16px;
}
.theDiv .mians .theNews .history ul li span{
    float: right;
    color: #999;
}
.theDiv .mians .theNews .history .more:hover{
    color: #ffc002;
}
.theDiv .softDiv{
    width: calc(32% - 10px); /*392px;*/
    margin-left: 10px;
    float: left;
    background: #fff;
    height: 427px;
}
.theDiv .softDiv h1{
    padding: 8px 10px 0px 10px;   
    font-weight: bold;
}
.theDiv .softDiv .sl_title{
    color: #666;
    padding: 10px 0 15px 10px;
}
.theDiv .softDiv .download .ls
{
    border-top: 3px solid #f6f6f8;
    background: #fff;
    padding: 15px;
    line-height: 30px;
}
.theDiv .softDiv .download .ls ul li > span{
    display: block;
}
.theDiv .softDiv .download .ls .d_url{
    margin-top: 16px;
    width: 140px;
    height: 32px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(228,228,228,1);
    border-radius: 16px;
    text-align: center;
}
.theDiv .softDiv .download .ls .d_url a{
    /*color: #ffc002;*/
    color: #333333;
}
.theDiv .softDiv .download .ls .d_url a img{
    width: 21px;
    height: 21px;
    vertical-align: middle;
}
.theDiv .softDiv .download .ls .d_url a span{
    display: inline;
    vertical-align: middle;
    font-family: "Microsoft Yahei", "微软雅黑",Arial,Helvetica;
}
.ecode{
    margin: 15px 0 0 0;
    color: #666;
}
.ecode li{float: left; margin-right: 65px; text-align: center}
.cgal{
    clear: both;
    margin: 15px auto 0 auto;
}
.cgal .chenggong{
    padding: 15px 10px;
    margin-bottom: 1px;
    background: #fff;
    text-align: center;
}
.cgal .chenggong h1{
    font-weight: 400;
}
.cgal .chenggong .sl_title{
    color: #666;
    padding: 5px 0;
}
.cgal .anli ul{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    display: flex;
}
.cgal .anli ul li{
    padding: 25px;
    text-align: center;
    line-height: 22px;
    float: left;
    margin-right: 6px;
    background: #fff;
    /*width: 345px;*/
    flex: 1;
    max-width: 33%;
}
.cgal .anli ul li:last-child{
    margin-right: 0px;
}
.cgal .anli ul li .name{
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
}
.cgal .anli ul li .zw{
    font-size: 16px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}
.cgal .anli ul li .text{
    color: #999;
}
.ad{
    margin:0 auto;
}
.cgal .anli .head-img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.theDiv .softDiv .download .ls ul{
    display: flex;
}
.theDiv .softDiv .download .ls ul li{
    width: 50%;
    flex: 1;
}
.theDiv .softDiv .download .ls ul li > span:first-child{
    border-left: 4px solid #666666;
    height: 16px;
    line-height: 16px;
    padding-left: 10px;
    font-weight: 400;
    font-family: "Microsoft Yahei", "微软雅黑",Arial,Helvetica;
}
.theDiv .mians .theNews .history .more a{
    color: #999999;
    font-size: 12px;
}
.theDiv .softDiv .download .ls .d_url a:hover{
    color: #ffc002;
}
.theDiv .softDiv .download .ls .d_url a span.d_icon{
    width: 21px;
    height: 21px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.theDiv .softDiv .download .ls .d_url a span.d_icon_win{
    background-image: url(/static/images/windows.png);
}
.theDiv .softDiv .download .ls .d_url a span.d_icon_apple{
    background-image: url(/static/images/apple.png);
}
.theDiv .softDiv .download .ls .d_url a:hover span.d_icon_win{
    background-image: url(/static/images/windows_a.png);
}
.theDiv .softDiv .download .ls .d_url a:hover span.d_icon_apple{
    background-image: url(/static/images/apple_a.png);
}
@media all and (max-width:700px) {
    .Top{height: auto;background-size: cover;}
    .Top .headL .search{    
        font-size: 16px;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .Top .headL .search .sjob{font-size: 16px;}
    .Top .headL .search .slo{margin-bottom: 10px; letter-spacing: 1px;}
    .Top .headL .search .sjob{
        width: 70%;height: 30px;line-height: 30px;
    }
    .Top .headL .search .sInput .sbtn{width: 30%;line-height: 30px;font-size: 14px;}
    .Top .headL .search .hotK{width: 90%;padding-top: 5px;display: none;}
    .Top .headL .search .hotK .h_j .ls, .Top .headL .search .hotK .h_p .ls{width: auto;float: none;}
    .Top .headL .search .hotK .h_j, .Top .headL .search .hotK .h_p{width: 100%;height: auto;display: inline-block;float: none;}
    .Top .headL .search .hotK .h_j a, .Top .headL .search .hotK .h_p a{font-size: 12px;float: none;display: inline-block;line-height: 15px;height: 15px;}
    .Top .headL .search .hotK .h_j .ls, .Top .headL .search .hotK .h_p .ls{line-height: 20px;margin-bottom: 10px;}
    .sInput form{width: 100%;}
    .tabDiv .sl_title .mark{display: none;}
    .tabDiv{ width: 96%; margin: 20px auto 0 auto;margin-left: 2%;}
    .theJob{width: 96%; margin-left: 2%;margin: 10px auto 10px auto;}
    .theJob ul{height: auto;display: block;}
    .theJob li{ margin-right: 3px;width:calc(50% - 3px);padding: 8px 5px;margin-top: 5px;}
    .theJob li:nth-child(even){margin-right: 0px;margin-left: 3px;}
    .theJob h3{font-size: 12px;}
    .theJob h2{font-size: 12px;height: 36px;line-height: 18px;margin: 8px 0;width:calc(100% - 6px);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    .theJob .salary{margin: 5px 0 0 0px;display: block;}
    .sign-icon .yj-ico{padding-top: 0px;}
    .theJob .salary code{font-size: 14px;}
    .j_info span{font-size: 12px;    margin-top: 0px;}
    .theJob .salary .unit{font-size: 12px;}
    .theCom{width: 96%;margin-left: 2%;overflow-x: auto;height: auto;margin-bottom: 10px;}
    .theCom ul{display: block;}
    .theCom ul li{margin-right: 3px;width: calc(50% - 3px);margin-top: 5px;}
    .theCom ul li:nth-child(even){margin-right: 0px;margin-left: 3px;}
    .theCom ul li .com_info{ border-top: 1px solid #f6f6f8;}
    .theDiv{width: 96%;margin-left: 2%;margin-right: 2%;}
    .theDiv .mians h1,.theDiv .softDiv h1{padding: 10px 5px;font-size: 16px;}
    .theDiv .mians .sl_title,.theDiv .softDiv .sl_title{padding: 10px 0 15px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .theDiv .mians .theNews .leftDiv{padding: 5px;width: 100%;}
    .theDiv .mians .theNews .leftDiv img{width: 100%;}
    .theDiv .mians{width: 100%;float: none;display: inline-block;}
    .softDiv{height: auto;}
    .theDiv .softDiv{width: 100%;margin-left: 0px;float: none;display: inline-block; margin-top: 10px;}
    .theDiv .softDiv .download .ls .d_url a{font-size: 12px;}
    .theDiv .mians .theNews .history{width: 100%;}
    .theDiv .mians .theNews .history ul li{font-size: 12px;}
    .ecode{display: flex;}
    .ecode li{margin-right: 30px;}
    .cgal{width: 96%;margin-left: 2%;}
    .ad{width: 96%;}
    .cgal .anli .head-img{width: 32px;height: 32px;}
    .cgal .anli ul li{max-width: 33%;}
    .cgal .anli ul li .name{font-size: 14px; line-height: 20px;}
    .cgal .anli ul li .zw{font-size: 12px;line-height:20px;width: 100%;}
    .cgal .anli ul li:last-child{margin-right: 0px;}
    .div_short{width: 100% !important;}
}