html {
    font-family: "arial", "微软雅黑", "宋体", "iconfont" !important;
    background-color: #fff;
    font-size: 12px;
}
body {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    background-color: #fff;
}
[data-iconb]:before {
    content: attr(data-iconb);
}

[data-icona]:after {
    content: attr(data-icona);
}

a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #204c97;
    text-decoration: none;
}

.tag-a:before {
    content: "\e669";
}

.tag-a:after {
    content: "\e66a";
}

.tag-a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #434343;
}

.tag-a:hover {
    color: #333;
}
.page{ padding: 20px 0; background: #EBEBEB;}
.page-left-box{ width:240px; margin-right: 20px;}
.page-left-box .sub-box{ background: #fff; margin-bottom: 20px;}
.page-left-box .sub-box:last-child{ margin-bottom: 0;}
.page-left-box .left-sub-nav .name{ height: 70px; line-height: 70px; font-size: 24px; font-weight: bold; text-align: center; color:#fff; background: #224e99; }
.page-left-box .left-sub-nav .name:before{ font-weight: normal; margin-right: 12px;}
.page-left-box .category{ padding: 12px 0; background: #f2f2f2;}
.page-left-box .category .sub-nav{ height: 44px; line-height: 44px; text-indent: 25px; font-size: 16px;position: relative; border-bottom: 1px dotted  #ddd; }
.page-left-box .category .sub-nav .nav-a{ display: block; }
.page-left-box .category .sub-nav.on .nav-a { color:#0D4CBF; font-weight: bold;}
.page-left-box .category .sub-nav.on:before{  content: ""; position: absolute; left:10px; top:20%; width:4px; height: 60%; background:#0D4CBF; }
.page-left-box .left-news-box .name{ height: 60px; line-height: 60px; font-size: 24px;  font-weight: bold; text-align: center; color:#fff; background: #0D4CBF;}
.page-left-box .left-news-box .list{ padding: 5px 12px;}
.page-left-box .left-news-box .item{ height: 34px; line-height: 34px;  text-indent: 20px;}
.page-left-box .contact{ }
.page-left-box .contact .name{ height: 70px; line-height: 70px; font-size: 24px; font-weight: bold; text-align: center; color:#fff; background: #224e99; }
.page-left-box .contact .list{  padding: 20px 10px; background: #f2f2f2; }
.page-left-box .contact .list .title{  font-weight: bold; padding: 15px 0;}
.page-right-box{ padding: 0 25px 25px; background: #fff; }
.currlocatinon .container {
    justify-content: space-between;''
line-height: 30px;
    padding: 30px 0 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #204c97;
}

.currlocatinon .nav_curr {
    font-size: 18px;
}

.currlocatinon .container :before {
    color: #204c97;
    margin-right: 5px;
}

.top-main{ height: 46px; line-height: 46px; background: #e8e8e8;}

.logo-tel{ padding: 20px 0; }
.logo-tel .container{ justify-content: space-between; align-items: center;}
.logo-tel .txt-box{position: relative; text-align: right; padding-right: 50px;}
.logo-tel .txt-box:before{position: absolute; top:50%; right:0; transform: translateY(-50%); font-size: 40px;color:#0D4CBF;}
.logo-tel .txt{ font-size: 18px;line-height: 18px; height: 18px; color:#666;}
.logo-tel .phone{color:#0D4CBF; font-size: 26px; height: 26px; line-height: 26px; margin-top: 8px;}

.main-nav{ background: #204c97; height: 56px; color:#fff;}
.main-nav .list{ justify-content: space-between;}
.main-nav .nav-li-1{ flex: auto; text-align: center; position: relative}
.main-nav .nav-li-1:before{ content: "";  position: absolute; top:0; right:-1px; height: 56px; width : 2px; }
.main-nav .nav-li-1:last-child:before{ background: none;}
.main-nav .nav-a-1{ display: block; height: 56px; line-height: 56px; width:100%; font-size: 14px; color:#fff;}
.main-nav .nav-a-1:before{ margin-right: 6px; font-size: 16px; }

.main-nav .nav-li-1:hover .nav-a-1
,.main-nav .nav-li-1.hover .nav-a-1{background:#dd0000 }

.main-nav .nav-dl-2{ background: #fff; min-width: 100%; position: absolute; top:100%; z-index: 999; opacity: 0; transform: translateY(10px); visibility: hidden; overflow: hidden; transition: 600ms;}
.main-nav  .nav-a-2{ display: block; border-bottom: 1px solid #eee; height: 40px; line-height: 40px; font-size: 12px; padding: 0 5px;}
.main-nav  .nav-a-2:hover{ background: #f9f9f9; color:#dd0000;}
.main-nav .nav-li-1:hover  .nav-dl-2{ opacity: 1; transform: translateY(0px); visibility: visible}
.hottags {
    width: 100%;
    height: 60px;
    line-height: 60px;


}

.hottags .tag-a {
    height: 60px;
    line-height: 60px;
    color: #888;
}
.hottags .tag-a:hover{color:#dd0000;}

.index-item{ padding-top: 30px; }
.index-item .title-box .title-1{ font-size: 26px; color:#1e4890; font-weight: bold; text-transform: uppercase; text-align: center; height: 40px; line-height: 40px; }
.index-item .title-box .title-2{font-size: 14px; color:#999; text-align: center;height: 24px; line-height: 24px;}


.index-product .content{ margin-top: 30px;  }
.index-product .left-box{ width:300px; margin-right: 10px; background:#1e4890; padding: 30px 25px; }
.index-product .left-box .left-title-box .name{ font-size: 28px; font-weight: bold; color:#fff; line-height: 34px; height: 34px;}
.index-product .left-box .left-title-box .sub-name{font-size: 12px;color:#fff; font-weight: bold; line-height: 12px; height: 12px; text-transform: uppercase;}
.index-product .left-box .category{ margin-top: 20px; padding: 12px; background: #fff; border-radius: 5px;}
.index-product .left-box .category .sub-nav{ height: 44px; line-height: 44px; margin-bottom: 10px; font-size: 18px; background: #1e4890; color:#fff; text-indent: 12px; border-radius: 5px;}
.index-product .left-box .category .sub-nav-2{height: 44px; line-height: 44px; font-size: 14px; text-indent: 24px;}
.index-product .left-box .category .nav-a{ color:#fff; display: block; width:100%; height: 100%;}
.index-product .left-box .category .pro_more{ display: block; border: 1px solid #1e4890; background: #fff; font-size: 18px; color:#1e4890; text-align: center; margin: 10px 0; height: 40px; line-height: 40px;}

.index-product .right-box .roll-box{ border: 1px solid #ccc; border-top: 5px solid #1e4890; overflow: hidden;}
.index-product .right-box .roll-box .item{ width:898px; }
.index-product .right-box .roll-box .outer-div{width:100%;  }
.index-product .right-box .roll-box  .flex-auto{ padding:30px; background: #fff; }
.index-product .right-box .roll-box  dt{ margin-bottom: 15px; border-bottom: 1px solid #1e4890; color:#1e4890; font-size: 26px; font-weight: bold; line-height: 50px; height: 50px;}
.index-product .right-box .roll-box  dd.clamp-over{ -webkit-line-clamp:6;}

.index-product .right-box .list .item { width:288px; margin-bottom: 13px;}
.index-product .right-box .list .item:nth-last-child(-n+3){ margin-bottom: 0;}
.index-product .right-box .list .item:nth-child(3n-1){ margin: 0 13px;}

.index-product .right-box .list .pic{ border: 1px solid #ccc; overflow: hidden;}
.index-product .right-box .list img{ transition: 500ms;}
.index-product .right-box .list .single-over{ height: 44px; line-height: 44px; font-size: 16px; font-weight: normal; text-align: center; color:#fff; background: #7b7b7b;transition: 500ms; }
.index-product .right-box .list .item:hover img{ transform: scale(1.1);}
.index-product .right-box .list .item:hover .single-over{ background:#1e4890; }

.index-cases .main-box{ margin-top: 30px;}
.index-cases  .btn-list{ width:300px;  margin-right: 30px;}
.index-cases  .btn-list .item{ background: url("../images/ag2.jpg") no-repeat center ; height: 64px; line-height: 64px; text-indent: 60px; font-size: 16px; cursor: pointer;}
.index-cases  .btn-list .item.on
,.index-cases  .btn-list .item.on:hover
{ background-image:url("../images/ag1.jpg"); color:#fff;}
.index-cases  .btn-list .item:hover{color:#204c97;}
.index-cases .roll-box{ overflow: hidden;}
.index-cases .roll-box .item{ width:870px;}
.index-cases .roll-box .pic{ margin-right: 20px;}
.index-cases .roll-box .flex-auto{ position: relative; padding-right: 20px;}
.index-cases .roll-box .title{ font-weight: bold; font-size: 18px;}
.index-cases .roll-box .desc{ margin-top: 20px; color:#777;}
.index-cases .roll-box .more{ position: absolute; left:0px; bottom:0;display: block;
    width: 180px;
    line-height: 38px;
    background-color: #dd0000;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.index-honor .roll-box{ margin-top: 30px; overflow: hidden;}
.index-honor .roll-box .outer-div{ margin: 5px; display: block;}
.index-honor .roll-box .title{ height: 40px; line-height: 40px; text-align: center;background: #204c97; color:#fff; }



.index-about .content-box{ margin-top: 30px;}
.index-about .left-box{ margin-right: 5px;}
.index-about .right-box{ background: #fff; padding:30px; position: relative; }
.index-about .right-box h3 {  font-size: 25px;  margin-bottom: 30px;}

.index-shibe{margin-top: 40px; padding: 40px 0;  background: url("../images/asq_27.jpg") repeat-y center top;}
.index-shibe .title-box .title-1,
.index-shibe .title-box .title-2{ color:#fff;}
.index-shibe .list { margin-top: 30px; overflow: hidden;}
.index-shibe .list .item{ width:33.33%;}
.index-shibe .list .item .outer-div{margin: 5px; display: block; position: relative;}
.index-shibe .list .item .title{width:100%; height: 36px; line-height: 36px; text-align: center; background: rgba(0,0,0,0.5); color:#fff; font-weight: bolder; position: absolute; left:0; bottom:0; }

.index-news .main-box{ margin-top: 30px; justify-content: space-between;}
.index-news .path{ width:370px;}
.index-news .sort-name{ justify-content:space-between; font-size: 20px; line-height: 32px; border-bottom: 1px solid #e2e2e2; margin-top: 10px; color:#204c97; }
.index-news .sort-name .more{font-size: 14px;}
.index-news  .list{ margin-top: 10px;}
.index-news  .item{line-height: 36px; border-bottom: 1px dotted #ccc;}
.index-news  .item .title{ text-indent: 16px; background: url("../images/li2.jpg") no-repeat left center; }

.index-links {
   background: #f8f8f8; margin-top: 50px; padding: 0;
}
.index-links .container{
    padding: 20px 0;

}
.index-links h4{color:#0d5ba4; font-size: 18px; line-height: 36px; }
.index-links h4 small{ font-size: 16px; color:#999;}

.index-links  a {
    display: inline-block; font-size: 14px; padding-right: 10px;
}
.index-links  a:hover {
    color: #0D4CBF;
}
.footer {
    background-color: #253653;
    color: #bec3cc;
}

.footer .container {
    border-top: 1px solid #464a50;
    padding: 48px 0;
    justify-content: space-between;
}

.footer a {
    color:#bec3cc;
}
.footer  a:hover {
    color: #e6212a;
}

.footer .path {
    flex: auto;
    padding: 0 30px;
    border-right: 1px solid #1a1d21;
    border-left: 1px solid #464a50;
}

.footer .path:first-child {
    border-left: 0;
}

.footer .path:last-child {
    border-right: 0;
}

.footer .path .list{ margin-top: 20px;}
.footer .path .item {
    height: 24px;
    line-height: 24px;
    display: block;
}
.footer  .qrcode{ width:140px; margin-right: 10px;}
.footer  .qrcode:last-child{margin-right: 0;}
.footer  .qrcode dd{ text-align: center; height: 30px; line-height: 30px; background: #fff; color:#333;}



.copyright {
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 12px;
    background: #27292B;
}

.copyright p {
    color: #939393;
}

.copyright span {
    margin: 0 6px;
}

.copyright a {
    color: #939393;
    transition: all ease 300ms;
}

.copyright a:hover {
    color: #e6212a;
}

.page-list-box .list-1 .item {
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 20px;
    transition: all .5s;
}

.page-list-box .list-1 .item a {
    color: #626669;
}

.page-list-box .list-1 .item .pic {
    margin-right: 10px;
}

.page-list-box .list-1 .item .txt-box {
    position: relative;
}

.page-list-box .list-1 .item .title {
    font-size: 18px;
    line-height: 50px;
    color: #333;
}

.page-list-box .list-1 .item .desc {
    -webkit-line-clamp: 3;
    line-height: 22px;
    height: 66px;
}

.page-list-box .list-1 .item .time {
    font-size: 12px;
    color: #666;
    position: absolute;
    top: 0;
    right: 20px;
    height: 50px;
    line-height: 50px;
}

.page-list-box .list-1 .item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.page-list-box .list-1 .item:hover .title {
    color: #0D4CBF;
}

.page-list-box .list-2 .outer-div {
    margin: 0 10px 10px;
    display: block;
    border: 1px solid #ddd;
    transition: 500ms;

}



.page-list-box .list-2 .title {
    height: 46px;
    line-height: 46px;
    text-align: center;
    transition: 500ms;

}

.page-list-box.page-list-products .list-2 .outer-div {
    background: #7b7b7b;
}
.page-list-box.page-list-products .list-2 .title {

    color: #fff;

}


.page-list-box .list-2 .outer-div .pic {
    position: relative;
    overflow: hidden;
}
.page-list-box .list-2 .outer-div .img {
    transition: 500ms;
}


.page-list-box.page-list-products .list-2 .outer-div:hover {
    background-color: #0D4CBF;
    color: #fff;
}

.page-list-box.page-list-products .list-2 .outer-div:hover .title {
    color: #fff;
}
.page-list-box .list-2 .outer-div:hover .img  {
    transform: scale(1.1);
}

.page-list-box .list-3 .item{ height: 46px; line-height: 46px; border-bottom: 1px dotted #ccc;}
.page-list-box .list-3 .title{ font-weight: bolder;  background: url("../images/libg.jpg") no-repeat 10px center ; text-indent: 28px;}

.page-show-box .show-1 .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
}

.page-show-box .show-1 .time {
    display: block;
    line-height: 26px;
    text-align: center;
}

.page-show-box .show-1 .content {
    margin-top: 10px;
    padding-top: 10px;

}
.page-show-box .show-2 .show-head {
    text-align: center;
}

.page-show-box .show-2 .images-box{ margin: 0 20px 0 0; max-width: 40%; }
.page-show-box .show-2 .big-roll-box {
    overflow: hidden;
}

.page-show-box .show-2 .small-roll-box {
    margin-top: 20px;
    overflow: hidden;
}

.page-show-box .show-2 .small-roll-box .item {
    position: relative;
}

.page-show-box .show-2 .small-roll-box .item:before {
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 5px solid #0D4CBF;
    position: absolute;
    left: 0;
    top: 0;
}

.page-show-box .show-2 .small-roll-box .swiper-slide {
    opacity: .6;
}

.page-show-box .show-2 .small-roll-box .swiper-slide-thumb-active {
    opacity: 1;
}
.page-show-box .show-2 .show-head .text-box{ text-align: left;}
.page-show-box .show-2 .show-head .title {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color:#0D4CBF;
    border-bottom: 1px dashed #dcdcdc;
}
.page-show-box .show-2 .show-head .desc{ margin-top: 20px;}
.page-show-box .pro-show-ask {

    margin-top: 20px;
    padding: 6px 15px;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
    position: relative;

}

.page-show-box .pro-show-ask li {font-size: 20px;  height: 65px; line-height: 65px;color:#666;}
.page-show-box .pro-show-ask .hottel{color:#204c97; font-weight: normal;}
.page-show-box .pro-show-ask .ask-a{
    position: absolute; right:20px; top:50%; transform: translateY(-50%); display: block; height: 40px; line-height: 40px; padding: 0 20px; background:#204c97; color:#fff;
}

.page-show-box .show-2 .show-content {
    margin-top: 40px;
}
.list-tags .item {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #eaeaea;
}
.site-map-page .sitemap {
    padding: 30px;
}

.site-map-page .sitename {
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    justify-content: center;
}

.site-map-page .navul {
    padding-top: 20px;
}

.site-map-page .navul .navli {
    padding-right: 16px;
    flex: none;
}

.site-map-page .navul .navli_first {
    font-weight: bold;
}

.site-map-page .dataul {
    flex-wrap: wrap;
    padding: 16px;
    border: 1px dashed #333;
}

.site-map-page .dataul .datali {
    width: 19%;
    margin-right: 1%
}
.tags-box .title-box{ font-size: 18px; color:#204c97; font-weight: bold; height: 40px; line-height: 40px;  position: relative;}
.tags-box .title-box:before{ content: ""; width:100px; height: 0; border-bottom: 3px solid #204c97; position: absolute; left:0; bottom:-1px; }
.tags-box  .list-1{ border: 1px solid #eee; padding: 20px ;  }
.tags-box  .list-1 .item-a{ width:98%; display: block; height: 30px; line-height: 30px; border-bottom: 1px dashed #eee;}
.tags-box .roll-box{ overflow: hidden; border: 1px solid #eee; }
.tags-box .roll-box .list-2{padding: 20px 0; text-align: center; }
.tags-box .roll-box .list-2 .outer-div{ margin: 0 5px; display: block;}
