@font-face {
    font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format("embedded-opentype"),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg")
}
html{ font-family:"arial","微软雅黑","FontAwesome";background-color: #fff; font-size: 14px;}
body{font-size: 14px; line-height: 2; color: #5a5a5a; }
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button {
    margin: 0; border: 0; padding: 0; list-style: none;
}
img{ vertical-align: bottom;}
div{margin: 0px auto;}
em{ font-style:normal; }
.container{width: 1200px;  margin: 0px auto; }
.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
.rmainBox { float: right; width:930px;}
.lsideBox{ float:left; width:240px;}
.rmainBox,.lsideBox,.lmainBox,.rsideBox,.mainBox{margin: 10px auto 20px auto;}
.lmainBox{  float: left; width:930px; }
.rsideBox{float:right; width:240px; }

a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#06c}

.marginTop{ margin-top: 40px;}
.marginTopByTandC{ margin-bottom: 20px;}

.head-top{ background-color: #f6f6f6; line-height: 2.5}
.head-top .head_top_welcome{float: left;}
.head-top .head_top_bar{ float:right;}
.head-top .head_top_bar span{margin: 0px; margin-left: 5px; padding: 0px 10px; display: inline-block; cursor: pointer;}
.head-top-3{ line-height: 1; margin: 30px auto;}
.head-top-3 .logo ,.head-top-3 .c-name,.head-top-3 .c-desc,.head-top-3 .hotline{ float: left;  height: 97px;}
.head-top-3 .logo img{ display: block; vertical-align: bottom; height: 100%; width: auto;}
.head-top-3 .c-name{ margin-left: 20px; position: relative;}
.head-top-3 .c-name:before{ content: "" ; position: absolute; left:-10px; top:0px; width:1px ; height: 100%; background-color:  #ccc;}

.head-top-3 .c-name .c-name-1{font-size: 26px; color:#212121; line-height: 42px; font-weight: bold; margin-top:10px;}
.head-top-3 .c-name .c-name-2{ font-size: 22px; color: #383838;  line-height: 24px;}

.head-top-3 .hotline{ float: right;  padding-left: 50px; position: relative;}
.head-top-3 .hotline:before{ content: "\f098"; font-family: 'FontAwesome'; position: absolute; left:5px; top:25px; font-size: 45px; color:#212121; }
.head-top-3 .hotline .hotline-1{  font-size: 14px; line-height: 28px; height: 28px;margin-top:20px;}
.head-top-3 .hotline .hotline-2{font-size: 26px; color:#212121; font-weight: bold; }

.navbar{ background: url("../images/columnbg.jpg" ) repeat-x top center #033BAD; }
.navbar .navul1{   height: 45px;  }
.navbar .navli1{  position: relative; float: left; }
.navbar .navli1-n:before{ content: ""; width:2px; height: 100%; position: absolute; left:-2px; top:0px;}
.navbar .navli1 a{font-size: 14px; color:#fff;}
.navbar .navli1>a{  line-height: 45px; display: block;   font-size: 16px; text-align: center; position: relative;}
.navbar .navli1:hover>a,.navbar .navul1>li.active:hover>a{ background-color :#c33; color: #fff;}
.navbar .navul1>li.active>a{ background-color :#E62128; color: #fff; }
.navbar .navul1>li.active>a:before{background-color: #CA02AA; background-image: none; }
.navbar .navul2 { position: absolute; z-index: 101; top:200%; right: 0px; width:100%; text-align: left; visibility: hidden; transition: 200ms; opacity: 0; }
.navbar .navul2 .navli2{ width:100%;  line-height: 3; padding-top:2px; }
.navbar .navul2 a{  background-color: #fff;  color: #f60; width:100%; height: 100%; display: block; text-indent: 14px;  border-right: 0px; border-left: 0px; position: relative; }
.navbar .navul2>li:hover>a:before{background-color:#ff9933;}
.navbar .navli1:hover>.navul2{ top:100%; opacity: 1; visibility:visible; }
.navbar .navul2 li.dropleft{ position: relative;}
.navbar .navul2 .navul3{ position: absolute; left:105%; top:100%; visibility: hidden; transition: 200ms; opacity: 0;z-index: 100; width:100%; }
.navbar .navul2 .navul3 li{ padding-top:2px; }
.navbar .navul2 li.dropleft:hover>.navul3{ left: 105%; top:0px; visibility:visible; opacity:1;}
.navbar .navul3>li:hover>a:before{background-color:#ff9933;}

.search-div .searchform{ margin: 0px auto; margin-top: 10px; width:100%; position: relative; clear: both; }
.search-div .searchword{ width:100%; height: 30px; line-height: 30px;}
.search-div .searchword { background-color: #fff; text-indent:15px; outline:none;border:  1px solid #f7f7f7}
.search-div .searchword:focus{ border:  1px solid #212121;}
.search-div .searchgo{ color: #fff; cursor: pointer; border: 0px; background: #212121; outline:none; position: absolute; padding: 0px 15px; border: 1px solid #212121;  height: 32px; line-height: 32px; top:1px; right:-2px;  }
.search-div .searchform .keyslist{ white-space: nowrap; padding: 0px 10px; overflow: hidden;}
.search-div .searchform .keyslist li{ float: left; padding:10px ; line-height: 1;}
.search-div .searchform .keyslist li a{display: block;}
.search-div .searchform .keyslist li a:hover{ color:#212121;}
.search-div .searchformform{position: relative;}
.search-div .onlinekey{ position: absolute; width:100%; top:100%; left:0%; border: 1px solid #f7f7f7; background-color: #fff; opacity: 1; z-index: 100000; display: none;}
.search-div .onlinekey li{ line-height: 2; text-indent: 20px; position: relative; }
.search-div .onlinekey li .count{ position: absolute; top:0px; right: 20px; height: 100%; display: block;}
.search-div .onlinekey li.currli{ background-color: #f7f7f7;}
.search-div .onlinekey li:hover{background-color: #f7f7f7;}


.title-box{ text-align: center;}
.title-box .title{ font-size: 30px; font-weight:bold;}
.title-box .desc{ display: inline-block; position: relative;}
.title-box .desc:before, .title-box .desc:after{ content:""; width:150px; height: 0px; border-top: 1px solid #cccccc; position: absolute; top:50%; transform:translateY(-50%);   }
.title-box .desc:before{ left:-160px; }
.title-box .desc:after{ right: -160px;}
.more-box{ text-align: center; }
.more-box a{ line-height: 1; padding: 10px 20px; border: 3px solid #cccccc; color:#FFFFFF; }
.more-box a:hover{ background-color: #212121; border-color: #212121; color: #fff;}

.index-service{ background-color: #F6f6f6; padding: 20px 0px;}

.index-service  .content-box .list .item{ width:25%;}
.index-service  .content-box .list .item .itemcontent{ padding: 10px ;text-align: center; }

.index-service  .content-box .list .item .row_img{ display: inline-block;position: relative;}
.index-service  .content-box .list .item .row_img:before{ content: ""; position: absolute; width:100%; height: 100%; left:0px; top:0px; z-index: 2; background: url("../images/imagehover.png") no-repeat center rgba(247,247,247,0.6) ; background-size: 42px; transform: rotateY(-90deg) ; transition: 500ms; }
.index-service  .content-box .list .item:hover .row_img:before{ transform: rotateY(0deg) ;}
.index-service  .content-box .list .item .title{ display: block; line-height: 3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index-ys-box{ padding: 25px 0px 20px 0px; }
.index-ys-box .title-box .title{ color:  #fff; font-size: 36px; font-weight:bold;}
.index-ys-box .title-box .title em{ color: #ffffff; padding: 0px 5px; font-size: 50px; text-shadow: 5px 5px 5px rgba(88, 21, 59, 0.28);  transform: rotateZ(10deg) ; display: inline-block; }
.index-ys-box .title-box .desc{color:  #fff;  }
.index-ys{ background-color: #f6f6f6; padding: 10px 0px;}
.index-ys .list{ margin-top: 10px;}
.index-ys .list .item{ background-repeat: no-repeat; background-position: right 10px; position: relative; padding-bottom: 20px; height: 316px; }
.index-ys .list .item span{ display: block; width:50%;margin-left: 100px;  }
.index-ys .list .item .index {  position: absolute; top:30px; margin-left: 0px; width:50px; height: 50px; line-height: 50px; font-size: 30px; background:#0569B7; color: #fff; display: block;  text-align: center;  }
.index-ys .list .item .index em{  display: block;}
.index-ys .list .item .title{ padding-top: 30px; font-size: 22px; color:#212121; font-weight: bold;  }
.index-ys .list .item  .desc{ padding: 5px 5px; color: #908f8f; display: block;  line-height: 1.5; }
.index-ys .list .item .info{ position: relative;}
.index-ys .list .item .info:before{ content: ""; width:5px; height: 5px; background-color:#212121; position: absolute; top:11px; left:-10px; transform:rotate(45deg);   }
.index-ys .list .item .info em{ color: #212121;}
.index-ys .list .odd1 .index{ left:15px;}
.index-ys .list .odd-1 {background-position: left 30px; }
.index-ys .list .odd-1 span{ margin-left: 50%;}
.index-ys .list .odd-1 .index{ right: 53%; }

.index-cases{ padding: 40px 0px;}
.index-cases .title-box .title a{ color:  #fff; font-size: 30px;}
.index-cases .title-box .desc{color:  #fff;  }
.index-cases .news-list .item{ width:25%; float: left; }
.index-cases .news-list .item a{ color: #fff;}
.index-cases .news-list .item span{ display: block; margin: 0px auto;}
.index-cases .news-list .item .content{ width:260px;  padding: 0px 0px 20px 0px; border:1px solid #D6D3D4;transition: 500ms; }
.index-cases .news-list .item .content img{ max-width: 100%; text-align: center;}
.index-cases .news-list .item .content .title{ color: #FFFFFF; padding: 20px 10px 10px 10px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-cases .news-list .item .content .desc{-webkit-line-clamp:6; height: 150px; line-height: 25px; overflow: hidden; text-align: left; margin: 10px 10px; }
.index-cases .news-list .item .content:hover{ transform:translate(-5px,-5px); box-shadow: 10px 10px 10px 0px rgba(0,102,204,0.4);  }
.index-cases .more-box{ margin-top: 30px;}

.index-tream{  }
.index-tream  .content-box .rollDiv{ overflow: hidden;}
.index-tream  .content-box .rollList{ width: 10000%; white-space: nowrap}
.index-tream  .content-box .rollList li{ float: left; margin-right: 10px;}
.index-tream  .content-box .rollList li .title{ line-height: 3; text-align: center;}


.index-about .content-box{ overflow: hidden; position: relative;  }
.index-about .content-box .list{ white-space: nowrap;  width: 1000%;}
.index-about .content-box .item{ position: relative; float: left ; white-space: normal; width:1200px;}
.index-about .content-box .item .pic{ width: 48%; float: left; text-align: right;}
.index-about .content-box .item .pic img{}
.index-about .content-box .item .txt-box{ width: 50%; float: right; }
.index-about .content-box .item .txt-box .title{ font-size: 20px; font-weight: bold; padding-left: 25px;}
.index-about .content-box .item .more{ position: absolute; right: 50px; bottom:30px; line-height: 1; padding: 10px 20px; border: 3px solid #cccccc; color:#212121;}
.index-about .content-box .item .more:hover{  background-color: #212121; border-color: #212121; color: #fff;}

.index-news .title-bar .titleItem { width:24.5%; float: left; line-height: 42px; height: 42px; text-align: center; border: 1px solid #ccc; background-color: #eee;}
.index-news .title-bar  .curr{ background-color: #fff;}
.index-news .mult_news .content-box{ margin-top: 20px;}
.index-news .news-list .item{ width:48%; margin-right: 2%; float: left; margin-bottom: 20px;}
.index-news .news-list .item .time-box{ width:65px; height: 65px; float: left; border: 1px solid #ccc; }
.index-news .news-list .item .time-box span{ display: block; text-align: center; }
.index-news .news-list .item .time-box span.time-day{ height: 40px; line-height: 40px; font-size: 30px;background-color: #eee;  }
.index-news .news-list .item .news-infor{ float: right; width:calc(100% - 80px)}
.index-news .news-list .item .news-infor  span{ display: block; }
.index-news .news-list .item .news-infor  span.title{ font-size: 16px; line-height: 27px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.index-news .news-list .item .news-infor  span.desc{ line-height: 19px; height: 38px; overflow: hidden;}
.index-news .news-list .item:hover .time-box{ border-color: #212121; color: #212121; }
.index-news .news-list .item:hover .time-box .time-day{ background-color: #212121; color: #fff; }
.index-news .news-list .item:hover .news-infor .title a{  color: #212121; }

.index-cs .item{ float:left; width:25%;}
.index-cs .item .box{ width:90%;  }
.index-cs .item .box img{ float: left; margin-right: 10px; transition: 1000ms;}

.index-cs .item .box .title{ font-size: 18px; line-height: 27px;}
.index-cs .item .box .desc{ line-height: 19px; height: 38px; overflow: hidden;}
.index-cs .item .box:hover img{ transform:rotateY(360deg);  }

.footer-nav{ height: 42px; line-height: 42px; background:  #444; margin-top: 20px; }
.footer-nav .container{ padding: 0px 0px; border-bottom: 1px solid #eee;}
.footer-nav  li{ float: left; text-align: center; position: relative;}
.footer-nav  li a{ color:#fff; display: block;}
.footer-nav  li.other:before{ content: ""; width:0px; height: 40%; position: absolute; left:-1px; top:30%; border-left: 1px dashed #eee; }
.footer-nav  li:hover{ background-color:#212121; }
.footer-copyright{ line-height: 3; background-color:#444; color: #fff; text-align: center; border-top: 1px solid #444;   }
.footer-copyright .container{ }

.footer-box {background:#444; padding: 20px 0px; color: #fff;}
.footer-box .flex{ justify-content: space-between;}
.footer-box .right-box ,.footer-box .left-box{}
.footer-box .right-box .qrcode .txt,.footer-box .right-box .qrcode img{ text-align: center;}

.footer-box .right-box .qrcode .txt{ top:160px;}
.right-box .qrcode img{ width:150px;}


.footer-box .right-box .qrcode .desc{  float: right;}

.sidenav .title{width:100%; height: 60px; line-height: 60px; display: block; color:#fff; background-color:#212121; text-align: center; font-size: 22px; font-weight: normal;}
.sidenav .sideul2{border-top: 1px solid #fff;  border-bottom: 1px solid #dedede;  background-color: #f6f6f6;}
.sidenav .sideul2 a{width:80%; height: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sidenav .sideul2 dt{ width:100%; height: 49px; line-height: 49px; font-size: 14px; text-indent: 20px; font-weight: bold; position: relative;}
.sidenav .sideul2 dt:before{}
.sidenav .sideul2 dt:before{content: "\f054"; font-family: "FontAwesome"; position: absolute;   right: 25px;}
.sidenav .sideul2:hover dt:before{content: "\f078";}
.sidenav .sideul2  dt.cur2class{ color:#212121  }
.sidenav .sideul2  dt.cur2class a{ color:#212121}
.sidenav .sideul2  dt.cur2class:before{content: "\f078";}
.sidenav .sideul2:hover dt:hover a{  color: #fff;}
.sidenav .sideul2:hover dt:hover{ background-color:#c33; }
.sidenav .sideul2  dd{ text-indent: 40px; position: relative; height: 30px; line-height: 30px;}
.sidenav .sideul2  dd:before{ content: "\f105"; font-family: "FontAwesome"; position: absolute; top:0%;   left:-10px;}
.sidenav .sideul2  dd a:hover{ background-color: #fff;  }
.sidecontact-box{ margin-top: 20px;}
.sidecontact-box .title{width:100%; height: 60px; line-height: 60px; display: block; color:#fff; background-color:#212121; text-align: center; font-size: 22px; font-weight: normal; }
.sidecontact-box .sidecontact{ background-color:#f6f6f6; padding: 10px 20px; }

.currlocatinon {width:100%; height: 60px; line-height: 60px; display: block; color:#333; font-weight: normal; position: relative; }
.currlocatinon:before{ content: ""; width:100%; height: 1px; border-bottom: 1px solid #212121; position: absolute; left:0px; bottom: 0px; }
.currlocatinon .curr{ float: left; padding: 0px 20px;  font-size: 22px; color: #212121; position: relative; }
.currlocatinon .curr:before{ content: ""; width:10px; height: 60%; background-color:  #212121; position: absolute; left:0px; top:20%;}
.currlocatinon  .nav_x { float: right; margin-right: 20px; }


.aboutpage{ padding: 20px 10px;}
.aboutpage2 .columnList li{ float: left; width:25%; margin-bottom: 10px;}
.aboutpage2 .columnList li div{width:90%;}
.aboutpage2 .columnList li div:hover img{ transform: scale(1.1,1.1); }
.aboutpage2 .columnList li div img{ max-width: 100%; transition: 300ms; }
.aboutpage2 .columnList li div  .title{ text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 3;}
.newspage{ padding: 20px 10px;}
.newspage .newsList .item{ margin-bottom: 10px; border-bottom: 1px dashed #f2f2f2;}
.newspage .newsList .news-title-box {line-height: 30px; }
.newspage .newsList .news-title-box .title{ font-size: 18px; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.newspage .newsList .news-title-box .title a{ font-weight: bold;  }
.newspage .newsList .news-title-box  .time{ float: right; margin-right: 20px;}

.newspage .newsList .desc{ display: inline; line-height: 25px; max-height: 125px; overflow: hidden;}
.shownewpage{ padding: 20px 10px;}
.shownewpage .shownewstitle{ text-align: center; color:#2454ac;}
.shownewpage .time{ display: block; text-align: center;}
.shownewpage  .shownewscontent{ padding-top:10px;}

.imgpage{ padding: 20px 10px;}
.imgpage .item{ width:33.1%; float: left;}
.imgpage .item div{ margin: 20px 10px 0px 10px; border: 1px solid #eee; text-align: center;}
.imgpage .item div img{ max-width:100%; display: block; margin: 0px auto}
.imgpage .item div span{ max-width:100%; display: block; margin: 0px auto}
.imgpage .item div a{ width:100%; height: 100%; display:block ;text-align: center;}
.imgpage .item div:hover{ border: 1px solid #212121;}
.imgpage .item div:hover a{ color:  #2454ac; font-weight: bold;}
.imgshowpage { padding: 20px 10px;}
.imgshowpage .img-box{float: left; width:50%; overflow: hidden;}
.imgshowpage .prams{ float: right; width:48%;}
.imgshowpage .img-box .imglist{ overflow: hidden;}
.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin: 10px ;border:1px solid #fff; }
.imgshowpage .img-box .imglist li.curr,.showdiv li.curr{ border:1px solid #eee; }
.imgshowpage .content-box{ margin-top: 10px;}
.imgshowpage .content-box img{max-width: 10px; }

.imgshowpage2{ padding: 20px 10px;}
.imgshowpage2 .showimgtitle{ text-align: center; color:#2454ac; text-align: center;}


.feedbackpage  { padding: 20px 10px;}
.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px;}
.feedbackpage .feedback_table .input{}
.feedbackpage .feedback_table .input .input-text{ width:90%;}
.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 4rem; }
.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #c33; }
.feedbackpage .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{ }
.feedbackpage .feedback_table .submit { width:90%; line-height: 3; background-color:#212121;  border: 1px solid #212121;  color: #fff; cursor: pointer;}

.searchpage{ padding: 20px 10px;}
.searchpage .searchform{ margin: 0px auto; margin-top: 10px; width:100%; position: relative; clear: both; }

.searchpage .searchword{ width:100%; height: 30px; line-height: 30px;}
.searchpage .searchword { background-color: #fff; text-indent:15px; outline:none;border:  1px solid #f7f7f7}
.searchpage .searchword:focus{ border:  1px solid #072fa8;}
.searchpage .searchgo{ color: #fff; cursor: pointer; border: 0px; background: #072fa8; outline:none; position: absolute; padding: 0px 15px; border: 1px solid #072fa8;  height: 32px; line-height: 32px; top:1px; right:-2px;  }
.searchpage .searchform .keyslist{ white-space: nowrap; padding: 0px 10px; overflow: hidden;}
.searchpage .searchform .keyslist li{ float: left; padding:10px ; line-height: 1;}
.searchpage .searchform .keyslist li a{display: block;}
.searchpage .searchform .keyslist li a:hover{ color:#072fa8;}

.searchpage .searchformform{position: relative;}
.searchpage .onlinekey{ position: absolute; width:100%; top:100%; left:0%; border: 1px solid #f7f7f7; background-color: #fff; opacity: 1; z-index: 100000; display: none;}
.searchpage .onlinekey li{ line-height: 2; text-indent: 20px; position: relative; }
.searchpage .onlinekey li .count{ position: absolute; top:0px; right: 20px; height: 100%; display: block;}
.searchpage .onlinekey li.currli{ background-color: #f7f7f7;}
.searchpage .onlinekey li:hover{background-color: #f7f7f7;}
.searchpage .seachresult li{ position: relative; border-bottom:  1px dashed #eee; margin-top: 10px;}
.searchpage .seachresult li span{ position: absolute; right: 0; top: 0px;}

.titlelink{ text-align: center; font-size: 24px;}
.txtlink li{ float: left; margin: 5px 5px;}
.txtlink li a{display: block; padding: 5px 10px;}
@media screen and (max-width: 1250px){
    html{font-size: 12px;}
    body{font-size: 12px;}
	.container{ width:980px;}
	.rmainBox { float: right; width:720px;}
	.footer-box .left-box{ width:auto; padding-right: 30px;}
	.footer-box .right-box .qrcode .txt, .footer-box .right-box .qrcode img{ display:none;}
}
.index-news .roll-box-2 .item {
    white-space: nowrap;
    flex: none;
    display: block;
    overflow: hidden;
    width: 200px;
    padding-right: 20px;
    text-overflow: ellipsis;
    font-size: 16px; }
    .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; }

.sitemappage  .sitemap{ padding: 2rem;}
.sitemappage  .sitename{ font-weight: bold; font-size: 2rem; line-height: 3rem; height: 3rem; text-align: center;}
.sitemappage  .navul{ padding-top: 1rem; overflow: hidden; flex-wrap: nowrap;}
.sitemappage  .navul .navli{ padding-right: 1rem; flex: none;}
.sitemappage  .navul .navli_first{ font-weight: bold; }
.sitemappage .dataul  { flex-wrap: wrap; padding: 1rem ; border: 1px dotted #eee; }
.sitemappage .dataul .datali{ width:19%; margin-right: 1%}