body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    font-size: 16px;
}


/* 初始化标签在所有浏览器中的margin、padding值 */

fieldset,
img {
    border: 0 none
}

img {
    max-width: 100%;
}


/* 重置fieldset（表单分组）、图片的边框为0*/

dl,
ul,
ol,
menu,
li {
    list-style: none
}


/* 重置类表前导符号为onne,menu在HTML5中有效 */

blockquote,
q {
    quotes: none
}


/* 重置嵌套引用的引号类型 */

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}


/* 重置嵌套引用*/

input,
select,
textarea,
button {
    vertical-align: middle;
    outline: none;
    border: none;
}


/* 重置表单控件垂直居中*/

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}


/* 重置表单button按钮效果 */


/* body {background:#fff}   重置body 页面背景为白色 */

body,
th,
td,
input,
select,
textarea,
button {
    line-height: 1;
    font-family: "微软雅黑", "粗体";
}


/* 重置页面文字属性 */

a {
    text-decoration: none;
    color: #000;
}


/* 重置链接a标签 */

a:active,
a:hover {
    text-decoration: none
}


/* 重置链接a标签的鼠标滑动效果 */

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}


/* 重置样式标签的样式 */

caption {
    display: none;
}


/* 重置表格标题为隐藏 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}


/* 重置table属性 */

img {
    vertical-align: middle;
    max-width: 100%;
}


/* 图片在当前行内的垂直位置 */

i {
    font-style: normal;
}


/* 页面设置 */


/* 取消a标签点击后的虚线框 */

a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

a[href] {
    cursor: pointer;
}


/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */


/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/


/*清除浮动*/


/*清除浮动*/


/*
.clear {
    clear: both;
} */


/*清除浮动--推荐使用*/


/* 清楚浮动 */

.clear {
    zoom: 1;
}

.clear:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fr {
    float: right;
}

.fl {
    float: left;
}


/*文本超出显示省略号*/

.ehn,
.otw,
.tow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.w {
    width: 1200px;
    margin: 0 auto;
}


/* 截字符 */

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}


.ellipsis_d {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* 下面这句用来控制行数 */
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
}

:root {
    --red: #d50101;
    --yell: #f29803;
}
.dqgz ul {
    margin-bottom:1rem;
}
    .dqgz ul li:hover {
        background-color:#0e57a2;
    }
    .dqgz ul li:hover a{
        color:#fff;
    }
    .dqgz ul li .date {
        padding-top:.1rem;
    }
    .dqgz ul li p {
        display:block;
        padding-bottom:.1rem;
    }
    .dqgz ul li {
        padding: 0 0.2rem;
        margin-bottom: .2rem;
    }
    .dqgz ul li strong {
        display: block;
        margin: 0.1rem 0;
    }
    .dqgz .container {
        position:inherit;
        width: 80%;
        margin: auto;
        min-height:6rem;
    }
/* 头部 */
.pub_ban {
    width: 14.6%;
    background-color: #0f4d92;
}
.pub_ban>a{
    display: block;
}
.pub_ban img {
    width: 100%;
}

.sousuo {
    width: 12.5%;
}

.header {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 0;
    z-index: 2;
    width: 100%;
    background-color: white;

}

.img {
    width: 100%;
}

.img>img {
    height: 100%;
}

.navbox {
    width: 50%;
    margin: auto;
}
.ssk>input{
    width: 90%;
}
.navbox .nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.nLi h3 a {
    padding: 0.38rem 0.1rem;
    color: #262626;
    font-size: 0.18rem;
    font-family: "微软雅黑";
    display: block;
    letter-spacing: .02rem;
    border-bottom: 0.03rem solid rgba(255, 0, 0, 0);
    font-weight: 500;

}

.nav li {
    display: flex;
    justify-content: center;
}

.ewms {
    height: 100%;
    position: relative;
    top: 10px;
    right: -140px;
    width: 130px;
}












.banner img{
    width: 100%;
}
.nLi:hover h3 a {
    color: #0e57a2;
    border-bottom: 0.03rem solid #0e57a2;
}
.on {
    color: #0e57a2 !important;
    border-bottom: 0.03rem solid #0e57a2 !important;
}
.active {
    color: #0e57a2 !important;
}
.nLi:hover .sub {
    display: block;

}

.sub {
    display: none;
    background: white;
    position: absolute;
    top: .97rem;
}

.sub>li {
    box-sizing: border-box;
    line-height: .4rem;
    text-align: center;
    padding: 0.05rem 0.4rem;
    width: 100%;
}

.sub>li>a {
    color: #262626;
    font-size: 0.18rem;
    font-family: "微软雅黑";
    font-weight: 500;
    display: block;
    text-align: center;
}

.sub>li>a:hover {
    color: #0e57a2;
}
.qyzz_bottom h3{
    font-weight: 400;
}
.img {
    position: relative;
}

.nth {
    position: absolute;
    z-index: 9;
    top: 7.64rem;
    left: 2.54rem;
    width: 73%;
    height: 2.2rem;
    display: flex;
    border-radius: .15rem;
    background: white;
    justify-content: space-between;
    box-shadow: 1px 1px 35px -14px #ccc;
}

.nth .nth_li {
    width: 20%;
    transition: all 0.5s;
}

.hd .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}

.hd .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display: none;
}

.wx, .ss {
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding-top: 0.4rem;
    text-align: center;
    border-left: 1px solid #dfe4eb;
}

.wx {
    width: 41%;
    position: relative;
}

.erweima {

    display: none;
}
.wx:hover {
    background-color: #0f4d92;
}
.wx:hover .erweima {
    width: 1.35rem;
    position: absolute;
    top: .97rem;
    display: block;
}
    .wx:hover .wx1 {
        display:none;
    }
    .wx:hover .wx2 {
        margin-left:.35rem;
        display: block;
    }
.wx1 {
    margin-left:.25rem;
}
.X {
    float: left;
    margin-right: 0.2rem;
    margin-top: 0.03rem;
}
.erweima > img {
    width: 100%;
}
.ss {
    width: 58%;
}

.xiaofang {
    padding-bottom: .3rem;
    text-align: center;
}

.nth_li a {
    display: block;
    margin-top: 0.5rem;
    border-right: 1px solid #cdd5dd;
}

.nth_li:last-child a {
    border: none;
}

.nth_li h5 {
    text-align: center;
    font-size: .18rem;
    color: #3d4044;
}

.xiaofang5-2, .xiaofang4-2, .xiaofang3-2, .xiaofang2-2, .xiaofang1-2 {
    text-align: center;
    display: none;
}

.nth_li:hover {
    background-color: #0e57a2;
    height: 2.7rem;
    margin-top: -0.25rem;
    border-radius: .2rem;

}

.nth_li:hover a {
    border-right: none;
    padding-bottom: .5rem;
}

.nth_li:hover .xiaofang5-1 {
    display: none;
}

.nth_li:hover .xiaofang4-1 {
    display: none;
}

.nth_li:hover h5 {
    padding-bottom: .6rem;
    color: #ffffff;
}

.nth_li:hover .xiaofang5-2 {
    margin: auto;
    display: block;
}

.nth_li a {
    display: block;
}

.nth_li:hover a {
    background: url(../img/jiantou.png) no-repeat 1.2rem 1.5rem;
}

.nth_li:hover .xiaofang4-2 {
    margin: auto;
    display: block;
}

.nth_li:hover .xiaofang3-1 {
    display: none;
}

.nth_li:hover .xiaofang3-2 {
    margin: auto;
    display: block;
}

.nth_li:hover .xiaofang2-1 {
    display: none;
}

.nth_li:hover .xiaofang2-2 {
    margin: auto;
    display: block;
}

.nth_li:hover .xiaofang1-1 {
    display: none;
}

.nth_li:hover .xiaofang1-2 {
    margin: auto;
    display: block;
}

.about {
    width: 73%;
    margin: auto;
    margin-bottom: .5rem;
    background-color: #fff;
    overflow: hidden;
}

.aboutLeft {
    width: 47%;
    margin-top: 2.5rem;
    float: left;
}

.aboutRight {
    width: 50%;
    float: right;
    margin-top: 2.2rem;
}

.aboutLeft h2 {
    color: #191919;
    font-size: .32rem;
    margin-bottom: .15rem;
}

.aboutLeft h4 {
    color: #bdbdbd;
    font-size: .2rem;
    font-weight: 400;
    margin-bottom: .3rem;
}

.aboutLeft i {
    display: block;
    width: .4rem;
    height: .15rem;
    border-top: .03rem solid #c7cacf;
}

.aboutLeft .jjnr {
    color: #191919;
    font-size: .16rem;
    line-height: .3rem;
}

/* 企业资质     工程案例 */
.gsjj {
    margin-top: .5rem;
    position: absolute;
    background-color: #fff;
    box-shadow: 1px 1px 35px -14px #ccc;
}

.gjzz {
    float: left;
    background: url(../img/zz.png) no-repeat 2.3rem .35rem;
}

.zczj {
    float: left;
    background: url(../img/zj.png) no-repeat 2.3rem .35rem;
}

.clsj {
    float: left;
    background: url(../img/sj.png) no-repeat 2.3rem .35rem;
}

.aboutLeft h3 {
    border-right: 1px solid #c7cacf;
    margin-left: .3rem;
    color: #262626;
    font-size: .4rem;
    margin-top: .28rem;
}

.zczj h3 {
    position: relative;
}
.gjzz .danweis {
    position: absolute;
    top: .2rem;
    right: 7.6rem;
    color: #aeaeae;
    font-size: .14rem;
}
.zczj .danwei {
    position: absolute;
    top: .2rem;
    right: 4.2rem;
    color: #aeaeae;
    font-size: .14rem;
}

.clsj h3 {
    position: relative;
    border-right: none;
}

.clsj .danwei2 {
    position: absolute;
    top: .2rem;
    right: 1.35rem;
    color: #aeaeae;
    font-size: .14rem;
}
.zz > img {
    height:auto !important;
}
.gsjj .jj {
    margin-top: .1rem;
    margin-bottom: .2rem;
    margin-left: .3rem;
    margin-right: 2rem;
    display: inline-block;
    color: #aeaeae;
    font-size: .14rem;
}

.qy {
    background-color: #f1f4f6;
}

.qy_con {
    width: 73%;
    margin: auto;
    overflow: hidden;
}

.qyzz {
    width: 75%;
    float: left;
}

.gcal {
    width: 23%;
    float: right;
}

.qyzz_top h3 {
    padding-top: .75rem;
    color: #191919;
    font-size: .32rem;
    margin-bottom: .2rem;
}

.qyzz_top h5 {
    font-weight: 400;
    color: #bdbdbd;
    font-size: .2rem;
    margin-bottom: .5rem;
}

/* 轮播图 */
.swiper-container {
    overflow: hidden;
}

.qyzz_bottom {
    text-align: center;
    color: #333333;
    font-size: .16rem;
    margin-bottom: .6rem;
}

.qyzz_bottom a {
    display: block;
    height:2rem;
    text-align: center;
    background-color: #fff;
    margin-right: .25rem;
    margin-bottom: .3rem;
    padding: .3rem .2rem .3rem .2rem;
}

.gcal_tops {
    margin-top: .2rem;
    background-color: #0e57a2;
}

.gcal_tops h1 {
    padding-top: .4rem;
    margin-left: .5rem;
    margin-bottom: .25rem;
    color: #ffffff;
    font-weight: 400;
    font-size: .36rem;
}

.gcal_tops h3 {
    padding-bottom: .6rem;
    margin-left: .5rem;
    color: #ffffff;
    font-size: .2rem;
    font-weight: 400;
}

.gcal_bottom {
    float: left;
    width: 100%;
}

.gcal_bottom ul {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    margin-bottom: .2rem;
}

.gcal_bottom li {

    float: left;
    width: 49%;
}

.gcal_bottom li a {
    text-align: center;
    display: block;
    padding-top: 1.25rem;
    color: #3d4044;
    font-size: .18rem;
    padding-bottom: .36rem;
}

.gcal_bottom li:hover a {
    color: #0e57a2;
}

.zh {
    background: url(../img/changguan.png) no-repeat .5rem .4rem;
}

.jf {
    background: url(../img/jifang.png) no-repeat .5rem .4rem;
}

.sh {
    background: url(../img/shihua.png) no-repeat .5rem .4rem;
}

.dl {
    background: url(../img/dianli.png) no-repeat .5rem .4rem;
}

.gcal_bottom .zh:hover {
    background: url(../img/changguan1.png) no-repeat .5rem .4rem;
}

.gcal_bottom .jf:hover {
    background: url(../img/jifang1.png) no-repeat .5rem .4rem;
}

.gcal_bottom .sh:hover {
    background: url(../img/shihua1.png) no-repeat .5rem .4rem;
}

.gcal_bottom .dl:hover {
    background: url(../img/dianli1.png) no-repeat .5rem .4rem;
}

.zh, .jf {
    border-bottom: .02rem solid #dedede;
}

.zh, .sh {
    border-right: .02rem solid #dedede;
}




/* 新闻资讯 */
.xwzx {
    width: 74%;
    margin: auto;
    margin-bottom: .3rem;
}

.xw_top {
    overflow: hidden;
}

.xw>a {
    display: block;
    
}

.xw:hover a{
    /* padding-bottom: .55rem; */
    padding-bottom: .01rem;
}

.xw_bot {
    height: 100%;
}

.xw_bot ul {
    height: 100%;
    overflow: hidden;
}

.xw_left {
    float: left;
}
.xwbt{
    margin-bottom:.5rem !important;
}
.xw_left h2 {
    font-weight: 700;
    color: #191919;
    font-size: .32rem;
    margin-bottom: 0.25rem;
}

.xw_left h5 {
    font-weight: 400;
    color: #bdbdbd;
    font-size: .2rem;

}

.xw_right {
    float: right;
}
.xw_right ul{
    overflow: hidden;
}
.xw_right li {
    float: left;
    margin:0 0.2rem;

}

.xw_right li a {
    display: block;
    color: #232323;
    font-size: .18rem;

}

.xw_right li:hover a::after {
    color: #24589d;
    width: .4rem;
    content: "";
    display: block;
    padding-top: .1rem;
    border-bottom: .03rem solid #0e57a2;
}

.xw {
    width: 31%;
    margin-top: .5rem;
    float: left;
    margin-bottom: .3rem;
    margin-right: .4rem;
    box-shadow: 1px 1px 35px -14px #ccc;
    /* border-bottom: .01rem solid rgba(0, 0, 0, 255); */
}

.xw:nth-child(3) {
    margin-right: 0rem;
}

.xw:nth-child(6) {
    margin-right: 0rem;
}

.xw:nth-child(9) {
    margin-right: 0rem;
}


.xw .rq {
    margin: .5rem 0 0rem 0.45rem;
    overflow: hidden;

}
.xw:hover .rq{
    padding: .5rem 0 0rem 0.45rem;
    margin: 0;
}
.xwsj{
    overflow: hidden;
}
.xw span {
    display: block;
    color: #9ea0a2;
    font-size: .14rem;

    float: left;
}

.xw em {
    display: block;
    float: right;
    color: #9ea0a2;
    font-size: .14rem;
    padding-left: .2rem;
    padding-right: .45rem;
    background: url(../img/shijian2.png) no-repeat;
}

.xw h3 {
    height:.7rem;
    color: #1e1e1e;
    margin: .3rem .42rem 0  0;
    line-height: .35rem;
    font-size: .22rem;
    font-weight: 400;
}

.content {
    display: none !important;
    line-height: .3rem;
    padding-right: .5rem;
}

.xw_con>img {
    width: 100%;
}
.chakan {
    display: none;
    overflow: hidden;
    border: .01rem solid #fff;
}

.chakan h4 {
    color: #ffffff;
    font-size: .16rem;
    line-height: .5rem;
    width: 81%;
    font-weight: 400;
    text-align: center;
    border-right: .01rem solid #fff;
}

.chakan>a {
    display: block;
}

.xw:hover span {
    color: #ffffff;
}

/* .xw a {
    padding-bottom: .5rem;
} */

.xw:hover em {
    color: #ffffff;
}

/* .xw:hover a {
    padding-top: .5rem;
} */

.xw:hover h3 {
    font-size: .2rem;
    line-height: .35rem;
    color: #ffffff;
    /* display: block; */
    margin-top: 0.2rem;
}

.xw:hover .xw_con {
    display: none;
}

.xw:hover .content {
    display: block !important;
    margin-top: 0;
    margin-left: .45rem;
    margin-bottom: .53rem;
}

.xw:hover span {
    display: block;
}

.xw:hover em {
    display: block;
    background: url(../img/shijian.png) no-repeat;
}

.xw:hover .chakan {
    display: block;
    width: 42%;
    margin-left: .5rem;
    margin-bottom: .9rem;
    background: url(../img/xwjt.png) no-repeat 1.65rem;
}

.xw:hover {
    background: url(../img/xwzx.jpg) no-repeat;
}

.onss {
    color: #fff !important;
}
/* 产品中心 */
.slideTxtBox {
    width: 74%;
    margin: 50px auto;
    overflow: hidden;
}

.slideTxtBox .hd {
    overflow: hidden;
    position: relative;
}

.slideTxtBox .bd {
    overflow: hidden;
}

.slideTxtBox .bd ul {
    float: left;
}

.slideTxtBox .bd li {
    float: left;
    width: 31% !important;
    margin-top: .55rem;
    margin-right: .4rem !important;
    border: .02rem solid #ffffff;
}

.nr_img {
    width: 100%;
    height:2.89rem;
    text-align: center;
}
.nr_img>img{
    width: 100%;
}
.nr_neirong h2 {
    padding: .25rem;
    font-size: .2rem;
    color: #232323;
}

.nr_neirong span {
    margin: 0 .25rem 0rem .25rem;
    font-size: .14rem;
    color: #454545;
    display: block;
    line-height: .25rem;
}

.slideTxtBox .bd li>a {
    display: block;
}

.nr_bot {
    overflow:hidden;
    border-top: 1px solid #d8dde1;
}

    .nr_bot > h5 {
        width: 72%;
       
        float: left;
        display: block;
        padding: .2rem .25rem;
        color: #7f7f7f;
        font-size: .14rem;
    }
.cp ul li:hover h5 {
    border-right: .01rem solid #87abd1;
}
.nr_bot > img {
    float: right;
    margin-right: 0.3rem;
    margin-top: 0.2rem;
}
    .slideTxtBox .arrow {
        position: absolute;
        right: 10px;
        top: 0;
        width: 1.5rem;
        height: 1rem;
    }

.slideTxtBox .arrow a {
    display: block;
    width: .45rem;
    height: .45rem;
    border-radius:50%;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
}

.slideTxtBox .arrow .next {
    background: url(../img/cpyjt.png)no-repeat center;
    border: 2px #ededed solid;
}

.slideTxtBox .arrow .prev {
    background: url(../img/cpzjt.png)no-repeat center;
    border: 2px #ededed solid;
}

.slideTxtBox .arrow .next:hover {
    background: url(../img/cpyjt1.png)no-repeat center;
    background-color: #0e57a2;
}

.slideTxtBox .arrow .prev:hover {
    background: url(../img/cpzjt1.png)no-repeat center;
    background-color: #0e57a2;
}

.arrow a>img {
    padding-top: .18rem;
}

.nr_neirong {
    min-height:1.6rem;
    padding-bottom: .35rem;
}

.bd_nr h1 {
    display: none;
}



.slideTxtBox .bd li:hover h2 {
    color: #ffffff;
}

.slideTxtBox .bd li:hover span {
    color: #ffffff;
}

.slideTxtBox .bd li:hover .nr_neirong {
    background-color: #0e57a2;
}
.slideTxtBox .bd li:hover .nr_bot {
    border-top: 1px solid #87abd1;
}
.slideTxtBox .bd li:hover .bd_nr h1 {
    position: absolute;
    top: 0px;
    padding: 0.2rem;
    background: #0e57a2;
    display: block;
    color: #ffffff;
    font-size: .2rem;
    border-radius: 0 0 .2rem 0;
}

.slideTxtBox .bd li:hover .nr_bot {
    background: url(../img/cpjt2.png)no-repeat 4.05rem;
    background-color: #0e57a2;
}

.slideTxtBox .bd li:hover h5 {
    color: #ffffff;
    border-right: 1px #87abd1 solid;
    width: 75%;
}




/* 底部 */

.footer {
    width: 100%;
    background-color: #121416;
    overflow: hidden;
    border-bottom: 1px solid #31353a;
}

/* .foot{
    width: 74%;
    margin: auto;
} */
.foot {
    overflow: hidden;
    width: 74%;
    margin: auto;
    padding-bottom: .25rem;
    margin-top: 0.5rem;

}
.dbcont{
    margin-bottom: .2rem;
}
.bottom {
    width: 100%;
    background-color: #121416;
    /* overflow: hidden; */
}

.bot {
    display: flex;
    justify-content: space-between;
}

.foot_top {
    width: 100%;
    overflow: hidden;
}

.foot_left {
    width: 84%;
    float: left;
}
.db{
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
}
.foot_left li {
    float: left;
    width: 15%;
}

.foot_left>li:nth-child(1) {
    width: 12%;
}

.foot_left>li:nth-child(5) {
    width: 15%;
}

.foot_left>li:last-child {
    float: right;
    width: 28%;
}

.foot_left li a:hover {
    color: #0062dd;
}
.foot_left li a:hover span{
    color: #fff;
}
.foot_left li a:hover em{
    color: #fff;
}
.foot_left li div {

    flex-direction: column;
}

.foot_left li em:nth-child(1) {
    display: inline-block;
}

.foot_left li em:nth-child(3) {
    display: block;
    margin-left: 0.6rem;
}

.foot_left li>a {
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
}

.foot_left li div a {
    color: #fff;
    font-size: .14rem;
    line-height: .35rem;
    display: block;
}
.foot_left li:last-child div a{
    cursor: text !important;
}

.foot_right {
    width: 15%;
    float: left;
}

.foot_right .wxs {
    display: flex;
    margin-bottom: .3rem;
    flex-direction: row-reverse;
}

.foot_right .wx img {
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
}
.foot_left li div em{
   display: block;
   width: 80%;
}

.foot_left li div span{
    margin-right: 0.05rem;
    margin-bottom: 0.1rem;
    float: left;
}
.foot_right h1 {
    text-align: right;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    font-weight: 400;
}



.bottom_xia {
    width: 75%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.bottom_xia div{
    display: flex;
    font-size: .14rem;
    color: #4c5861;
    align-items: center;
}
.selet{
    color: #ffffff !important;
    font-size: 16px !important;
}
.bottom_xia a {
    display: flex;
    font-size: .14rem;
    color: #4c5861;
    padding-right: 20px;
    line-height: 40px;
    align-items: center;
}
.js{
    padding-right: 0 !important;
}
.bottom_xia a:hover {
    color: #fff;
}

.bottom_xia img {
    margin-right: .1rem;
}

/* 友情链接 */

.selet {
    width: 1.8rem;
    height: 42px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 12px 20px;
    margin-top: 15px;
    transition: all 1s;
    z-index: 1;
    border: 1px solid #202334;
    box-sizing: border-box;
    font-size: .16rem;
    background: url(../img/xiala.png) no-repeat 1.5rem #0d1924;
}

.selet:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 15px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
}

.selLj {
    position: absolute;
    background: #0d1924;
    left: -0.01rem;
    top: -0.9rem;
    height: 0;
    overflow: hidden;
    z-index: -1;
    transition: height .5s;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #0d1924;
    border-right: 1px solid #0d1924;
    border-left: 1px solid #0d1924;
    box-sizing: border-box;
    width: 1.8rem;
}

.selet:hover .selLj {
    height: 90px;
}

.selLj a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 1.8rem;
    color: #FFFFFF;
    display: block;
}
.selLj a{
    padding-right: 0 !important;
}
.selLj a:hover {
    color: #0e57a2;
}




.sj_banner, .sj_box, footer, .sj_header, .wzdts {

    display: none;

}

/* 手机首页 */
@media screen and (Max-width: 768px) {

    .header,

    .banner,

    .about,

    .qy,

    .slideTxtBox,

    .xwzx,

    .foots,

    .nth {

        display: none;

    }

    .sj_header {

        display: block;

        padding: 0 .26rem;

    }

    .sj_logo {

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding: .32rem 0;

    }

    .sj_banner {
        margin-top:1rem;
        display: block;
    }
        .sj_banner img {
            width:100%;
            height:3.3rem;
        }

    footer {

        display: block;

        padding: .5rem .27rem;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-wrap: wrap;
        border-top: #edf1f2 0.01rem solid;

    }

    footer a {

        color: #4d5762;

        font-size: .24rem;

        margin-right: .1rem;

        line-height: .35rem;

    }

    .sj_box {

        display: block;

        padding: .6rem .26rem;

    }

    .sj_nth ul {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .sj_nth ul li {

        width: 17.5%;

        text-align: center;

    }

    .sj_nth ul li a {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .sj_nth ul li a div {

        width: .76rem;

        height: .76rem;

        background-color: #0e4d93;

        border-radius: .3rem;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-bottom: .15rem;

        padding: .16rem;

    }

    .sj_nth ul li a div img {

        width: auto;

        height: auto;

        max-width: 100%;

    }

    .sj_nth ul li a h3 {

        color: #3d4044;

        font-size: .24rem;

        display: flex;

        font-weight: 500;

        flex-wrap: wrap;

        text-align: center;

        line-height: .35rem;

    }

    .sj_about {

        display: flex;

        flex-direction: column;

    }

    .sj_about .aboutLeft {

        width: 100%;

        text-align: center;

        margin-top: .5rem;

    }

    .sj_about .aboutLeft h4 {

        margin-bottom: .5rem;

        display: block;

    }

    .sj_about span {

        color: #151824;
        text-align: left;
        display: block;
        font-size: .26rem;
        line-height: .5rem ;

    }

    .sj_gsjj {
        box-shadow: 1px 1px 35px -14px #ccc;
        margin-top: 0.75rem;
        padding: 0.3rem 0.2rem;
    }

    .sj_gsjj ul {

        display: flex;

        justify-content: space-around;

    }

    .sj_gsjj ul li {

        display: flex;

        justify-content: center;

        flex-direction: column;

        align-items: center;

    }
    .dqgz ul li strong {
    line-height:.4rem;
        }
    .dqgz ul li p {
        line-height:.4rem;
    }
    .sj_gsjj ul li div {
        display: flex;
        position: relative;
    }

    .sj_gsjj ul li:last-child div:before {

        content: none;

    }

    .aboutLeft h2{
        font-size: .34rem;
    }
    .sj_gsjj ul li div:before {

        content: "";

        position: absolute;

        right: -0.25rem;

        top: .1rem;

        width: 1px;

        height: 90%;

        border-right: 1px solid #cecece;

        box-sizing: border-box;

    }

    .sj_gsjj ul li div h1 {

        font-size: .6rem;

        color: #262626;

    }

    .sj_gsjj ul div em {

        color: #aeaeae;

        font-size: .2rem;

        margin-left: .1rem;

    }

    .sj_gsjj ul li span {

        font-size: .24rem;

        color: #aeaeae;

        line-height: .35rem;

    }

    .sj_qyzz h1 {

        text-align: center;
        font-size: .26rem;
        color: #333333;
        font-weight: 400;
        margin-top: .15rem;

    }

    .sj_qyzz .swiper-slide a {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .sj_qyzz .swiper-slide a img {

        border: 1px solid #cecece;

        box-sizing: border-box;

        width: 100%;
        height:125px;

    }

    .sj_gcal {

        padding: .4rem .48rem;

        color: #ffffff;

        background-color: #2c4da5;

        margin-top: .5rem;

    }

    .sj_gcal h1 {

        font-size: .34rem;
        margin-bottom:.2rem;

    }

    .sj_gcal h4 {

        font-size: .24rem;

        font-weight: 500;

        line-height: .4rem;

    }

    .sj_gcal_list {

        display: flex;

        align-items: center;

        justify-content: space-around;

        margin: .5rem 0 0 0;

    }

    .sj_gcal_list li a {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .sj_gcal_list li a h1 {

        font-size: .26rem;

        color: #3d4044;

        line-height: .7rem;

        font-weight: 500;

    }

    /* 产品中心 */

    .sj_cpzx li {


        box-sizing: border-box;

    }
    .sj_cpzx li a{

        display: block;

    }
    .sj_cpzx li h2 {

        color: #ffffff;

    }

    .sj_cpzx li span {

        color: #ffffff;
        line-height: .4rem;

    }

    .sj_cpzx li .nr_neirong {

        background-color: #0e57a2;

    }

    .sj_cpzx li .bd_nr h1 {

        position: absolute;

        top: 0px;

        padding: 0.2rem;

        background: #0e57a2;

        display: block;

        color: #ffffff;

        font-size: .24rem;

        border-radius: 0 0 .2rem 0;

        white-space: nowrap;

    }

    .nr_neirong span {

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        /* white-space: nowrap; */

        text-overflow: ellipsis;

        -webkit-box-orient: vertical;

    }

    /* 新闻资讯 */

    .sj_xwzx_list li {

        border-bottom: .01rem solid #e0e1eb;

    }

    .sj_xwzx_list li a {

        display: block;

        padding: .15rem 0 .4rem 0;

    }

    .sj_xwzx_list li a h1 {

        color: #161616;

        font-size: .3rem;

        line-height: .6rem;

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        text-overflow: ellipsis;

        -webkit-box-orient: vertical;

    }

    .sj_xwzx_list li a span {

        display: block;

        font-size: .24rem;

        color: #919293;

        line-height: .35rem;

        margin-bottom: .15rem;

    }

    .sj_xwzx_list li a h5 {

        font-size: .26rem;

        color: #161616;

        line-height: .4rem;

        font-weight: 500;

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        text-overflow: ellipsis;

        -webkit-box-orient: vertical;

    }

    .sj_lxwm1 h1 {

        width: 100%;

        line-height: 1rem;

        background-color: #0062dd;

        text-align: center;

        font-size: .32rem;

        color: #ffffff;

    }

    .sj_lxwm2 h1 {

        width: 100%;

        line-height: 1rem;

        background-image: linear-gradient(to bottom, #f8f8fc, #ffffff);

        border: .01rem solid #ffffff;

        box-sizing: border-box;

        text-align: center;

        font-size: .32rem;

        color: #222322;

        box-shadow: 0px 0px 40px -34px #000;

        margin-top: .2rem;

    }


    .sj_header {
        position: fixed;
        top: 0;
        left: -10px;
        z-index: 9999;
        width: 100%;
        height: 0.94rem;
        background-color: #fff;
      }
      .sj_header .nav_child {
        width: 93.5%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .sj_header .nav_child a {
        display: block;
      }
      .sj_header .logo {
        width: 2.33rem;
      }
      .sj_header .logo img {
        width: 100%;
      }  
      .sj_header .tab {
        position: relative;
        width: 0.52rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
      .sj_header .tab .menu {
        width: 0.42rem;
        height: 0.33rem;
      }
      .sj_header .tab .cha {
        width: 0.35rem;
        display: none;
        height: 0.35rem;
      }
      /* 导航下拉 */
      .nav_xl {
        position: fixed;
        left: 0;
        top: 0.94rem;
        z-index: 9999;
        width: 100%;
        height: -webkit-calc(99vh);
        min-height: calc(100vh - 0.98rem);
        display: none;
        overflow-y: auto;
        background: url('../img/menu_bj.jpg') no-repeat center #fff;
        background-size: 7.5rem 15.01rem;
      }
      .nav_xl::-webkit-scrollbar {
        display: none;
      }
    .cp ul li:hover .nr_neirong span {
        color: #232323 !important;
    }
      .nav_xl .qh_xl {
        display: flex;
        justify-content: space-between;
        height: 100%;
        padding-right: 3.25%;
        box-sizing: border-box;
      }
      .nav_xl .qh_xl .tit_tab {
        display: inline-block;
        width: 40%;
        height: 100%;
        padding-top: 0.3rem;
        padding-bottom: 1.38rem;
        background-color: #eaeefe;
      }
      .nav_xl .qh_xl .cont_box {
        width: 70%;
        height: 100%;
        padding-left: 0.31rem;
        box-sizing: border-box;
      }
      .nav_xl .qh_xl .cont_box ul li {
        line-height: 0.5rem;
      }
      .nav_xl .qh_xl .tit_item {
        display: block;
        position: relative;
        font-size: 0.28rem;
        color: #212121;
        width: 100%;
        line-height: 1rem;
        text-align: center;
        border-bottom: 0.01rem solid #f0f4fd;
        cursor: pointer;
        padding: 0 0.15rem;
        box-sizing: border-box;
      }
      .nav_xl .qh_xl .tit_item.tit_item.ons {
        background: url('../img/sx.jpg') no-repeat 0.15rem center #fff;
        background-size: 0.06rem 0.26rem;
        color: #004fcb;
      }
      .nav_xl .qh_xl .tit_item:last-child {
        border-bottom: none;
      }
      .nav_xl .qh_xl .cont_item {
        height: 100%;
        display: none;
        overflow-y: auto;
        padding-top: 0.3rem;
      }
      .nav_xl .qh_xl .cont_item ul li {
        margin-bottom: 0.07rem;
      }
      .nav_xl .qh_xl .cont_item ul li a {
        color: #5b5b5b;
        font-size: 0.26rem;
      }
      .nav_xl .qh_xl .cont_item ul li .bt {
        font-size: 0.26rem;
        color: #212121;
        line-height: 0.85rem;
      }
      .nav_xl .qh_xl .cont_item ul li.on .bt {
        color: #004fcb;
      }
      .nav_xl .qh_xl .cont_item.on {
        display: block;
      }
      /* 搜索 */
      body {
        position: relative;
      }
      .search_box {
        display: flex;
        align-items: center;
        margin-left: 3%;
        width: 4.26rem;
        height: 0.6rem;
        border-radius: 0.3rem;
        border: 1px solid #e4e4ea;
      }
      .search_box input {
        width: 88%;
        background: transparent;
        padding: 0 0.28rem;
        box-sizing: border-box;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.26rem;
        color: #212121;
      }
      .search_box input::placeholder {
        color: #c7cfda;
      }
      .search_box .text {
        background-color: transparent;
      }
      .search_box .img1 {
 /*       float: right;*/
        width: 0.27rem;
        height: 0.25rem;
        cursor: pointer;
      }
      .search_box .img2 {
        display: none;
        width: 0.27rem;
        height: 0.25rem;
      }

}