* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-family: 微软雅黑
}

a {
    text-decoration: none;
}

body {
    background: #E5F0F6;
    margin: auto;
}

.btn {
    background: #00428B
}

.pagination {
    justify-content: center;
}

.pagination li {
    padding: 5px 10px;
}

.active {
    background-color: #00428B;
    color: white;
}



/*header*/

.navbar { padding: 0px; }

.navbar-custom { top: 0; z-index: 2; justify-content: end;  }

.navbar-custom .navbar-nav > .nav-item { font-size: 16px; min-width: 100px; }

.navbar-custom .navbar-nav .nav-item {  }

.navbar-custom .navbar-nav .nav-item:last-child { background: none; }

.navbar-custom .navbar-nav .nav-link { padding: 0.5rem 0.7rem; text-align: center; color:#000; font-size: 16px; overflow: hidden;}

.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #ce0615; transition: 0.3s all; }

.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-custom .navbar-nav .show > .nav-link,

.navbar-custom .navbar-nav .active > .nav-link,

.navbar-custom .navbar-nav .nav-link.show,

.navbar-custom .navbar-nav .nav-link.active { color: #ce0615;  }

.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }



@media(max-width:992px) {

    .dropdown-menu { box-shadow: none; background: transparent; }

    .navbar-custom .navbar-nav .nav-item { margin-left: 15px; margin-right: 15px; margin-top: 5px;margin-bottom: 5px; }

    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #f2f3f4; position: absolute; top: 100%; width: 100%; left: 0; }

}


header {
    background: white;
}

.wrapper {
    padding-top: 20px;
    background: white;
    margin-bottom: 10px;
}
.top-share-box{display: flex;justify-content: flex-end;align-items: center;}

.topsearch {
    display: flex;
    float: right;
    width: 241px;
}

.inp {
    background: url("../../images/sch_input.png") no-repeat;
    outline: none;
    width: 208px;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    color: black
}

.bt {
    background: url("../../images/sch_btn.png") no-repeat;
    width: 33px;
    outline: none;
}

.navbox {
    background: url("../../images/nav_bg.png") no-repeat;
    width: 886px;
    height: 45px;
    padding: 5px 0;
    float: right;
    margin-top: 16px;
}

.navbox ul {
    margin: auto;
    display: flex;
    justify-content: space-between
}

.pSort {
    width: 104px;
    margin: 0 11px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
    display: block
}

a.pSortLink {
    display: block;
    color: #fff;
    height: 60px;
}

.pSort a:hover {
    background: url(../../images/nav_hover.png) no-repeat;
    color: white
}

.CurrMenu {
    background: url(../../images/nav_hover.png) no-repeat;
}



/*header1*/

.bannerbottom {
    background-color: white;
    line-height: 50px;
    border-top: 1px solid #eee;
    position: relative;
}

.column {
    color: #666666;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
    width: 100%;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pos {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-title {
    display: inline-block;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-item {
    color: #666;
	font-size: 12px;
    margin-bottom: -17px;
}

.topnavbottom {
    position: absolute;
    background: url(../../images/navbottom.png) repeat-x;
    top: 48px;
    left: 0;
    width: 100%;
    height: 12px;
}

@media(max-width:768px) {

    .pos {
        text-align: center
    }

    .page-title {
        padding: 10px;
    }

}



/*footer*/

footer {
    width: 100%;
    background-color: #00428B;
    overflow: hidden;
    margin-top: 40px;
    color: white;
    margin-bottom: 0
}

.copybox {
    margin: auto;
}

.copytop {
    height: auto;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    line-height: 32px;
    font-size: 14px;
}

.copyright {
    text-align: left;
}

.copyright a {
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}

.cpoybott {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 40px
}



/*index*/

.news {
    margin-right: 10px;
    margin-left: 10px;
    text-indent: 15px;
    font-size: 14px;
}

.news ul {
    display: flex;
}

.news li {
    color: black;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-bottom: -17px;
}

.news li::before {
    content: "●";
    margin-right: 5px;
    color: #002059;
    font-size: 1px;
}

.main {
    margin-top: 20px
}

.bg1 {
    background: url(../../images/index_pro1.jpg) no-repeat;
    display: flex;
    justify-content: space-between;
    background-size: cover;
}

.bg2 {
    background: url(../../images/index_pro2.jpg) no-repeat;
    display: flex;
    justify-content: space-between;
    background-size: cover;
}

.bg3 {
    background: url(../../images/index_pro3.jpg) no-repeat;
    display: flex;
    justify-content: space-between;
    background-size: cover;
}

.bg4 {
    background: url(../../images/index_pro4.jpg) no-repeat;
    display: flex;
    justify-content: space-between;
    background-size: cover;
}

.bg1 img {
    width: 100%;
    height: auto;
}

.bg2 img {
    width: 100%;
    height: auto;
}

.bg3 img {
    width: 100%;
    height: auto;
}

.bg4 img {
    width: 100%;
    height: auto;
}

.leftpad {
    padding-left: 15px
}

.rightpad {
    padding-right: 15px
}

.article {
    width: 50%;
    padding: 10px;
}

.articleImage {
    width: 50%;
}
.articleImage img {
    width: 100%;
    height: auto;
}
@media(max-width:768px) {
    .bg1 {
        background: #0077a2;
        flex-wrap: wrap;
        display: block;
    }

    .bg2 {
        background: #1cbcb4;
        flex-wrap: wrap;
        display: block;
    }

    .bg3 {
        background: #0080bd;
        flex-wrap: wrap;
        display: block;
    }

    .bg4 {
        background: #01a77f;
        flex-wrap: wrap;
        display: block;
    }
    .article {width: 100%;}
    .articleImage {width: 100%;}
}

.art-tit {
    line-height: 22px;
    border-bottom: 1px solid #fff;
    font-size: 17px;
    color: #fff;
    text-indent: 5px;
}

.art-txt ul {
    margin-top: 8px;
}

.art-txt li {
    background: url(../../images/ico1.png) no-repeat 3px center;
    cursor: pointer;
    padding: 0;
    text-indent: 15px;
    line-height: 35px;
    font-size: 15px;
    color: white;
	overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.art-txt a {
    color: white
}

.art-txt a:hover {
    color: #f60;
}

.about-tit {
    margin-top: 40px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center
}

.about-tit img {
    max-width: 100%
}

.about-name {
    line-height: 50px;
    color: #00468F;
    font-size: 30px;
    font-weight: bold;
}

.about-txt {
    line-height: 24px;
    font-size: 16px;
    color: #555;
}

.about-btn {
    margin-top: 20px;
    text-align: center;
}

.contact-tit {
    margin-top: 28px;
    margin-bottom: 10px;
}

.contact-left {
    display: flex;
}

.cl-txt li {
    margin-left: 15px;
    padding: 3px 0;
    line-height: 32px;
    color: #333;
    font-size: 16px;
}

.cl-txt b {
    color: #333
}

.contact-right {
    ;
    color: #0077A2;
    font-size: 16px;
    background-position: 15px 0;
}

.bgbg {
    background: white
}

.con-bg {
    background: url(../../images/contactperson.jpg) no-repeat
}

.cr-txt {
    margin-left: 120px;
    background: white;
    line-height: 38px;
}

.cr-txt b {
    color: #0077A2;
}

.cr-btn {
    margin-top: 12px;
}

.ph1 {
    background: url(../../images/index_pro1.jpg) no-repeat;
    margin: 0 auto
}

.ph2 {
    background: url(../../images/index_pro2.jpg) no-repeat;
    margin: 0 auto
}

.ph3 {
    background: url(../../images/index_pro3.jpg) no-repeat;
    margin: 0 auto
}

.ph4 {
    background: url(../../images/index_pro4.jpg) no-repeat;
    margin: 0 auto
}

/*.phbox{display: flex;}*/

.ph-article {
    padding: 17px
}

.ph-articleImage {
    padding: 20px;
    background: #F7F5F6
}

.mar-right {
    margin-right: 20px
}

@media(max-width:768px) {
    .cl-txt li {
        margin-left: 0px;
    }
    .contact-tit {
        text-align: center
    }

    .contact-left {
        display: block
    }

    .cl-Img {
        display: none;
    }

    .about-name {
        font-size: 25px
    }

}





/*menu*/

.menu {
    width: 100%;
    padding: 0;
    display: table;
    z-index: 200;
    margin-top: 20px;
}

.menu li {
    position: relative;
    display: inline;
    background: #fff url(../../images/nav_line.jpg) no-repeat right;
    text-align: center;
}

.menu li:hover {
    background-color: #eee;
}

.menu a {
    color: #222;
    font-size: 14px;
    line-height: 58px;
    margin: 0;
    display: block;
    text-align: center;
}

.menu .menu-link.activepro {
    color: #00428B;
    font-weight: bold;
}

.menu .aa {
    color: #222;
    font-size: 14px;
    line-height: 58px;
    margin: 0;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu a:hover {
    background-color: #eee;
    text-decoration: none;
}

.menu li:hover .submenu {
    display: block
}

.submenu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 58px;
    display: none;
    z-index: 999;
}

.submenu li {
    border-bottom: 1px dotted #eee;
    text-align: left;
    background: #00428B url(../../images/icon1.png) no-repeat 20px center;
	 padding:  15px 10px 15px 50px;
	display: block;
	width: 100%;
}

.submenu a {
    color: #fff;
    text-align: left;
    line-height: 20px;
	 width: 100%;
}

.submenu li:hover{
    background: #036594 url(../../images/icon1.png) no-repeat 20px center;;
}
.submenu li:hover a{
    background-color: #036594;
}

.collapse-title {
    padding: 5px 10px;
    color: white
}

.menu-collapse {
    margin-bottom: 0;
    background-color: #00428B;
    margin-top: 30px
}

.menu-collapse ul li {
    padding: 0 15px
}

.menu-collapse .menu-link {
    color: white
}



/*product*/

.pr-productbox {
    padding: 15px 25px;
    margin-top: 10px;
    min-height: 500px;
    background: white
}

.pr-producttit {
    line-height: 40px;
    font-size: 20px;
    color: #00428B;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.pr-producttxt {
    margin: 10px auto;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.pr-txtImg {
    width: 200px;
    height: auto;
}

.pr-txtImg img {
    width: 100%;
    height: auto;
}

.pr-txtCont {
    margin: 20px 0
}

.pr-txtCont-name {
    line-height: 30px;
    font-size: 16px;
    color: #000;
}

.pr-txtCont-syn {
    line-height: 24px;
    font-size: 13px;
    color: #555;
    overflow: hidden;
    margin-top: 5px;
}

.pr-txtCont-type {
    position: absolute;
    bottom: 20px;
}

.pr-txtCont-type a:hover {
    color: red;
}

.pr-txtCont-more {
    position: absolute;
    bottom: 0
}

.pr-txtTime-time {
    line-height: 30px;
    color: #111;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    margin: 5px 0
}



/*details*/

.detailsbox {
    background: white;
    padding-bottom: 15px
}

.de-producttit {
    line-height: 30px;
    color: #333;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 10px 0
}

.de-rig-tit {
    line-height: 50px;
    color: #fff;
    background-color: #00428B;
    font-size: 18px;
    text-indent: 10px;
}

.de-rig-txt {
    line-height: 30px;
    font-size: 13px;
    color: #111;
    padding: 5px;
}

.de-message {
    display: inline-block;
    background-color: #00428B;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    margin-top: 20px;
    text-indent: 10px;
    padding-right: 10px
}

.de-message a {
    color: #fff;
    display: block
}

.pr-detail {
    line-height: 24px;
    color: #333;
    overflow: hidden;
    margin: 20px auto;
    word-break: break-all;
}

.prde-tit {
    overflow: hidden;
    background-color: #E2E2E2;
    line-height: 40px
}

.prde-tit ul {
    display: flex;
    margin: 0
}

.act {
    background: #00428B;
    display: block;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 40px
}

.nav-item {
    color: #fff;
}

.pr-active {
    padding: 15px;
    background: white;
    border: solid 1px #ccc;
    color: black
}

@media(max-width:768px) {
    .pr-detail img{width: 100%;height: auto;}
    .pr-txtCont-type {
        margin-top: 10px;
        position: static
    }

    .pr-txtTime-time {
        line-height: 30px;
        color: #111;
        font-size: 14px;
        margin: 5px 0;
        position: static
    }

    .de-txt-right {
        margin-top: 20px
    }

}



/*left*/

.ab-leftTit {
    line-height: 60px;
    background-color: #00428B;
    color: #fff;
    text-indent: 20px;
    font-size: 18px;
    border-bottom: 1px solid #fff;
}

.ab-leftTxt li {
    text-indent: 24px;
    line-height: 50px;
    border-bottom: 1px dotted #00428B;
    background-color: #fff;
}

.ab-leftTxt li.active {
    border-bottom: 1px dotted #fff;
    background-color: #00428B;
}

.ab-leftTxt li a{
    color: #00428B;
    font-size: 14px;
}

.ab-leftTxt li.active a{
    color: #fff;
}

.ab-leftTxt a:visited {
    display: block;
    line-height: 50px;
    font-size: 14px;
}

@media(max-width:768px) {

    .ab-leftTit {
        font-size: 12px;
        text-indent: 0;
        padding: 0 5px;
    }

    .ab-leftTxt li {
        text-indent: 0;
        padding: 0 5px;
    }

    .ab-leftTxt a {
        font-size: 10px;
    }

}



/*aboutus*/

.aboutusbox {
    margin-top: 30px
}

.ab-mid {
    background: white;
    font-size: 14px;
    line-height: 30px;
    min-height: 300px;
    overflow: hidden;
    padding: 15px;
    min-height: 500px;
}

.ab-midPre {
    font-family: Arial;
    font-size: 14px;
    widows: 1;
    color: rgb(51, 51, 51);
}

.ab-midPre span {
    font-family: Arial;
    font-size: 14px;
    widows: 1;
    font-weight: bold;
    color: black;
}

.ab-midCont {
    color: black;
    margin-left: 100px;
    margin-top: 25px;
    font-size: 14px
}

.ab-midCont b {
    text-align: right;
    margin-right: 10px;
    color: rgb(65, 65, 65);
    font-size: 14px
}

.ab-a {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    line-height: 20px;
    display: inline;
    background: url(../../images/in_tb.gif) no-repeat;
}

.ab-e {
    padding: 1px 5px;
    margin: 0px;
    overflow: hidden;
    background: url(../../images/in_tb1.gif) 100% 50% no-repeat;
    line-height: 20px
}

@media(max-width:768px) {

    .ab-midCont {
        margin-left: 0px;
    }

    .aboutusbox {
        margin-top: 0px
    }

}



/*News*/

.newsbox {
    margin-top: 30px;
}

.news-mid {
    background-color: #fff;
    padding: 15px;
    min-height: 500px;
}

.news-list {
    display: flex;
    width: 100%;
    line-height: 45px;
    background: url(../../images/newslistbg.png) no-repeat;
    text-indent: 15px;
    margin-bottom: 8px;
}

.news-list:hover {
    line-height: 45px;
    background: url(../../images/newslisthover.png) no-repeat;
}

.news-list:hover a {
    color: #fff;
}

.news-list span {
    color: #111;
    margin-right: 10px;
    line-height: 45px;
    /*position:absolute; right:20px;*/
}

@media(max-width:768px) {

    .sj {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .newsbox {
        margin-top: 0;
    }

    .news-list {
        background-color: #DCDCDC;
        border-radius: 10px
    }

}

/*video*/

.videobox {
    margin-top: 30px;
}

.video-mid {
    background-color: #fff;
    padding: 15px;
    min-height: 500px;
}

.vid-list {
    overflow: hidden;
    margin: 5px 20px 20px 29px
}

.vid-vido img {
    height: auto;
    width: 100%
}

.vid-txt a {
    color: #111
}

@media(max-width:768px) {

    .vid-vido img {
        height: auto;
        width: 100%
    }

    .vid-txt {
        margin: 5px 0
    }

    .videobox {
        margin-top: 0
    }

}



/*Video-content*/

.contentbox {
    margin-top: 30px;
}

.con-mid {
    background-color: #fff;
    padding: 15px;
    min-height: 500px;
}

.con-tit {
    line-height: 30px;
    margin: 10px auto;
    color: #333;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 25px;
}

.con-time {
    line-height: 32px;
    text-align: center;
    background: #f1f1f1;
    color: black
}

.con-videobox {
    width: 100%;
}

.con-video {
    width: 100%;
    height: auto;
    margin: 10px auto
}

.con-prenext {
    border-top: 1px dotted #ccc;
    margin-top: 10px;
    padding: 5px 0;
}

.con-pre {
    background: url(../../images/arr4.gif) no-repeat 0 center;
    text-indent: 12px;
    color: #222;
}

.con-pre a {
    color: #585858;
}

.con-next {
    background: url(../../images/arr4.gif) no-repeat 0 center;
    text-indent: 12px;
    color: #222;
}
.con-prenext a:hover{color: #00428B;transition: all 0.3s;}

@media(max-width:768px) {

    .contentbox {
        margin-top: 0px;
    }

}



/*News-content*/

.con-newsconbox {
    width: 100%;
}

.con-news {
    margin: 10px 15px
}



/*contact*/

.contactbox {
    margin-top: 30px;
}

.tact-mid {
    background-color: #fff;
    padding: 15px;
    min-height: 500px;
    color: black;
    font-size: 14px
}

.tact-midCont {
    color: black;
    margin-left: 150px;
    margin-top: 25px;
    font-size: 14px
}

.tact-midCont b {
    text-align: right;
    margin-right: 10px;
    color: rgb(65, 65, 65);
    font-size: 14px;
    line-height: 25px;
}

@media(max-width:768px) {

    .tact-midCont {
        margin-left: 0px;
    }

    .contactbox {
        margin-top: 0;
    }

}



/*Inquiry*/

.inqbox {
    margin-top: 30px;
}

.inq-mid {
    background: white;
    padding: 10px 15px;
    text-align: center;
    background: #E1E1E1;
    border: #aaaaaa 1px solid
}

.inq-tit {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    text-align: center;
    margin: 10px auto
}

@media(max-width:768px) {

    .inqbox {
        margin-top: 0px;
    }

}

/*phone*/

.phone {
    font-weight: bold;
    font-size: 20px;
}



/*右侧悬浮窗*/

.cndns-right {
    position: fixed;
    left: 2px;
    top: 50%;
    margin-top: -150px;
    z-index: 100
}

.cndns-right-meau {
    position: relative;
}

.cndns-right-btn {
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 1px;
    position: relative;
    border-radius: 5px;
}

.cndns-right-btn span {
    line-height: 50px;
}

.cndns-right-btn span img {
    width: 50px;
    height: 50px;
}

.cndns-right-btn sup {
    display: block;
    min-width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 50%;
    background-color: #ff6800;
    position: absolute;
    left: -12px;
    top: -12px;
}

.cndns-right-btn p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    padding-top: 10px;
    display: none;
}

.meau-backup:hover .cndns-right-btn span {
    display: block;
}



.cndns-right-box {
    position: absolute;
    top: -15px;
    right: 48px;
    padding-right: 25px;
    display: none;
}

.cndns-right-box .box-border {
    border: 1px solid #A9A9A9;
    border-top: 2px solid #c32023;
    padding: 10px 20px;
    background-color: #fff;
    position: relative
}

.cndns-right-box .box-border .arrow-right {
    display: block;
    width: 8px;
    height: 16px;
    background: url(../images/arrow.png) no-repeat center;
    position: absolute;

    right: -8px;
    top: 32px;
}

.cndns-right-box .box-border .sev-t span {
    font-size: 42px;
    display: block;
    line-height: 56px;
    margin-right: 20px;
    color: #d3d3d3
}

.cndns-right-box .box-border .sev-t p {
    color: #c32023;
    font-size: 20px;
    line-height: 28px;
}

.cndns-right-box .box-border .sev-t a {
    color: #c32023;
    font-size: 20px;
    line-height: 28px;
    display: block;
}

.cndns-right-box .box-border .sev-t i {
    display: block;
    font-size: 15px;
    color: #aaa;
    font-style: normal;
}

.cndns-right-box .box-border .sev-b {
    padding-top: 15px;
    margin-top: 15px;
}

.cndns-right-box .box-border .sev-b h4 {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
}

.cndns-right-box .box-border .sev-b li {
    float: left;
    width: 33.33333%
}

.cndns-right-box .box-border .sev-b li a {
    display: inline-block;
    color: #999;
    font-size: 13px;
    padding-left: 43px;
    background: url(../images/q1.gif) no-repeat left 3px;
    line-height: 36px;
}

.cndns-right-box .box-border .sev-b li a:hover {
    color: #c32023
}

.meau-contact .cndns-right-box .box-border {
    width: 200px;
}

.cndns-right-meau:hover .cndns-right-box {
    display: block
}

.meau-code .cndns-right-box {
    top: auto;
    bottom: -26px;
}

.meau-code .cndns-right-box .box-border {
    width: 280px;
}

.meau-code .cndns-right-box .box-border .arrow-right {
    top: inherit;
    bottom: 50px;
}

.meau-code .box {
    width: 140px;
    padding: 5px 10px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.meau-code .box img {
    max-width: 100%;
}

.meau-code .cndns-right-box .box-border .sev-t {
    width: 100%;
    display: flex;
    justify-content: space-around;
}



.meau-mail .cndns-right-box .box-border {
    width: 240px;
}


/*#表格*/
.table-wrapper table p{margin-bottom: 0;}
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

.content-subtitle { background: #e8e8e8; padding: 10px; color: #333; font-size: 20px; margin-top: 30px; margin-bottom: 20px;  }
.hot-news p{border-bottom: 1px dashed #888; margin-bottom: 10px }
.hot-news a{color: #333;font-size:14px; line-height: 30px; }
.hot-news a:hover{color: #e20002;}


/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #00428B;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f016";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "\f87a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: cmsfont; font-size: 14px;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}
.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>a:after{content:'\f107';font-family:cmsfont;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:11px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

@media(max-width:768px) {
    .totop{z-index: 99;bottom: 60px;}
    footer {margin-bottom: 48px; }
}