html {
    height: 100%;
    border: none;
}
body {
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 14px;
    color: #333;
    font-family: Arial, "microsoft yahei","iconfont";
    background: #FFF;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #1048a0;
    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: #1184DA;
}
.top-main{ background: #f2f2f2; font-size: 12px; padding: 5px 0;}
.logo-tel{ padding: 20px 0; }
.logo-tel .contact-box{ justify-content: center; align-items: flex-start; text-align: left; position: relative; padding-left: 60px; color:#cb1a20; font-size: 30px; line-height: 35px; }
.logo-tel .contact-box .phone{ margin-left: 0;}
.logo-tel .contact-box:before{ content: "\e67f"; position: absolute; top:50%; left:0; transform: translateY(-50%); font-size: 50px; color:#333;}

.main-nav{ background: url("/runtime/png/36/a0/06/8e/d9/713ade3f7f7b6ddde4866b.png") repeat-x #1048a0; height: 50px; text-transform: capitalize;}
.main-nav .nav-ul-1{ justify-content: space-between;}
.main-nav .nav-li-1{ flex: auto; position: relative;}
.main-nav .nav-li-1 .nav-a-1{ color:#fff; font-size: 18px; line-height: 50px; display: block; text-align: center; }

.main-nav .nav-dl-2{ position: absolute; left:0; top:100%; z-index: 999;  min-width: 100%; white-space: nowrap; opacity: 0; visibility: hidden;  overflow: hidden; transition: 500ms;}
.main-nav  .nav-dd-2{ height: 40px; line-height: 40px;   border-top: 1px solid #fff; border-bottom: 1px solid #666; text-align: center;}
.main-nav  .nav-dd-2:first-child{ border-top: none;}
.main-nav  .nav-dd-2:last-child{ border-bottom: none;}
.main-nav  .nav-a-2{ display: block; background-color: #fff; color:#333; padding: 0 5px;}
.main-nav .nav-li-1.hover .nav-a-1,
.main-nav .nav-li-1:hover .nav-a-1
{ background:#cb1a20; }

.main-nav .nav-li-1:hover .nav-dl-2{ opacity: 1; visibility: visible;}
.main-nav  .nav-a-2:hover{background:#cb1a20; color:#fff;}

.index-item{ padding-top: 50px;}
.index-item .name-box{ text-align: center;}
.index-item .sub-name{font:  normal 45px "AvantGarde Bk BT"; text-transform: uppercase; }
.index-item .name{ font-size: 30px; font-weight: bold; color:#1048a0;}
.index-item .more{margin-top:20px;text-align: center; }
.index-item .more .look_more{ height: 40px; line-height: 40px; display: inline-block; padding: 0 50px; border: 1px solid #ccc; transition: 500ms; }
.index-item .more .look_more:hover{ color:#fff; background:#1048a0; }
.index-product .tab{ margin-top: 30px; justify-content: center;}
.index-product .tab .tab-a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 25px; background: #1048a0; color:#fff; margin-right: 20px;}
.index-product .tab .tab-a:last-child{ margin-right: 0;}
.index-product .tab .tab-a:hover{ background:#cb1a20; }
.index-product .list{ margin-top: 30px;}
.index-product .list .item{ width:33.33%;}
.index-product .list .outer-div{ margin:0 10px 30px; padding: 30px 30px 0; text-align: center; background: #f6f6f6;}
.index-product .list .outer-div .title{ text-align: center; font-size: 18px; line-height: 60px; height: 60px;}
.index-product .list .outer-div:hover{ background:#1048a0;color:#fff; }

.index-banner{margin-top: 50px; padding: 30px 0; background: url("/runtime/png/d5/c5/f7/d7/46/f2e392f1a579127771be7b.png") repeat center center; color:#fff; }
.index-banner .container{position: relative;}
.index-banner .title-1{ font-size: 32px; font-weight: bold; color:#64c5ff; line-height: 50px;}
.index-banner .title-2{ font-size: 24px; line-height: 40px;}
.index-banner .qq-a{background: url("/runtime/png/88/62/c2/82/f3/e0d19a092504bdc67da455.png") no-repeat center; height: 57px; line-height: 57px; width: 202px; text-align: center; color:#10479f; font-size: 20px; font-weight: bold; position: absolute; top:50%; right:10px; transform: translateY(-50%);}
.index-banner .qq-a:hover{ background-image: url("/runtime/png/50/6b/c2/b3/49/05f511b32d03526693818c.png");}
.index-you-shi .list{ margin-top: 30px;}
.index-you-shi .list .outer-div{ margin: 0 20px; text-align: center; transition: 500ms; cursor: pointer;}
.index-you-shi .outer-div .title-box{ margin-top: 20px;}
.index-you-shi .outer-div .title{ font-size: 24px; color:#1048a0; font-weight: normal;}
.index-you-shi .outer-div .desc{ margin-top: 10px;}
.index-you-shi .list .outer-div:hover{ transform: translateY(-10px);}
.index-you-shi .list .outer-div:hover .title{ font-weight: bold;}
.index-cases {background:#f6f6f6; margin-top: 50px; padding: 40px 0;}
.index-cases .tab{ margin-top: 30px; justify-content: center;}
.index-cases .tab .tab-a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 25px; background: #1048a0; color:#fff; margin-right: 20px;}
.index-cases .tab .tab-a:last-child{ margin-right: 0;}
.index-cases .tab .tab-a:hover{ background:#cb1a20; }
.index-cases .roll-box{ margin-top: 30px;}
.index-cases .list .item{ width:33.33%;}
.index-cases .list .outer-div{ margin:0 10px 30px; padding: 20px 15px; height: 100%; text-align: center; background: #fff;}
.index-cases .list .outer-div .title{ text-align: center; font-size: 18px; line-height: 60px; height: 60px;}
.index-cases .list .outer-div .desc{ height: 90px; line-height: 30px; }
.index-cases .list .outer-div:hover{ background:#1048a0;color:#fff; }
.index-cases .outer-div .info{ display: inline-block; margin-top: 10px; padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #f6f6f6;}
.index-banner-2{ margin-top: 0;}

.index-about{ padding: 40px 0; background: #f6f6f6; }
.index-about .container{ align-items: center;}
.index-about .right-box{ padding: 30px 40px; background: #fff;}
.index-about .right-box a{ color:#333;}
.index-about .right-box .sub-name{ color:#666;}
.index-about .right-box .content{ margin: 10px 0; line-height: 26px;}
.index-about .right-box .view_detail{ display: inline-block; height: 40px; line-height: 40px; padding: 0 50px; color:#fff; background: #1048a0;}
.index-about .right-box .view_detail:hover{ background: #cb1a20;}

.index-news .tab{ margin-top: 30px; justify-content: center;}
.index-news .tab .tab-a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 25px; background: #1048a0; color:#fff; margin-right: 20px;}
.index-news .tab .tab-a:last-child{ margin-right: 0;}
.index-news .tab .tab-a:hover{ background:#cb1a20; }
.index-news .roll-box{ margin-top: 30px;}
.index-news .item{width:600px; }
.index-news  .outer-div{border: 1px solid #ddd; padding: 30px; margin-bottom: 30px;background: #f6f6f6;}
.index-news .item .outer-div:last-child{ margin-bottom: 0;}
.index-news .time{ width:100px; height: 100px; text-align: center; justify-content: center;}
.index-news .time .day{ font-size: 60px; color:#999;}
.index-news .time .year{ font-size: 18px; color:#666;}
.index-news .title-box .title{ font-size: 20px; color:#333; line-height: 40px;}
.index-news .title-box .desc{ font-size: 14px; line-height: 30px; color:#666;}
.index-news  .outer-div:hover{ background:#1048a0;}
.index-news  .outer-div:hover .day,
.index-news  .outer-div:hover .year,
.index-news  .outer-div:hover .desc
{ color:#c1d4f1; }
.index-news  .outer-div:hover .title{ color:#fff;}

.index-links { margin-top: 40px; background:#f6f6f6; padding: 0; line-height: 40px; height: 40px;  }
.index-links .container{position: relative;  }
.index-links .title{ font-size: 18px; font-weight: bold; }
.index-links .list{ height: 40px; overflow: hidden; position: relative; top:0; left:0; width:100%;}
.index-links a{display: block; margin-right: 10px;}
.index-links .container:hover .list{ position: absolute; height: auto; background:#1048a0; padding:  20px; box-shadow: 1px 1px 1px #fff; }
.index-links .container:hover a{ color:#fff;}
.footer { background:  #191919; padding: 40px 0; color:#fff; }
.footer .container{ justify-content: space-between;}
.footer .path h3{ font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 20px;}
.footer .path .item{ display: block; height: 30px; mso-list-ins: 30px; color:#fff;}
.footer  .nav-path .list{ margin-right: 20px;}
.footer  .nav-path .list:last-child{margin-right: 0;}

.footer .weixin{ margin-top: 20px;}
.footer .qrcode{ margin-right: 20px;}
.footer  .qrcode:last-child{margin-right: 0;}
.footer  .qrcode dd{ height: 40px; line-height: 40px;  text-align: center; background: #f8f8f8; color:#333;}
.footer  .qrcode img{ width:130px;}
.copyright{ background: #101010; color:#fff; padding: 20px 0; border-top: 1px solid #434343;}
.copyright a{ color:#fff;}
.page-content{ padding: 20px 0 40px; }
.currlocatinon { height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px solid #f8f8f8; margin-bottom: 20px;}
.currlocatinon .nav_x:before{ margin-right: 10px; font-size: 20px; color:#1048a0;}
.page-left-box{ width:270px; margin-right: 30px;}
.page-left-box .sub-box{ border: 1px solid #f3f3f3; margin-bottom: 30px; }
.page-left-box .sub-box:last-child{margin-bottom: 0;}
.page-left-box .left-sub-nav .name{  font-size: 25px; font-weight: bold; text-align: center; background: url("/runtime/jpg/61/0b/56/c7/44/9d71fa25716cb977f4999e.jpg") #1048a0 no-repeat; height: 102px; width: 270px; line-height: 102px; color:#fff; position: relative; }


.page-left-box .left-sub-nav .category .nav-a{ display: block; padding-left: 25px; font-size: 18px; height: 60px; line-height: 60px; border-top: 1px solid #eaeaea;  color:#111; position: relative;}
.page-left-box .left-sub-nav .category .nav-a:before{content: "\e66b"; position: absolute; top:50%; right:20px;transform: translateY(-50%); font-size: 16px; color:#666; }
.page-left-box .left-sub-nav .on .nav-a,
.page-left-box .left-sub-nav .category .nav-a:hover{ color:#fff; background:#1048a0; }
.page-left-box .left-sub-nav .on .nav-a:before,
.page-left-box .left-sub-nav .category .nav-a:hover:before{ color:#fff;}
.page-left-box .left-sub-nav .category .nav-2-a{display: block; height: 40px; line-height: 40px; padding-left: 30px; position: relative; border-bottom: 1px solid #f4f4f4;}
.page-left-box .left-sub-nav .category .nav-2-a:before{ content: "\e626";position: absolute; top:50%; left:10px;transform: translateY(-50%); }
.page-left-box .contact{background: #1048a0; color:#fff; position: relative; padding: 30px 10px 30px 70px;}
.page-left-box .contact .phone{ font-size: 28px; }
.page-left-box .contact:before{ content: "\e611" ; font-size: 40px; position: absolute; top:50%; left:20px;transform: translateY(-50%); }
.page-right-box .content,.page-right-box.content{ font-size: 16px; line-height: 26px; font-family: "宋体"}

.list-page .list-1 .outer-div{border: 1px solid #f8f8f8; padding: 10px; margin: 10px 0; color:#333; position: relative; transition: 500ms;}

.list-page .list-1 .outer-div .pic{ overflow: hidden; margin-right: 30px;}
.list-page .list-1 .outer-div .img{ transition: 500ms;}
.list-page .list-1 .outer-div .title{ height: 40px; line-height: 40px;  font-size: 18px; font-weight: bold; transition: 500ms;}
.list-page .list-1 .outer-div:hover{ box-shadow: 2px 2px 3px 0px #1048a0; border-color:#1048a0;  transform: translate(-2px,-2px);}

.list-page .list-1 .outer-div:hover .img{ transform: scale(1.1);}
.list-page .list-1 .outer-div:hover .title{  color:#1048a0;}

.list-page .list-2 .outer-div{border: 1px solid #f8f8f8; margin: 0 10px 10px; text-align: center;}
.list-page .list-2 .outer-div .pic{ overflow: hidden;}
.list-page .list-2 .outer-div .img{ transition: 500ms;}
.list-page .list-2 .outer-div .title{ height: 40px; line-height: 40px;  font-size: 18px; background: #f8f8f8;  color:#333; transition: 500ms;}
.list-page .list-2 .outer-div:hover .img{ transform: scale(1.1);}
.list-page .list-2 .outer-div:hover .title{ background: #1048a0;  color:#fff;}


.list-page  .list-3 .item:nth-child(2n) .outer-div{ flex-direction: row-reverse;}
.list-page  .list-3 .pic{ width:50%; background-position: center; background-size: cover;}
.list-page  .list-3 .txt-box{ padding: 30px 50px;}
.list-page  .list-3 .title{ font-size: 26px; font-weight: bold; line-height: 50px; border-bottom: 1px solid #f3f3f3; color:#1048a0;}
.list-page  .list-3 .desc{ margin: 20px 0; -webkit-line-clamp:6; line-height: 25px; height: 150px; overflow: hidden;}
.list-page  .list-3 a{display: inline-block; height: 25px; line-height: 25px; margin-top: 25px;}

.show-page .show-1 .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
}

.show-page .show-1 .time {
    display: block;
    line-height: 26px;
    text-align: center;
}

.show-page .show-1 .content {
    margin-top: 10px;
    padding-top: 10px;
    line-height: 2;

}

.page-show-box .show-2 .show-head {
    text-align: center;
}

.show-page .show-2 .images-box{ margin-top: 20px; margin-right: 20px; }
.show-page .show-2 .big-roll-box {
    overflow: hidden;
}

.show-page .show-2 .small-roll-box {
    margin-top: 20px;
    overflow: hidden;
}

.show-page .show-2 .small-roll-box .item {
    position: relative;
}

.show-page .show-2 .small-roll-box .item:before {
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 5px solid #1048a0;
    position: absolute;
    left: 0;
    top: 0;
}

.show-page .show-2 .small-roll-box .swiper-slide {
    opacity: .6;
}

.show-page .show-2 .small-roll-box .swiper-slide-thumb-active {
    opacity: 1;
}
.show-page .show-2 .show-head .text-box{ text-align: left;}
.show-page .show-2 .show-head .title {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color:#1048a0;
    border-bottom: 1px dashed #dcdcdc;
}
.show-page .show-2 .show-head .desc{ margin-top: 20px;}
.show-page .pro-show-ask {

    margin-top: 20px;
    padding: 6px 15px;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
    position: relative;

}

.show-page .pro-show-ask li {font-size: 20px;  height: 65px; line-height: 65px;color:#666;}
.show-page .pro-show-ask .hottel{color:#1048a0;  font-size: 22px;}
.show-page .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:#1048a0; color:#fff;
}

.show-page .show-2 .show-content {
    margin-top: 40px;
}

.show-page .show-3 .show-head {
    text-align: center;
}

.show-page .show-3 .images-box{ margin: 20px auto 0; }
.show-page .show-3 .big-roll-box {
    overflow: hidden;
}

.show-page .show-3 .small-roll-box {
    margin-top: 20px;
    overflow: hidden;
}

.show-page .show-3 .small-roll-box .item {
    position: relative;
}

.show-page .show-3 .small-roll-box .item:before {
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 5px solid #1048a0;
    position: absolute;
    left: 0;
    top: 0;
}

.show-page .show-3 .small-roll-box .swiper-slide {
    opacity: .6;
}

.show-page .show-3 .small-roll-box .swiper-slide-thumb-active {
    opacity: 1;
}
.show-page .show-3 .show-head .text-box{ text-align: left;}
.show-page .show-3 .show-head .title {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color:#1048a0;
    border-bottom: 1px dashed #dcdcdc;
}
.show-page .show-3 .show-head .desc{ margin-top: 20px;}
.show-page .pro-show-ask {

    margin-top: 20px;
    padding: 6px 15px;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
    position: relative;

}
.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%
}
.list-tags .item {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #eaeaea;
}
.tags-box .title-box{ font-size: 18px; color:#1048a0; font-weight: bold; height: 40px; line-height: 40px;  position: relative;}
.tags-box .title-box:before{ content: ""; width:100px; height: 0; border-bottom: 3px solid #1048a0; 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;}