/*******************slider*******************/
.slider{ width:100%;  min-width:1240px;  height:420px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
.slider .bd{ width:1240px; position:absolute; left:50%; margin-left:-620px  }
.slider .bd li{ width:1240px;  overflow:hidden; }
.slider .bd li img{ display:block; width:1240px; height:420px;    }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1240px !important;}

.slider .hd{ position:absolute; width:100%; left:0;  z-index:2; height:10px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; 	margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6; background-color:#fff;  }
.slider .hd li.on{ background-position:0 0;  width:10px;filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:420px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-620px;  }
.slider .next{ left:50%;  margin-left:620px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:420px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.slider .pnBtn .arrow{ display2:none;   position:absolute; top:0; z-index:1; width:80px; height:420px;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ margin-right:-100px; right:0; background:url(../img/slider-arrow.png) -120px 0 no-repeat;  background:url(../img/banner-left.png) center center no-repeat;  }
.slider .next .arrow{ margin-left:-100px; left:0; background:url(../img/slider-arrow.png) 0 0 no-repeat;  background:url(../img/banner-right.png) center center no-repeat;  }


/*recomd*/
.wrapper.recomd{padding:0 12px 10px;  box-sizing:border-box;}
.wrapper.recomd .retitle{padding:0px 0; height:32px; line-height:32px; text-align:left;position:relative;}
.wrapper.recomd .retitle h2{ font-weight:500; font-size:14px;font-weight:bold; letter-spacing: 0;display:inline-block; margin-right:20px;color:#999; }
.wrapper.recomd .retitle h2.active{ color:#000; }
.wrapper.recomd .retitle h4{ font-size:16px; color:#aaa;  }
.wrapper .retitle h2:after { display:none} 
.wrapper .retitle .more{ position:absolute;font-size:12px; right:4px; top:0;}
 
.wrapper.recomd ul{display: flex; margin-top:6px; height:100px;height:160px; background: #fff; border-radius:5px;padding:15px 5px;box-sizing:border-box;  flex-wrap: wrap;justify-content: space-between; position:relative;}
.wrapper.recomd ul li {position: relative; text-align:left;background: #fff;padding: 0 0px 10px;border: 0 solid #ddd; width:auto; text-align:center; height:auto;  margin:0;  flex:1;  }
.wrapper.recomd ul{ justify-content: flex-start; }
.wrapper.recomd ul li{ width:25%; flex:none;background:none; }
.wrapper.recomd ul li:hover{box-shadow:none;transition: all 0.2s;} 
.wrapper.recomd ul li img{position: relative; top: 0; width:24px; height:24px;  vertical-align: middle;}
.wrapper.recomd ul li a{display: block; text-decoration:none;}
.wrapper.recomd ul li h3 {color:#000; font-size: 12px;font-weight: 200;display:block;margin:4px 2px;position: relative; overflow:hidden; height:32px;line-height:16px;white-space:normal;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.wrapper.recomd ul li a:hover h3{color:#006fe0}
.wrapper.recomd ul li span {margin-left: 75px;color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}
 
.wrapper.recomd .remore{ padding:20px; text-align:center; display:none;}
.wrapper.recomd .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/*stype*/ 
.wrapper.stype{padding:0 12px 20px;  box-sizing:border-box;}

.wrapper.stype .retitle{padding:0px 0; height:32px; line-height:32px; text-align:left;position:relative;}
.wrapper.stype .retitle h2{ font-weight:500; font-size:14px;letter-spacing: 0;font-weight:bold; }
.wrapper.stype .retitle h4{ font-size:16px; color:#aaa;  }
 
.wrapper.stype ul{display: grid; margin-top:6px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(5, 20%);grid-gap: 0px; height:135px; overflow:hidden; background: #fff; border-radius:5px;padding:15px 5px;box-sizing:border-box;}
.wrapper.stype ul li {width:auto;position: relative; text-align:left;height: 60px; padding:0; overflow: hidden; margin-bottom:0px; background:none;border:0; text-align:center; box-sizing:border-box; margin-right:0; }
.wrapper.stype ul li:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;}
.wrapper.stype ul li:nth-child(5),.wrapper.stype ul li:nth-child(10),.wrapper.stype ul li:nth-child(12){margin-right: 0px;}
.wrapper.stype ul li:nth-child(6),.wrapper.stype ul li:nth-child(12),.wrapper.stype ul li:nth-child(18){margin-right: 0;}
.wrapper.stype ul li img{ width:24px; height:24px;vertical-align: middle;}
.wrapper.stype ul li a{display: block; text-decoration:none;border: 0 solid #eee;height: 60px;background: #fff;padding:0px; overflow:hidden; box-sizing:border-box; }
.wrapper.stype ul li h3 {color: #222;font-size: 12px;font-weight: 500;margin: 0;position: relative;line-height:36px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.stype ul li a:hover h3{color:#006fe0}
.wrapper.stype ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}
 
.wrapper.stype .remore{ padding:10px 20px 15px; text-align:center; display:none;}
.wrapper.stype .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/*sdept*/
.wrapper.sdept{padding:0 12px 10px;  box-sizing:border-box;}
.wrapper.sdept .retitle{padding:0px 0;  height:32px; line-height:32px; text-align:left;position:relative;}
.wrapper.sdept .retitle h2{ font-weight:bold; font-size:14px;letter-spacing: 0; display:inline-block;}
.wrapper.sdept .retitle h4{ font-size:0.8em;font-weight:normal; color:#aaa; display:inline-block; margin-left:10px;  }
 
 
.wrapper.sdept ul{display: grid; margin-top:6px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(4, 25%);grid-gap: 0px;  height:230px; background: #fff; border-radius:5px; overflow:hidden; padding:0;box-sizing:border-box;border: 1px solid #ededed;}
.wrapper.sdept ul li {width:auto;position: relative; text-align:left;height: auto; padding:0; overflow: hidden; height:75px; margin:0;margin-bottom:0px; background:none;border:0; text-align:center; box-sizing:border-box; } 
.wrapper.sdept ul li:hover{box-shadow: none;}
.wrapper.sdept ul li:nth-child(4),.wrapper.sdept ul li:nth-child(8),.wrapper.sdept ul li:nth-child(12){margin-right: 0;} 
.wrapper.sdept ul li:nth-child(4) a,.wrapper.sdept ul li:nth-child(8) a,.wrapper.sdept ul li:nth-child(12) a{border-right: 0;} 
.wrapper.sdept ul li:nth-child(1),.wrapper.sdept ul li:nth-child(2) ,.wrapper.sdept ul li:nth-child(3),.wrapper.sdept ul li:nth-child(4){border-bottom: 1px solid #ededed;} 
.wrapper.sdept ul li:nth-child(5),.wrapper.sdept ul li:nth-child(6) ,.wrapper.sdept ul li:nth-child(7),.wrapper.sdept ul li:nth-child(8){border-bottom: 1px solid #ededed;} 
.wrapper.sdept ul li a{display: block; text-decoration:none;border:0; border-right: 1px solid #ededed;padding:10px 20px 6px;padding:10px 2px ; } 
.wrapper.sdept ul li:hover a{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;}
.wrapper.sdept ul li h3 {color: #000;font-size: 0.8em;font-weight: 500;margin: 0;position: relative;height:36px;line-height:18px; align-items: center;justify-content: center;display: grid; -webkit-line-clamp: 2;-webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2;-moz-box-orient: vertical;overflow-wrap: break-word;word-break: break-all;white-space: normal;overflow: hidden;}
.wrapper.sdept ul li a:hover h3{color:#006fe0}
.wrapper.sdept ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;font-size: 12px;display: block; margin-top:4px;}
 
.wrapper.sdept .remore{ padding:10px; text-align:center; display:none;}
.wrapper.sdept .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;color: #fff;font-size: 14px;cursor: pointer;text-align: center;}

/*system*/ 
.wrapper.system{padding:0 12px 20px;  box-sizing:border-box;}
.wrapper.system .retitle{padding:0px 0; height:32px; line-height:32px; text-align:left;position:relative;}
.wrapper.system .retitle h2{ font-weight:bold; font-size:14px;letter-spacing: 0;}
.wrapper.system .retitle h4{ font-size:16px; color:#aaa;  }
 
.wrapper.system ul{display: grid; margin-top:6px; margin-bottom:0px; /*height:280px;*/  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(5, 20%);grid-gap: 0px; border-radius:5px;background: #fff; overflow:hidden;}
.wrapper.system ul li {width:auto;position: relative; text-align:left;height: 70px;padding:0; overflow: hidden; margin-bottom:0px;margin-right:0px; background:none;border:0; text-align:center; box-sizing:border-box;border-bottom: 1px solid #eee; }
.wrapper.system ul li:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;} 
.wrapper.system ul{grid-template-columns: repeat(4, 25%);}


.wrapper.system ul li:nth-child(4) a,.wrapper.system ul li:nth-child(8) a,.wrapper.system ul li:nth-child(12) a{border-right-width:0;}
.wrapper.system ul li:nth-child(5) a,.wrapper.system ul li:nth-child(10) a{border-right-width:1px;}
.wrapper.system ul li:nth-child(9),.wrapper.system ul li:nth-child(10){border-bottom-width:0;}
.wrapper.system ul li:nth-child(11),.wrapper.system ul li:nth-child(12){border-bottom-width:0;}

.wrapper.system ul li img{ width:24px; height:24px;vertical-align: middle; border-radius:5px;}
.wrapper.system ul li a{display: block; text-decoration:none;border:0;border-right: 1px solid #eee;height: 70px;background: #fff;padding:10px 2px 10px; overflow:hidden; box-sizing:border-box; text-align:center;}
.wrapper.system ul li h3 {color: #222;font-size: 12px;font-size: 0.7em;font-weight: 500;margin: 0;position: relative;line-height:36px;overflow: hidden;text-overflow:inherit;   white-space: nowrap;}
.wrapper.system ul li a:hover h3{color:#006fe0}
.wrapper.system ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}

.wrapper.system .remore{ padding:10px 20px 15px; text-align:center; display:none;}
.wrapper.system .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/* stat */
.main .container.bg-blue{background: #25598b;} 
.wrapper.stat{padding:20px 0;color: #fff;}
.wrapper.stat ul{display: grid; margin-top:0;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px;}
.wrapper.stat ul li {width:auto;position: relative; text-align:left;padding:0; overflow: hidden;background:none;border:0; text-align:center; box-sizing:border-box;margin-right:20px; } 
.wrapper.stat ul li:nth-child(6),.wrapper.system ul li:nth-child(12),.wrapper.system ul li:nth-child(18){margin-right: 0;}

.wrapper.stat ul li h3 {color: #fff;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;} 
.wrapper.stat ul li span {overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
  
 
  .header .container,
  .wrapper { width: 100%; }
  .main .container { width: 100%; }
  .main {
    margin: 0px 0;padding-bottom:50px;
}

  .main .container.bg-white{background:none}
  
  .link-floatnav-top.active{bottom:55px}

  .header,
  .home .header{position:relative;background: #25598b; height:50px;border-bottom: 1px #3f6991 solid;}
  .header .container{height:50px;}

  .header .logo,
  .home .header .logo {
    height: 40px;
    background: url(../images/home/logo.png) no-repeat 0px center; background-size: 100% auto; margin:5px 0 0 10px;
    width: 70%;
} 
  .header .container .nav{ position:absolute;right:15px; top:8px;margin:0;}
  .header .container .nav a{ color:#fff;}
  .header .container .nav .nav-search{margin:6px 10px 0 2px;display:none}
  .header .container .nav .nav-aeoicon{display:none}
  .header .container .nav .nav-login i,
  .header .container .nav .nav-personal i{display:inline}
  .header .container .nav .nav-login em,
  .header .container .nav .nav-personal em{display:inline}
  .header .container .nav .nav-logout{display:none} 

  .home .header .container .nav{ position:absolute;right:15px; top:8px;}
  .home .header .container .nav a{ color:#fff;}
  .home .header .container .nav .nav-search{margin:6px 10px 0 2px;}
  .home .header .container .nav .nav-aeoicon{display:none}
  .home .header .container .nav .nav-login i,
  .home .header .container .nav .nav-personal i{display:inline}
  .home .header .container .nav .nav-login em,
  .home .header .container .nav .nav-personal em{display:inline}
  .home .header .container .nav .nav-logout{display:none} 
  .header .menu{display:none}

 

  .home .header.scroll{display:none}


  
/* FlexSlider Necessary Styles
*********************************/
.flexbanner {height:80px;background: #25598b; padding-top:90px; margin-bottom:50px; border-radius:0 0 50px 50px; overflow:visible; }
 
.flexslider{ margin:0 10px; border-radius:10px; overflow:hidden;}
.flexslider,
.flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
.flexslider .slides > li{height:120px;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides .aimg{ position:relative; z-index:2; display:block; background-repeat:no-repeat;background-position:center center;  background-size:auto 660px;}
.flexslider .slides a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: url(../img/bg20.png) center bottom repeat-x;
    background-size: auto 5.19rem;
}
.flexslider .slides img { position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.flexslider .slides video{position:relative; z-index:2;}
.flexslider .slides > li .abg{ position:absolute; z-index:1; top:0; width:100%;  background-position:center center; background-repeat:repeat; background-size:auto 640px;-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);}
.flexslider .slides > li .vbg{ position:absolute; z-index:1; top:0; left:0; width:100%;height: 100%; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider .slides > li p{  position:absolute; left:6%; bottom:12%; height:auto;} 
.flexslider .slides > li p{  position:absolute; z-index:4;right:0; left:0; bottom:30px; width:100%;  padding:20px 0 20px; text-align:center; color:#fff;font-size:16px; font-weight:500;text-shadow: black 0em 0em 1px;   letter-spacing: 6px;
    text-shadow: 0 3px 15px rgba(2,2,2,.3);left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); } 
.flexslider .slides > li p a{color:#fff;font-size:12px; font-weight:bold;text-shadow: black 0em 0em 1px;}
.flexslider .slides > li p h3{ }
.flexslider .slides > li p a:hover h3{ text-decoration:underline;}
.flexslider .slides > li p .span{width: 1300px; margin:0 auto; margin-top:10px; line-height:140%; display:block; text-align:left;color:#fff; font-size:16px;}
.flexslider .slides > li p .span{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.flexslider .slides > li p img{display:inline}
.flexslider .slides > li p a img{ vertical-align:middle;}


.flexslider .slides > li .image {position:absolute; z-index:3;top:0; width:100%;height:420px; }
.flexslider .slides > li .image img{display:inline}
.flexslider .slides > li .image p{ position:static; background:none;}
/* FlexSlider Default Theme pc-content
*********************************/ 

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flexslider img{ display:block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 30px; height: 50px;  position: absolute; top: 330px; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-35px;} 
.flex-direction-nav .flex-prev { background: url("../img/ico_prev.png")  no-repeat center center;width:70px;height:70px;left:50px;display: block;opacity:0.8;}
.flex-direction-nav .flex-next {background: url("../img/ico_next.png") no-repeat center center;width:70px;height:70px;right:50px;display: block;opacity: 0.8;}
/* flex-control Nav */ 
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center; margin:0; padding:0;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;border-radius:50%; background:none; border:1px solid #fff; cursor:pointer;opacity: 0.8;background:#fff;}
.flex-control-nav .flex-active{background:#0096e0; border:1px solid #fff;}

/*******************search-box*******************/
.flexbanner .search-box {display:none}

/*******************service*******************/
.flexbanner .service {position:absolute;width:100%;height:75px;top:0; bottom:auto; overflow:hidden; left:0;right:0;  z-index:2; }

.flexbanner .service-nav{width:100%; margin:auto; box-sizing:border-box; padding:15px 15px 0;  height:90px; background:no-repeat; }
 
.flexbanner .service-nav li {flex: 1;margin-right: 0px;background: none; border:none; text-align:center; border-radius:2px;   background-size: 100%;height: 90px; position:relative; }
.flexbanner .service-nav li:last-child{margin-right: 0;}
.flexbanner .service-nav li:hover{box-shadow: 0px 5px 10px rgba(0, 150, 224, 0.3);transition: all 0.2s;}
.flexbanner .service-nav li a{ padding:0;color:#fff; }

.flexbanner .service-nav li:first-child{background: none;}
.flexbanner .service-nav li:last-child{background: none;}
.flexbanner .service-nav li:first-child:hover{box-shadow: 0px 5px 10px rgba(0, 165, 111, 0.3);transition: all 0.2s;} 
.flexbanner .service-nav li:last-child:hover{box-shadow: 0px 5px 10px rgba(143, 0, 8, 0.3);transition: all 0.2s;}
.flexbanner .service-nav li:first-child a{color:#fff;}
.flexbanner .service-nav li:last-child a{color:#fff;}

.flexbanner .service-nav li a:hover{ text-decoration:none;} 
.flexbanner .service-nav li .service-info{display:block;align-items: center; text-align:center}
.flexbanner .service-nav li img{ display:none; }
.flexbanner .service-nav.my-nav li .service-info i.img{ display:none; }
.flexbanner .service-nav li .service-info i{ display:block;color:#fff; font-size:28px; }
.flexbanner .service-nav li h3{ font-size:14px; font-weight:400;color:#fff;}
.flexbanner .service-nav li p{ font-size:12px; color:#ccc;display:none;}
.flexbanner .service-nav.my-nav li:first-child i,
.flexbanner .service-nav.my-nav li:last-child i{color:#fff;}

.flexbanner .service-nav li .service-arr i{  display:none; } 

.flexbanner .service-nav li em {
    position: absolute;
    top: 0px;
    right: 30px;
    border-radius: 15px;
    padding: 0 3px;
    min-width: 15px;
    text-align: center;
    background-color: #ec6c1f;
    color: #fff;
    background-color: #ff2323;
}


/*******************favlist*******************/ 
.flexbanner .service .wrapper.recomd{width:1340px; margin:auto; box-sizing:border-box; padding:4px 20px 0 20px; background: url("../img/bg-nav2.png") no-repeat right top; height:160px; }
.flexbanner .service .wrapper.recomd ul{ margin-top:15px; flex-wrap: wrap;justify-content: flex-start; }
.flexbanner .service .wrapper.recomd ul li{ width:130px; flex:none; }
.flexbanner .service .wrapper.recomd ul li h3{ margin:5px 5px; line-height:20px;}

.side-list{display:none;}
.footer{display:none;}
 
/*service*/
.serviceLeft{width:85px;}
.serviceLeft .dept-title{display:none;}
.serviceLeft .dept-list li{font-size:12px;height:39px;}
.serviceLeft .dept-list li a i{display:none;}
.serviceLeft .dept-list li a{padding:0 4px 0 6px;white-space:normal; text-align:center;}
.serviceLeft .dept-list li.active:before{width:2px;}
.serviceContent {
    margin-left: 85px; margin-top:0;
}
.serviceFilter-result label{display:none;}
.serviceFilter-result label:first-child{display:block;font-weight:bold;font-size:14px;color: #005097;}
.serviceFilter-result{ padding:0 10px; }
.serviceFilter-result label i{ display:none1;}

.serviceFilter-dropdown{margin-right:0;}
.serviceFilter-list i.sview{display:none;}

.serviceList{padding:0;}
.serviceList h2{font-size:13px;margin-left:10px;}
.serviceList ul{grid-template-columns: repeat(2, 48%); margin:0 10px 10px;}
.serviceList ul li{box-shadow:none; height:120px;margin: 8px 0 2px;}
.serviceList ul li a{padding:0;}

.serviceList .snav{display:none}
.serviceList .stitle{font-size:12px; padding:0 8px;height:30px;line-height:30px;display:none;}
.serviceList .stitle h3{height:30px;line-height:30px;}

.serviceList ul .simg{position:relative; width:100%;text-align:center; top:15px; left:0;}
.serviceList ul img{width:36px;height:36px;}
.serviceList ul .scont{ margin:0 5px;padding-top:15px;}
.serviceList .scont h3{display:block;text-align:center;height:36px; line-height:18px;
                               white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        display: grid;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        align-items:center;
}
.serviceList ul .scont span{display:none}
.serviceContent .serviceList .none{ line-height:normal; }

.serviceList .sfoot{ line-height:20px;height:20px; padding:0 6px;}
/*services*/
.service-banner{ height:90px; background-size:cover}

.serviceDetail-box{width:100%;margin:0;}
.serviceDetail-header{border:0; height:110px;}
.serviceDetail-title{ height:50px; line-height:50px;}
.serviceDetail-title h3{ font-size:16px; padding:0 10px;}
.serviceDetail-title .btn{ height:30px; line-height:30px; width:auto; padding:0 8px;font-size:12px;}
.serviceDetail-title .btn.btn_favTrue i{font-size:14px;}
.serviceDetail-title .btn.btn_handle{top:10px; right:10px;}
.serviceDetail-title .btn.btn_fav, .serviceDetail-title .btn.btn_favFalse,
.serviceDetail-title .btn.btn_favTrue{position: absolute;top:10px; right:80px;}

.serviceDetail-info{padding:5px 10px; line-height:24px;}
.serviceDetail-info p{width:50%; padding:0;}
.serviceDetail-info p:last-child{width:100%;}

.serviceDetail-body{padding:10px 10px;}
.serviceDetail-left{ float:none; width:100%; min-height:0;}
.serviceDetail-right{display:none}
.serviceDetail-left li{margin-bottom:10px;}

.serviceDetail-left h4{font-size:14px;height:35px; line-height:30px;}
.serviceDetail-left p{font-size:14px;line-height: 150%;}

.serviceCont{padding:10px;}
.serviceCont .serviceContMenu{height:30px; line-height:30px;border-bottom-width:2px;}
.serviceCont .serviceContMenu a, .serviceCont .serviceContMenu a:active, .serviceCont .serviceContMenu a:link, .serviceCont .serviceContMenu a:visited{font-size:14px;height:30px; line-height:30px;border-bottom-width:3px;}
.serviceCont .serviceContMenu a.on, .serviceCont .serviceContMenu a.on:active, .serviceCont .serviceContMenu a.on:hover, .serviceCont .serviceContMenu a.on:link, .serviceCont .serviceContMenu a.on:visited{border-bottom-width:3px;}

.serviceCont .serviceContMain{padding:10px 0;}

.serviceDetail{width:auto}