body{ font-size: .16rem;  margin: 0 auto;}
body, th, td, input, select, textarea, button{ font-size: .16rem;;}
.w1500{ width:85%; margin: 0 auto;}
.w1200{ width: 12rem; margin: 0 auto;}
/* header{  background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.2);} */
header .top{ border-bottom:2px solid #ededed; line-height: .3rem;color: #6c6c6c; height: .3rem;  }
header .top .right a{ margin-left: .25rem;}
header .imgDiv{ display: none; z-index: 9999;}
header .bot ul li{ margin-left: .25rem; position: relative; }
header .bot ul li .imgDiv{   position: absolute; top: .5rem; left: 50%; margin-left: -1.4rem; width: 2.8rem;}
header .bot ul li:hover>.imgDiv{ display: block;}
header .tel{ height: .49rem; line-height: .49rem; padding-left: .5rem; background: url(../images/header_tel.png) no-repeat center left;color: #03215d; }

nav{ width: 100%; background: #f0f0f0;   }
nav li{ flex: 1; position: relative;}
nav li a{ display: block; text-align: center; line-height: .62rem; font-size: .19rem}
nav li a.on{ background: #ffffff;}

nav li dl {position: absolute;text-align: center;width: 1.45rem; z-index: 9999; background: #fff;top:.62rem;left: 50%;margin-left: -.725rem;-webkit-box-shadow: 0 0.13rem .1rem 0px rgba(151, 150, 150, 0.22);box-shadow: 0 .13rem .1rem 0px rgba(151, 150, 150, 0.22);border-bottom-left-radius: 0.05rem;border-bottom-right-radius: 0.05rem}
nav  li dl dd {height: .5rem;line-height: .5rem;border-bottom: 1px solid #eee;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
nav  li dl dd:last-child {border-bottom: 0}
nav  li dl dd a {font-size: .16rem;line-height: .5rem;color: #333 !important;font-weight: normal !important;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block}
nav  li dl dd:hover {background: #1c50a3}
nav  li dl dd:hover a {color: #fff !important;}
nav  li dl:before {content: "";position: absolute;border-width: 0 .09rem .09rem;border-style: solid;border-color: transparent transparent #fff;top: -.09rem;left: 50%;margin-left: -.09rem}
nav  dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateY(.2rem);-ms-transform: translateY(.2rem);-o-transform: translateY(.2rem);-webkit-transform: translateY(.2rem);-moz-transform: translateY(.2rem);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
nav  li:hover dl {visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}

.banner .swiper-pagination{ bottom: .25rem;}
.banner .swiper-pagination-bullet{ width: .32rem; height: 0.04rem; border-radius: 2px;  margin: 0 .08rem !important;}
.banner .swiper-pagination-bullet-active{ height: 0.08rem;}

.tabtitul { width: 70%;}
.tabtitul li{ color: #888; cursor: pointer;}
.tabtitul li::after{ width: 0.14rem; height: .09rem; position: absolute;  bottom: -0.15rem; left: 50%; margin-left: -0.04rem; display:none; content: ''; background: url(../images/down.png) center center no-repeat;}
.tabtitul li.on,.tabtitul li:hover{ color: #1c50a3;}
.tabtitul li.on::after,.tabtitul li:hover::after{ display: block;}
.tabtitul li img{ height: .38rem;}
.tabtitul li p:first-child { margin-bottom: .15rem;}
.tabtitul li p:first-child img:last-child{  display: none;}
.tabtitul li.on p:first-child img:last-child,.tabtitul li:hover p:first-child img:last-child{ display: inline-block;}
.tabtitul li.on p:first-child img:first-child,.tabtitul li:hover p:first-child img:first-child{ display: none;}



.tabtitul a{ color: #888; cursor: pointer;}
.tabtitul a::after{ width: 0.14rem; height: .09rem; position: absolute;  bottom: -0.15rem; left: 50%; margin-left: -0.04rem; display:none; content: ''; background: url(../images/down.png) center center no-repeat;}
.tabtitul a.on,.tabtitul a:hover{ color: #1c50a3;}
 
.tabtitul a img{ height: .38rem;}
.tabtitul a p:first-child { margin-bottom: .15rem;}
.tabtitul a p:first-child img:last-child{  display: none;}
.tabtitul a.on p:first-child img:last-child,.tabtitul a:hover p:first-child img:last-child{ display: inline-block;}
.tabtitul a.on p:first-child img:first-child,.tabtitul a:hover p:first-child img:first-child{ display: none;}


.tabcon li.item{ display: none;}
.tabcon li.item.on{  display:flex;}
.tabcon li .img{ width: 50%;}
.tabcon li .txt{background-image: -webkit-linear-gradient(left top,#5994f0,#0b1c6e); width: 50%;
  background-image: -moz-linear-gradient(left top,#5994f0,#0b1c6e);
  background-image: -o-linear-gradient(left top,#5994f0,#0b1c6e);
  background-image: linear-gradient(to right bottom,#5994f0,#0b1c6e);}
.tabcon li .txt h1{line-height: .3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.tabcon li .txt .list{ padding-top: .2rem;}
.tabcon li .txt .list p{ width: 1.05rem; height: .4rem;border-radius: 0.05rem; }
.tabcon li .txt .list ul{ width: calc(100% - 1.3rem); line-height: 1;}
/*width: 33.3%;*/
.tabcon li .txt .list ul li{ float: left;  margin-bottom: .15rem;  width: 33.3%;}
.tabcon li .txt .list ul li a{ display: block;border-right: 1px solid #ffffff; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; width: 100%;   padding: 0 .15rem; transition: all .3s;}
.tabcon li .txt .list ul li:nth-child(3n) a{ border: none;}
.tabcon li .txt .list ul li a:hover{ font-weight: bold; color: #fff;transform: translateX(0.05rem);}
.hotcon{ background: url(../images/hotcasebg.jpg) no-repeat left top; background-size: auto 7.1rem; height: 7.1rem;}
.hotconlist{ width: 80%; right: 2%; position: absolute; top: 1.2rem;}

.hotconlist .swiper-slide .ico{ transform: translateY(0.05rem);opacity: 0;}
.hotconlist .swiper-slide .txt{ padding-bottom: 0; padding: .3rem .3rem .2rem .3rem  ;}
.hotconlist .swiper-slide:hover .img img{ transform: scale(1.1);}
.hotconlist .swiper-slide .txt::after{  width: 100%; height: 0; position: absolute; left:  0; bottom: 0; content: ''; display: block; background: #1c50a3; transition: all .2s;}
.hotconlist .swiper-slide:hover .txt::after{ height: .04rem;}
.hotconlist .swiper-slide:hover  .ico{ transform: translateY(0px); opacity:1;}

.hotconpage { position: absolute; left: 10%; top: 2.5rem;}
.hotconpage  a{ width: .7rem; height: .7rem; background: url(../images/hotpage_left.png) no-repeat center center; background-size:cover; margin: .2rem 0; border-radius: 50%;}
.hotconpage  a.next{transform: rotate(180deg);}
.hotconpage  a:hover{ background: url(../images/hotpage_lefthover.png) no-repeat center center ;}

.index-about .txt{ width: 55%; padding-bottom: 0;}
.index-about .img{ width: 45%;}
.index-about .tit a{ width: 34px; height: 34px;}
.index-about .tit a:hover{transform: translateX(-6px);}
.index-about .txt ul { position: absolute; left: 0; bottom: 0; width: 100%;}
.index-about .txt ul li{ width: 25%;background-image: linear-gradient(to right,#f2f2f2,#ececec);}
 
.index-about .txt ul li .box{ padding: 0.2rem 0.3rem .2rem 0.3rem; }
.index-about .txt ul li .ico{ width: .36rem;  position: relative; }
.index-about .txt ul li .ico .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.index-about .txt ul li .name1{ font-weight: bold; font-size:.2rem; color: #989898; line-height:1; padding: 0.25rem 0 0.12rem; }
.index-about .txt ul li .name2{   color: #888; text-transform: uppercase;  transition: all .3s;}
.index-about .txt ul li:hover{ background-image: -webkit-linear-gradient(left top,#6793d8,#1c50a3);
    background-image: -moz-linear-gradient(left top,#6793d8,#1c50a3);
    background-image: -o-linear-gradient(left top,#6793d8,#1c50a3);
    background-image: linear-gradient(to right bottom,#6793d8,#1c50a3);}
.index-about .txt ul li:hover .ico{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.index-about .txt ul li:hover .ico img{ opacity: 0; }
.index-about .txt ul li:hover .ico .img1{ opacity: 1; }
.index-about .txt ul li:hover .name1{ color: #fff; }
.index-about .txt ul li:hover .name2{ color: rgba(255,255,255,0.5); }
.index-about .txt  .con{-webkit-line-clamp:5;}
.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
  transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }

 
.advantage-ul li{ position: relative;z-index: 2;float:left; background: #fff;width: 2.88rem; padding: .3rem .25rem;  margin-right: .15rem; margin-bottom:  .15rem; float: left; overflow: hidden;}

.advantage-ul  li:before{ opacity: 0; content: "";position: absolute;top:.4rem;left:0px;z-index:-1;width:100%;height:100%; background:#1f4da2;transition: all .4s ease-in-out;}
.advantage-ul  li:hover:before{ opacity: 1;top:0;left:0;}
.advantage-ul  li em{ display: block;width:.5rem;height:.55rem;  }
.advantage-ul  li span{margin-top:.2rem; display: block; color:#666666;font-size:.16rem; display: block;text-transform: uppercase;}
.advantage-ul  li h3{color:#222222;font-size:.2rem;margin-top: .05rem}
.advantage-ul  li p{margin-top:.2rem;color:#666666;font-size:.14rem;}
.advantage-ul  li.x1 em{  background: url(../images/advantage1.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x2 em{ background: url(../images/advantage2.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x3 em{  background: url(../images/advantage3.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x4 em{ background: url(../images/advantage4.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x4,.advantage-ul  li.x8{ float: right; margin-right: 0;}
.advantage-ul  li.x5 em{  background: url(../images/advantage5.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x6 em{ background: url(../images/advantage6.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x7 em{ background: url(../images/advantage7.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x8 em{ background: url(../images/advantage8.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li:hover{ }
.advantage-ul  li:hover h3,.advantage-ul  li:hover span,.advantage-ul  li:hover p{color:#fff}
.advantage-ul  li.x1:hover em{ background: url(../images/advantage1-hover.png) no-repeat  center  center ;  background-size:100% auto;}
.advantage-ul  li.x2:hover em{  background: url(../images/advantage2-hover.png) no-repeat  center  center ;background-size:100% auto;}
.advantage-ul  li.x3:hover em{ background: url(../images/advantage3-hover.png) no-repeat  center  center ;background-size:100% auto;}
.advantage-ul  li.x4:hover em{  background: url(../images/advantage4-hover.png) no-repeat  center  center ;background-size:100% auto;}
.advantage-ul  li.x5:hover em{ background: url(../images/advantage5-hover.png) no-repeat  center  center ;background-size:100% auto;}
.advantage-ul  li.x6:hover em{  background: url(../images/advantage6-hover.png) no-repeat  center  center ;background-size:100% auto;}
.advantage-ul  li.x7:hover em{  background: url(../images/advantage7-hover.png) no-repeat  center  center ;background-size:100% auto;}
.advantage-ul  li.x8:hover em{ background: url(../images/advantage8-hover.png) no-repeat  center  center ;background-size:100% auto;}
 
 .casecon .left{ width: 2.2rem;}
 .casecon .left .tit{padding:.2rem 0 .2rem .3rem;}
 .casecon .left ul li { height: .6rem; border-top: 2px solid #f7f7f7; padding-left: .32rem; position: relative; font-size: .17rem}
 .casecon .left ul li::after{ position: absolute; left: 0; top: 0; transition: all .3s; width: 2px;  height: 100%; transform: scale(1,0);  background: #1f4da2; content: ''; display: block;}
.casecon .left ul li em{ background: url(../images/index_icon2.png); width: .17rem; height: .17rem; margin-right: .2rem; background-size: cover;}
.casecon .left ul li:hover{ color: #1f4da2;  }
.casecon .left ul li:hover em{background: url(../images/index_icon2-hover.png); background-size: cover;}
.casecon .left ul li:hover::after{transform: scale(1,1);}
.casecon .left ul li.on{ color: #1f4da2;  }
.casecon .left ul li.on em{background: url(../images/index_icon2-hover.png); background-size: cover;}
.casecon .left ul li.onr::after{transform: scale(1,1);}
.casecon .right{ width: 9.5rem;}
.casetabcon li{display: none;}
.casetabcon li.on{ display: block;}
.casetabcon .item{ width: 23.5%; float: left; margin-right: 2%; margin-bottom: .15rem;}
.casetabcon li .item:nth-child(4n){ margin-right: 0;}
.casetabcon li .item:nth-child(n+5){ margin-bottom: 0;}
.casetabcon .item .txt{ line-height: .4rem;}
.casetabcon .item .img::after{ width: 100%; height: 100%; content: ' '; display: block; background:url(../images/index_icon2.jpg) no-repeat right top rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center;
color: #fff; font-size: .5rem;  transition: all .8s; opacity: 0;transform: translateY(10px);} 
.casetabcon .item:hover .img::after{ opacity: 1;transform: translateY(0px);}
.casetabcon .item:hover .img img{ transform: scale(1.1);}

.morecase { width: 1.3rem;  height: .4rem; margin: .8rem auto  0; border: 1px solid #666; border-radius: 5px;}
.morecase span{ position: relative; z-index: 5;}
.morecase em{ width: 0; height: 100%; background: #1f4da2; position: absolute; left: 0; top: 0;  transition: all .3s;}
.morecase:hover{ border-color: #1f4da2;}
.morecase:hover em{ width: 100%;}
.morecase:hover span{  color: #fff;}

.environmentul li{ width: 32%; margin-right: 2%; position: relative; float: left; margin-bottom: .25rem;}
.environmentul li:nth-child(3n){ margin-right: 0;}
.environmentul li .txt{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 5; height: .6rem; padding: 0 .2rem;}
.environmentul li:hover .txt span{ position: relative; z-index: 8;}
.environmentul li:hover .txt{ padding: 0 .4rem;}
.environmentul li .txt::after{ content: '';  display: block; width: 0; height: 100%; background: #1f4da2; position: absolute;  left: 0; bottom: 0; z-index: 5; transition: all .36s;}
.environmentul li:hover .txt::after{ width: 100%;}
.environmentul li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: translateY(-8px);}

.honorcon .swiper-container{ width: calc(100% - 1.2rem); margin: 0 auto;}
.honorcon .swiper-slide a{ display: block; }
.honorcon .img{ height: 2.95rem; }
.honorcon .img img{max-width: 100%; max-height: 100%;}

.honorcon .txt{ height: .5rem; line-height: .5rem; border-top: 1px solid #e5e5e5;}
.honorcon .txt span{ position: relative; z-index: 9;}
.honorcon .txt::after{ content: '';  display: block; width: 0; height: 100%; background: #1f4da2; position: absolute;  left: 0; bottom: 0; z-index: 5; transition: all .36s;}
.honorcon .swiper-slide:hover .txt::after{ width: 100%;}
.honorcon .swiper-slide:hover .txt span{ color: #fff;}
.honorcon .swiper-slide:hover .img img{ transform: scale(1.1);}
.honorcon .pation{ width: .5rem; height: .5rem; background: url(../images/left-circle.png) no-repeat center center; background-size: cover; position: absolute; top: 50%; margin-top: -0.25rem;}
.honorcon .next{ right: 0; transform: rotate(180deg);}
.honorcon .prev{ left: 0;}
.honorcon .pation:hover{ background: url(../images/left-circle-hover.png) no-repeat center center; background-size: cover; }

.newstabul a{ padding: 0 .3rem; border-right: 1px solid #888; font-size: .2rem}
.newstabul li:last-child a{ border: none;}
.newstabul li.on a{ color: #1f4da2;}

.tabnewscon li{ display: none;}
.tabnewscon li.on{ display: block;}
.tabnewscon li .left{ width: 5.88rem;  }
.tabnewscon li .left:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: translateY(-10px);}
.tabnewscon li  .left .txt figure:first-child{ width: calc(100% - 1.2rem);}
.tabnewscon li  .left .txt figure:last-child{ width: 1rem; border-left: 1px solid #e5e5e5;}
.tabnewscon li .left  .img img{ height: 3rem; object-fit: cover;}
.tabnewscon li .left:hover .img img{ transform: scale(1.1);}
.tabnewscon li .right { width: calc(100% - 6.2rem);}
.tabnewscon li .right .item{ width: calc(50% - 1px); float: left; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; transition: all .3s;}
.tabnewscon li .right  .txt figure:last-child{ width: calc(100% - 1rem);}
.tabnewscon li .right  .txt figure:first-child{ width: .8rem;  }
.tabnewscon li .right .item:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.index-gbook{ background: url(../images/cnBg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed;  padding: .5rem 0;
  position: relative;}
  .index-gbook li{ width: 33.3%;}
  .index-gbook form input{ width: 32%; background: #fff; border-radius: 5px; height: .5rem; padding: 0 .25rem;}
.index-gbook form textarea{ background: #fff; border-radius: 5px; width: 100%; margin-top: .3rem; padding: .25rem;}
.index-gbook .btn{ background: #1f4da2; color: #fff; width: 2rem; height: .5rem;}
.index-gbook .btn:hover{ opacity: 0.8;}

footer{ background: #dad7d7; font-size: .14rem;}
footer .foot-nav{ width: 6.9rem;}
footer   h3{ font-size: .2rem; margin-bottom: .1rem;}
footer .foot-nav li a{ display: block;   line-height: 2; font-size: .14rem}
footer   a:hover{opacity: 1; color: #333;}
footer .right { padding-left: .2rem }
footer .right  .tel img{ width: .32rem; margin-right: .2rem; }
footer .right .ewm{ margin-left: .7rem;}
footer .bot h3:before{ position: absolute; content:""; top:.1rem; right: 0;;width: calc(100% - .8rem);height:1px; border-top: 1px #ddd dotted;}
footer .link a{border-right: 1px #999 dashed;  padding: 0 .15rem; font-size: .14rem; }
footer .link a:first-child{ padding-left: 0;}
footer .down{ color: rgba(0, 0, 0, 0.6);}
footer .down a{ margin: 0 .02rem;}

.location{ height: .65rem; background: #f0f0f0; line-height: .65rem;}
.location a{ display: inline-block; padding: 0 .25rem;}
.location a.active{ background: #1f4da2; color: #fff;}

/*  
.aboutinfo{ max-height: 2.67rem; overflow-y: scroll;   padding-right: .2rem;  }
.aboutinfo::-webkit-scrollbar {   width: 3px;}
.aboutinfo::-webkit-scrollbar-thumb { border-radius: 3px; background: #003f98; width: 3px; }
.aboutinfo::-webkit-scrollbar-track {border-radius: 3px; background: #ccc; width: 3px; } */

.honorcon2 .pation{ width: .5rem; height: .5rem; background: url(../images/left-circle.png) no-repeat center center; background-size: cover; position: absolute; top: 50%; margin-top: -0.25rem;}
.honorcon2 .next{ right: -.5rem; transform: rotate(180deg);}
.honorcon2 .prev{ left: -.5rem;}
.honorcon2 .pation:hover{ background: url(../images/left-circle-hover.png) no-repeat center center; background-size: cover; }

.index{ margin-top: -.6rem; padding-top: .6rem;}

.pro li{ text-align: center; width: 32%; margin-right: 2%; position: relative; float: left; margin-bottom: .25rem; transition: all .36s;}
.pro li:nth-child(3n){ margin-right: 0;}

.pro li .ico{ transform: translateY(0.05rem);opacity: 0;}
.pro li  .txt{ padding-bottom: 0; padding: .3rem .3rem .2rem .3rem  ;}
.pro li  .img img{ width: 100%; height: 2.3rem; object-fit: cover;}
.pro li:hover .img img{ transform: scale(1.1);}
.pro li  .txt::after{  width: 100%; height: 0; position: absolute; left:  0; bottom: 0; content: ''; display: block; background: #1c50a3; transition: all .2s;}
.pro li:hover .txt::after{ height: .04rem;}
.pro li:hover  .ico{ transform: translateY(0px); opacity:1;}
.pro li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: translateY(-8px);}


.scoorlll .taji{ width: .4rem; height: .4rem; padding: 0; background: url(../images/left-circle.png) no-repeat center center; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -.2rem;}
.scoorlll .next{ right: -.5rem; transform: rotate(180deg);}
.scoorlll .prev{ left: -.5rem;}
.scoorlll .taji:hover{ background: url(../images/left-circle-hover.png) no-repeat center center; background-size: 100% 100%; }


.newslist li{ padding: .25rem; border: 1px solid #e5e5e5; margin-bottom:.3rem;}
.newslist li .img{ width: 32%;  }
.newslist li .img img{width: 100%; height: 200px; object-fit: cover;}

.newslist li .txt{ width: 65%; }
.newslist li .txt .top div{ font-size: 14px; color: #888; line-height: 2;}
.newslist li:hover{  border-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.newslist li:hover .bot{transform: translateY(-10px);}
.newslist li:hover  .img img{ transform: scale(1.05);}

.news-detail{ border: 1px solid #e5e5e5; margin: .36rem 0;}
.news-detail-tit{ display: flex; justify-content: space-between; padding:.3rem .4rem; border-bottom: 1px solid #e5e5e5 ;}
.news-detailtxt{ }
.news-detailtxt h1{ font-size: .3rem; margin-bottom:.3rem;}
.news-detailtxt p{ font-size: .18rem; color: #888888; font-weight: 300;}
.news-detailback{}
.news-detailback a{ width: 2.1rem; height:.5rem; display: flex; align-items: center;  justify-content: center; background: #1c50a3; color: #fff; font-size: .18rem; border-radius: 30px; transition: all .6s;}
.news-detail-info{ padding:.3rem .4rem; color: #666; font-size: .18rem; line-height: 2;}
.news-detailback a:hover{ width: 2.5rem; box-shadow: 0 0 10px rgb(0, 0, 0,0.2);}

.news-detail-page{ display: flex; justify-content: space-between;  }
.news-detail-page li{ width: 50%;}
.news-detail-page li a{ color: #fff; background: #1c50a3; display: block; height: .6rem; line-height: .6rem;padding: 0 .25rem;white-space: nowrap;  overflow: hidden; text-overflow:ellipsis;}

.pageMap{width: 100%; height: 5rem;}
.pageMap #mapall {height:5rem;width: 100%;}

.contatul{  margin-bottom: -.6rem; position: relative; z-index: 99; padding-top: .5rem;}
.contatul li{ width: 31%; background: #f5f5f5; padding: .3rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transition: all .36s; }
.contatul li:hover{transform: translateY(-10px);}

.searchlist input{ border: 1px solid #ddd;}