@charset "utf-8";
/* CSS Document */
/* Auther: Puyuan */
/* WebSite: http://www.longshang.com/ */
/*公共样式与首页样�?/
@media only screen and (max-width:1200px){

    .main{ width:100%; margin:0px auto;}
    body{ font-size:12px;line-height:22px;}
    img{
        max-width: 100%;
        height: auto;
    }
}
/*头部*/
@media only screen and (max-width:1200px){
    .top1 {
        padding: 0 15px;
        font-size: 12px;
        position:fixed;
        z-index: 20;
        top:0px;
        left:0px;
    }
    .top2{
        position:fixed;
        left:0px;
        top:30px;
        height:55px;
    }
    a.logo{
        height:55px;
        line-height:55px;
        margin-left: 15px;
        background-size: auto 30px;
        margin-top:0px;
        background-position: center left;
    }
    .menu {
        margin: 55px 0px 0px 0%;
        float: left;
        font-size:12px;
        width: 100%;
    }

    .menu li {
        float: left;
        width: 100%;
        border-top: solid 1px #c6c6c6;
    }

    .menu a.dbt {
        font-size: 15px;
        font-weight: bold;
        color:#333;
        background-color: #f9f9f9;

    }
   .menu .d_1,.menu .d_2,.menu .d_3,.menu .d_4,.menu .d_5{
       width:100%;
       height:8px;
   }
    .menu a {
        display: block;
        width: 100%;
        padding: 8px 0px;
        text-align: left;
        padding-left: 3%;
        color: #333333;
    }

    .menu a {
        font-size: 13px;
    }

    .menu dl {
        width: 100%;
        float: left;
        padding-bottom: 8px;
    }

    .menu dl dd {
        width: 50%;
        float: left;
    }

    .menu dl dd a {
        padding: 5px 0px;
        padding-left: 6%;
    }

    .menu li a:hover {
        color:#d7181f;
    }

    .menu2 {
        width: 32px;
        height: 20px;
        display: block;
        position: absolute;
        right: 15px;
        top: 18px;
        z-index: 22;
    }
    .menu2.on{
        top:-15px;
    }

    .menu2 a {
        background: url(../images/img/d2_1_03.png) no-repeat;
        outline: none;
        display: block;
        background-size: 100% 100%;
        width: 32px;
        height: 20px;
        line-height: 20px;
    }

    .menu2.on a{
        background: url(../images/img/d2_2_03.png) no-repeat;
        background-size: 100% 100%;
    }

    #navk {
        width: 100%;
        box-shadow: 2px 6px 5px rgba(0, 0, 0, .5);
        display: none;
        background: #ffffff;
        position: fixed;
        left: 100%;
        top: 0px;
        z-index: 19;
        height: 100%;
        overflow-y: auto;
    }
    .top_jg{
        width:100%;
        height:85px;
    }
}

@media only screen and (max-width:1200px){
    .sy1{
        padding:15px;
    }
    .bt1 .s1{
        font-size:15px;
    }
    .lb1{
        width:100%;
        height:auto;
    }
    .lb1 ul{
        width:100%;
    }
    .lb1 li{
        width:70px;
        height:120px;
        margin-right: 3%;

    }
    .lb1 li i{
        width:70px;
        height:70px;

    }
    .lb1 p{
        font-size:13px;
    }
    .sy1 .d1{
        width:100%;

    }
    .sy1 .d2{
        width:100%;
        float:left;
        padding:15px;
    }
    .xx1 li{
        font-size:14px;
    }
    .xx1n{
        width:100%;
        height:auto;
        padding:15px;
    }
    .fo1{
        width:100%;
        margin: 0px;
    }
}

@media only screen and (max-width:1200px){
    .sy3{
        padding:15px;
    }
    .sy3 .d1,.sy3 .d2{
        width:100%;
        float:left;
    }
    .sy3 .d1{
        margin-bottom: 15px;
    }
    .cx_lb{
        margin-top: 15px;
    }
    .cx_lb li{
        width:33.3333%;
        height:auto;
    }
    .cx_lb .imgk,.cx_lb .imgk img{
        width:100%;
        height:auto;
    }
    .cx_lb .txtk{
        width:100%;
        margin: 0;
        padding:15px;
    }
    .cx_lb .txtk a{
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
        font-size:15px;
    }
    .cx_lb .s1{
        right:10px;
        bottom: 10px;
    }

}

@media only screen and (max-width:768px){
    .cx_lb li{
        width:100%;
        background-color: #ffffff!important;
    }
    .cx_lb .txtk{
        height: auto;
        padding-bottom: 40px;
    }
}
@media only screen and (max-width:1200px){
    .sy2{
        padding:15px;
    }
    .bt2{
        font-size:15px;
    }
    .kh_lb{
     width:102%;
        margin: 0px 0 0 -1%;
    }
    .kh_lb ul{
        width:100%;
    }
    .kh_lb li{
        width:19%;
        margin:0.5%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        height:60px;
    }
    .kh_lb li img{
        max-width: 100%;
        max-height: 58px;
    }

}
@media only screen and (max-width:768px){
    .kh_lb li{
        width:24%;
    }
}
@media only screen and (max-width:600px){
    .kh_lb li{
        width:32.333%;
    }
}
@media only screen and (max-width:400px){
    .kh_lb li{
        width:48%;
        margin: 1%;
    }
}
@media only screen and (max-width:1200px){
   .foot{
       padding:15px;
   }
    .cd_f{
        width:60%;
        margin-bottom: 15px;
    }
    .cd_f li{
        width:50%;
        float:left;
        margin: 0;
        padding-right: 2%;
        margin-bottom: 15px;
        line-height: 22px;
    }
    .cd_f a.dbt{
        font-size:15px;
    }
    .cd_f dl{
        font-size:13px;
    }
    .cd_f li:nth-child(2n+1){
        clear: both;
    }
    .wx_lb{
        width:40%;
        float:right;
    }
    .wx_lb li{
        width:50%;
        text-align: center;
        padding:0 2%;
        height: auto;
        margin: 0;
    }
    .wx_lb img{
        max-width: 116px;
        display:inline-block;
    }
    .f_1{
        width: 340px;
    }
    .f_1 b{
        font-size:15px;
    }
    .n1 li{
        font-size:13px;
        height:24px;
        line-height: 24px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
    }
    .an_h{
        width:100%;
    }
    .t1 img{
        height:auto;
    }
    .t1{
        height:auto;
        margin-top: 10px;
    }
}
@media only screen and (max-width:768px){
    .cd_f{
        width:100%;
    }
    .wx_lb{
        width:100%;
        margin-bottom: 15px;
    }
    .wx_lb li{
        text-align: left;
        padding: 0;
    }
    .f_2{
        display: none;
    }
    .f_1{
        width:100%;
    }
}
@media only screen and (max-width:1200px){
    .ban{
        height:150px;
    }
}
@media only screen and (max-width:700px){
    .ban{
        height:120px;
    }
}
@media only screen and (max-width:600px){
    .ban{
        height:100px;
    }
}
@media only screen and (max-width:1200px){
    .top3{
        padding:0px;
    }
    .top3 .d1{
        width:100%;
    }
    .top3 .d1 .lb2{
        display: none;
    }
    .lm1_bt{
        display: none;
    }

    .lm1_sjbt {
        width: 100%;
        float: left;
        text-align: center;
        height: 40px;
        line-height: 40px;
        background: #fff;
        font-size: 15px;
        border-bottom: solid 1px #ddd;
        display: block;
    }

    .lm1_sjbt a {
        width: 100%;
        height: 40px;
        display: block;
        color:#d7181f;
        font-weight: bold;

        background: url(../images/img/jt_xx.png) no-repeat 97% 15px;
    }

    .lm1_sjbt a.on {
        background: url(../images/img/jt_xx_.png) no-repeat 97% 15px;
    }
    .lm2{
        display: none;
    }
    .lm2 li a{
        width:100%;
        font-size:15px;
        padding-left:15px;
    }
    .lm2 dl a{
        font-size:13px;
    }
    .lm2 dl {
        width:100%;
    }
    .lm2 dl a.on{
        background: url(../images/j2_05.png) no-repeat 97% 12px;
    }
    .lm1{
        font-size: 13px;
        display: none;
    }
    .lm1 li a.on {
        background: url(../images/j2_05.png) no-repeat 97% 14px;
    }
    .lm1 li a{
        width:100%;
        padding-left: 15px;
    }
    .top3 .d2{
        width:100%;
        padding:15px;
        float:left;
        min-height: 200px;
    }
    .ab_nr {
        width: 100%;
        float: left;
        font-size: 13px;
        line-height: 24px;
        margin: 0;
    }
    .bt3 {
         font-size: 16px;
    font-weight: bold;;
         height: auto;
         line-height: 30px;
    margin-bottom: 15px;
     }
    .top3 .d2 .bt4{
        display: none;
    }
    .n2 {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .n2 li{
        height:40px;
        line-height: 40px;
    }
    .n2 .s1{
        width:100%;
        height:40px;
        margin: 0;
        padding-left:15px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
        background-size: auto 6px !important;
        font-size:13px;
    }
    .n2 a{
        height:40px;
        position:relative;
        width:100%;
        padding-right: 85px;
    }
    .n2 .s2{
        position: absolute;
        right:0px;
        top:0px;
        height:40px;
        margin: 0;
    }
}
@media only screen and (max-width:1200px){
    .fy1 {
        width: 100%;
        float: left;
        margin: 0px;
    }
    .fy1 .s1{
        display: none;
    }
    .fy1 .s2{
        width:100%;
        text-align: center;
    }
}
@media only screen and (max-width:1200px){
    .sbt {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: bold;
        border-bottom: solid 1px #dddddd;
        margin: 0px 0px 0px 0px;
        line-height:24px;
        padding:5px 0 15px 0px;
        text-align: center;
    }
    .ssj {
        margin:0px;
        line-height: 30px;
        width:100%;
        margin-top: 10px;
    }
    .snr {
        width: 100%;
        margin: 15px 0px 20px 0px;
        font-size: 13px;
        line-height: 24px;
    }
    .sgd {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }
    .sgd .s2{
        width:100%;
        float:left;
    }
}
@media only screen and (max-width:1200px){
    .cx_lb2 {
        float: left;
        width: 100%;
        margin: 0px 0px 5px 0px;
    }
    .cx_lb2 li{
        position:relative;
        margin-bottom: 15px;
    }
    .cx_lb2 .txtk {
        width: 100%;
        margin: 0px;
        position: relative;
        height: auto;
        padding:15px 95px 15px 275px;
    }
    .cx_lb2 .imgk {
        position: absolute;
        left:0px;
        top:0px;
    }
    .cx_lb2 .txtk a{
        font-size: 15px;
    }
    .cx_lb2 .s1{
        right: 15px;
        top:15px;
    }
    .cx_lb2 .txtk p{
        padding-top: 10px;
    }
}
@media only screen and (max-width:650px){
    .cx_lb2 li{
        height: auto;
    }
    .cx_lb2 .txtk {
        padding:15px 95px 15px 15px;
    }
    .cx_lb2 .imgk {
        position:inherit;
        left:auto;
        top:auto;
        width:100%;
        height: auto;
    }
    .cx_lb2 .imgk img{
        width:100%;
        height:auto;
    }
}
@media only screen and (max-width:1200px){
    .sp_lb {
        width: 102%;
        margin: 0px 0px 10px -1%;
    }
    .sp_lb ul{
        width:100%;
    }
    .sp_lb li {
        float: left;
        width: 31.3333%;
        margin: 1%;
        height:auto;
    }
    .sp_lb .imgk {
        width:100%;
        height:auto;
    }
    .sp_lb .imgk img {
         width: 100%;
         height:auto;
     }
    .sp_lb .imgk i {
        width: 0%;
        height:0px;
        display: none;
        overflow: hidden;
    }
    .sp_lb p {
        margin-top: 10px;
        padding: 0;
        width: 100%;
        height:22px;
        line-height: 22px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
        float: left;
        font-size:13px;
    }
    .sp_lb li:nth-child(3n+1){
        clear: both;
    }
}
@media only screen and (max-width:768px){
    .sp_lb li{
        width:48%;
    }
    .sp_lb li:nth-child(3n+1){
        clear:inherit;
    }
    .sp_lb li:nth-child(2n+1){
        clear: both;
    }
}
@media only screen and (max-width:500px){
    .sp_lb li{
        width:98%;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width:1200px){
    .qk_lb {
        width: 100%;
        margin: 0px 0px 5px 0px;
    }
    .qk_lb li {
        width: 100%;
        margin: 0px 0px 15px 0px;
        min-height: 209px;
        height:auto;
        position: relative;
    }
    .qk_lb .txtk {
        width: 100%;
        margin: 0px;
        font-size: 13px;
        line-height: 22px;
        padding:15px 15px 15px 160px;
    }
    .qk_lb .imgk {
        width: 150px;
        margin: 0px;
        height: 210px;
        position: absolute;
        left:-1px;
        top:-1px;
    }
    .qk_lb ul {
        width: 100%;
    }
    .ab_nr .p_right{
        float: none;
    }
}
@media only screen and (max-width:1200px){
    .wh_lb {
        width: 100%;
        float: left;
        margin: 0px 0px 0px 4px;
        background:none;
        border-left: solid 1px #d7181f;
    }
    .wh_lb dl {
        width: 100%;
        float: left;
        margin: 15px 0px;
        position: relative;
        padding-left: 90px;
    }
    .wh_lb dt {
        float: left;
        margin-left: -8px;
        width: 80px;
        background: url(../images/j4_03.png) left no-repeat;
        background-size: auto 15px;
        height: 26px;
        line-height: 26px;
        color: #d7181f;
        font-size: 15px;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .wh_lb dt .s1 {
        float: left;
        margin-left: 25px;
    }
    .wh_lb dd {
        width: 100%;
        line-height: 22px;
        font-size: 13px;
    }
}
@media only screen and (max-width:1200px){
    .nr_mob{
        display: block;
    }
    .nr_pc{
        display: none;
    }
}
@media only screen and (max-width:1200px){
    .zz1 {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .fo3 {
        width: 100%;
    }
    .fo3 .tx4 {
        width:100%;
        height: 150px;
    }
    .fo3 .an_h {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .fo3 .tx2 {
        width: 90px;
    }
    .zz1_r {
        float: left;
        width: 100%;
    }
    .zz_lb li {
        font-size:13px;
    }
    .zz_bt .s1{
        font-size:15px;
    }
    .zz2 {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .zz_lb2 {
        margin: 10px 0px 15px 0px;
        line-height:24px;
        font-size:13px;
    }
}
@media only screen and (max-width:1200px){
    .wd_lb {
        width: 100%;
        margin: 0px 0px 15px 0px;
    }
    .wd_lb dl {
        width: 100%;
        margin-bottom: 15px;
    }
    .wd_lb dt {
        width: 100%;
        padding-left:45px;
        float: left;
        line-height: 40px;
        height: 40px;
        font-size:13px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
    }
    .wd_lb dd {
        width: 100%;
        padding-left: 45px;
        line-height: 24px;
        font-size:13px;
    }
}
@media only screen and (max-width:1200px){
    .bt5 {
        width: 100%;
        float: left;
        height:auto;
        line-height: 30px;
        border-bottom: solid 1px #eeeeee;
        margin: 0px 0px 0px 0px;
    }
    .job .ab_nr {
        margin: 15px 0px;
    }
}
@media only screen and (max-width:1200px){

}