@media screen and (max-width: 1300px) {
    .page_cont{ height: 1560px;}
    .main { width: 1030px;margin-left: -515px;}
    .cont_li { width: 247px;margin: 0 13px 13px 0;}
    .header{display: none !important;}
    .footer{ display: none !important;}
    .page_rule{ line-height: 34px;}
    .cl_text { 
        width: 500px;
        padding: 0 20px;
        line-height: 18px;
    }
}
@media screen and (max-width: 1100px) {
    .page_cont{ height: 2940px;}
    .main { width: 720px;margin-left: -360px;}
    .top-55 { top: -25px;}
    .cl_main { 
        width: 80px;
        line-height: 50px;
    }
    .cl_right { width: 170px;}
    .cl_text { width: 370px; }
    .cont_li { width: 355px;margin: 0 10px 10px 0;} 
    .cont_li:nth-child(2n){margin-right: 0;}
    .page_rule { 
        line-height: 30px;
        height: 160px;
    }
    .cont_mark1{ display: none;}
}
@media screen and (max-width: 768px) {
    .page_cont{ height: 5440px;}
    .main { width: 96%;margin-left: -48%;}
    .cont_li { width: 100%;}
    .cont_line{ height: 200px;}
    .cl_left { width: 70%; height: 168px; }
    .cl_text { 
        width: 74%;
        line-height: 19px;
    }
    .cl_right{
        float: right;
        width: 30%;
        padding: 0;
        height: 198px;
    }
    .top125 { top: 265px;}
    .media_pad{ padding: 20px 20px 0 20px;}
    .media_right{ right: 20px;}
    .media_margin{ margin: 0 auto;width: 94%;}
    .page_rule { 
        line-height: 30px;
        font-size: 14px;
        height: 160px;
    }
    .top165 {
        top: 185px;
    }
}
@media screen and (max-width: 610px) {
    .cl_text {
        line-height: 18px;
        padding: 10px 0 10px 10px;
    }
    .page_rule { line-height: 28px;font-size: 12px;}
}
@media screen and (max-width: 480px) {
    .cont_line {
        height: 355px;
    }
    .cl_left {
        width: 100%;
        height: 180px;
    }
    .cl_text {
        width: 100%;
        line-height: 16px;
        padding: 10px;
        box-sizing: border-box;
    }
    .cl_main {
        width: 100%;
        font-size: 26px;
        line-height: unset;
        height: auto;
    }
    .fn36 { font-size: 20px;}
    .mb15 { margin-bottom: 10px; }
    .mt20 { margin-top: 10px;}
    .cl_right {
        float: right;
        width: 100%;
        padding: 0;
        height: 143px;
    }
    .top165 {
        top: 340px;
    }
    .ml10 { display: none; }
    .page_bg {
        height: 175px;
        background-size: 470px;
    }
    .mb45 {
        margin-bottom: 15px;
    }
    .page_cont {
        height: 5585px;
    }
    .page_rule {
        line-height: 22px;
        height: 120px;
        padding: 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .cl_left {
        height: 225px;
    }
    .cl_right {
        height: 140px;
    }
    .cont_line {
        height: 397px;
    }
    .top165 {
        top: 380px;
    }
}









@media screen and (max-width: 1300px) {
    .cont_li .cont_down{ padding: 10px 5px;}
    .cl_text {padding: 0 10px;}
}

@media screen and (max-width: 1200px) {
    .posi_abso  { width: 1030px !important;}
}
@media screen and (max-width: 1100px){
    .posi_abso {width: 760px !important;margin-left: -380px;}
    .cont_mark1 {display: block;}
    .ml10 { display: inline; }
    .cont_li { width: 375px;}
    .cl_text { width: 440px;}
}
@media screen and (max-width: 768px){
    .cont_line {height: 355px;}
    .cl_left {width: 100%;height: 180px;}
    .cl_text {width: 100%;line-height: 16px;padding: 10px;box-sizing: border-box;}
    .cl_main {width: 100%;font-size: 26px;line-height: unset;height: auto;}
    .fn36 { font-size: 20px;}
    .mb15 { margin-bottom: 10px; }
    .mt20 { margin-top: 10px;}
    .cl_right {float: right;width: 100%;padding: 0;height: 143px;}
    .top165 {top: 340px;}
    .page_bg {height: 175px;background-size: 470px;}
    .mb45 {margin-bottom: 15px;}
    .page_rule {line-height: 22px;height: 120px;padding: 20px 0;}


    .posi_abso {width: 100% !important;margin-left: -50%;}
    .page_cont { height: 3100px; }
}
@media screen and (max-width: 760px){
    .cont_li {width: 100%;}
    .page_cont { height: 5880px; }
}

@media screen and (max-width: 470px){
    .cl_left{ height: 220px; }
    .cl_text .mt20 { margin-top: 10px; margin-bottom: 35px; }
    .cl_text .ml10{display: block; margin-left: 0 !important;}
    .cont_mark1{top: 18px;left: 10px; }
    .top165 {top: 390px;}
    .page_cont {height: 5920px;}
}
@media screen and (max-width: 320px){
    .cl_left {
        height: 260px;
    }
    .top165 {
        top: 420px;
    }
}