@charset "utf-8";
@media screen and (max-width: 1580px) {
    .white_bgs{
        background-size: 45% auto;
    }
    .kjyf_inbg ul li,.indtitles{
        width: 250px;
    }
    .indtitles span{
        right: 15px;
    }
    .ljyf_content .index_item{
        width: 54%; margin-left: 46%;
    }
    .indbtns_right {
        margin-left: -415px;}

}

@media screen and (max-width: 1480px) {
    .tab_twotit .tabtitle{
        min-height: 223px;
    }
    .container {
        width: 100%;
        max-width: 1200px;
    }
    .footerBox .int_center ul {
        margin-left: 10%!important;
    }
    .titright .tabtitle p{
        margin-bottom: 18.5px;
    }
    .navbar-nav>li {
        margin: 0 0.5% 0 0;
    }
    .g-gywmul {
        margin-left: 106px;
    }
    .g-xwzxul {
        margin-left: 247px;
    }
    .g-cpfwul {
        margin-left: 380px;
    }
    .g-rlzyul {
        margin-left: 509px;
    }
    .g-navinssh {
        margin-left: 645px;
    }
    .aboubom_main ul {
        margin: 30px 0 5% -2%;
    }
    .aboubom_main li{
        margin-left: 9%;
        width: 23%;

        background-size: 100% 100%;
    }
    .aboubom_main li.color_bg{
        background-size: 100% 100%;
    }

    .lhms_timez p.time_4{
        height: 326px;
        left: 336px;
    }
    .lhms_timez p.time_5{
        height: 436px;
        left: 432px;
    }
    .lhms_timez p.time_6{
        height: 365px;
        left: 527px;
    }
    .lhms_timez p.time_7{
        height: 276px;
        left: 657px;
        /*width: 340px;*/
    }
    .lhms_timez p.time_8{
        height: 396px;
        left: 753px;
    }
    .lhms_timez p.time_9{
        height: 368px;
        left: 887px;
    }
    .lhms_timez p.time_10{
        height: 326px;
        left: 983px;
    }
    .recrun_mainbox .col-md-8 .recrun_titles p {
        margin: 21.5px 0;
    }
    .recrun_titles p{
        margin: 10px 0;
    }
    .navbar-nav{
        width: 90%;
    }
    .sociology_pboxs_l{
        min-height: 133px;
    }
    .tab-content .businessBox img{
        max-height: 299px;
        min-height: 299px;
    }
    .back_color .recrun_titles {
        background: #f8f8f8;
        height: 234px;
    }
    .titright .tabtitle {
        min-height: 210px;
    }
    .tab_twotit .tabtitle {
        width: 49%;
        float: left;
        min-height: 223px!important;
    }
    .jion_tcs p{
        min-height: 180px;
    }



}


@media screen and (max-width: 1366px) {
    html{
        font-size:52.5%;
    }
    .time_intt .year .list ul li .date strong{
        font-size: 34px;
        font-size: 3.4rem;
    }
    .time_intt .year .list ul li .date,.time_intt .year .list ul li .intro p{
        font-size: 20px;
        font-size: 2.0rem;
    }
    .time_intt .year .list ul li .intro p{
        line-height: 30px;
    }
    .raising-xw img{
        width: 70%;
    }
    .tabtitle h3{
        height: 20px;
        line-height: 22px;
    }

}



@media screen and (max-width: 1360px) {
    .topiconinfo {
        margin-top: 2%;
        float: none;
        width: 100%;
    }


}


@media screen and (max-width: 1280px) {
    .int_center ul{
        margin-left: 6%!important;
    }
    #myTabs{
        width: 50%;
    }
    .shzr_title ul li img{
        margin: 0 auto;
        width: 70%;
    }
    .us_main {/*
    background-size: 40%;*/
        width: 100%;
    }
    .contact_us{
        padding: 40% 0 12% 0;
    }
    .contact_us {
        /* padding: 5% 0 9% 0; */
        background: url(../images/usbanbg.jpg) no-repeat;
        background-size: 100%;
    }

    .aboubom_main ul {
        width: 635px;
        margin: 30px auto 5% auto;
    }
    .aboubom_main ul li{
        width: 47%;
        margin-right: 55px;
        margin-left: 0;
        width: 286px;
        height: 329px;
    }
    .aboubom_main ul li.color_bg{
        margin-left: 0;
        margin-right: 0;

    }
    /* .navbar-nav>li {
        margin: 0 2% 0 0;
    } */
    /* .g-xwzxul {
        margin-left: 234px;
    }
    .g-cpfwul {
        margin-left: 354px;
    }
    .g-rlzyul {
        margin-left: 478px;
    }
    .g-navinssh {
        margin-left: 592px;
    } */
    /* .allt_warp .posiimgs{
        width: 38%;
    } */

    .lhms_timez{
        position: relative;
        background: url(../images/lhmsbglinshu.png) no-repeat left top;
        padding-bottom: 0;
        padding-left: 10px;
        height:auto;
        margin-bottom: 4%;
    }
    .about_imgw .lhms_timez p{
        position:static;
        padding: 10px;
        height: auto;
        display: block;

    }
    .lhms_timez p.time_1{
        height: auto;
        left: 0px;
        width: 300px;
    }
    .lhms_timez p.time_2{
        height: auto;
        left: 0px;
        width: 450px;
    }
    .lhms_timez p.time_3{
        height: auto;
        left: 0px;
        width: 400px;
        margin-bottom: 30px;
    }

    .lhms_timez p.time_4{
        height: auto;
        left: 0px;
        width: 330px;
    }
    .lhms_timez p.time_5{
        height: auto;
        left: 0px;
        width: 480px;
    }
    .lhms_timez p.time_6{
        height: auto;
        left: 0px;
        width: 460px;
        margin-bottom: 30px;
    }
    .lhms_timez p.time_7{
        height: auto;
        left: 0px;
        width: 340px;
    }
    .lhms_timez p.time_8{
        height: auto;
        left: 0px;
        width: 450px;
        margin-bottom: 30px;
    }
    .lhms_timez p.time_9{
        height: auto;
        left: 0px;
        width: 410px;
    }
    .lhms_timez p.time_10{
        height: auto;
        left: 0px;
        width: 380px;
    }
    .lhms_timez p.time_11{
        height: auto;
        left: 0px;
        width: 340px;
    }
    .company_in img{
        width: 65%;
    }

}

@media screen and (max-width: 1200px) {
    .back_color .recrun_titles {
        background: #f8f8f8;
        height: 229px;
    }
    .tab_twotit .tabtitle{
        height: 218.5px;
    }
    .titright .tabtitle {
        padding-bottom: 28px;
    }
    .searchBoxs{
        width: 54%;
    }
    .searchBoxs input{
        width: 60%;
    }
    .tab-content .businessBox img {
        width: 100%;
        max-height: 290px;
        min-height: 290px;
    }
    .navbar-nav>li {
        margin: 0;
    }
    .download_gp{ width: 100% !important; }
    .invetor_rightit {
        float:none;
        width: 95%;
        margin:0 auto;
        height: 370px;
        overflow: hidden;

    }
    /* .navbar-nav>li.toplogob {
        width: 15%;
        margin-left: 0;
    }
     */
    .navbar-nav {
        width: 80%;
    }
    /* .navbar-inverse .navbar-nav>li>a {
        font-size: 16px;
        font-size: 1.6rem;
    } */



}


@media screen and (max-width: 1180px) {
    .kjyf_inbg ul{
        /*display: none;*/
    }
    .indbtns_right,.indtitles{
        margin-left: 0;
    }
    .white_bgs {
        background-size: 50% 100%;
    }
    .ljyf_content .index_item {
        width: 45%;
        margin-left: 55%;
    }
    .ljyf_content .index_item p.lyyftop_p{
        width: 100%;
    }
    .address_bg{
        background-size: 100% 100%;
    }
    /* .time_intt .year .list ul li {
        background: url(../images/circlebgs.jpg) no-repeat 24% 0;
        padding: 0;
    } */
    .recrun_mainbox .col-md-8 .recrun_titles p {
        margin: 20.2px 0;
    }
    .back_color .recrun_titles {
        background: #f8f8f8;
        height: 218px;
    }
    .tab-content .businessBox img{ max-height:initial; }





}




@media screen and (max-width: 1080px) {
    .recruit_bg .col-xs-24{
        width: 100%;
        margin-bottom: 2%;
    }
    .recruit_bg .recruit_h{
        width: auto;
    }
    .recruit_dw{
        padding-left: 0;
        margin-top: 2%;
    }
    .searchbox {
        position: relative;
        width: 38%;
        margin-right: 20px;
        float: left;
    }
    .recruit_bg .recru_Land {
        text-align: right;
        margin-top: 0;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .recru_Land a.land_color {
        margin-right: 2%;
    }
    .searchBoxs {
        position: relative;
        width: 100%;
        float: none;
        margin-top: 72px;
    }
    .searchBoxs input {
        width: 53%;
    }
    .recrun_mainbox .col-md-8 .recrun_titles p {
        margin: 18px 0;
    }
    .navbar-inverse .navbar-nav>li>a{
        font-size: 18px;
        font-size: 1.8rem;
    }
    .int_center ul {
        margin-left: 5%;
    }
    .back_color .recrun_titles {
        background: #f8f8f8;
        height: 202px;
    }



}
@media (min-width: 996px){

    .navbar-header {
        float: left;
        display: none;
    }

}


@media screen and (max-width: 991px) {
    html{
        font-size:45%;
    }

    .tabtitle h3{
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 0;
        line-height: 24px;
    }

    .tab_twotit .tabtitle,.titright .tabtitle,.tabtitle,.tab_twotit .tabtitle{
        height: auto;
        min-height: auto!important;
    }
    .tab_twotit .tabtitle{
        margin-bottom: 10px;
    }
    .tab_twotit .tabtitle{
        display:none;
    }
    .tab_twotit .tabtitle:first-child{
        display:block;
    }
    /* .container-fluid{
        padding-left: 3%;
        padding-right: 3%;
    } */
    .topiconinfo ul li{
        display: none;
    }
    .navbar-inverse{
        background: #fff;
    }

    .time_intt .year .list ul li .intro{
        margin-left: 7%;
    }
    .topiconinfo ul li.licolor,.topiconinfo ul li.licolorye{
        /* display: block; */

    }
    .topiconinfo{
        width: auto;
        margin-top: 5px;
    }
    .int_left{
        width: 100%;
    }
    .int_center{
        width: 70%;
    }
    .int_right{
        width: 25%;
        margin-right: 5%;
    }
    .int_center ul {
        margin-left: 8%;
    }
    .carousel-control .glyphicon-menu-left,
    .carousel-control .glyphicon-menu-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next{
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding-right: 20px;
        text-align: right;
        background: rgba(0,0,0,0.6);
    }
    .carousel-control .glyphicon-menu-right,
    .carousel-control .icon-next{
        text-align: left;
        padding-left: 20px;
    }
    .time_intt {
        padding-top: 0;
        background: url(../images/line-bgss.png) repeat-y 21.7% 25px;
    }
    .xin_zeng{
        width: 100% !important;
    }
    .carousel-control .icon-prev,
    .carousel-control .glyphicon-menu-left{
        left: 0;
    }
    .carousel-control .icon-next,
    .carousel-control .glyphicon-menu-right{
        right: 0;
    }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right{
        margin-top: -25px;
    }
    .titright{
        margin-top: 2%;
        padding-left: 10px; display: none;
    }

    .navbar-nav>li {
        margin: 0 1% 0 0;
    }
    .navbar-nav {
        font-size: 18px;
        color: #787878;
        width: 90%;
    }
    .g-gywmul {
        margin-left: 88px;
    }

    .g-xwzxul {
        margin-left: 186px;
    }
    .g-cpfwul {
        margin-left: 275px;
    }
    .g-rlzyul {
        margin-left: 370px;
    }
    .g-navinssh {
        margin-left: 458px;
    }
    .shzr_title .col-xs-12,.invest_title .col-xs-12{
        width: 100%;
    }

    .us_main a{
        height: 60px;
        line-height: 60px;
        padding: 0 10px;
    }
    .us_main a span{
        padding-left: 5px;
    }
    .us_main{
        margin-left: 5%;
    }
    /* .zhe-icon{
        margin-left: 8%;
    } */
    .zhe-icon .zhe-quan,
    .swiper-containe .swiper-slide img,
    .swiper-slide .zhe-zhao{
        height: auto;
    }
    .swiper-containe .swiper-slide:hover .indebkbg{
        padding-top: 10%;
        padding-left:15%;
    }
    .zhe-zhao p{
        margin-top: 20px;
    }
    .indbg_hs .index_item h5,.indbg_hs .index_item strong{
        padding: 0 10%;
    }
    .index_item h2{
        font-size: 28px;
        font-size: 2.8rem;
        padding-top: 5%;
    }
    .footer_int {
        padding: 4% 2%;
    }

    .navbar-nav{
        width: 100%;
        margin: 0 auto;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 3%;
        padding-right: 3%;
    }
    /* .title_main{
        padding-left: 3%;
        padding-right: 3%;
    } */

    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
        margin-right: -20px;
        margin-left: -20px;
    }

    .topiconinfo ul li{
        width: auto;
        text-align: center;
        height: 60px;
        padding: 8px 5px 8px;
        margin-right: 3px;
    }
    .topiconinfo{
        margin-top: 2px;
        margin-right: 10px;
    }
    .topiconinfo ul p{
        display: none;
    }
    .topiconinfo ul h5{
        padding-left: 0;
        text-align: center;
        display: block;
    }
    .topiconinfo ul img{
        display: block;
        margin: 0 auto;
        float:none;
    }
    /* 二级路径导航 */
    .g-erconl {
        position: relative;
        padding: 0;
        background: #fff;
        border-right:1px solid #ddddde;
        margin-bottom: 3%;
    }
    /* 左侧导航 */
    .g-erconl{
        display: block;
    }
    .m_nav {
        display: none;
    }
    .g-erconl .g-erconl-tit{
        background:#009a44;
        color: #fff;
        padding-bottom: 0;
        line-height: 50px;
    }
    .g-sidebar-nav {
        width: 100%;
        margin-left: 0;
        position: relative;
        right: 0;
    }
    .g-erconl .g-erconl-tit img{
        display: none;
    }
    .g-sidebar-nav {
        display: none;
    }
    .g-ernav {
        display: block;
    }
    .g-ernavclose {
        background: url("../images/menupr.png") no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .g-erconrbox{
        margin-top: 3%;
    }
    .sidebar-nav{
        -moz-box-shadow:2px 8px 9px #f8f8f8;
        -webkit-box-shadow:2px 8px 9px #f8f8f8;
        box-shadow:2px 8px 9px #f8f8f8;
    }
    .address_bg p,.about_address .about_address_left{
        width: 100%;
    }
    .pull-left span {
        float: left;
        width: 100%;
        margin-top: 1%;
    }
    .infoPic .details_in img{
        width: 100%;

    }
    .company_in img{
        width: 100%;
        height: auto;
    }
    .company_right{
        position: static;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9;
        background: #f8f8f8;
        padding: 5% 4% 4%;
        max-width: 100%;
        width: 100%;
        height: auto;

    }
    .company_right span{
        margin: 1% 0;
    }
    .company_right p{
        line-height: 26px;
    }
    #timeline,#dates,#issues,#issues li {
        width: 750px;
    }

    .news_videos ul li{
        width: 48%;
    }
    .recrubg_item i{
        display: none;
    }
    .recrun_marbom .back_color {
        padding-left: 0;
    }
    .tab-content .businessBox img {
        width: 100%;
        min-height: auto;
        max-height: auto!important;
        height: auto;
    }
    .sociology_pboxs_l{
        min-height: auto;
    }
    .sociology_pr {
        width: auto;
        margin: 2% auto 0;
    }
    .tab-content .businessBox img{
        max-height: auto;
        min-height: auto;
    }

    .back_color .recrun_titles{
        height: auto;
    }
    .titmain_b{
        width:86%;
        margin: 18% auto;
    }
    .navbar .nav > li .dropdown-menu{
        position: relative;
    }
    .about_address .about_address_right{
        position: relative;
    }

    .tab_twotit .tabtitle{width: 100%;}

    .g-banner{ margin-bottom:5%; }
    .indbg_hs{margin-bottom:5%;}
    .white_bgs{ margin-top: 0; }
    .shzr_bgs{margin-bottom:5%;}
    .contact_us{ padding-bottom: 4%; margin-bottom:5%; }
    .Investment{ margin-top: 0; margin-bottom: 5%; }
    .container{ }

}





@media screen and (max-width: 768px) {
    .titmain_b{
        width:86%;
        margin: 18% auto;
    }
    .titmain_b img{
        width: 40%;
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    .img_righttr {
        margin-top: 0;
        margin-left:0;
        margin: 30px auto;
        text-align: center;
        float: none;
    }

    .about_address .about_address_right{
        width: 50%;
        margin: 0 auto;
        position: relative;
    }
    /* 左侧导航 */
    .g-erconl .g-erconl-tit{
        background:#009a44;
        color: #fff;
        padding-bottom: 0;
        line-height: 50px;
    }
    .g-sidebar-nav {
        width: 100%;
        margin-left: 0;
        position: relative;
        right: 0;
    }
    .g-erconl .g-erconl-tit img{
        display: none;
    }
    .g-sidebar-nav {
        display: none;
    }
    .g-ernav {
        display: block;
    }
    .g-ernavclose {
        background: url("../images/menupr.png") no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .g-erconrbox{
        margin-top: 3%;
    }
    .sidebar-nav{
        -moz-box-shadow:2px 8px 9px #f8f8f8;
        -webkit-box-shadow:2px 8px 9px #f8f8f8;
        box-shadow:2px 8px 9px #f8f8f8;
    }
    .footerBox{
        padding-top: 50px;
    }
    .footer_clickk h3{
        height: 40px;
        line-height: 40px;
        position: absolute;
        top:-40px;
    }
    .navbar-nav{
        width: 100%;
        margin: 0 auto;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 3%;
        padding-right: 3%;
    }
    /* .title_main{
        padding-left: 3%;
        padding-right: 3%;
    } */

    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
        margin-right: -20px;
        margin-left: -20px;
    }

    .topiconinfo ul li{
        width: auto;
        text-align: center;
        height: 60px;
        padding: 8px 5px 8px;
        margin-right: 3px;
    }
    .topiconinfo{
        margin-top: 2px;
        margin-right: 10px;
    }
    .topiconinfo ul p{
        display: none;
    }
    .topiconinfo ul h5{
        padding-left: 0;
        text-align: center;
        display: block;
    }
    .topiconinfo ul img{
        display: block;
        margin: 0 auto;
        float:none;
    }
    .int_left,.int_center{
        width: 94%;
        margin: 0 auto;
        float:none!important;

    }

    .int_right{
        width: 96%;
        margin: 1% auto;
        float:none!important;
    }
    .int_right img{
        margin-left: 0;

    }
    .int_right_a{
        width: 36%;
        margin-right:2%;
    }
    .int_right p{
        text-align: center;
    }
    .int_center ul {
        margin-right: 6%;
        margin-left: 0;

    }
    .int_center ul.fot_uls{
        width: 60%;
        margin-right: 0;
    }
    .footerBox .int_center ul{
        margin-left: 0%!important;
    }
    .int_center ul.fot_uls p{
        width: 90%;
    }
    .footer_clickk{
        height: auto;
        border: 0;
    }
    .swipt_main{
        margin-top: 1%;
        width: 100%;
        height: 52px;
        line-height: 52px;
        background: #eee;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .footer_clickk h3{
        padding-right: 0;
        text-align: center;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 0;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 0;
    }
    #myTabs {
        width: 100%;
    }
    .white_bgs{
        background: #fff;
    }
    .ljyf_content .index_item {
        width: 100%;
        margin-left: 0;
    }
    .kjyf_inbg ul li, .indtitles {
        width: 240px;
        height: 100px;
    }
    .indtitles h3{
        margin-top: 30px;
    }
    .indtitles span {
        top: 44px;
        right: 30px;

    }
    .indtitles{
        padding-left: 75px;
    }
    .footer_clickk h3{
        float: none;
    }
    .footerBox h3{
        width: 35%;
    }
    .us_main{
        margin-left: 0;
    }
    /*.us_main a{
        width: 24%;
    }*/
    .invest_title ul li{
        height: 100px;
    }
    .download_main ul{
        margin-left: 0;
        margin-top: 2%;
    }
    .download_main li{
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        padding-right: 5%;
    }
    .download_main li a{
        /*height: 90px;*/
    }
    .news_videos ul li a:before{
        top: 20%;
    }
    .index_tab {
        margin-bottom: 5%;
        margin-top: 0;
    }
    .join-banner .swiper-slide-active .join-world{
        display: none;
    }
    .rais-row .thumbnail{
        min-height: auto;
    }
    #content .col-xs-12{
        width: 100%;
    }
    .news_videos ul li h2{
        height: auto;
    }



}

@media screen and (max-width: 680px) {
    .aboubom_main ul {
        width: 90%;
        margin: 3% auto 5% auto;
    }
    .aboubom_main ul li,.aboubom_main ul li.color_bg{
        float: none;
        margin-right: 0;
        margin-left: 0;
        width: 286px;
        height: 329px;
        margin: 2% auto;
    }
    .time_intt .year .list ul li .date strong{
        font-size: 28px;
        font-size: 2.8rem;
    }
    .time_intt .year .list ul li .date{
        width: 22%;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .time_intt .year .list ul li .date strong{
        margin-right: 5px;
    }
    .time_intt .year .list ul li .intro{
        width: 63%;
        margin-left: 14%;
    }

    .time_intt .year .list ul li {
        background: url(../images/circlebgs.jpg) no-repeat 26% 25px;
        padding:0;
    }
    .time_intt {
        padding-top: 0;
        background: url(../images/line-bgss.png) repeat-y 26.7% 25px;
    }
    #timeline,#dates,#issues,#issues li {
        width: 600px;
    }
    .recrun_titles p{
        width: 100%;
    }
    #timeline p{
        bottom: 25%;
    }

}

@media screen and (max-width: 640px) {
    .time_intt .year .list ul li .date {
        margin-top: 20px;
    }
    .shzr_title ul li{
        width: 33.33%;
        margin-top: 3%;
    }
    .shzr_bgs{
        padding: 3% 0 5% 0;
    }
    .tab_twotit .tabtitle {
        width: 100%;
    }
    .us_main a {
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        width: 24%;
        margin-bottom: 1px;
    }
    .us_main{
        /*padding-top: 10%;*/
    }
    .invest_title ul li{
        width: 26%;
    }
    .invest_title ul li:first-child{
        width: 45%;
    }
    .invest_title ul li {
        height: auto;
    }
    .allt_warp .posiimgs {
        position: relative;
        top: 0%;
        right: 0;
        z-index: 9;
        width: 100%;
    }
    .aboutbg_box{
        background-size: 100% 100%;
    }
    .aboutbg_box p{
        width: 100%;
    }
    .allt_warp h4{
        margin-bottom: 3%;
    }
    .lhms_timez p.time_1{
        height: auto;
        left: 0px;
        width: 200px;
    }
    .lhms_timez p.time_2{
        height: auto;
        left: 0px;
        width: 310px;
    }
    .lhms_timez p.time_3{
        height: auto;
        left: 0px;
        width: 280px;
        margin-bottom: 30px;
    }

    .lhms_timez p.time_4{
        height: auto;
        left: 0px;
        width: 230px;
    }
    .lhms_timez p.time_5{
        height: auto;
        left: 0px;
        width: 310px;
    }
    .lhms_timez p.time_6{
        height: auto;
        left: 0px;
        width: 300px;
        margin-bottom: 30px;
    }
    .lhms_timez p.time_7{
        height: auto;
        left: 0px;
        width: 210px;
    }
    .lhms_timez p.time_8{
        height: auto;
        left: 0px;
        width: 300px;
        margin-bottom: 30px;
    }
    .lhms_timez p.time_9{
        height: auto;
        left: 0px;
        width: 280px;
    }
    .lhms_timez p.time_10{
        height: auto;
        left: 0px;
        width: 270px;
    }
    .lhms_timez p.time_11{
        height: auto;
        left: 0px;
        width: 220px;
    }
    #timeline,#dates,#issues,#issues li {
        width: 480px;
    }
    .news_videos ul li{
        width: 100%;
        margin-right: 0;
    }
    .news_videos ul{
        width:100%;
    }
    .innsues_tit{
        padding: 3%;
    }
    #timeline p{
        left: 3%;
    }
    .searchbox {
        width: 43%;

    }

}
@media screen and (max-width: 480px) {

    .g-sidebar-nav {
        width: 97%;
        margin-left: 3%;
        position: relative;
        right: 0;
    }
    .int_center ul {
        margin-right: 4%;
    }
    .int_center ul.fot_uls p {
        width: 85%;
    }
    .int_right {
        width: 100%;
        /*margin-left: 28%;*/
        float: none!important;
    }
    .int_right img{
        width: 100%;
        /*margin-left: 10%;*/
    }
    .int_right p{
        width: 100%;
    }
    .topiconinfo ul li{
        width: auto;
        text-align: center;
        height: 60px;
        padding: 8px 3px 8px;
        margin-right: 3px;
    }
    .carousel-control .glyphicon-menu-left,
    .carousel-control .glyphicon-menu-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next{
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding-right: 6px;
        text-align: right;
        background: rgba(0,0,0,0.6);
    }
    .carousel-control .glyphicon-menu-right,
    .carousel-control .icon-next{
        text-align: left;
        padding-left: 6px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-menu-left{
        left: 0;
    }
    .carousel-control .icon-next,
    .carousel-control .glyphicon-menu-right{
        right: 0;
    }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right{
        margin-top: -20px;
    }
    .company_row .col-xs-12{
        width: 100%;
        margin-bottom: 3%;
    }
    #timeline,#dates,#issues,#issues li {
        width: 350px;
    }
    .area_maint .col-md-8 .borderBox{
        min-height: auto;
    }
    .int_center ul.fot_uls {
        width: 70%;
        margin-right: 0;
    }


}
@media screen and (max-width: 375px) {
    .time_intt .year .list ul li .date strong{
        font-size: 24px;
        font-size: 2.4rem;
    }
    #timeline p{
        left: 3%;
        bottom: 28%;
    }
}
@media screen and (max-width: 320px) {
    #timeline,#dates,#issues,#issues li {
        width: 290px;
    }
    #dates li a{
        width: 115px;
    }
    #dates .selected{
        background: url(../images/timelinss.jpg) no-repeat 72px center;
    }
    .searchbox {
        position: relative;
        width: 46%;
        margin-right: 10px;
        float: left;
    }



}
@media screen and (min-width: 1930px) {
    .allt_warp .posiimgs{
        width:20%;
    }
}

@media screen and (max-width: 1024px) {
    /*.pinpai_a{
        display: none;
    }
    .pinpai_s{
        display: block;
    }
    .pinpai_s li{
        width: 33%; float: left;
    }
    .pinpai_s li img{
        width: 100%;
    }*/
    .p_pai li{ float: left; margin:3% 1% 3% 1%; width: 46%;min-height:104px;}
    .p_pai li img{ width: 100%; }
}
@media screen and (max-width: 1180px){
    .glyphicon_s{
        top: 40%;
        left: 75%;
    }
    .us_main a{
        width: 24%;
    }
    .indbtns{
        display: none;
    }
    .shzr_title a.a_white{
        display: none;
    }
    .white_bgs{
        background: url(../images/xin_kj.jpg) repeat;
        margin-bottom: 5%;
        background-size: 100%;
    }
    .index_item_s h2{
        color: #fff !important;
    }
    .index_item_s h2::after {
        background: #fff !important;
    }
    .ljyf_content .index_item p.lyyftop_p{
        color: #fff;
    }
    .kjyf_inbg ul li{
        width: 49%;
        margin-right: 1%;
        padding:3px 1px;
        margin-bottom: 1%;
    }
    .ljyf_content .index_item {
        width: 100%;
        margin-left: 0;
    }
    .kjyf_inbg h6{
        line-height: 20px;
        padding-top: 5px;
    }
    .index_item h2{
        margin-bottom: 25px;
    }
    .h_color_a a{color: #fff !important;}
    .kjyf_inbg, .indtitles{
        width: 100%;
    }
    .indtitles h3{
        padding-left: 38px;
    }

    .indtitles p{
        padding-left: 12px;
    }
    .indtitles{
        background: rgba(0,154,68,0.8) !important; 	}
    .xin_yw{

    }
    .xin_yw p{
        font-size:1.8rem; font-size: 18px; color: #fff; margin-bottom: 2%;
    }
    .xin_yw a{
        font-size:1.4rem; font-size: 14px;color: #fff;
    }
    .xincy_a{
        position: relative;
    }
    .xincy_b{
        position: absolute;
        top: 40%;
        left: 5%
    }
    .xin_yw img{
        width: 100%;
    }
    .xincy_zs{
        width: 32%;
        margin-right: 5%;
        float: left;
    }
    .xincy_y{
        float: left;
        width: 100%;
    }
    .xincy_ys{
        width: 100%;
        margin-bottom: 6%
    }
    .xincy_yz{
        width: 100%;
    }
    .xincy_zx{
        width: 47%;
        float: left;
        margin-right: 6%;
        margin-top: 5%;
    }
    .xincy_yx{
        width: 47%;
        float: left;
        margin-top: 5%;
    }
    .indbg_hs .index_item h4{
        text-align: left;
    }
    .xin_sj{
        display: block;
    }
    .xin_dn{
        display: none;
    }
}

@media screen and (max-width: 775px) {
    .syincang{display: none;}
    .syincangs{display: block;}
    #slider {
        width: 100%;
        margin: 50px auto;
    }


    /*--------------CONTROLS--------------*/

    /*position controls*/
    .controls li {
        top: 50%;
        margin-top: -30px
    }

    .controls li:nth-child(1) {
        left: 0;
    }

    .controls li:nth-child(2) {
        right: 0;
    }


    /*------------PAGINATION------------*/

    /*style pagination*/
    .pagination li {
        background-color: #ddd;
    }

    .pagination li.active {
        background-color: #000;
    }


    /*-------------HELPERS----------------*/

    .responsive {
        width: 100%;
        height: auto;
    }

    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }
    .syincangs p{background: #efefef;
        text-align: center;
        line-height: 25px;
        padding: 5px 0;
        margin: 0;}
}
@media screen and (max-width: 1360px) {
    .news_videos ul li img { height:225px;}
}
@media screen and (max-width: 640px) {
    .news_videos ul li img {
        height: auto;
    }
}