html {
    height: 100%;
    border: none;
}
body {
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-family: Arial, "microsoft yahei","iconfont";
    background: #FFF;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {

    text-decoration: none;
}

.tag-a:before {
    content: "\e669";
}

.tag-a:after {
    content: "\e66a";
}

.tag-a {
    display: block;

    color: #434343;
}

.tag-a:hover {
    color: #1184DA;
}
.logo-tel{background: url("../images/h-bg.jpg") no-repeat center bottom; height: 219px;}
.logo-tel .container{height: 100%;justify-content: space-between; align-items: center;}
.logo-tel .logo-box{ justify-content: flex-start; align-items: center;}
.logo-tel  .logo { margin-right: 20px;}
.logo-tel  .tel-box{ font-size: 16px; color:#fff; position: relative; padding-right: 50px;}
.logo-tel  .tel-box:before{ content: "\e652"; font-size: 50px; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.logo-tel  .tel-box .phone{ font-size: 40px; font-weight: bold; line-height: 50px; letter-spacing: 1px;}

.main-nav{width:100%; position: absolute; left:0; top:219px; transform: translateY(-50%); z-index: 99999; }
.main-nav .nav-ul-1{background: #e1d42a;height: 60px; line-height: 60px; justify-content: space-evenly;}
.main-nav .nav-ul-1 .nav-a-1{ display: block; height: 60px; margin: 0 15px; position: relative;  font-size: 16px;color:#161616;}
.main-nav .nav-ul-1 .nav-a-1:before{content: ""; width:100%; height: 0; border-bottom: 4px solid transparent; position: absolute; left:0; bottom:1px;}
.main-nav  .nav-a-1:hover:before{border-color: #536ed2;}

.index-item{ padding-top: 100px; width:100%; overflow: hidden;}
.index-item .name-box{ text-align: center; height: 160px;}
.index-item .name-box .name{ padding-top: 24px; color:#333; font-size: 50px; font-weight: bold; height: 84px; line-height: 60px; background: url("../images/txt-icon1.png") no-repeat center top;}
.index-item .name-box .sub-name{ font-size: 16px; height: 26px; line-height: 26px; letter-spacing: 3px;}
.index-guide{ background: url("../images/guide-bg.jpg") no-repeat center top; height: 293px; padding: 0;}
.index-guide .list{height: 293px;  justify-content: space-between; align-items: center; }
.index-guide .list .outer-div{ padding: 0 40px; border-right: 1px solid #cccccc;}
.index-guide .item:last-child .outer-div{ border-right: none;}
.index-guide .outer-div .number{ font-size: 44px; line-height: 1; letter-spacing: 1px; text-indent: 34px; position: relative; display: inline-block;}
.index-guide .outer-div .number:before{ content: ""; width:0; height: 0; border: 5px solid #e1d42a; border-radius: 50%; position: absolute; top:10px; right: -10px; transform: translateX(100%); }
.index-guide  .text{ line-height: 26px; margin-top: 20px; }
.index-guide  .text b{ color:#ff010a; font-weight: bold;}
.index-product .btn-list{ justify-content: space-between; }
.index-product .btn-list .btn{ height: 74px; line-height: 74px;  width:33.333%;}
.index-product .btn-list .btn a{ display: block; height: 100%; background: #1b57b5; font-size: 22px; font-weight: bold; color:#fff; padding-left: 150px; border: 1px solid #fff; border-width: 0 1px 3px; position: relative; transition: 500ms;}
.index-product .btn-list .btn a:before{ content: ""; border: 10px solid #1b57b5; border-radius: 50%; position: absolute; left:50%; bottom:0; transform: translate(-50%,0); }
.index-product .btn-list .btn a:after{ content: ""; width:12px ; height: 12px ; border: 3px solid #fff; border-radius: 50%; position: absolute; left:130px; top:50%; transform: translateY(-50%);}
.index-product .btn-list .btn:first-child a{ border-left: none; border-top-left-radius: 30px;}
.index-product .btn-list .btn:last-child a{ border-right: none; border-top-right-radius: 30px;}
.index-product .btn-list .btn a:hover,
.index-product .btn-list .btn.on a
{ background:#e1d42a; color:#333;}
.index-product .btn-list .btn a:hover:before,
.index-product .btn-list .btn.on a:before
{ border-color:#e1d42a; transform: translate(-50%,50%);}
.index-product .btn-list .btn a:hover:after,
.index-product .btn-list .btn.on a:after
{ border-color:#333;}
.index-product .sub-nav{background: #1b57b5; padding: 20px 0;}
.index-product .sub-nav .item{width:12.5%; height: 30px; line-height: 30px;  }
.index-product .sub-nav .sub-name-a{display: block; color:#fff;position: relative;padding-left: 30px; }
.index-product .sub-nav .sub-name-a:before{ content: ""; position: absolute; left:15px; top:50%; transform: translateY(-50%); width:8px; height: 8px;  border: 1px solid #fff; border-radius: 50%; margin-right: 5px;}
.index-product  .roll-box{ margin-top: 10px;}
.index-product  .data-list{ justify-content: space-between;}
.index-product  .data-list .item{ width:33%; border: 1px solid #dedee8; margin-bottom: 10px;}
.index-product  .data-list .item .title{ text-align: center;height: 50px; line-height: 50px; background: #f4f4f4; font-size: 18px; font-weight: bold; }
.index-product  .data-list .item:hover .title{ background: #e1d42a;color:#333; }
.index-you-shi .name-box .name{ background-image: url("../images/txt-icon2.png")}
.index-you-shi .main-box{ background: url("../images/adv-bg.jpg") no-repeat center top ; height: 838px; padding-top: 100px;}
.index-you-shi .main-box  .container{ justify-content: space-between;}
.index-you-shi .main-box .left-box{ width:290px; height:  634px; text-align: center;}
.index-you-shi  .left-box .item{ height: 160px; margin-bottom: 9px; background: #fff; padding-top: 30px; transition: 1000ms; position: relative; }
.index-you-shi  .left-box .item:last-child{ margin-bottom: 0;}
.index-you-shi  .left-box .pic{ background: url("../images/adv-icon1.png") no-repeat center bottom; height: 46px;}
.index-you-shi  .left-box .item:nth-child(2) .pic{ background-image: url("../images/adv-icon2.png");}
.index-you-shi  .left-box .item:nth-child(3) .pic{ background-image: url("../images/adv-icon3.png");}
.index-you-shi  .left-box .item .title{ font-size: 26px; line-height: 50px; font-weight: bold;}
.index-you-shi  .left-box .item .desc{ display: none; opacity: 0.5; line-height: 26px; color:#fefefe; font-size: 14px;}
.index-you-shi  .item.curr{height: 295px; background: #1b57b5; color:#fff;}
.index-you-shi  .item.curr:before{ content: ""; position: absolute; top:50%; right:0; transform: translate(50%,-50%); width:20px; height: 20px; background: #1b57b5; border-radius: 50%; }
.index-you-shi  .item.curr .pic{ background-position: center top;}
.index-you-shi  .item.curr .desc{ display: block;}
.index-you-shi .main-box .right-box{ width:900px; height:  634px;}

.index-cases{ background: url("../images/case-bg.jpg") no-repeat center top; padding-bottom: 50px;}
.index-cases .name-box .name{ background-image: url("../images/txt-icon3.png")}
.index-cases .btn-list{ height: 135px; background:#1b57b5; color:#fff; border-radius: 30px 30px 0 0 ; overflow: hidden; }
.index-cases .btn-list .btn{ width:12.5%; position: relative;}
.index-cases .btn-list .btn-nav{position: relative;}
.index-cases .btn-list .btn-nav:before{ content:""; background: url("../images/case-bg1.png") no-repeat right top; width: 200px; height: 100%; position: absolute; left:0; bottom:0; transform: translateY(-100%);}
.index-cases .btn-list .btn a{ display: block; width:110px; height: 85px; margin:20px 0 20px 40px;  text-align: left; position: relative; z-index: 3; color:#fff;}
.index-cases .btn-list .btn .pic{ height: 42px; background-repeat: no-repeat; background-position: left top;}
.index-cases .btn-list .btn-nav:hover:before,
.index-cases .btn-list .btn-nav.curr:before
{ transform: translateY(0%);}
.index-cases .btn-list .btn-nav:hover .pic,
.index-cases .btn-list .btn-nav.curr .pic
{  background-position: left bottom;}
.index-cases .btn-list .btn-nav:hover a,
.index-cases .btn-list .btn-nav.curr a{ color:#333;}
.index-cases .roll-box{ background: #fff;}
.index-cases .roll-box .pic{ display: block; overflow: hidden;}
.index-cases .roll-box .pic .img{ transition: 500ms;}
.index-cases .roll-box .text-box{ padding: 70px 50px;}
.index-cases .roll-box .title{ display: block; height: 48px; line-height: 48px; font-size: 20px; font-weight: bold; color:#0d0d0d;}
.index-cases .roll-box .param{ margin-top: 30px;}
.index-cases .roll-box .param .param-item{ padding: 12px 0; border-top: 1px solid #cacfe5;}
.index-cases .roll-box  .param .span{ font-weight: bold;}
.index-cases .roll-box .pic:hover .img{ transform: scale(1.1);}
.index-cases .case-more{ background: url("../images/case-bg2.png") no-repeat left top; height: 95px; margin-top: 10px;}
.index-cases .case-more .title-box{ display: block; width:150px; margin-right: 50px; text-align: center; padding-top: 20px;}
.index-cases .case-more .title-box .more{ font-size: 36px; line-height: 36px; }
.index-cases .case-more .title-box .txt{ height: 30px; line-height: 30px; font-size: 20px;}
.index-cases .case-more .list .item{ overflow: hidden;}
.index-cases .case-more .list .img{transition: 500ms;}
.index-cases .case-more .list .img:hover{ transform: scale(1.1);}
.index-advantage { background: url("../images/adv2-bg.jpg") no-repeat center top;}
.index-advantage .name-box .name{ background-image: url("../images/txt-icon2.png")}
.index-advantage .btn-list{ height: 120px;  margin-top: 20px;}
.index-advantage .btn-list{}
.index-advantage .btn{ width:25%; justify-content: center; color:#e1d42a; font-size: 16px;}
.index-advantage .btn .t1{ background: url("../images/adv2-icon1.png") no-repeat left center; height: 40px; line-height: 40px; font-weight: bold; font-size: 30px;  padding-left: 45px; }
.index-advantage .btn .t2{ height: 30px; line-height: 30px;}
.index-advantage .btn:nth-child(2) .t1{ background-image: url("../images/adv2-icon2.png")}
.index-advantage .btn:nth-child(3) .t1{ background-image: url("../images/adv2-icon3.png")}
.index-advantage .btn:nth-child(4) .t1{ background-image: url("../images/adv2-icon4.png")}
.index-advantage .btn-2{color:#1b57b5;}
.index-advantage .roll-box .item{ position: relative;}
.index-advantage .text-box{ background: url("../images/adv2-bg2.png"); width: 1200px; height: 126px; white-space: nowrap;  position: absolute; left:50%; bottom:20px; transform: translateX(-50%); }
.index-advantage .text-box .desc{ text-align: center; padding:44px 30px 0 ; font-size: 18px; line-height: 30px;}
.index-advantage .text-box .link{ width:110px;}

.index-about{background: url("../images/about-bg.jpg") no-repeat center top; height: 719px; margin-top: 80px;}
.index-about .left-box{ width:430px; margin-right: 90px; color:#fff;}
.index-about  .title-box .en{ font-size: 80px; line-height: 68px;}
.index-about  .title-box .title{ font-size: 50px; line-height: 84px; font-weight: bold;}
.index-about  .title-box .sub-title{ font-size: 18px; line-height: 56px; font-style: italic;}
.index-about   .desc{ padding-top: 20px; font-size: 16px; line-height: 24px; opacity: 0.8;}
.index-about-link { margin-top: 50px;}
.index-about-link .item{width:33.33%; text-align: center; border: 1px solid #CACACA; margin-right: -1px;}
.index-about-link .outer-div{ display: block;padding: 18px 0; }
.index-about-link .item img{ height:50px; }
.index-about-link .item .title{ font-size: 18px; line-height: 40px; font-weight: bold;}
.index-about-link .outer-div:hover{background: #e5e5e5;}

.index-news{ margin-top: 80px; background: #f7f7f7; padding-bottom: 100px;}
.index-news .sort-box{ margin-bottom: 12px; display: block;}
.index-news .sort-box .name{font-weight: bold; font-size: 26px; line-height: 32px;}
.index-news .sort-box .sub-name{ font-weight: bold; font-size: 12px; line-height: 16px;}
.index-news .name-box .name{ background-image: url("../images/txt-icon4.png")}
.index-news .left-box{ width:500px; margin-right: 30px; padding: 50px 50px 0; background: url("../images/news-bg2.jpg") no-repeat center top;}
.index-news .left-box .sort-box{ color:#fff;}
.index-news  .left-box  { }
.index-news  .left-box   .title {font-size: 16px; line-height: 48px; font-weight: bold;}
.index-news  .left-box   .desc{ height: 120px; line-height: 20px; opacity: 0.8;-webkit-line-clamp:6}
.index-news  .left-box .time{ text-align: right; padding: 20px 0; font-style: italic;}

.index-news .right-box .box-1{ width:100%; background: #fff; padding: 50px; }
.index-news .right-box .box-1 .list{ justify-content: space-between;}
.index-news .right-box .box-1 .item{ width:45%;}
.index-news  .right-box .box-1 .title {font-size: 16px; line-height: 48px; font-weight: bold;}
.index-news  .right-box .box-1 .desc{ height: 40px; line-height: 20px; opacity: 0.8;}
.index-news  .right-box .box-1 .time{ text-align: right; padding: 20px 0; font-style: italic;}

.index-news .right-box .box-2{ width:100%; background: url("../images/news-bg3.jpg") no-repeat left bottom #fff; height: 314px; padding: 50px; margin-top: 30px;}
.index-news .right-box .roll-box{ width:50%;  margin-right: 0; transform: translateY(-72px);height: 252px; }
.index-news .right-box .roll-box .item{ height: 36px; line-height: 36px;  }

.footer-box{ background: url("../images/f-bg.jpg") no-repeat center top; height: 432px;}
.footer-box .footer-main{ height: 360px;}
.footer-box .footer-main .pic{ transform: translateY(-35px); margin-right: 60px;}
.footer-box .footer-nav{ height: 100px; line-height: 100px; justify-content: space-between;}
.footer-box .contact{ margin-top: 72px; justify-content: space-between;}
.footer-box .contact .text-box h3{ height: 28px; margin-bottom: 10px;}
.footer-box .contact .text-box p{ font-size: 14px; line-height: 26px;}
.footer-box .contact .tel-box { text-align: right; font-size: 14px; position: relative; margin-top: 60px;}
.footer-box .contact .tel-box:before{ content: "\e67f"; font-size: 30px; position: absolute; right:0; top:-10px; transform: translateY(-100%);}
.footer-box .contact .tel-box .phone{ font-size: 27px; font-weight: bold; color:#1b57b5;}
.footer-box .contact .qrcode{ margin-right: 10px;}
.footer-box .contact .qrcode:last-child{margin-right: 0;}
.footer-box .contact .qrcode img{ width:120px;}
.footer-box .contact .qrcode dd{ text-align: center; font-size: 14px;}
.copyright{margin-top: 12px; height:60px; line-height: 60px; font-size: 14px; color:#fff; }
.copyright a{color:#fff;}
.hottags { height: 72px;line-height: 72px; font-size: 14px; border-bottom: 1px solid #e5e5e5;}
.page-content{padding: 35px 0 100px;}
.page-left-box{ width:270px; margin-right: 30px;}
.page-left-box .left-sub-nav .name{ font-size: 26px; color:#fff; height: 84px; line-height: 83px; text-align: center; background:#1b57b5; border-bottom: 1px solid #fff; margin-bottom: 5px; box-shadow: 0 5px 0 0 #1b57b5; }
.page-left-box .left-sub-nav .nav-a,
.page-left-box .left-sub-nav .nav-2-a
{display: block; width:100%; height: 50px; line-height: 50px; background: #ececec; border-bottom: 2px solid #fff;}

.page-left-box .left-sub-nav .nav-a{ text-indent: 38px; font-size: 18px; position: relative;}
.page-left-box .left-sub-nav .nav-a:before{ content: "\e683"; font-size: 14px; color:#666; position: absolute; right:10px; top:50%; transform: translateY(-50%);}
.page-left-box .left-sub-nav .nav-2-a{border-bottom-width: 1px; font-size: 16px; text-indent: 53px;position: relative; }
.page-left-box .left-sub-nav .nav-2-a:before{ content: "\e626"; font-size: 14px; color:#666; position: absolute; right:10px; top:50%; transform: translateY(-50%);}
.page-left-box .left-sub-nav .nav-a.on,
.page-left-box .left-sub-nav .nav-a:hover{ background: #1b57b5; color:#fff;}
.page-left-box .left-sub-nav .nav-a.on:before,
.page-left-box .left-sub-nav .nav-a:hover:before{content: "\e684"; color:#fff;}
.page-left-box .left-sub-nav .nav-2-a:hover{color:#1b57b5;}
.page-left-box .left-sub-nav .nav-2-a:hover:before{color:#1b57b5;}
.page-left-box .contact{ background: url("../images/renw.jpg") no-repeat center 2px #1b57b5;  padding: 214px 0 30px; color:#fff; text-align: center; }
.page-left-box .contact .txt{height: 30px; line-height: 30px; margin-top: 10px;  position: relative; }
.page-left-box .contact .txt:before{content: "\e67a"; font-size: 30px; position: absolute; transform: translateX(-100%); padding-right: 10px;  }
.page-left-box .contact .phone{ font-size: 28px;}

.currlocatinon{ font-size: 20px; color:#1b57b5;  height: 84px; line-height: 83px;  text-align: center;  border-bottom: 1px solid #1b57b5; margin-bottom: 5px; box-shadow: 0 5px 0 0 #fff;}
.currlocatinon a{ color:#1b57b5;}

.page-top-sub-nav { margin-bottom:20px; }
.page-top-sub-nav .container{ justify-content: center; }
.page-top-sub-nav .sub-nav{ position: relative; height: 40px; line-height: 40px; overflow: hidden; text-align: center;}
.page-top-sub-nav .nav-a{display: block; font-size: 16px;  padding: 0 40px; transition: 500ms; background: #f6f6f6; border-right:1px solid #fff; }
.page-top-sub-nav .sub-nav:hover .nav-a,
.page-top-sub-nav .sub-nav.on .nav-a{ color:#fff; background: #1b57b5;}

.full{max-width: 100%; overflow: hidden;}
.full table{ margin: 0 auto;}
.full div{margin: 0;}
.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 15px 5px #f6f6f6; border-color:#f6f6f6;  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:#1b57b5;}

.list-page .list-2 .outer-div{ margin: 5px 5px 10px ;padding-bottom: 20px;  box-shadow: 0 0 0 1px #f6f6f6;}
.list-page .list-2 .outer-div:hover{ box-shadow: 0 0 0 1px #1b57b5;}
.list-page .list-2 .title{ height: 50px; line-height: 50px; text-align: center ; padding: 0 20px; font-size: 18px; }
.list-page .list-2  .desc{ line-height: 24px; height: 48px;padding:0 20px ; font-size: 14px;}

.list-page .list-4 .outer-div{ margin: 5px ; text-align: center;}
.list-page .list-4 .outer-div .pic{border: 1px solid #f6f6f6;}


.list-page .list-4 .title{ height: 20px; line-height: 20px; text-align: center ; margin: 10px 20px; font-size: 16px; }

.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 {
    box-shadow: 0 0 15px 5px #f6f6f6;
    margin-top: 10px;
    padding: 20px 30px;
    line-height: 2;

}
.show-page .show-2 .show-head {
    text-align: center; padding: 10px; background: #f3f3f3;
}

.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 #1b57b5;
    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 {   line-height: 60px; font-size: 24px;   color:#1b57b5;  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:#1b57b5;  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:#1b57b5; color:#fff;
}

.show-page .show-2 .show-content {  margin-top: 40px;   box-shadow: 0 0 15px 5px #f6f6f6; padding: 20px 30px;}

.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 #1b57b5;
    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:#1b57b5;

}
.show-page .show-3 .show-head .desc{ margin-top: 20px;}
.tags-box .list-1 {
  padding: 20px;
  font-size: 14px;
  justify-content: space-between; }

.tags-box .list-1 .item-a {
  width: 95%;
  display: block;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px dashed #eee; }

.tags-box .roll-box {
  overflow: hidden; }

.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; }
  
    .page-list-box .list-city .item {
    padding: 10px 0; }
.page-list-box .list-city .item .outer-div {
    height: 60px;
    overflow: hidden;
    background-color: #f7f7f7; }
.page-list-box .list-city .item .city {
    width: 150px;
    text-align: center;
    flex: none;
    display: flex;
    align-items: center;
    line-height: 30px;
    padding: 0 10px;
    font-size: 18px;
    background-color: #1048a0;
    color: #fff; }
.page-list-box .list-city .item .title {
    padding: 0 20px;
    line-height: 60px;
    width: 200px;
    flex: auto; }
.page-list-box .list-city .item .time {
    padding: 0 10px;
    line-height: 60px;
    flex: none; }


.tags-box{box-shadow: 0 0 15px 5px #f6f6f6; padding: 30px;}
.tags-box .title-box{ font-size: 18px; color:#1b57b5; font-weight: bold; height: 40px; line-height: 40px;  position: relative;}
.tags-box .title-box:before{ content: ""; width:100px; height: 0; border-bottom: 3px solid #1b57b5; position: absolute; left:0; bottom:-1px; }
.tags-box  .list-1{  padding: 20px ; font-size: 14px; justify-content: space-between;  }
.tags-box  .list-1 .item-a{ width:95%; display: block; height: 36px; line-height: 36px; border-bottom: 1px dashed #eee;}
.tags-box .roll-box{ overflow: hidden;  }
.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;}