/*媒体查询*/

@media (max-width: 1199px) {
    body {
        padding-top: 60px;
    }
    body.ind_body{
        padding-top: 0;
    }
    .pc_hide{
        display: block;
    }

    /*首页样式*/
    .ind_body .m_header .logo{
        height: auto;
        margin: 8px;
    }
    .ind_body .m_header .logo img{
        clear: both;
        display: block;
        margin: auto;
    }
    .m_footer{
        overflow: hidden;
        padding: 30px 25px;
        background-color: #527690;
    }
    .m_footer .m_foot h3{
        font-size: 18px;
        color: #ffffff;
        margin-top: 0;
    }
    .m_footer .m_foot p{
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 0;
        line-height: 1.8;
    }
    .m_footer .understand{
        margin-top: 25px;
    }
    .m_footer .understand li{
        float: left;
    }
    .m_footer .understand li a {
        width: auto;
        height: 30px;
        margin: 15px 3px;
        overflow: hidden;
        display: block;
    }
    .m_footer .understand li a i{
        color: #ffffff;
        font-size: 20px;
    }
    .m_footer .understand li a img{
        /*margin-top: -32px;*/
    }

    .m_container{
        overflow: hidden;
    }
    .m_container img{
        width: 100%;
    }
    .m_container .m_cont{
        padding: 0 5px 5px 0;
    }
    .m_container .m_cont1{
        padding: 0;
    }
    .m_container .m_cont2 .m_cont{
        padding: 0;
    }
    .m_con_t{
        margin: 0;
    }
    .m_con_b{
        background: url("/Public/Images/home/phpcms/zh-cn/m_bj.jpg") no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin: 0;
        padding: 0 0 100px 5px;
        position: relative;
    }
    .m_con_b h3{
        padding-top: 45%;
    }
    .m_con_b #s8 h3{
        padding: 0;
    }
    .m_poa{
        position: absolute;
        bottom: 0;
        left: 70px;
    }
    .m_poa p{
        color: #666666;
        font-size: 30px;
    }
    .W_par_H{
        width: 50%;
        overflow: hidden;
        display: block;
    }
    .W_par_H2{
        width: 33.3%;
        padding-top: 50%;
        overflow: hidden;
        display: block;
    }
    .W_par_H h3,.W_par_Hp h3{
        margin: 0;
        font-size: 24px;
    }
    .W_par_Hp{
        position: relative;
        text-align: center;
        padding-top: 98.5%;
    }
    .W_par_Hp img{
        width: auto;
        padding: 30% 0 10%;
    }
    .W_par_Hp a{
        color: #ffffff;
        width: 100%;
        height: 100%;
        display: block;
    }
    #s2 .W_par_Hp a{
        color: #527690;
    }
    #s1 .nr,#s2 .nr,#s3 .nr,#s4 .nr,#s5 .nr,#s6 .nr,#s7 .nr,#s8 .nr{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #s1 .nr,#s4 .nr,#s8 .nr,#s6 .nr{
        background-color: #527690;

    }
    #s2 .nr{
        position: absolute;
        background: url("/Public/Images/home/phpcms/zh-cn/s2_bj.jpg") no-repeat center;
        -webkit-background-size: cover;
    }
    #s3 .nr{
        position: absolute;
        background-color: #8ec65a;
        color: #ffffff;
    }
    #s5 .nr,#s7 .nr{
        position: absolute;
        background-color: #e4e8eb;
    }
    #s5 .nr a,#s7 .nr a{
        color: #666666;
    }


    /*其他页面样式*/
    .top .wp{
        padding: 0;
    }
    .wp{
        width:100% !important;
        margin:0 auto;
        padding: 0 10px;
    }
    .sea{
        display: none;
    }
    .header .collapse li a{
        border-top:1px solid #e0e0e0;
    }
    .header .collapse .pc_hide.navbar-nav li:last-child a{
        border-bottom: 1px solid #e0e0e0;
        /*margin-bottom: 9px;*/
    }
    .header .collapse .pc_hide.navbar-nav li>.dropdown-menu li a{
        border-top: 0;
    }
    .header .h-top,.row,.header .nav {
        margin-top:0
    }
    .m_hide,.bread,.back-btn,.sub_nav
    {
        display: none;
    }
    .m_lan{
        margin: 15px 0;
    }
    .m_lan a{
        display: inline-block;
        width: 40%;
        padding:5px 0;
        text-align: center;
        margin: 5px 2%;
        line-height: 30px;
        border: 1px solid #e0e0e0;
    }
    .m_lan a.on{
        color:#fff;
        background-color: #005098;
        border: 1px solid #005098;
    }
    .header .navbar-collapse{
        position: absolute;
        right:0;
        top:60px;
        width: 100%;
        background: #fff;
        z-index: 500;
        height: 450px;
        overflow-x: auto;
    }
    .header .dropdown-menu{
        background: #ccc !important;
    }
    .header .nav .dropdown-menu li.navon a{
        background-image: none;
    }
    .header .nav .dropdown-menu li a{
        padding-left: 50px;
        line-height: 30px;
        background: url(/Public/Images/home/phpcms/zh-cn/nav_drop_bj1.png) no-repeat 30px;
    }
    .header .nav .dropdown-menu li{
        padding:0;
        margin: 0;
        border-bottom: 0;
    }
    .header .navbar-nav{
        margin: 0;
        width: 100%;
        z-index: 1000;
    }
    .header .navbar-nav li{
        width: 100%;
    }
    .header{
        height:60px;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .header .container_zt{
        border-bottom: 1px solid #ccc;
    }
    .logo{
        height:46px;
        margin: 8px 8px 0;
    }
    .header .logo img{
        height: 100%;
    }
    .header .nav li{
        height: auto;
        line-height: 34px;
    }
    .header .nav li a{
        line-height: 34px;
    }
    .header .nav > li > a {
        padding: 5px 25px;
    }
    .banner .banner_small{
        height: auto;
        padding-top: 35%;
    }
    .m-page {
        display: block;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    /*.cabinet li{
        margin-right: 47px;
    }*/
    .our_team{
        width: 31.6%;
        margin: 10px;
        padding: 0;
    }
    .our_team .pro_img{
        width: 100%;
    }
    .our_team .pro_shadow{
        width: 100%;
        /*bottom: 0;*/
        padding: 0 20px 0 20px;
    }
    .our_team .pro_shadow h3{
        /*display: none;*/
    }
    .install, .install .pro_img{
        height: auto;
    }
    .install:hover .pro_shadow{
        padding: 10px;
    }
    .eject{
        width: 100%;
    }
    .our_team .pro_shadow{
        background-color: #000;
        opacity: .7;
    }

    .header .nav,.header .nav li{
        width: 100%;
    }
}
@media (max-width: 1024px){
    /*.cabinet li{
        margin-right: 40px;
    }*/
    .cabinet li h4{
        font-size: 14px;
    }
    .our_team{
        margin: 8px;
    }
    .install_det .talent_tabname ul li{
        line-height: 1.4;
    }

    .install_det .install_right h3{
        line-height: 1.5;
        text-align: left;
    }
    .After_nr .nr p,.After_nr .nr p span{
        font-size: 18px;
    }
    .apply ul li.transition{
        width: 140px;
    }
    .welfa .nr{
        padding: 10px;
    }
    #dituContent{
        height: 400px;
    }
    .news_txt_con p img, .news_txt_con img{
        width: 100%;
    }
    .txt{
        padding: 5px 20px 25px;
    }
    .our_team{
        height: 205px;
    }
    .our_team.install{
        height: auto;
    }
    .center_1100{
        width: 100%;
    }
    /*.center_1100 .service_slider .Img a{
        height: 85px;
    }*/

    .person{
        padding-bottom: 80px;
    }
    .cabinet_det img{
        width: 100%;
    }
    .cab_ins .install_left_nr, .cab_ins .install_right_nr{
        height: 650px;
    }
    .install_det .install_right_nr ul{
        height: 550px;
    }
    .per_txt{
        padding-top: 0;
        padding-bottom: 0;
    }
    .per_nr h3.bt{
        margin-top: 45px;
        margin-bottom: 25px;
    }
    .ul-recuit li h4 .more2 em{
        left: 100%;
    }
}
@media (max-width: 999px){
    .cabinet li{
        width: 50%;
        margin: 0;
        padding: 10px;
    }
    .apply ul li.transition{
        width: 132px;
    }
    .wel.row{
        margin: 0;
    }
}
@media (max-width: 768px){
    .banner .slick-prev,
    .banner .slick-next,
    .bdsharebuttonbox
    {
        display: none !important;
    }
    .slick-dots li{
        width: 20px;
    }
    .footer .f_con{
        padding: 0;
    }
    .footer .f_con dl,.footer .f_con dl:nth-child(1){
        padding: 20px;
    }
    .footer .copyright{
        height: 50px;
        line-height: 50px;
    }

    .cabinet{
        margin: 0 0 50px;
    }
    .cabinet_det img{
        width: 100%;
    }
    .cabinet_txt .cabinet_wz{
        height: 230px;
    }
    .cabinet_table table td:first-child{
        width: 45%;
    }
    .cabinet_table table{
        margin-bottom: 40px;
    }
    .our_team{
        margin: 6px;
    }
    .our_team .pro_shadow{
        height: 160px;
    }
    .install .install_wz{
        height: 65px;
    }
    .install_det{
        padding: 30px 5px 30px 5px;
    }
    .install_det .install_left_nr, .install_det .install_right_nr{
        height: 560px;
    }
    .install_det .install_left{
        width: 60%;
    }
    .install_det .install_right{
        width: 40%;
    }
    .install_det .install_left_nr img{
        width: 100%;
        padding: 30px;
    }
    .talent_tabcontent .list .install_right_nr h3{
        line-height: 40px;
    }
    .install_det .talent_tabname{
        right: 0;
        left: 0;
        height: auto;
        margin-top: 10px;
    }
    .install_det .talent_tabname ul li{
        margin-left: -4px;
    }
    .After_nr{
        width: 100%;
    }
    .After_nr .nr{
        padding: 45px 10px;
    }
    .process img{
        width: 100%;
        padding: 0 30px;
    }
    .process img.tub{
        width: auto;
    }
    .market h3{
        font-size: 14px;
    }
    .news li .new_l img{
        height: auto;
    }
    .apply ul li.transition{
        width: 76px;
        padding-top: 90px;
        background: url(/Public/Images/home/phpcms/zh-cn/transition.png) no-repeat -53px;
    }
    .welfa{
        width: 33.33%;
    }
    .wel{
        padding-bottom: 40px;
    }
    .market .contact_nr{
        padding: 5px;
    }
    .market .contact_nr .nr{
        padding: 5px;
    }
    .news_txt_con p img, .news_txt_con img{
        width: 100%;
    }
    .our_team{
        height: 154px;
    }
    .our_team.install{
        height: auto;
    }
    .our_team .pro_shadow{
        bottom: -119px;
    }
    .our_team h4{
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 16px;
    }
    .our_team p{
        margin-bottom: 0;
    }
    .Video,.txt{
        width: 100%;
    }
    .Video{
        padding-left: 0;
    }
    .Video .eject_an a img{
        height: auto;
    }
    .txt{
        height: auto;
        padding: 20px 10% 30px;
    }
    .eject_video.eject .eject_txt{
        width: 80%;
    }
    /*.center_1100 .service_slider .Img a{
        height: 80px;
    }*/
    /*.center_1100 .service_slider .Img a:hover img{*/
    /*margin-top: -93px;*/
    /*}*/
    .news_txt_con{
        padding: 20px 40px;
    }
    .per_txt{
        /*padding-top: 0;
        padding-bottom: 40px;*/
        padding: 0 15px;
    }
    .per_nr h3.bt{
        /*margin-top: 30px;
        margin-bottom: 20px;*/
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 40px;
    }
    h3.bt{
        padding-bottom: 5px;
    }
    .eject .eject_txt{
        width: 90%;
    }
    h3.bts{
        margin-bottom: 15px;
    }
    .eject .eject_nr{
        padding: 30px;
    }
    .eject_wz{
        width: 100%;
    }
    .eject{
        height: auto;
        top: 70px;
    }
    #msg-form.eject_form{
        height: auto;
        overflow-y: auto;
        margin: 34px 0 50px;
        padding: 0;
    }
    #msg-form.eject_form::-webkit-scrollbar{width:3px;}
    #msg-form.eject_form::-webkit-scrollbar-track{background-color:#f5f5f5;}
    #msg-form.eject_form::-webkit-scrollbar-thumb{background-color:#8ec65a;}
    #msg-form.eject_form::-webkit-scrollbar-thumb:hover {background-color:#aaa}
    #msg-form.eject_form::-webkit-scrollbar-thumb:active {background-color:#aaa;}
    .talent_tabcontent .list .install_right_nr ul{
        margin-top: 0;
        height: 475px;
    }
    .talent_tabcontent .list .install_right_nr ul li{
        padding-top: 0;
    }




}
@media (max-width: 640px) {
    .copyright{
        margin-top: 0;
    }
    .copyright p{
        padding: 0 10px;
    }
    .header .logo img{
        padding: 5px;
    }
    .footer .copyright p, .footer .copyright a{
        text-align: center;
    }
    .footer .copyright a{
        display: none;
    }


    .cabinet_det{
        padding: 20px;
    }
    .cabinet_txt{
        padding: 20px 10px;
    }
    .cabinet_table{
        padding: 0 10px;
    }
    .our_team{
        margin: 5px;
    }
    .our_team .pro_shadow{
        padding: 0 5px;
    }
    .install_det{
        padding: 20px 20px 20px 45px;
    }
    .market .market_nr{
        width: 50%;
    }
    .apply{
        width: 100%;
        overflow-x: auto;
    }
    .apply ul{
        width: 750px;
    }
    .market .contact_nr{
        padding: 0 5px;
    }
    .contact_nr .nr{
        padding: 20px 8px;
    }
    .welfa .nr{
        padding: 0;
    }
    .news_txt_tb{
        padding-top: 10px;
    }
    .news_txt_tb h3{
        font-size: 24px;
    }
    .news_txt_con,.news_txt_bt{
        padding: 20px 40px;
    }
    .news_txt_bt a.return{
        right: 40px;
    }
    .W_par_Hp img{
        padding-top: 20%;
    }
    .m_con_b h3{
        padding-top: 40%;
    }
    .install_det .install_left_nr img{
        height: auto;
    }
    .pc_person{
        display: none;
    }
    .m_person{
        display: block;
    }
    .per_nr{
        margin-bottom: 15px;
    }
    .per_txt h3{
        font-size: 36px;
    }
    .per_txt p span{
        font-size: 20px;
    }
    .per_txt{
        padding: 0 20px;
    }
    .m_footer{
        padding: 30px 5%;
    }
    #cboxWrapper{
        width: 80% !important;
    }
    #cboxWrapper img.cboxPhoto{
        width: 100% !important;
    }
    .Video{
        height: auto;
    }
    .m_footer .m_foot h3{
        font-size: 14px;
    }
    .m_footer .m_foot p{
        font-size: 12px;
    }
    .m_container .m_cont2 .m_cont h3{
        font-size: 16px;
    }
}
@media (max-width: 480px){

    .footer .h_top{
        text-align: center;
    }
    .footer .f_nav{
        float: none;
        display: inline-block;
    }
    .footer .understand{
        display: none;
    }
    .footer .m_footer .understand{
        display: block;
    }
    .footer .copyright{
        height: 60px;
    }
    .footer .copyright p,.footer .copyright span{
        float: none;
        display: block;
        text-align: center;
        line-height: 2;
    }
    .footer .f_con dl{
        width: 100%;
        background: none;
    }
    .footer .f_con dl, .footer .f_con dl:nth-child(1){
        padding-bottom: 0;
    }
    .footer .f_con dl:last-child{
        padding-bottom: 20px;
    }
    .cabinet_txt h3{
        margin: 0;
    }
    .cabinet_table .table{
        width: 100%;
        display: block;
        overflow: auto;
    }
    .cabinet_table table{
        width: 630px;
        margin: 10px 0;
    }
    .cabinet_table h3{
        margin-bottom: 0;
    }
    .our_team{
        width: 100%;
        margin: 0 0 15px;
    }
    .row.p50{
        width: 100%;
        margin: 0;
        padding: 0 0 30px;
    }
    .our_team .pro_shadow{
        padding: 0 10px;
    }
    .install_det{
        padding: 0;
    }
    .install_det .row{
        margin: 0;
    }
    .install_det .talent_tabcontent{
        padding-top: 0;
    }
    .install_det .talent_tabname{
        width: 100%;
    }
    .install_det .talent_tabname ul{
        margin-top: 0;
        overflow: hidden;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .install_det .talent_tabname ul li{
        width: 48%;
        /*float: left;*/
        margin: 0;
        font-size: 12px;
        padding: 10px 0;
        margin: 3px;
        display: inline-block;
    }
    .install_det .install_right h3{
        display: none;
    }
    .talent_tabcontent .list .install_right_nr h3{
        display: block;
    }
    .install_det .install_left{
        width: 100%;
        padding-left: 0;
    }
    .install_det .install_left_nr{
        border-right: 1px solid #dddddd;
        border-bottom: 0;
    }
    .install_det .install_right{
        width: 100%;
        padding-right: 0;
    }
    .install_det .install_left_nr, .install_det .install_right_nr{
        height: auto;
    }
    #msg-form .row{
        margin-bottom: 15px;
    }
    #msg-form.eject_form .pull-right, #msg-form.eject_form .pull-left,#msg-form li.yzm{
        width: 100%;
    }
    #msg-form.eject_form .pull-left{
        margin-bottom: 15px;
    }
    .market .market_nr{
        width: 100%;
        padding: 15px;
    }
    .news li .new_l{
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .market .contact_nr{
        width: 100%;
        margin-bottom: 15px;
    }
    .contact_nr .nr{
        min-height: 180px;
        padding: 20px;
    }
    .welfa{
        width: 50%;
        padding: 3px;
    }
    #dituContent{
        height: 300px;
    }
    .market .contact_nr .nr{
        padding: 20px;
    }
    .news_txt_bt{
        padding-bottom: 60px;
    }
    .news_txt_bt a.return {
        top: 80px;
        right: 50%;
        margin-right: -59px;
    }
    .W_par_Hp img{
        padding-top: 13%;
    }
    .W_par_H h3, .W_par_Hp h3{
        font-size: 20px;
    }
    .txt{
        height: auto;
    }
    .our_team,.our_team .pro_shadow{
        height: 240px;
    }
    .our_team .pro_shadow{
        bottom: -195px;
    }
    .our_team h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .our_team p{
        margin-bottom: 10px;
    }
    .txt{
        padding: 10px 5% 10px;
    }
    /*.center_1100 .service_slider .Img a{
        height: 76px;
    }*/
    /*.center_1100 .service_slider .Img a:hover img{*/
    /*margin-top: -85px;*/
    /*}*/
    .Video{
        height: auto;
    }
    .per_txt,.per_img{
        width: 100%;
    }
    .per_txt{
        padding: 10px 50px 30px;
    }
    h3.bts{
        font-size: 22px;
        margin: 15px 0;
    }
    .ociology{
        display: none;
    }
    .m_ociology{
        display: block;
    }
    .talent_tabcontent{
        padding-top: 20px;
    }
    .recruit_tab .talent_tabcontent .m_ociology .name2{
        width: 80%;
        border: 0;
        text-align: left;
        padding-left: 10px;
    }

    /*.recruit_tab .talent_tabcontent .m_ociology .learn2 {
        width: 100%;
        border: 0;
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
    }*/
    .recruit_tab .talent_tabcontent .m_ociology .learn2,
    .recruit_tab .talent_tabcontent .m_ociology .add2,
    .recruit_tab .talent_tabcontent .m_ociology .num2{
        width: 100%;
        border: 0;
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .ul-recuit h4{
        border: 0;
    }
    .ss{
        border-bottom: 1px solid #dddddd;
        overflow: hidden;
    }
    .ul-recuit .tit span, .name2, .add2, .learn2, .num2, .more2{
        line-height: 40px;
    }
    .ul-recuit li h4 .more2 em{
        margin-top: 8px;
    }
    .ul-recuit .txt{
        padding: 20px 10px;
    }
    .ul-recuit li .rec_ul li{
        width: 100%;
    }
    .ind_body .m_header .logo img{
        width: 50%;
    }
    #msg-form .sub{
        width: 100px;
    }
    .eject-title h3.bt{
        margin-top: 0;
    }
    .eject .eject_nr{
        padding: 15px;
    }
    #msg-form.eject_form2{
        padding-top: 15px;
        padding-bottom: 0;
    }
    .ten_ul li{
        width: 50%;
        font-size: 14px;
    }
    .eject_nr #msg-form.eject_form{
        height: 300px;
        overflow-y: auto;
        margin: 30px 0;
    }
    .m_footer .understand{
        margin-top: 0;
    }
    .talent_tabcontent .list .install_right_nr ul{
        height: auto;
    }
    .m_container .m_cont2 .m_cont h3{
        font-size: 14px;
    }
    .recruit_tab .talent_tabname ul li{
        padding: 0 5px;
    }
}
@media (max-width: 425px){
    .cabinet li{
        width: 100%;
        margin: 0;
        padding: 10px;
    }
    .cabinet_table{
        padding: 0;
    }
    .cabinet_det{
        padding-bottom: 0;
    }
    .cabinet_det,.cabinet_txt{
        width: 100%;
    }
    .cabinet_txt{
        padding: 0;
    }
    .cabinet_txt .cabinet_wz{
        height: auto;
        padding-bottom: 10px;
    }
    .cabinet_table h3 span{
        /*width: 130px;*/
        padding: 10px 0;
        font-size: 14px;
    }
    .news_txt_con, .news_txt_bt{
        padding: 20px;
    }
    .news_txt_tb h3{
        font-size: 16px;
    }
    .news_txt_bt{
        padding-bottom: 60px;
    }
    .W_par_H h3, .W_par_Hp h3{
        font-size: 18px;
    }
    .ind_body .m_footer,.m_footer{
        padding: 10px 5%;
    }
    .m_con_b{
        padding-bottom: 50px;
    }
    .m_poa p{
        font-size: 16px;
    }
    .m_poa{
        left: 5%;
    }
    .center_1100 .service_slider .Img a{
        height: 132px;
    }
    /*.center_1100 .service_slider .Img a:hover img{*/
    /*margin-top: -152px;*/
    /*}*/

    #cboxContent,
    #cboxMiddleLeft,
    #cboxLoadedContent,
    #cboxWrapper img.cboxPhoto{
        width: 100% !important;
        height: auto !important;
    }
    #colorbox{
        width: 100% !important;
        height: 400px !important;
    }
    #cboxWrapper{
        height: auto !important;
        margin-top: 180px !important;
    }
}
@media (max-width: 375px){
    .footer .copyright p{
        line-height: 1.5;
        padding: 5px 0 0;
        font-size: 12px;
    }
    .footer .copyright span{
        font-size: 12px;
    }
    .news_txt_con, .news_txt_bt{
        padding: 10px;
    }
    .news_txt_bt{
        padding-bottom: 60px;
    }
    .W_par_Hp img{
        width: 35%;
    }
    .W_par_H h3, .W_par_Hp h3{
        font-size: 16px;
    }
    .per_txt{
        padding: 10px 30px 30px;
    }
    .center_1100 .service_slider .Img a{
        height: 115px;
    }
    /*.center_1100 .service_slider .Img a:hover img{*/
    /*margin-top: -127px;*/
    /*}*/
    .ten_ul li{
        width: 100%;
    }
    .m_container .m_cont2 .m_cont h3{
        font-size: 12px;
    }
}
@media (max-width: 320px) {
    .footer .copyright {
        height: 80px;
    }
    .welfa{
        width: 100%;
    }
    .ul-recuit li .rec_ul li{
        width: 100%;
    }
    /*.center_1100 .service_slider .Img a{
        height: 96px;
    }*/
    /*.center_1100 .service_slider .Img a:hover img{*/
    /*margin-top: -105px;*/
    /*}*/
}