.index_server{
    background: #f4f4f4;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.index_server .t_name{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-top: 50px;
    padding-bottom: 10px;
}
.index_server .ser_con{
    width: 1300px;
    margin: auto;
}
.index_server .hrs{
    display: inline-block;
    width: 50px;
    border: 2px solid #065198;
    margin: 20px;
}
.i_server {
    overflow: hidden;
}
.i_server .pic{
    width: 169px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    background-color: #fff;
    margin-right: 18px;
}
.i_server ol li{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.i_server ol li .con{
    overflow: hidden;
    padding:30px;
    background: #fcfcfc;
}
.i_server ol li:nth-child(even){
    margin-right: 0;
}
.i_server ol li .conr{
    width: 66%;
    float: left;
    text-align: left;
}
.i_server ol li .conr .t{
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}
.i_server ol li .conr .desc{
    color: #666666;
    margin-top: 5px;
    height: 63px;
    overflow: hidden;
    letter-spacing: 1px;
    font-size: 13px;
}
.leftAn img{
    max-width: 100%;
}
.art_con{
    padding-top: 20px;
}
.art_con img{
    max-width: 100%;
}
.fenye {
    text-align: center;
    padding-top: 20px;
}
.fenye li{
    display: inline-block;
    border: 1px solid #ddd;
    min-width: 20px;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 5px;
    margin: 0 5px;
}
.fenye li .sel{
    font-weight: bold;
    color: #e1211c;
}
.th_box{
    border: 1px solid #d2e9ff;
    overflow: hidden;
}
.th_box .t{
    width: 100%;
    background: #ecf5ff;
    color: #e1211c;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}
.th_box .conl{
    width: 8%;
    text-align: center;
    vertical-align: middle;
    float: left;

}
.th_box .conl p{
    padding-top: 10px;
}
.th_box .conr{
    float: right;
    width: 91%;
    overflow: hidden;
    position: relative;
}
.th_box .conr:after{
    content: '';
    position: absolute;
    width: 1px;
    left: 0;
    top: 0;
    border-left: 1px solid #d2e9ff;
    height: 100%;
}
.th_box .conr a{
    float: left;
    width: 23%;
    padding: 0 1%;
    box-shadow:  1px 1px 1px 0 #d2e9ff;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-indent: 10px;
}
.tel_ico{
    color: #e1211c;
    font-size: 20px;
    font-weight: bold;
}
.tel_ico img{
    max-width: 20px;
    display: inline-block;
    float: left;
    padding-right: 10px;
}
.pronews a{
	width:84%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:inline-block
}
.f_ewm .con{
	width:110px;
	text-align:center;
}
.f_ewm img{
	max-width:100%;
}
/*footerS*/
.rightbar .rcompany li{
    width: 94%;
}
.rightbar .rcompany li a{
    float: left;
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.leftbar .hotkey li{
    width: 94%;
}
.leftbar .hotkey li span.d{
    float: right;
}
.rightbar .rcompany li span.d{
    float: right;
}
#footer-wrapper.footer-dark {
    background-color: #25272e;
}
#footer-wrapper {
    padding-top: 40px;
}
#footer-wrapper {
    position: relative;
    background-image: url(../images/footer-bkg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#footer {
    padding-bottom: 10px;
}
#toolbar{
    display: none;
}
#footer .row{
    width: 1400px;
    margin: auto;
    overflow: hidden;
}
#footer .row ul.fli{
    float: left;
}
#footer-wrapper .widget .title h3 {
    font-size: 19px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    color: #fff;
}
#footer-wrapper h3 a {
    color: #fff;
}
.foot-about{
    width: 350px;
    margin-right: 50px;
    color: #bcc0c4;
}
.foot-nav{
    width: 300px;
    margin-right: 50px;
}
.foot-nav ul li {
    line-height: 30px;
    text-align: left;
    border-bottom: 1px #515564 dashed;
}
.foot-nav ul li a{
    color: #bcc0c4;
}
.foot-contact{
    width: 300px;
    margin-right: 50px;
}
.foot-contact .f-contact{
    text-align: left;
}
.foot-contact .f-contact p{
    padding-bottom: 10px;
    color: #bcc0c4;
}
.foot-contact .f-contact p a{
    color: #bcc0c4;
}
.foot-qrcode {
    width: 300px;
}
.foot-qrcode img{
    max-width: 100%;
    max-height: 300px;
}
.footer-dark .copyright-container .row{
    border-top: 1px solid #384653;
    padding: 25px 0;
    color: #bcc0c4;
}
.footer-dark .copyright-container .row a{
    color: #bcc0c4;
}
.mylixl{
    width: 1300px;
    margin: 0 auto;
    text-align: left;
    padding: 50px 0;
    overflow: hidden;
}
.mylixl .box_left{
    width: 940px;
    float: left;
}
.box_left ul li{
    overflow: hidden;
    margin-bottom: 50px;
}
.box_left ul li .pic{
    height: 163px;
    width: 240px;
    float: left;
    margin-right: 30px;
    background-size: contain;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center;
}
.box_left .contentr .t{
    font-size: 20px;
    color: #333;
}
.box_left .contentr .t:hover{
    color: #065198;
}
.box_left .con {
    margin-top: 10px;
    overflow: hidden;
}
.box_left .con dl{
    width: 125px;
    float: left;
    margin-right: 30px;
    border-right:2px solid #d7dee0;
}
.box_left .con dl dd{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #999;
    font-size: 13px;
}
.box_left .con dl dd a{
    color: #999;
}
.box_left .con dl dd a:hover{
    color: #065198;
}
.box_left .con .conr .desc{
    height: 60px;
    overflow: hidden;
}
.box_left .con .conr .more{
    margin-top: 40px;
}
.box_left .con .conr .more i{
    color: #f16543;
}
.box_right{
    width: 314px;
    float: right;
}
.mo_box .mo_t{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.mo_box .mo_gg{
    margin: 15px 0 30px 0;
}
.mo_box .mo_gg p{
    margin-bottom: 5px;
}
.mo_box ul{
    margin-top: 15px;
}
.mo_box ul li{
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    overflow: hidden;
}
.mo_box ul li .pic{
    float: left;
    width: 106px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #f9f9f9;
    margin-right: 15px;
}
.mo_box ul li .conr .t{
    height: 40px;
    line-height: 18px;
}
.mo_box ul li .conr .t a{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.index_news{
    width: 1300px;
    margin: auto;
    text-align: left;
    overflow: hidden;
}
.index_news .tt_name{
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.index_news .tt_name p{
    width: 50px;
    border: 1px solid #065198;
    margin-bottom: 10px;
}
.index_news .n_box{
    float: left;
    width: 300px;
    margin-right: 33px;
    padding-bottom: 50px;
}
.index_news .n_box:nth-child(4n){
    margin-right: 0;
}
.index_news .n_box:last-child{
    margin-right: 0;
}
.index_news ul{
    margin-top: 10px;
}
.index_news ul li{
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_news ul li i{
    color: #065198;
    margin-right:10px ;
}
.index_news .iabout_box{
    margin-top: 18px;
}
.index_news .iabout_box .pic{
    height: 185px;
    overflow: hidden;
    text-align: center;
    background: #F8F8F8;
    padding: 10px 0;
}
.index_news .iabout_box .pic img{
    max-height: 185px;
    max-width: 100%;
}
.index_news .iabout_box .descr{
    height: 80px;
    margin-top: 10px;
    overflow: hidden;
}
@media screen and (max-width: 1600px) {

    .rightbar .rcompany li{
        width: 88%;
    }
}
@media screen and (max-width: 1440px) {
    .mylixl{
        width: 1170px;
    }
    .mylixl .box_left{
        width: 840px;
    }
    .box_right{
        width: 267px;
    }
    #footer .row ul.fli{
        margin-right: 38px;
    }
    #footer .row ul.fli:last-child{
        margin-right: 0;
    }
    #footer .row{
        width: auto;
        margin: 0 100px;
    }
    .foot-about{
        width: 290px;
    }
    .foot-nav{
        width: 170px;
    }
    .foot-contact{
        width: 270px;
    }
    .foot-qrcode{
        width: 250px;
    }
}
@media screen and (max-width: 1366px) {
    .pronews a{
        width: 80%;
    }
    .default-news dd ul li a{
        width: 85%;
    }
}
@media screen and (max-width: 1280px) {
    .th_box .conr a{
        padding: 2%;
        height: auto;
        line-height: 20px;
        width: 21%;
        white-space: initial;
        text-indent: 0;
    }
    .index_server .ser_con {
        width: auto;
        margin: 0 27px;
    }
    .i_server ol li .conr{
        width: 63%;
    }
    .midbar .picshow li{
        width: 245px;
    }
    .midbar .picshow li dd{
        width: 127px;
    }
    .foot-qrcode{
        width: 169px;
    }
    .index_news{
        width: auto;
        margin: 0 27px;
    }
    .index_news .n_box{
        width: 277px;
    }
}
/*footerE*/
@media screen and (max-width: 640px) {
    .logo{
        height: 60px;
    }
    .logo img{
        max-height: 60px;
        max-width: 100%;
    }
    .nav_center dl dd{
        left: unset;
        right: 0;
    }
    div.header .right{
        width: 152px;
    }
    .index_news .n_box:last-child,.tooles .search{
        display: none;
    }
    .index_news .iabout_box .descr{
        height: auto;
    }
    .index_news .iabout_box .pic{
        height: auto;
    }
    .index_news .n_box{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .box_left .con .conr .desc{
        height: auto;
    }
    .mylixl{
        width: 94%;
    }
    .copyright-container{
        padding-bottom: 50px;
    }
    .mylixl .box_left{
        width: 100%;
    }
    .box_left ul li .pic{
        float: none;
        display: block;
        margin-bottom: 20px;
    }
    .box_left .con dl{
        width: 100%;
        float: none;
    }
    .box_left .con dl dd{
        display: inline-block;
        margin-right: 10px;
    }
    .box_left .con .conr .more{
        display: none;
    }
    .box_left ul li{
        margin-bottom: 30px;
    }
    .box_left .con dl dd:last-child{
        display: none;
    }
    .phone-hide{
        display: none;
    }
    .nav_center dl dt a{
        width: 33px;
        overflow: hidden;
    }
    .tel_ico{
        font-size: 16px;
        margin-top: 17px;
    }
    .tel_ico span{
        display: inline-block;
        padding-top: 3px;
    }
    .table_1 img{
        max-width: 100%;
        min-width: 100px;
    }
    #footer .row{
        width: 90%;
        margin: auto;
    }
    /*footerS*/
    .index_server .t_name{
        font-size: 18px;
        padding-top: 30px;
    }
    .i_server ol li .con{
        padding: 15px;
    }
    .i_server{
        height: auto;
    }
    .i_server .pic{
        width: 100%;
        margin-right: 0;
        height: 234px;
        float: none;
        display: block;
    }
    .i_server ol li .conr{
        width: 100%;
        float: none;
    }
    .i_server ol li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .i_server ol li .conr .t{
        text-align: center;
    }
    .i_server ol li .conr .desc{
        height: auto;
        text-align: center;
    }
    .default-Detail-nav dd{
        height: auto;
    }
    .default-Detail-blog dd{
        height: 178px;
    }
    .default-news dd ul li a{
        width: 66%;
        display: inline-block;
    }
    .zx_0 li a {
        height: 24px;
        width:66%;
        overflow:hidden;
        display: inline-block;
        white-space:nowrap
    }
    .zx_0 li span.d{
        float: right;
    }
    .leftbar .hotkey li{
        padding-left: 0;
        height: 23px;
        line-height: 23px;
        text-indent: 3px;
        width: 98%;
    }
    div.leftbar,div.midbar{
        width: 90%;
        margin: 10px 4%;
        height: auto;
    }
    div.leftbar p img{
        width: 100%;
    }
    .midbar .pronews{
        margin: 0 auto;
        width: 94%;
        float: none;
    }
    .midbar .pronews li{
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .midbar .pronews li span{
        margin-right: 0;
        float: right;
    }
    div.rightbar{
        width: 90%;
        margin: 15px 1% 0 4%;
        height: auto;
    }
    .rightbar .rcompany li a{
        width: 66%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .rightbar .rcompany li{
        width: 84%;
    }
    .rightbar .rcompany li .d{
        float: right;
    }
    #footer .row ul.fli{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #toolbar {
        color: #fff;
        width: 100%;
        height: 54px;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #065198;
        display: block;
        z-index: 9999;
    }
    .x3 {
        width: 25%;
        float: left;
    }
    #toolbar a {
        width: 100%;
        color: #fff;
        display: block;
        padding: 5px 0 0 0;
        line-height: 23px;
        font-size: 18px;
    }
    #toolbar a span {
        font-size: 22px;
        display: block;
    }
    .table_1{
        width: 100% !important;
    }
    .table_1 ul{
        width: 100% !important;
    }
    .table_1 ul.citylist li{
        white-space: initial;
    }
    /*footerE*/
}

@media screen and (max-width: 380px) {
    .rightbar .rcompany li {
        width: 80%;
    }
    .i_server .pic{
        height: 208px;
    }
}
@media screen and (max-width: 360px) {
    .rightbar .rcompany li {
        width: 76%;
    }
    .i_server .pic{
        height: 200px;
    }
}
@media screen and (max-width: 320px) {
    .rightbar .rcompany li {
        width: 68%;
    }
    .i_server .pic{
        height: 168px;
    }
}


/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #999;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #fff;border: 1px solid #f2f2f2;}
.pglist a:hover,.pglist span{display:inline-block;color: #000;background: #FFF;border-color: #ccc;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pglist a.page-num-current{display:inline-block;color: #8e020f;background: #FFF;border-color: #ccc;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}