@charset "utf-8";

/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.

 */
@font-face {
  font-family: 'iconfont';  /* Project id 2139286 */
  src: url('//at.alicdn.com/t/font_2139286_igqd9kdwdrt.woff2?t=1631885064657') format('woff2'),
       url('//at.alicdn.com/t/font_2139286_igqd9kdwdrt.woff?t=1631885064657') format('woff'),
       url('//at.alicdn.com/t/font_2139286_igqd9kdwdrt.ttf?t=1631885064657') format('truetype');
}

 
 
@font-face {
  font-family: "SOURCEHANSANSCN-REGULAR";
  src: url("aos/SOURCEHANSANSCN-REGULAR.woff2") format("woff2"),
       url("aos/SOURCEHANSANSCN-REGULAR.woff") format("woff"),
       url("aos/SOURCEHANSANSCN-REGULAR.ttf") format("truetype"),
       url("aos/SOURCEHANSANSCN-REGULAR.eot") format("embedded-opentype"),
       url("aos/SOURCEHANSANSCN-REGULAR.svg") format("svg"),
       url("aos/SOURCEHANSANSCN-REGULAR.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.iconfont{
	vertical-align: middle;
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* for global 全局 */

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5ths { width: 20%; }
@media (min-width:768px) {
.col-sm-5ths { width: 20%; float: left; }

}
@media (min-width:992px) {
 .col-md-5ths { width: 20%; float: left; }
}

@media only screen and (max-width: 1199px) { 
.col-md-5ths { width: 20%; float: left;}
.function {padding-top: 20px}
.function  p{display: block;margin: 0;}
.function .yygh { padding: 10px;}
.function .yygh p { font-size: 20px;line-height: 30px;}
.function .yygh p+p {min-height: 30px;}
.function .yygh a {padding: 10px 0;background:#3AC5DE;}
.function .yygh i {font-size: 50px;line-height: 60px;}
.function .jjzx {padding: 10px;}
.function .jjzx i {font-size: 50px;line-height: 60px;}
.function .jjzx p {font-size: 20px;line-height: 30px;display: block;margin: 0;}
.function .jjzx p+p {min-height: 60px;}
.function .jjzx a{padding:10px 0;background: #28a03c;}
.function .zjjs {padding: 10px;}
.function .zjjs i {font-size: 50px; line-height: 60px;}
.function .zjjs span {display: block; font-size: 20px; line-height: 30px;}
.function .zjjs p {font-size: 20px;line-height: 30px;min-height: 60px;}
.function .zjjs a {padding: 10px 0;background: #00a0e9;}
.function .ksjs { padding: 10px;}
.function .ksjs i { font-size: 50px; line-height: 60px;}
.function .ksjs a {padding: 10px 0;background:#325efc;}
.function .ksjs span { display: block; font-size: 20px; line-height: 30px;}
.function .ksjs p {font-size: 20px;line-height: 30px; min-height: 60px;}
.function .mzbb {padding: 10px;}
.function .mzbb i { font-size: 50px; line-height: 60px;}
.function .mzbb a { padding: 10px 0;background: #f19149;}
.function .mzbb p {font-size: 20px;line-height: 30px;}
.function .mzbb p+p {
    font-size: 16px;
    line-height: 30px;
    min-height: 60px;
}
.function .jtzn {padding: 10px;}
.function .jtzn p { font-size: 20px; line-height: 30px;}
.function .jtzn p+p {
    font-size: 16px;
    line-height: 30px;
    min-height: 60px;
}
.function .jtzn i { font-size: 50px;line-height: 60px;}
.function .jtzn a { padding: 10px 0;background: #5a1d89;}
.function .hzxz {padding: 10px;}
.function .hzxz i {font-size: 50px;line-height: 60px;}
.function .hzxz a {padding:10px 0; background: #df5c60;}
.function .hzxz span { display: block;font-size: 20px;line-height: 30px;}
.function .hzxz p {font-size: 20px;line-height: 30px;min-height: 60px;}
}

body { background: #fff; color: #000; font-size: 16px;width: 100%; overflow-x: hidden;font-family: "SOURCEHANSANSCN-REGULAR,Source Han Sans CN";}
a { color: #333; cursor: pointer; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
a:focus { outline: none; text-decoration: none; }
a:hover { outline: none; text-decoration: none; }
li { list-style: none; }
i{font-style:normal;}
/* box size */
.no-margin { margin: 0; }
.no-padding { padding: 0; }

/* display */
.inline-block { display: inline-block }

/* position */
.pst-relative { position: relative; }

/* clear */
.clear-block { clear: both; }

/* vertical-align */
.vc-middle { display: inline-block; vertical-align: middle; }

/* font */
.text-12px { font-size: 12px }
.text-14px { font-size: 14px }
.text-18px { font-size: 18px }
.text-20px { font-size: 20px }

/* other */
.middle-ctrl { display: inline-block; height: 100%; width: 0px; vertical-align: middle; }
/* .screen-phone .row{margin:0;} */
/* header */
header {}
#headerbar { border: none; font-size: 0px; position: relative; border-radius: 0; padding-bottom: 0px;background: #fff; }
#headerbar .header-top{font-size: 16px;background:#fff;padding:30px 0;}
#headerbar .header-top .container{position: relative;}
#headerbar .header-top p{margin: 0;line-height: 40px;}
#headerbar .header-top p span.y-name{font-size: 24px;color: #461c88;vertical-align: middle;display: inline-block;margin-left: 6px;}
#headerbar .header-top p .select{display: inline-block;border-radius: 4px;font-size: 16px;line-height: 30px;height: 30px; position: relative;box-sizing: border-box;width: 120px;background: #bfbfbf;vertical-align: middle;margin-left: 10px;padding: 0 33px 0 8px;}
#headerbar .header-top p .select:hover{cursor: pointer;}
#headerbar .header-top p .select i{position: absolute;top: 0;right: 0;padding:0 8px;border-left:1px solid #a9a4a4;line-height: 30px;color: #8957a1;}
#headerbar .header-top p .select .business_style{width: 100%;display: none; position: absolute;top: 30px;left:0;background: #fff;box-sizing: border-box;z-index: 999999;padding:0;margin:0;border:1px solid #8957a1;}
#headerbar .header-top p .select .business_style li{width: 100%; text-align: center;padding: 0;}
#headerbar .header-top p .select .business_style li:hover{color: #8957a1; cursor: pointer;}

#headerbar .header-top .top-contact{line-height: 36px;font-size: 18px; position: absolute;bottom:-35px;right: 0;text-align: right;transform: translate(0, 50%);}
#headerbar .header-top .top-contact>div{display: inline-block;vertical-align: middle;position: relative;}
#headerbar .header-top .top-contact>div:first-child{margin-right: 10px;}
#headerbar .header-top .top-contact>div>form{display: inline-block;height: 36px;}
#headerbar .header-top .top-contact>div>span{cursor: pointer;position: relative;display: inline-block;height: 36px;line-height: 36px; text-align: center;color: #333;}
#headerbar .header-top .top-contact>div>span>i{font-size: 24px; line-height: 36px; vertical-align: middle;color: #461c88;}
#headerbar .header-top .top-contact>div>span>a{color: #333;}
#headerbar .header-top .top-contact>div>span>a:hover{color: #461c88;}
#headerbar .header-top .top-contact label{display: inline-block;margin-left: 10px;margin-bottom: 0;width: 36px;}
#headerbar .header-top .top-contact label input{height: 36px;width: 36px;border-radius: 18px;outline: none;box-shadow: none;padding:0;border: 1px solid #5a1d89;font-size: 16px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;box-sizing: border-box;background: #5a1d89;position: absolute;top: 0;right: 0;}
#headerbar .header-top .top-contact label.on input{height: 36px;width: 220px;padding:0 50px 0 15px;background: #fff;}
#headerbar .header-top .top-contact label i{display: block;position: absolute;top:0;right:0;width: 36px;text-align: center; font-size: 24px;color: #fff;}
#headerbar .header-top .top-contact label.on i{color: #461c88;}

#headerbar .header-top .top-contact label i:hover{cursor: pointer;}
#headerbar .header-top .top-contact p{text-align: right;font-size: 20px;color: #461c88;line-height:36px;}
#headerbar .header-top .top-contact p>i{display: inline-block;line-height: 36px;font-size: 20px;vertical-align: baseline;}

#headertitle { display: block; height: auto; position: relative; z-index: 99999; background-color:#5a1d89; }
#headertitle .group-left { display: block; float: left; height: 60px;width: 100%; }
#headerhd { display: block;float: left; }
#headernav { width: 100%; height: 60px; line-height: 60px; float: left; }
#headernav ul { text-align: center; float: none; }
#headernav ul>li { display: inline-block; position: relative; font-size: 18px; height: 60px; line-height: 60px; width:8.33%;}
#headernav ul>li .line{width: 0em;height: 3px;position: absolute;bottom: 10px;left: 50%;margin-left: -2em;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
#headernav ul>li>a { display: block; font-size: 18px; color: #fff; padding: 0px; line-height: 60px; }
#headernav ul>li:hover>a { color: #fff; background:#4b1565; }
#headernav ul>li.active { line-height:60px; }
#headernav ul>li.active a { color: #fff;  background:#4b1565; }
#headernav ul>li .navplus { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; left: 0; font-size: 0; background: #5a1d89; border-top: 1px solid #5a1d89;z-index: 9; }
#headernav ul>li .navplus>a { display: block; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 14px 10px; height: 42px; line-height: 14px; }
#headernav ul>li .navplus>a i { margin-right: 2px; }
#headernav ul>li .navplus>a:hover { background: #fff;color: #5a1d89; }
#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #fff; border-bottom: #d1d1d1; box-shadow: 0px 3px 5px 0px #d1d1d1; }
.screen-phone #m-headerbar .container .relative i.icon.blue, .screen-tablet #m-headerbar .container .relative i.icon.blue { position: absolute; top: 12px; right: 100px; }
.screen-phone #m-headerbar .container .relative .language{position: absolute;width: 2em;height: 24px;;line-height: 24px;font-size: 18px;top: 12px;right: 55px;text-align: center;}
#m-headerhd { pointer-events: auto; }
#m-headerhd:hover { color: #5a1d89; }
#m-headerhd span{color: #000;line-height: 40px;font-size:20px;}
#m-headerbar .hdtitle-img {    /* *width: 40px; */
width: auto; height: 40px; }
#m-headerbar .hdtitle-img img { width: auto; height: 100%; }
#m-headerbar .hdtitle-ch { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; padding-left: 10px; }
#m-headerbar .hdtitle-en { font-family: Georgia, "serif"; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; padding-left: 10px; }
#m-headerbtn { position: absolute; top: 10px; right: 10px; color: #5a1d89; text-shadow: none; background-color: #fff; border-color: #5a1d89; }
#leftmenulayout { display: none; width: 100%; height: 100%; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; }
#leftmenulayout span { display: block; width: 40%; height: 100%; margin-left: 60%; color: #7d7d7d; font-size: 4rem; overflow: hidden; text-align: center; }
#leftmenu { display: none; width: 60%; height: 100% !important; width: 60vw; height: 100vh !important; background-color: #5a1d89; border-right: 1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem; overflow-y: auto !important; }
#leftmenu>.items { display: block; width: 100%; border-bottom: 1px solid #8e32d6; position: relative; }
#leftmenu>.items>a { margin: 0 15%; font-size: 15px; display: block; height: 55px; line-height: 55px; position: relative; color: #fff; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
#leftmenu>.items>i { text-align: center; display: block; position: absolute; top: 0; right: 10px; color: #fff; height: 55px; width: 55px; font-size: 24px; line-height: 55px; }
#leftmenu>.items>.listplus { display: none; text-align: center; padding: 10px 0; }
#leftmenu>.items>.listplus>a { display: block; color: #fff; line-height: 26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }

/*2022.11.30添加三甲医院*/
.sanjia {  width:100%;  margin: 15px auto;  padding-left:23%;  font-size:  26px;color: #5a1d89;}
.screen-tablet .sanjia,.screen-phone .sanjia {padding-left:3%;}


/* | ---------------------------------------------------------- | Glide styles | ---------------------------------------------------------- | Here are slider styles | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用 */
.mainbanner { width: 100%; height: auto; font-size: 0px; }
.mainbanner ul, .mainbanner ul li { list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.mainbanner ul li { float: left; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides { height: auto;    /* Simple clear fix */ overflow: hidden;    /**  * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;    /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { list-style: none; height: auto; float: left; clear: none; }
.slide a img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transition: all 5s;-moz-transition: all 5s;-webkit-transition: all 5s; -o-transition: all 5s;}
.slide a img.active{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.slide a { color: #fff; display: block; position: relative; overflow: hidden;}
.slide a div { width: 50%; max-width: 600px; position: absolute; top: 30%; left: 20%; margin: 0; }
.slide a div h4 { font-size: 46px; line-height: 50px; margin: 0 0 40px; }
.screen-phone .slide a div,.screen-tablet .slide a div{width: 90%;top: 10%;left: 5%;}
.screen-phone .slide a div h4 { font-size: 20px; line-height: 25px; margin: 0 0 10px; }
.slide a div p { font-size: 24px; line-height: 50px; margin: 0; }
.screen-phone .slide a div p { font-size: 14px; line-height: 30px; }
.arrowsWrapper { display: none; }
.slider:hover .arrowsWrapper { display: block }
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; width: 6%; padding: 3%; text-decoration: none; text-align: center; opacity: 1; }
.slider-arrow--right { bottom: 47.5%; right: 3%; background: url(images/right_jt.png) no-repeat center; background-size: 100%; }
.slider-arrow--left { bottom: 47.5%; left: 3%; background: url(images/left_jt.png) no-repeat center; background-size: 100%; }
.slider-nav { position: absolute; bottom: 8%; text-align: center; }
.slider-nav__item { width: 70px; height: 8px; background: #fff; border: none; border-radius: 0%; clear: none; display: inline-block; margin: 0 4px; position: relative; }
.slider-nav__item i { display: inline-block; width: 0px; height: 8px; background: #0E86A9; position: absolute; top: 0; left: 0;    /* transition: width 3s; */ }
.screen-phone .slider-nav__item { width: 30px; height: 4px; }
.slider-nav__item:hover, .slider-nav__item--current { background: #0E86A9; }
.screen-phone .slider-nav__item--current i.move { width: 30px;height: 4px; }
.slider-nav__item--current i.move {width: 70px;transition: width 5s; -moz-transition: width 5s; -webkit-transition: width 5s; -o-transition: width 5s;}


.thebreadcrumb { width: 100%; background: #fff; font-size: 16px; text-align: left; line-height: 28px; padding-top: 20px; padding-bottom: 20px;color: #393939; }
.thebreadcrumb a { color: #393939; }
.thebreadcrumb.fixeded{ position: fixed;z-index: 9;top: 0;left: 0;}
.screen-phone .thebreadcrumb{padding-top:10px;padding-bottom:10px;}
.breadcrumb { display: inline-block; margin: 0; padding: 0; }
.breadcrumb i { font-size: 20px; color: #0E86A9;margin-right: 8px;}
.breadcrumb>li+li::before { padding: 0 5px; color: #ccc; content: "»"; }
.breadcrumb>.active{}
.about_bg { background-color: #f7f8f8; }


.titlestyle-main { display: block; width: 100%; text-align: center; margin-bottom: 10px; }
.titlestyle-main .line { display: block; width: 100%; height: 21px; background: url(../../images/line1.png) center center no-repeat; margin-top: 8px; }
.titlestyle-main .line_d { width: 57px; height: 2px; border-top: #288b9c 3px solid; }
.titlestyle-main .line1 {display: block; width: 100%; height: 21px;margin-top: 8px;position: relative;overflow: hidden;}
.titlestyle-main .line1 span{width: 100%;height: 1px;background: #aaa;display:block;margin-top:10px;}
.titlestyle-main .line1 i{width: 100%;height: 4px;background: #0E86A9;display:block;position: absolute;top: 8px;left: 0;}
.titlestyle-main p{color: #515151;}
.titlestyle-main .maintitle { font-size: 36px; color: #0E86A9; font-weight: 500; text-transform: uppercase; }
.titlestyle-main .maintitle1{color: #000;}
.titlestyle-main .subtitle { font-size: 18px; color: #575757; font-weight: 100; padding: 5px 0; }
.titlestyle-main .xxtitle { font-size: 16px; color: #575757; }
.screen-phone .titlestyle-main .maintitle { font-size: 20px; font-weight: 700; }
.screen-phone .titlestyle-main .subtitle { font-size: 16px; color: #575757; text-transform: uppercase; }
.beautifulbtn1 { background-color: #0E86A9; height: 50px; line-height: 50px; width: 180px; font-size: 14px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3f3b3a; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.beautifulbtn1:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.lte-ie-8 .beautifulbtn1:hover { background: #3f3b3a; }
.screen-phone .beautifulbtn1 { height: 40px; line-height: 40px; width: 120px; }
.contentbox img, .contentbox iframe, .contentbox iframe div { max-width: 100%; overflow: hidden; }

/*  */


.function a{color: #fff;text-align: center;display: block;}
.function a .iconfont{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s; -o-transition: all 1s;}
.function a:hover .iconfont{transform:rotateY(360deg);-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}

/* 预约挂号 */
.function .row .col{}

@media (min-width:1200px){
.function{padding-top:50px;}
.screen-phone .function .yygh{padding: 10px;}
.function .yygh{padding:5px;}
.function .yygh a{padding:66px 0 20px;background: #3AC5DE;}
.function .yygh p{display: block;margin:0;font-size: 24px;line-height: 36px;}
.function .yygh p+p{font-size: 16px;min-height: 72px;}
.function .yygh i{display: inline-block;font-size: 140px;line-height: 220px;}
.screen-phone .function .yygh a{padding:10px 0;}
.screen-phone .function .yygh p{font-size: 20px;line-height: 30px;}
.screen-phone .function .yygh i{font-size: 50px;line-height: 60px;}
.screen-phone .function .yygh p+p{min-height: 30px;}
/* 健检中心 */
.screen-phone .function .jjzx{padding: 10px;}
.function .jjzx{padding:5px;}
.function .jjzx a{padding:30px 0 30px;background: #28a03c;}
.function .jjzx p{display: block;margin:0;font-size: 24px;line-height: 36px;}
.function .jjzx p+p{font-size: 16px;}
.function .jjzx i{display: inline-block;font-size: 60px;line-height: 70px;}
.screen-phone .function .jjzx a{padding:10px 0;}
.screen-phone .function .jjzx p{font-size: 20px;line-height: 30px;}
.screen-phone .function .jjzx i{font-size: 50px;line-height: 60px;}
.screen-phone .function .jjzx p+p{min-height: 60px;}
/* 专家介绍 */
.screen-phone .function .zjjs{padding: 10px;}
.function .zjjs{padding:5px;}
.function .zjjs a{padding:30px 0 30px;background: #00a0e9;}
.function .zjjs span{display: inline-block;margin:0;font-size: 24px;line-height: 36px;}
.function .zjjs p{display: block;margin:0;font-size: 16px;line-height: 36px;}
.function .zjjs i{display: inline-block;font-size: 70px;line-height: 106px;}
.screen-phone .function .zjjs a{padding:10px 0;}
.screen-phone .function .zjjs i{font-size: 50px;line-height: 60px;}
.screen-phone .function .zjjs span{display: block;font-size: 20px;line-height: 30px;}
.screen-phone .function .zjjs p{font-size: 20px;line-height: 30px;min-height: 60px;}
/* 科室介绍 */
.screen-phone .function .ksjs{padding: 10px;}
.function .ksjs{padding:5px;}
.function .ksjs a{padding:30px 0 30px;background:#325efc;}
.function .ksjs span{display: inline-block;margin:0;font-size: 24px;line-height: 36px;}
.function .ksjs p{display: block;margin:0;font-size: 16px;line-height: 36px;}
.function .ksjs i{display: inline-block;font-size: 60px;line-height: 106px;}
.screen-phone .function .ksjs a{padding:10px 0;}
.screen-phone .function .ksjs i{font-size: 50px;line-height: 60px;}
.screen-phone .function .ksjs span{display: block;font-size: 20px;line-height: 30px;}
.screen-phone .function .ksjs p{font-size: 20px;line-height: 30px;min-height: 60px;}
/* 门诊班表 */
.screen-phone .function .mzbb{padding: 10px;}
.function .mzbb{padding:5px;}
.function .mzbb a{padding:30px 0 30px;background: #f19149;}
.function .mzbb p{display: block;margin:0;font-size: 24px;line-height: 36px;}
.function .mzbb p+p{font-size: 14px;}
.function .mzbb i{display: inline-block;font-size: 60px;line-height: 70px;}
.screen-phone .function .mzbb a{padding:10px 0;}
.screen-phone .function .mzbb p{font-size: 20px;line-height: 30px;}
.screen-phone .function .mzbb i{font-size: 50px;line-height: 60px;}
.screen-phone .function .mzbb p+p{font-size: 20px;line-height: 30px;min-height: 60px;}
/* 交通指南 */
.screen-phone .function .jtzn{padding: 10px;}
.function .jtzn{padding:5px;}
.function .jtzn a{padding:30px 0 30px;background: #0E86A9;}
.function .jtzn p{display: block;margin:0;font-size: 24px;line-height: 36px;}
.function .jtzn p+p{font-size: 14px;}
.function .jtzn i{display: inline-block;font-size: 60px;line-height: 70px;}
.screen-phone .function .jtzn a{padding:10px 0;}
.screen-phone .function .jtzn p{font-size: 20px;line-height: 30px;}
.screen-phone .function .jtzn i{font-size: 50px;line-height: 60px;}
.screen-phone .function .jtzn p+p{font-size: 20px;line-height: 30px;min-height: 60px;}
/* 患者须知 */
.screen-phone .function .hzxz{padding: 10px;}
.function .hzxz{padding:5px;}
.function .hzxz a{padding:30px 0 30px;background: #df5c60;}
.function .hzxz span{display: inline-block;margin:0;font-size: 24px;line-height: 36px;}
.function .hzxz p{display: block;margin:0;font-size: 16px;line-height: 36px;}
.function .hzxz i{display: inline-block;font-size: 60px;line-height: 106px;}
.screen-phone .function .hzxz a{padding:10px 0;}
.screen-phone .function .hzxz i{font-size: 50px;line-height: 60px;}
.screen-phone .function .hzxz span{display: block;font-size: 20px;line-height: 30px;}
.screen-phone .function .hzxz p{font-size: 20px;line-height: 30px;min-height: 60px;}
}
.function .yygh p+p,.function .jjzx p+p,.function .zjjs p,.function .ksjs p,.function .hzxz p{font-family: "SOURCEHANSANSCN-REGULAR","Source Han Sans CN";font-size: 16px;}

/* 专家介绍 */
.expert{padding:50px 0 0;}
.screen-phone .expert{padding:20px 0 0;}
.expert .s-title h2{position: relative;font-size:30px;line-height: 60px;margin:0;text-align:center;font-weight: 400;color: #461c88;}
.expert .s-title p{text-align:center;font-size: 18px;color: #575757;}
.screen-phone .expert .s-title h2{font-size:20px;line-height: 40px;margin-top: 0;}
.screen-tablet .expert .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .expert .s-title p{font-size:16px;}
.expert .roll-wrap:hover .control { display: block; }
.expert .roll-wrap { position: relative; width: 100%; height: 300px;margin-top: 20px; overflow: hidden; }
.expert .roll-wrap>div{position: relative; width: 86%;height: 100%; margin: 0 7%;overflow: hidden;}
.expert .roll-wrap .roll__list {padding:0;overflow: hidden;}
.expert .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; }
.expert .roll_row .roll__list::after { clear: both; }
.expert .roll_row .roll__list { width: 9999px; }
.expert .roll_row .roll__list li { float: left; display: block; padding:0 20px; width: 204px;height:300px;font-size: 30px; text-align: center; color: #fff; }
.expert .roll_row .roll__list li a{display: block;width: 100%;height: 100%;}
.expert .roll_row .roll__list li a .img{display: block; padding-top: 130%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.expert .roll_row .roll__list li a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.expert .roll_row .roll__list li a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-radius:50%; }
.expert .roll_row .roll__list li a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.expert .roll_row .roll__list li a .name{text-align: center;font-size: 18px; margin-top: 20px;margin-bottom: 0; color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.expert .roll_row .roll__list li a .desc{text-align: center; color: #666;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.expert .control { position: absolute; top: 30%; display: none; font-weight: 700; text-decoration: none; color: #fff;z-index: 5; }
.screen-phone .expert .control,.screen-tablet .expert .control{display: block;width: 20px;}
.expert .control img{width: 100%;height: auto;}
.expert .control:hover {}
.expert .control.pre { left: 10px; }
.expert .control.next { right: 10px; }

.screen-phone .expert .roll-wrap{height: 230px;}
.screen-phone .expert .roll_row .roll__list li{width: 150px;padding:0 10px;height: 230px;}
.screen-phone .expert .roll_row .roll__list li a .name{font-size: 16px;margin-top: 10px;}



/* 科室介绍 */
.department {margin-top: 80px; padding:20px 0 0;background: url('../../images/banner.jpg') center top;position: relative;}
.department a{color: #fff;text-align: center;}
.department .layer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(70, 28, 136, .9);}
.department .s-title{position: relative;}
.department .s-title h2{position: relative;font-size:30px;line-height: 60px;margin:0;text-align:center;font-weight: 400;color: #fff;}
.department .s-title p{text-align:center;font-size: 18px;color: #fff;}
.screen-phone .department{margin-top: 30px;}
.screen-tablet .department{margin-top: 50px;}
.screen-phone .department .s-title h2{font-size:20px;line-height: 40px;margin-top: 0;}
.screen-tablet .department .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .department .s-title p{font-size:16px;}
.department .row{padding-top: 10px;}
.screen-phone .department .row .col a i{font-size: 42px;line-height: 80px;}
.screen-phone .department .row .col a i.snk{font-size: 60px;}
.screen-phone .department .row .col a i.yk{font-size: 30px;}
.screen-phone .department .row .col a i.jrk{font-size: 60px;}

.department .row .col{padding-bottom:20px;}
.department .row .col a{display: block;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
.department .row .col a:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);color: #af46ff;}
.department .row .col a i{display: inline-block;font-size: 60px;line-height: 90px;}
.department .row .col a i.snk{font-size: 70px;}
.department .row .col a i.yk{font-size: 40px;}
.department .row .col a i.jrk{font-size: 80px;}
.department .row .col a p{font-size: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.department .morebtn{text-align: center;position: relative;}
.department .morebtn a{display: inline-block; width: 200px;height: 50px;border-radius: 25px;background: #fff;color: #461c88;font-size: 20px;line-height: 50px;}
.department .button_su{text-align: center;margin:20px 0 70px;box-sizing: border-box;}
.department .button_su:hover{}
.department .button_su .button_su_inner {width: 200px;height: 50px;border-radius: 25px;background: #fff;color: #461c88;font-size: 20px;line-height: 50px;}
.department .button_su .button_su_inner:hover{color: #461c88;}

.screen-phone .department .row .col a p{font-size: 14px;}
.screen-phone .department .row .col{padding-bottom:0;}
.screen-phone .department .button_su{margin-bottom: 30px;}

/* 健康大讲堂 */
.health{padding:50px 0 0;}
.screen-phone .health{padding:20px 0 0;}
.health .s-title h2{position: relative;font-size:30px;line-height: 60px;margin:0;text-align:center;font-weight: 400;color: #461c88;}
.health .s-title p{text-align:center;font-size: 18px;color: #575757;}
.screen-phone .health .s-title h2{font-size:20px;line-height: 40px;margin-top: 0;}
.screen-tablet .health .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .health .s-title p{font-size:16px;}
.health .row{padding-top: 50px;}
.screen-phone .health .row{padding-top: 20px;}
.health .row .col a{display: block;overflow: hidden;color: #000;position: relative;padding-bottom: 20px;}
.health .row .col a .img{display: block;width: 40%; padding-top: 25%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.health .row .col a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.health .row .col a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.health .row .col a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.health .row .col a .desc{display: block;width: 57%;height:100%;position: absolute;top: 0;right: 0;}
.health .row .col a .desc h3{margin:0;font-size: 16px;line-height: 24px;font-weight: 400;color: #575757;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.health .row .col a .desc p{display: block;width: 100%; font-size: 16px;line-height: 48px;color: #989898;position: absolute;bottom: 20px;right: 0;margin:0;border-bottom: 1px solid #ddd;}
.health .row .col a .desc p i{color: #ddd;float: right;font-size: 16px;line-height: 48px;}
.screen-phone .health .row .col a .desc p{line-height: 30px;}
.screen-phone .health .row .col a .desc p i{line-height: 30px;}
.health .row .col a:hover{}
.health .row .col a:hover .img>div>div{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.health .row .col a:hover .desc h3{color: #0E86A9;}
.health .row .col a:hover .desc p{color: #0E86A9;}
.health .row .col a:hover .desc p i{color: #0E86A9;}
.health .button_su{margin-top: 30px;margin-bottom:10px;box-sizing: border-box;border:1px solid #fff;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.health .button_su:hover{border:1px solid #461c88;}
.health .button_su_inner{font-size: 18px;}
.health .button_su_inner:hover{color: #461c88;}
.screen-phone .health .button_su{margin-top:0;}


/* 关于我们 */
.about{width:100%;padding:50px 0 10px;overflow: hidden;position: relative;}
.screen-phone .about{margin: 0;padding-top: 20px; padding-bottom:20px;}
.about .row .col h3{font-size: 30px;line-height: 50px; font-weight: 400;margin:0;color:#00A3C8;}
.about .row .col p{color: #575757;}
.about .row .col .content{font-size: 16px;color: #575757;line-height: 2;}
.about .row .col .button_su{margin-top: 30px;margin-bottom: 0; box-sizing: border-box;border:1px solid #fff;}
.about .row .col .button_su:hover{border:1px solid #461c88;}
.about .row .col .button_su_inner:hover{color: #461c88;}
.about .row .col .explode-circle { animation: explode1 .5s forwards }
.about .row .col .desplode-circle { animation: desplode1 .5s forwards }
@keyframes explode1 {
  0% { width: 0; height: 0; margin-left: 0; margin-top: 0; background-color: rgba(42, 53, 80, .2) }
  100% { width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(255, 255, 255, 1);}
}
@keyframes desplode1 {
  0% { width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(255, 255, 255, 1) }
  100% { width: 0; height: 0; margin-left: 0; margin-top: 0; background-color: rgba(129, 80, 108, .6) }
}
.about .row .col .img{position: relative;width: 100%;height: auto;text-align: right;}
.about .row .col .img .layer{position: absolute;top: 0;right: 0;background: #00A0E9;width: 60%;height: 60%;}
.about .row .col .img img{display: inline-block;width: 90%;height: auto;margin-top: 15px;margin-right: 15px;position: relative;z-index: 1;}

.screen-phone .about .row .col .button_su{margin-top: 20px;}


/*真善美*/
.zsm{width:100%;padding:0 0 50px;}
.zsm .s-title{display: block; text-align: center;margin-bottom: 10px;}
.zsm .desc{width: 100%;text-align: center;font-size: 0;}
.zsm .desc .item{display: inline-block;vertical-align: middle;width: 300px;height: 100px;padding:15px 0;}
.zsm .desc .item span{display: block;float: left; width:70px;height: 70px;background: #0E86A9;color: #fff;text-align: center;line-height: 70px;font-size: 30px;border-radius: 50%;transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s; -o-transition: all .4s;}
.zsm .desc .item p{font-size: 18px;line-height: 35px;margin:0;float: left;padding-left: 20px;transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s; -o-transition: all .4s;}
/*.zsm .desc .item:hover span{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}*/
.zsm .desc .item:hover p{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}


/* 大事记 */
.note{width:100%;padding:0px 0 30px;overflow: hidden;position: relative;}
.screen-phone .note{padding-bottom:20px;}
.note h3{font-size: 30px;line-height: 50px; font-weight: 400;margin:0;color: #461c88;}
.note p{font-size: 18px;color: #575757;}
.note .row .col ul{padding:0;}
.note .row .col ul li{font-size: 16px;color: #000;line-height: 30px;}
.note .row .col ul li span{color: #000;margin-right: 10px;font-weight: 700;font-size: 18px;}
.note .row .col+.col ul{padding-left:8%;}

.screen-phone .note .row .col+.col ul{padding-left: 0;}

/* 更多按钮 */
.more_button{position:relative;overflow:hidden;z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;font-size:20px;-o-transition:all 1.7s ease;-moz-transition:all 1.7s ease;transition:all 1.7s ease;-webkit-mask-image:radial-gradient(white,#000);mask-image:radial-gradient(white,#000)}
.more_button:focus{outline:0}
.more_button:hover{background:#0E86A9;color:#fff;border:1px solid #0E86A9}
.more_button i{display:block;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);width:100%;height:100%;background:-moz-radial-gradient(#0E86A9,red,#0E86A9,red,#0E86A9,red,#0E86A9,red,#0E86A9);background:-o-radial-gradient(#0E86A9,red,#0E86A9,red,#0E86A9,red,#0E86A9,red,#0E86A9);background:radial-gradient(#0E86A9,red,#0E86A9,red,#0E86A9,red,#0E86A9,red,#0E86A9);opacity:0;-o-transition:1.2s,opacity 1.8s;-moz-transition:1.2s,opacity 1.8s;transition:1.2s,opacity 1.8s;-moz-border-radius:50%;border-radius:50%}
.more_button:hover i{-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);transform:scale(10);opacity:1;-o-transition:3s,opacity .3s;-moz-transition:3s,opacity .3s;transition:3s,opacity .3s}
.dot1 span,.dot2 span{position:absolute;color:#d1d1d1;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.dot1 span{color:#d1d1d1}
.dot1 span:nth-child(1){-o-transition:all .4s .5s ease,color .3s;-moz-transition:all .4s .5s ease,color .3s;transition:all .4s .5s ease,color .3s;left:30%}
.dot1 span:nth-child(2){-o-transition:all .4s .4s ease,color .3s;-moz-transition:all .4s .4s ease,color .3s;transition:all .4s .4s ease,color .3s;left:50%}
.dot1 span:nth-child(3){-o-transition:all .4s .3s ease,color .3s;-moz-transition:all .4s .3s ease,color .3s;transition:all .4s .3s ease,color .3s;left:70%}
.more_button:hover .dot1 span:nth-child(1){left:120%;-o-transition:all .4s .2s ease,color .3s;-moz-transition:all .4s .2s ease,color .3s;transition:all .4s .2s ease,color .3s;color:#fff}
.more_button:hover .dot1 span:nth-child(2){left:120%;-o-transition:all .4s .1s ease,color .3s;-moz-transition:all .4s .1s ease,color .3s;transition:all .4s .1s ease,color .3s;color:#fff}
.more_button:hover .dot1 span:nth-child(3){left:120%;-o-transition:all .4s 0s ease,color .3s;-moz-transition:all .4s 0s ease,color .3s;transition:all .4s 0s ease,color .3s;color:#fff}
.dot2 span:nth-child(1){left:-20%;-o-transition:all .4s .2s ease,color .3s;-moz-transition:all .4s .2s ease,color .3s;transition:all .4s .2s ease,color .3s;color:#d1d1d1}
.dot2 span:nth-child(2){left:-20%;-o-transition:all .4s .1s ease,color .3s;-moz-transition:all .4s .1s ease,color .3s;transition:all .4s .1s ease,color .3s;color:#d1d1d1}
.dot2 span:nth-child(3){left:-20%;-o-transition:all .4s 0s ease,color .3s;-moz-transition:all .4s 0s ease,color .3s;transition:all .4s 0s ease,color .3s;color:#d1d1d1}
.more_button:hover .dot2 span:nth-child(1){left:30%;-o-transition:all .4s .5s ease,color .3s;-moz-transition:all .4s .5s ease,color .3s;transition:all .4s .5s ease,color .3s;color:#fff}
.more_button:hover .dot2 span:nth-child(2){left:50%;-o-transition:all .4s .4s ease,color .3s;-moz-transition:all .4s .4s ease,color .3s;transition:all .4s .4s ease,color .3s;color:#fff}
.more_button:hover .dot2 span:nth-child(3){left:70%;-o-transition:all .4s .3s ease,color .3s;-moz-transition:all .4s .3s ease,color .3s;transition:all .4s .3s ease,color .3s;color:#fff}

/* 泡泡按钮 */
.button_su { overflow: hidden; position: relative; display: inline-block; border-radius: 25px; margin-bottom: 30px }
.su_button_circle { background-color: red; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0; height: 0; margin-left: 0; margin-top: 0; pointer-events: none }
.button_su_inner { display: inline-block; background: #39c5de; color: #fff; font-size: 16px;line-height: 50px; font-weight: 400; width: 160px; text-align: center; border-radius: 25px; transition: 400ms; text-decoration: none; z-index: 100000 }
.button_su_inner:hover{color: #fff;}
.button_text_container { position: relative; z-index: 10000 }
.explode-circle { animation: explode 1s forwards }
.desplode-circle { animation: desplode 1s forwards }
@keyframes explode {
  0% { width: 0; height: 0; margin-left: 0; margin-top: 0; background-color: rgba(90, 29, 137, 1) }
  100% { width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(255, 255, 255, 1);}
}
@keyframes desplode {
  0% { width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(255, 255, 255, 1) }
  100% { width: 0; height: 0; margin-left: 0; margin-top: 0; background-color: rgba(90, 29, 137, 1) }
}


/* 资讯中心 */
.news{padding:20px 0 40px;}
.screen-phone .news{padding-bottom: 0px;}
.news .news-list{padding-top: 20px;}
.screen-phone .news .news-list{padding-top:0;}
.screen-phone .news .news-list .right{padding: 10px;}
.news .news-list .right{position: relative;white-space: nowrap;overflow: hidden;padding:0;padding-left:50px;}
.news .news-list .right>div{overflow: hidden;font-size: 0;}
.news .news-list .right .newstabnav1{display: block;width: 100%;position: relative;}
.news .news-list .right .newstabnav1 .newstabnav1-box{display: block;width: 100%; position: relative;background: #fff;}
.screen-phone .news .news-list .right .newstabnav1 .bars{font-size: 16px;}
.news .news-list .right .newstabnav1 .bars{display: inline-block;width: 50%; vertical-align: top;text-align: center;color: #000;font-size: 18px;line-height: 55px; font-weight: 400;background: #e8e8e8;}
.news .news-list .right .newstabnav1 .bars+.bars{border-left: 2px solid #fff;}
.news .news-list .right .newstabnav1 .bars.active{color: #fff;background: #461c88;}
.news .news-list .right .items-box1{display: inline-block;width: 100%;min-height: 1px;white-space:normal;vertical-align: top;}
.news .news-list .right .items-box1 .items-first{display: block;width: 100%;padding: 10px 90px 10px 0;height: auto;overflow: hidden;position: relative;border-bottom: 1px solid #d6befc;margin-bottom: 5px;}
.screen-phone .news .news-list .right .items-box1 .items-first{padding: 10px 80px 10px 0;}
.news .news-list .right .items-box1 .items-first .itemstitle{display: block;width: 100%;padding: 0;font-size: 18px;line-height: 38px;position: relative;color: #461c88;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.screen-phone .news .news-list .right .items-box1 .items-first .itemstitle{padding: 0px;font-size: 16px;line-height: 30px;padding-bottom: 0;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.news .news-list .right .items-box1 .items-first .itemstitle:hover{color: #461c88;}
.news .news-list .right .items-box1 .items-first .itemsmain{display: block;width: 100%;padding-top: 5px;padding-right: 10px; font-size: 14px;line-height: 20px;color: #575757;position: relative;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.screen-phone .news .news-list .right .items-box1 .items-first .itemstime{font-size: 14px;width: 75px;padding:0;}
.news .news-list .right .items-box1 .items-first .itemstime{display: block;width: 100px;padding: 0px 5px;position: absolute;font-size: 16px;line-height: 38px;color: #878787;text-align: right;top:10px;right: 0px;}
.news .news-list .right .items{display: block;width: 100%;padding: 0px 90px 0px 15px;background: url(/images/circle.png) 2px center no-repeat;position: relative;}
.screen-phone .news .news-list .right .items{padding:0px 80px 0 10px;}
.news .news-list .right .items .itemspoint{width: 3px;height: 3px;border-radius:3px;background: #000;position:absolute;left: 0;top: 20px;}
.news .news-list .right .items .itemstitle{display: block;width: 100%;font-size: 16px;line-height: 38px;color: #000;}
.news .news-list .right .items .itemstitle:hover{color: #461c88;text-decoration: underline;}
.news .news-list .right .items .itemstime{display: block;width: 100px;padding: 0px 5px;position: absolute;font-size: 16px;line-height: 38px;color: #878787;text-align: right;top:0px;right: 0px;}
.screen-phone .news .news-list .right .items .itemstime{width: 80px;font-size: 14px;padding:0;}

.news .news-list .left{position: relative;}
.news .news-list .left .imgBox{width: 100%;position: absolute;top: 0px;left: 0;max-height: 430px;}
.screen-phone .news .news-list .left .itemBox {padding-left: 0;min-height: auto; }
.screen-phone .news .news-list .left .imgBox{width: 100%;position: relative;bottom: 0;}
.screen-phone .news .news-list .left .imgBox .slider1{bottom: 0;left: 0;width: 100%;height: 260px;}
.news .news-list .left .imgBox .slider1 { position: relative; width: 100%;height: 420px; bottom: 0px;left: 10px; overflow: hidden; }
.news .news-list .left .imgBox .slides1 {padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.news .news-list .left .imgBox .slide1 { list-style: none; width: 100%; height: 100%; float: left; clear: none; position: relative; }
.news .news-list .left .imgBox .slide1>a { display: block; width: 100%; height: 100%;padding: 0; position: relative; }
.news .news-list .left .imgBox .slide1>a>img { width: 100%;height: 100%;}
.news .news-list .left .imgBox .slide1>a .img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.news .news-list .left .imgBox .slide1>a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.news .news-list .left .imgBox .slide1>a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; }
.news .news-list .left .imgBox .slide1>a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.news .news-list .left .imgBox .slide1 .maintitle { width: 100%; padding: 0 150px 0 20px; position: absolute; bottom: 0px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .7); font-size: 18px; line-height: 60px; height: 60px; color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 5; }
.screen-phone .news .news-list .left .imgBox .slide1 .maintitle{bottom: 0;}
.news .news-list .left .imgBox .arrowsWrapper1 { width: 100%; display: block; }
.news .news-list .left .imgBox .slider-arrow1 { position: absolute; display: block; margin-bottom: -30px; width: 30px; height: 60px; text-decoration: none; text-align: center; }
.screen-phone .news .news-list .left .imgBox .slider-arrow1 {width: 24px;}
.news .news-list .left .imgBox .slider-arrow1--right { bottom: 50%; right: 0; background: url(../../images/right_jt1.png) no-repeat center; background-size: 100%; }
.news .news-list .left .imgBox .slider-arrow1--left { bottom: 50%; left: 0; background: url(../../images/left_jt1.png) no-repeat center; background-size: 100%; }
.news .news-list .left .imgBox .slider-nav1 { padding: 5px 0; border-radius: 18px; position: absolute; bottom: 10px;right: 10px; text-align: center;}
.news .news-list .left .imgBox .slider-nav1__item { width: 15px; height: 15px; background: #fff; border: none; clear: none; display: inline-block; margin: 0 5px; border-radius: 50%; }
.news .news-list .left .imgBox .slider-nav1__item:first-child { margin-left: 10px; }
.news .news-list .left .imgBox .slider-nav1__item:last-child { margin-right: 10px; }
 .screen-phone.news .news-list .left .imgBox .slider-nav1__item { width: 10px; height: 10px; }
.news .news-list .left .imgBox .slider-nav1__item:hover,.news .news-list .left .imgBox .slider-nav1__item--current { background: #441f89;border: 1px solid #fff; }


/* 医院环境 */
.pics{padding:20px 0 50px;}
.pics .s-title h2{position: relative;font-size:30px;line-height: 60px;margin:0;text-align:center;font-weight: 400;color: #461c88;}
.pics .s-title p{text-align:center;font-size: 18px;color: #575757;}
.screen-phone .pics .s-title h2{font-size:20px;line-height: 40px;margin-top: 0;}
.screen-tablet .pics .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .pics .s-title p{font-size:16px;}
.pics .roll-wrap:hover .control { display: block; }
.pics .roll-wrap { position: relative; height: 200px;margin-top: 20px; overflow: hidden;margin-left: -10px;margin-right: -10px; }
.screen-phone .pics .roll-wrap{margin:0;}
.pics .roll-wrap .roll__list {padding:0;overflow: hidden;}
.pics .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; }
.pics .roll_row .roll__list::after { clear: both; }
.pics .roll_row .roll__list { width: 9999px; }
.pics .roll_row .roll__list li { float: left; display: block; padding:0 8px; width: 300px;font-size: 30px; text-align: center; color: #fff; }
.pics .roll_row .roll__list li a{display: block;width: 100%;height: 100%;}
.pics .roll_row .roll__list li a .img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.pics .roll_row .roll__list li a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.pics .roll_row .roll__list li a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;}
.pics .roll_row .roll__list li a .img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.pics .roll_row .roll__list li a .name{text-align: center;font-size: 18px; margin-top: 20px;margin-bottom: 0; color: #000;}
.pics .roll_row .roll__list li a .desc{text-align: center; color: #666;font-size: 14px;}
.pics .control { position: absolute; top: 40%; display: none; font-weight: 700; text-decoration: none; color: #fff;z-index: 5; padding:10px 5px;background: rgba(0, 0, 0, .3);}
.screen-phone .pics .control,.screen-tablet .pics .control{display: block;}
.pics .control:hover {background: rgba(0, 0, 0, .5);}
.pics .control.pre { left: 0px; }
.pics .control.next { right: 0px; }

/* 加入我们 */
.join{background: #0E86A9;color: #fff;margin-bottom: 50px;}
.join .left{position: relative;}
.join .left h4{font-weight: 400;font-size: 30px;line-height: 130px;text-align: center;margin:0;}
.screen-phone .join .left h4{line-height: 60px;font-size: 24px;text-align: left;}
.screen-phone .join .left i{line-height: 60px;font-size: 30px;}
.join .left i{position: absolute;font-size: 60px; line-height: 130px; top: 0;right: 20px;}
.join .right{overflow: hidden;height: 130px;position: relative;}
.join .right .roll_col { width: 100%; height: 200px; overflow: hidden; }
.join .right .roll_col .roll__list { width: 100%; }
.screen-phone .join .right .roll_col .roll__list{padding:0;}
.join .right .h600 { height: 90px;overflow: hidden;position: relative;margin-top: 20px; }
.join .right .roll_col li { display: block; height: 30px; line-height: 30px; font-size: 16px; text-align: left; color: #fff; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.join .right .roll_col li a{padding-left: 10px;color: #fff;}
.join .right .roll_col li a span{display: inline-block; width: 4px;height: 4px;border-radius: 50%;background: #fff;vertical-align: middle;margin-right: 10px;}
.join .right .roll_col li a:hover{text-decoration: underline;}
.join .right .roll_col .control { top: 80px; }

/* 联系我们 */
.contact{padding: 0px 0 80px;position: relative;}
.contact .row{}
.contact .row .left{background: #8157c2;color: #fff;padding: 64px 50px;}
.contact .row .left h3{font-weight: 400;margin:0;font-size: 30px;line-height: 60px;}
.contact .row .left h3+h3{font-size: 20px;line-height: 40px;}
.contact .row .left h4{font-weight: 400;margin:0;font-size: 16px;line-height: 30px;}
.contact .row .left h4.address{margin-bottom: 10px;}
.contact .row .left .tel{font-size: 30px;}
.contact .row .left .tel span{display: inline-block;font-size: 16px;margin-left: 10px;}
.contact .row .left .tel2{font-size: 19px;line-height: 30px;}
.contact .row .left .tel2 span{display: inline-block;margin-right:20px;}
.contact .row .right{padding:0;}
.contact .row .right .item-map { width: 100%; position: relative; padding-top: 73%; overflow: hidden; min-height: 320px; }
.lte-ie-8 .contact .row .right .item-map { padding-top: 15%; }
.contact .row .right .item-map>div { width: 100%; height: 100%; top: 0; position: absolute; }

.screen-phone .contact{padding-top:0;padding-bottom:30px;}
.screen-phone .contact .row .left{padding: 10px 20px;}
.screen-phone .contact .row .right{padding: 0 10px;}
.screen-phone .contact .row .left .tel{font-size: 24px;line-height: 48px;}
.screen-phone .contact .row .left .tel2 span,.screen-tablet .contact .row .left .tel2 span,.screen-desktop .contact .row .left .tel2 span{width: 50%;font-size: 18px;}

/* 友情链接 */
.links{background: #0E86A9;color: #fff;padding:20px 20px;border-bottom: 1px solid #b38cf2;}
.links h2{display: inline-block; margin:0;font-size:16px;line-height: 30px;font-weight: 400;}
.links a{color: #fff;display: inline-block;margin-right: 15px;font-size:16px;line-height: 30px;}
.links a:hover{text-decoration: underline;}


/*底部*/
#footerbar { width: 100%; font-size: 16px; color: #e3d5f7; padding-top: 10px; padding-bottom: 20px; background-color: #0E86A9; }
#footerbar .row { position: relative; }
#footerbar .group-left0 { position: static; }
#footerbar .group-left0>div:first-child {float: left;width: 50%;}
#footerbar .group-left0>div {float: left; }
#footerbar .group-left0>div p:first-child {}
#footerbar .group-left0>div p img{}
#footerbar .group-left0>div p>a{position: relative;}
#footerbar .group-left0>div p>a>img{margin-right: 20px;}
#footerbar .group-left0>div p>a>.icon{margin-right: 20px;font-size:28px;vertical-align: middle;}
#footerbar .group-left0>div p>a:hover .wechat_hover{display: inline-block;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#footerbar .group-left0>div p>a .wechat_hover{display: inline-block; width: 100px; position:absolute;left:-30px;bottom:30px;-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;transform-origin:bottom center;-ms-transform-origin:bottom center;-moz-transform-origin:bottom center; -webkit-transform-origin:bottom center;-0-transform-origin:bottom center;}
#footerbar .group-left0>div p>a .wechat_hover>img{width: 100%;height: auto;}
#footerbar .group-left1 #footerlinks{line-height: 20px;padding:20px 0;}
#footerbar .group-left1 #footerlinks a{padding-right: 20px;display: inline-block;}
#footerbar .group-left1 #footerlinks a+a{border-left: 2px solid #e3d5f7;padding: 0 20px;}
#footerbar .group-left2>div{font-size: 0;text-align: right;padding-top:20px;}
#footerbar .group-left2>div p{display: inline-block;width: 33%;font-size: 16px;text-align: center;}
#footerbar .group-left2>div p img{width: 90%;height: auto;}
#footerbar .group-left2>div p span{display: block; line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.screen-phone #footerbar .group-left2>div p{font-size: 14px;}
.screen-phone #footerbar .group-left1{padding-top:20px;}
.screen-phone #footerbar .group-left1>div{padding-left:20px;}
.screen-phone #footerbar .group-left1>div p{font-size: 14px;}
.screen-phone #footerbar .group-left2>div{}
.screen-phone #footerbar .group-left3>div{padding-left:20px;}
#footerbar a { color: #e3d5f7; }
#footerbar .group-right>div { display: block; float: right; text-align: center; font-size: 14px; margin-right: 25px; }
.screen-phone #footerbar .group-right>div { float: none; margin-right: 0; }
.screen-phone #footerbar { padding-top: 0; padding-bottom: 0; }
#m-footer { border-top: 1px solid #bd66ff; background-color: #0E86A9; }
#m-footer a { display: block; color: #fff; padding-top: 5px; padding-bottom: 5px; }
.lilian { padding: 0; margin-top: 10px; }
.lilian ul { padding: 0; }
.lilian ul li { width: 240px; float: left; list-style: none; color: #000; font-weight: bold; font-size: 16px; }
.lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }
.screen-tablet .lilian ul li { width: 220px; }
.screen-tablet .lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }
.screen-phone #footerbar .group-left0{padding: 10px;}




/* advantage 我们的优势 样式-关于我们 */
.advantage{width: 100%;height: auto;background:url(../../images/advantage_02.png);padding-top: 60px;margin-bottom: 50px;}
.liststyle1{margin-top:40px;padding-left: 10px;padding-right: 10px;}
.screen-phone .advantage{padding-top: 30px;margin-bottom: 0;}
.screen-phone .liststyle1{padding:0;}
.liststyle1 .item{display: block;width:100%;height: 100%; background-color: #fff;text-align: center;color: #555657;border-top: 1px solid #b8b8b8;border-left: 1px solid #b8b8b8;position: relative;}
.liststyle1 .item:hover{background: #0E86A9;color:#fff;}
.liststyle1 .item1>.itemimg>div>div{background: url('../../images/icon/advantage1.png');}
.liststyle1 .item2>.itemimg>div>div{background: url('../../images/icon/advantage2.png');}
.liststyle1 .item3>.itemimg>div>div{background: url('../../images/icon/advantage3.png');}
.liststyle1 .item4>.itemimg>div>div{background: url('../../images/icon/advantage4.png');}
.liststyle1 .item5>.itemimg>div>div{background: url('../../images/icon/advantage5.png');}
.liststyle1 .item6>.itemimg>div>div{background: url('../../images/icon/advantage6.png');}
.liststyle1 .item:hover.item1>.itemimg>div>div{background: url('../../images/icon/advantage1_hover.png');}
.liststyle1 .item:hover.item2>.itemimg>div>div{background: url('../../images/icon/advantage2_hover.png');}
.liststyle1 .item:hover.item3>.itemimg>div>div{background: url('../../images/icon/advantage3_hover.png');}
.liststyle1 .item:hover.item4>.itemimg>div>div{background: url('../../images/icon/advantage4_hover.png');}
.liststyle1 .item:hover.item5>.itemimg>div>div{background: url('../../images/icon/advantage5_hover.png');}
.liststyle1 .item:hover.item6>.itemimg>div>div{background: url('../../images/icon/advantage6_hover.png');}
.liststyle1 .item3,.liststyle1 .item6,.liststyle1 .item_more{border-right: 1px solid #b8b8b8;}
.liststyle1 .item4,.liststyle1 .item5,.liststyle1 .item6,.liststyle1 .item_more{border-bottom: 1px solid #b8b8b8;}
.screen-phone .liststyle1 .item{border-top: 1px solid #b8b8b8;border-left: 1px solid #b8b8b8;border-right: 1px solid #b8b8b8;}
.screen-phone .liststyle1 .item_more{border-bottom: 1px solid #b8b8b8;}
.screen-phone .liststyle1 .item_more .a_null{height: 0;}

.liststyle1 .col{padding: 0;}
.liststyle1 .item .itemimg{display: block;min-height:110px;position: relative;font-size: 0;line-height: 0;}
.liststyle1 .item_more .a_layer{display:block;width:100%;height: 100%;background-color: #0E86A9;position: absolute;top: 0;left: 0;}
.liststyle1 .item .itemimg>div{position: absolute;display:block;width: auto;height: auto;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.liststyle1 .item .itemimg>div>div{display: block;width: auto;height: auto;}
.liststyle1 .item .a_layer .a_more{width:160px;height: 60px;font-size:20px;line-height:60px;color:#0E86A9;position: absolute;top: 50%;left: 50%;margin-top:-30px; margin-left:-80px;border: 1px solid #0E86A9;border-radius:30px;background-color: #fff;}

.liststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.liststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;line-height: 32px;padding-bottom: 20px;margin: 0 5%;}
.liststyle1 .item .itemcontent{width: 90%;height:100px;overflow:hidden;margin: 0 5%;margin-bottom: 30px;font-size:14px;line-height:24px;}
.liststyle1 .item_more .a_null{height:182px;}

/* 服务流程-关于我们 */
#index-service { font-size: 0px; width: 100%; height: 280px; overflow: hidden; }
#index-service .group-main { width: 1140px; height: 280px; background: url(../../images/bg1.jpg) center no-repeat; padding: 0px 79.5px; }
#index-service .group-main .items { display: block; float: left; width: 120px; height: 100%; text-align: center; }
#index-service .group-main .items + .items { margin-left: 3px; }
#index-service .group-main .items .maintitle { display: block; width: 112px; color: #000; font-size: 18px; height: 44px; line-height: 44px; background: #efefef;border: 1px solid #f58a8a;border-radius: 8px; margin: 0 auto; position: relative; overflow: hidden; -webkit-transition: .4s all .3s; -moz-transition: .4s all .3s; -ms-transition: .4s all .3s; -o-transition: .4s all .3s; }
#index-service .group-main .items:hover .maintitle { color: #fff; }
#index-service .group-main .items.style .maintitle { top: 236px; }
#index-service .group-main .items .maintitle span { display: block; width: 100%; height: 100%; top: 100%; position: absolute; background-color: #0E86A9;border-radius: 8px; -webkit-transition: .4s all .3s; -moz-transition: .4s all .3s; -ms-transition: .4s all .3s; -o-transition: .4s all .3s; }
#index-service .group-main .items.style .maintitle span { top: -100%; }
#index-service .group-main .items:hover .maintitle span { top: 0%; }
#index-service .group-main .items .maintitle div { display: block; width: 100%; height: 100%; position: relative; }
#index-service .group-main .items .items-main { display: block; padding: 4px 0px; }
#index-service .group-main .items .items-main .circle { display: block; position: relative; width: 6px; height: 6px; border-radius: 50%; background: #0E86A9; margin: 0 auto; behavior: url(style/PIE/PIE.htc); }
#index-service .group-main .items.style .circle { top: 178px; }
#index-service .group-main .items .items-main .line { display: block; position: relative; width: 2px; height: 37px; background: #0E86A9; margin: 0 auto; }
#index-service .group-main .items.style .line { top: 136px; }
#index-service .group-main .items .items-main .img { display: block; width: 100px; height: 100px; background: #fff; border: 2px solid #0E86A9; border-radius: 50%; margin: 0 auto; position: relative; overflow: hidden; behavior: url(style/PIE/PIE.htc); }
#index-service .group-main .items:hover .items-main .img { border: none; }
#index-service .group-main .items .items-main .img span { display: block; width: 100%; height: 100%; position: absolute; background: #0E86A9; border-radius: 50%; behavior: url(style/PIE/PIE.htc); top: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
#index-service .group-main .items.style .items-main .img span { top: -100%; }
#index-service .group-main .items:hover .items-main .img span { top: 0; }
#index-service .group-main .items .items-main .img img { display: block; width: 100%; position: relative; }
#index-service .group-main .items .items-main .img img + img { display: none; }
#index-service .group-main .items:hover .items-main .img img { display: none; }
#index-service .group-main .items:hover .items-main .img img + img { display: block; }

/* ------------------------- list 列表页 --------------------------- */

.body-container{background: #fff;}
.screen-phone .news-banner,.screen-tablet .news-banner,.screen-desktop .news-banner{height: auto;}
.news-banner{width: 100%;position: relative;height:100%;overflow: hidden;}
.news-banner .layer{width: 100%;height: 100%; position: absolute;top: 0;left: 0; background:#62bcee73;z-index: 2;}
.screen-phone .news-banner .layer .title{font-size:20px;margin-top: 10px;line-height: 40px;margin:0;}
.screen-phone .news-banner .layer .desc{font-size:14px;line-height: 30px;}
.news-banner .layer .title{font-size: 32px;line-height: 52px;text-align: center;color: #fff;margin-top: 100px;}
.news-banner .layer .desc{font-size: 18px;line-height: 32px;text-align: center;color: #fff;}
.news-banner .img{display: block; padding-top: 20%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
/*.screen-phone .news-banner .img{padding-top:40%;}*/
.news-banner .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.news-banner .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;}
.news-banner .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
/*核心业务-主页*/

.core { margin-top: 80px; margin-bottom: 30px; }
.core .container { padding-left: 0; padding-right: 0; }
.screen-phone .core .container { padding-left: 10px; padding-right: 10px; }
.screen-phone .core { margin-top: 0; margin-bottom: 0; }
.liststyle0 { margin-top: 40px; }
.screen-phone .liststyle0 { padding-left: 0; }
.screen-phone .liststyle0 .col { padding-left: 5px; padding-right: 5px; }
.liststyle0 .item { display: block; background-color: #fff; text-align: center; color: #555657; border: 1px solid #b8b8b8; margin-bottom: 20px; position: relative; }
.liststyle0 .col { padding-right: 25px; padding-left: 25px; }
.screen-phone .liststyle0 .item { margin-bottom: 10px; }
.liststyle0 .item .itemimg { display: block; min-height: 170px; padding-top: 60%; position: relative; font-size: 0; line-height: 0; }
.screen-phone .liststyle0 .item .itemimg { min-height: 130px; top: -20px; }
.liststyle0 .item .itemimg>div { position: absolute; display: block; width: 112px; height: 112px; top: 30px; left: 50%; margin-left: -56px; border: 1px solid #fff; border-radius: 56px; background-color: #8c8d8d; }
.liststyle0 .item .itemimg>div>div { display: block; width: 57px; height: 57px; position: absolute; top: 26px; left: 28px; }
.liststyle0 .item .itemimg>div>div.img-data { background: url(../../images/icon/data.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-government { background: url(../../images/icon/government.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-estate { background: url(../../images/icon/estate.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-internet { background: url(../../images/icon/internet.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div>img { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; }
.lte-ie-8 .liststyle0 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.liststyle0 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 32px; margin-bottom: 0px; margin: 0 5%; }
.liststyle0 .item .itemtitleEn { margin-bottom: 80px; color: #b6b6b6; font-size: 14px; line-height: 20px; }
.screen-phone .liststyle0 .item .itemtitleEn { margin-bottom: 40px; line-height: 20px; }
.liststyle0 .item .itemline { width: 54px; height: 3px; position: absolute; left: 50%; bottom: 40px; margin-left: -27px; background-color: #0E86A9; }
.screen-phone .liststyle0 .item .itemline { bottom: 20px; }
.liststyle0 .item:hover { background-color: #0E86A9; box-shadow: 2px 5px 10px #8c8d8d; }
.liststyle0 .item:hover .itemimg>div { background-color: #fff; }
.liststyle0 .item:hover .itemimg>div>div.img-data { background-image: url(../../images/icon/data_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-government { background-image: url(../../images/icon/government_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-estate { background-image: url(../../images/icon/estate_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-internet { background-image: url(../../images/icon/internet_2.png); }
.liststyle0 .item:hover .itemtitle { color: #fff; }
.liststyle0 .item:hover .itemtitleEn { color: #b5dcf5; }
.liststyle0 .item:hover .itemimg>div>i { color: #0E86A9; }
.liststyle0 .item:hover .itemline { background-color: #fff; }

/* 服务项目 */
.products-service{padding-bottom: 50px;padding-top: 50px;background: #fff;}
.products-service:nth-child(2n){background: #f5f4f4;}
.products-service.s3,.products-service.s5{padding-bottom: 0;}
.products-service:nth-of-type(2n) .col.img{text-align: right;}
.products-service .col{}
.products-service .col:nth-child(2n){}
.products-service .service-title{font-size:36px;display: inline-block;border-bottom:5px solid #0E86A9;}
.products-service .service-desc{padding-top: 30px;}
.products-service .subservice{font-size:18px;padding-top: 50px;overflow: hidden;}
.products-service .subservice span{display: block;float: left; padding: 0 10px;border-left: 1px solid #818181;color: #a00b0b;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.products-service .subservice span:hover{cursor: pointer;color: #fff;background: #0E86A9;border-left: 1px solid #0E86A9;}
.products-service .subservice span:first-child{border-left:none;padding-left: 5px;}
.screen-phone .products-service .subservice span{margin-bottom:10px;}

.products-service .service-btn{padding-top: 50px;}
.products-service .service-btn a{display: inline-block;font-size: 20px;color: #fff; padding:10px 25px;border-radius: 8px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.products-service .service-btn a:first-child{background: #0E86A9;border:1px solid #0E86A9;}
.products-service .service-btn a:first-child:hover{background: #fff;border:1px solid #0E86A9;color: #0E86A9;}
.products-service .service-btn a:nth-child(2){background: #ec5021;margin-left: 20px;border:1px solid #ec5021;}
.products-service .service-btn a:nth-child(2):hover{background: #fff;border:1px solid #ec5021;color: #ec5021;}
.screen-phone .products-service{padding-top: 20px;padding-bottom: 20px;}
.screen-phone .products-service .subservice{padding-top: 20px;}
.screen-phone .products-service .service-btn,.screen-tablet .products-service .service-btn{padding-top: 20px;padding-bottom: 20px;}
.screen-tablet .products-service .col.img{text-align: center;}


.service-detail{background: #fff;padding-bottom: 50px;}
.service-detail .detail-title{font-size:28px;color: #38414d; text-align: center;padding-bottom: 50px;padding-top: 30px;}
.service-detail .detail-title span{display: block; width: 300px;height: 2px;background: #ddd;position: absolute;left: 50%;margin-left: -150px;}
.service-detail .servicestyle1 ul{padding-top: 50px; padding-bottom: 30px;padding-left: 0;}
.service-detail .servicestyle1 ul li{width: 20%;float: left;background: #fff; border-right: 1px solid #fff;border-top: 3px solid #fff;border-bottom: 3px solid #fff; border-left: 1px solid #ddd;text-align: center;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;position: relative; z-index: 1;}
.service-detail .servicestyle1 ul li:first-child{border-left: 1px solid #fff;}
.service-detail .servicestyle1 ul li:hover,.service-detail .servicestyle1 ul li.active{border:3px solid #e74c3c;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);z-index: 2;}
.service-detail .servicestyle1 ul li .c1{padding-top: 30px;font-size:28px;color: #38414d;}
.service-detail .servicestyle1 ul li .c2{padding-top: 20px;}
.service-detail .servicestyle1 ul li .c2 span{font-size:30px;color: #e74c3c;}
.service-detail .servicestyle1 ul li .c2 i{font-size:14px;}
.service-detail .servicestyle1 ul li .c3{margin-top: 90px;background: #f1f4f5;padding: 15px 0;}
.service-detail .servicestyle1 ul li .c3 a{display: inline-block;padding: 8px;font-size:14px;background: #92c135;border-radius: 4px;color: #fff;}
.service-detail .servicestyle1 ul li .c3 a:hover{background: #364c0a;}
.service-detail .servicestyle1 ul li .c4{}
.service-detail .servicestyle1 ul li .c4 p{padding: 20px 0;font-size:14px;margin:0;min-height:61px;}
.service-detail .servicestyle1 ul li .c4 p:nth-child(2n){background: #f1f4f5;}

.service-detail .servicestyle2 ul{padding:30px 10px 30px;}
.service-detail .servicestyle2 ul li{background: #fff; border-right: 1px solid #fff;border-top: 3px solid #fff;border-bottom: 3px solid #fff;border-left: 1px solid #ddd;text-align: center;padding:0;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;position: relative; z-index: 1;}
.service-detail .servicestyle2 ul li:first-child{border-left: 1px solid #fff;}
.service-detail .servicestyle2 ul li:hover,.service-detail .servicestyle2 ul li.active{border:3px solid #e74c3c;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);z-index: 2;}
.service-detail .servicestyle2 ul li .c1{padding-top: 30px;font-size:28px;color: #38414d;}
.service-detail .servicestyle2 ul li .c2{padding-top: 20px;}
.service-detail .servicestyle2 ul li .c2 span{font-size:30px;color: #e74c3c;}
.service-detail .servicestyle2 ul li .c2 i{font-size:14px;}
.service-detail .servicestyle2 ul li .c3{margin-top: 90px;background: #f1f4f5;padding: 15px 0;}
.service-detail .servicestyle2 ul li .c3 a{display: inline-block;padding: 8px;font-size:14px;background: #92c135;border-radius: 4px;color: #fff;}
.service-detail .servicestyle2 ul li .c3 a:hover{background: #364c0a;}
.service-detail .servicestyle2 ul li .c4{}
.service-detail .servicestyle2 ul li .c4 p{padding: 20px 0;font-size:14px;margin:0;min-height:61px;}
.service-detail .servicestyle2 ul li .c4 p:nth-child(2n){background: #f1f4f5;}

.screen-phone .service-detail{padding-bottom: 20px;}
.screen-phone .service-detail ul li,.screen-tablet .service-detail ul li{width: 100%;border:none;padding:30px 0 0;}
.screen-phone .service-detail ul li .c1{padding-top:0;}
.screen-phone .service-detail ul li .c2{padding-top:10px;}
.screen-phone .service-detail ul li .c3{margin-top:20px;}
.screen-phone .service-detail ul li .c4{padding-top:0;}

/*案例列表页*/
.caseliststyle1 { margin-top: 20px; padding-left: 10px; padding-right: 10px; }
.screen-phone .caseliststyle1 { padding: 0; }
.caseliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative; }
.caseliststyle1 .col { padding-bottom: 10px; }
.caseliststyle1 .item .itemimg { display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.caseliststyle1 .item .itemimg>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.caseliststyle1 .item .itemimg>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;  }
.caseliststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.caseliststyle1 .item .itemtitle {  width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 40px; padding: 0 5%;margin: 0; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;  }
.caseliststyle1 .item:hover .itemimg>div>div{transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);}
.caseliststyle1 .item:hover .itemtitle { color: #fff;background: #0E86A9; }
.screen-phone .caseliststyle1 .item .itemtitle { font-size: 14px; }
.caseliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.caseliststyle1 .item_more .a_null { height: 182px; }

/*产品列表页*/
.proliststyle1 { padding-left: 0; padding-right: 0; }
.screen-phone .proliststyle1 { padding: 0; }
.proliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative; border: 1px solid #ccc;}
.proliststyle1 .col { padding: 0 10px; padding-bottom: 20px; }
.screen-phone .proliststyle1 .col { padding: 0 5px; padding-bottom: 10px; }
.proliststyle1 .item .pro-img { display: block; padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.proliststyle1 .item .pro-img>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.proliststyle1 .item .pro-img1 { display: block; padding-top: 30%; position: relative; font-size: 12px; line-height: 20px; overflow: hidden; }
.proliststyle1 .item .pro-img1>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img1>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img1>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.proliststyle1 .item .itemtitle { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 30px; margin: 0 5%; }
.screen-phone .proliststyle1 .item .itemtitle { font-size: 12px; }
.proliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.proliststyle1 .item_more .a_null { height: 182px; }


/* 新闻列表 */
.liststyle2{position: relative;padding-top:40px;}
.screen-phone .liststyle2{padding-top:10px;}
.screen-phone .liststyle2 .items{padding-bottom: 20px;}
.liststyle2 .items{padding-bottom: 30px;}
.liststyle2 .items>a{display: block;position: relative;padding: 20px;border:1px solid #e8e8e8;}
.screen-phone .liststyle2 .items>a{padding: 10px;}
.liststyle2 .items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .liststyle2 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;}
.liststyle2 .items .news-con .news-title{display: block;width: 100%;min-height: 72px; color: #333;font-size: 18px;line-height: 36px;text-align: center;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.liststyle2 .items .news-con .news-title span{display: inline-block;height: 1px;background: #000; width: 0;vertical-align: middle;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;min-height: auto;}
.liststyle2 .items:hover .news-con .news-title span{width: 8%;background: #0E86A9;}
.liststyle2 .items .news-con .news-desc{color: #999;font-size: 14px;height: 63px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.screen-phone .liststyle2 .items .news-con .news-desc,.screen-tablet .liststyle2 .items .news-con .news-desc{min-height: 0;}
.liststyle2 .items .news-con .news-detailtime { width: 100%; display: block; font-size: 18px; letter-spacing: 1px; color: #999; float: left; line-height: 30px; text-align: center; position: relative; }
.liststyle2 .items .news-con .news-detailtime span{display: block;width: 70px;height: 1px;background: #e8e8e8;margin:10px auto;}
.liststyle2 .items:hover .news-con .news-title,.liststyle2 .items:hover .news-con .news-desc,.liststyle2 .items:hover .news-con .news-detailtime{color: #fff;}
.liststyle2 .items:hover>a{background: #0E86A9;border-color: #0E86A9;}
.liststyle2 .items .news-con a:hover{color: #0E86A9;}
.liststyle2 .items .news-con a{display: block; width: 100px;line-height: 40px;text-align: center; border-radius: 40px;background: #fff;border:1px solid #0E86A9;margin:30px auto 10px;}

.liststyle21{position: relative;padding-top:20px;}
.screen-phone .liststyle21{padding-top:10px;}
.liststyle21 .msg{font-size:17px;border-bottom: 1px solid #0E86A9;padding:10px;}
.liststyle21 .items{padding-top: 8px;border-bottom: 1px dashed #ccc;}
.liststyle21 .items>a{display: block;position: relative;}
.screen-phone .liststyle21 .items>a{padding: 10px;}
.liststyle21 .items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .liststyle21 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle21 .items .news-con p{width: 100%;text-align: left;}
.liststyle21 .items .news-con .news-title{display: block;width: 100%; color: #333;font-size: 16px;line-height: 36px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.liststyle21 .items .news-con .news-title span{display: inline-block;color: #0E86A9;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.screen-phone .liststyle21 .items .news-con .news-title{color: #333;font-size: 16px;min-height: auto;}
.liststyle21 .items:hover .news-con .news-title span{color: #0E86A9;}
.liststyle21 .items .news-con .news-desc{color: #999;font-size: 14px;line-height: 24px; min-height: 24px;padding-left: 8px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.screen-phone .liststyle21 .items .news-con .news-desc,.screen-tablet .liststyle21 .items .news-con .news-desc{min-height: 0;}
.liststyle21 .items .news-con .news-detailtime { width: 100%; display: block; font-size: 18px; letter-spacing: 1px; color: #999; float: left; line-height: 30px; text-align: center; position: relative; }
.liststyle21 .items .news-con .news-detailtime span{display: block;width: 70px;height: 1px;background: #e8e8e8;margin:10px auto;}
.liststyle21 .items:hover .news-con .news-title{color: #0E86A9;}
.liststyle21 .items:hover>a{}



/* 专家列表左侧导航栏 */
.expert_list{overflow: hidden;}
.expert_leftnav{width: 25%;float: left;}
.screen-phone .expert_leftnav{width: 100%;}
.expert_leftnav .leftnav1{display: block;width: 90%;background-color: #fff;margin-bottom: 20px;}
.screen-phone .expert_leftnav .leftnav1,.screen-tablet .expert_leftnav .leftnav1{margin-left: auto;margin-right: auto;display: block;width: 100%; }
.expert_leftnav .leftnav1 a { color: #666; }
.expert_leftnav .leftnav1 ul { padding: 0; margin: 0; }
.expert_leftnav .leftnav1 ul li { display: block; width: 100%; }
.expert_leftnav .leftnav1 ul li>a { display: block; width: 100%; background-color: #fff; font-size: 18px; color: #666; line-height: 48px; font-weight: 800; padding: 0px 22px; position: relative;background-color: #0E86A9; color: #fff; border-bottom: 2px solid #fff;}
.expert_leftnav .leftnav1 ul li:last-child>a{border-bottom: none;}
.expert_leftnav .leftnav1 ul li.active>a, .expert_leftnav .leftnav1 ul li:hover>a { color: #fff; background-color: #0E86A9; }
.expert_leftnav .leftnav1 ul li>a>.icon { display: inline-block;font-size: 24px;vertical-align: middle; margin-right: 10px; line-height: 48px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.expert_leftnav .leftnav1 ul li.active>a>.icon { transform: rotate(180deg); }
.expert_leftnav .leftnav1 ul li +li { }
.expert_leftnav .leftnav1 ul li .navplus { display: none; width: 100%;}
.expert_leftnav .leftnav1 ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.expert_leftnav .leftnav1 ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.expert_leftnav .leftnav1 ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.expert_leftnav .leftnav1 ul li.left-contact div p { }
.expert_leftnav .leftnav1 ul li .navplus a { display: block;border-bottom: 1px solid #d4d2d2; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 17px 10px 17px 20px;margin: 0 auto; line-height: 16px;width: 90%; height: 50px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
.expert_leftnav .leftnav1 ul li .navplus a:last-child{border-bottom: none;}
.expert_leftnav .leftnav1 ul li .navplus a .icon{float: right;font-size: 18px;}
.expert_leftnav .leftnav1 ul li .navplus a:hover,.expert_leftnav .leftnav1 ul li .navplus a.active{color: #0E86A9;}

/* 专家列表 */
.liststyle3{position: relative;width: 75%;float: left;background: #fff;}
.screen-phone .liststyle3{padding-top:10px;width: 100%;margin-left: 0;}
.screen-phone .liststyle3 .items{padding-bottom: 20px;}
.liststyle3 .items{padding-bottom: 10px;padding-top:10px;}
.liststyle3 .items>a{display: block;position: relative;padding: 20px;}
.screen-phone .liststyle3 .items>a{padding: 10px;}

.liststyle3 .items>a .img{display: block;width: 90%;margin: 0 auto 10px; padding-top: 115%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.screen-phone  .liststyle3 .items>a .img{width: 50%;padding-top: 63%;}
.liststyle3 .items>a .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.liststyle3 .items>a .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-radius:50%;border: 10px solid #eeeeee; }
.liststyle3 .items>a .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.liststyle3 .items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .liststyle3 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle3 .items .news-con p{width: 100%;text-align: left;}
.liststyle3 .items .news-con .news-title{display: block;width: 100%;min-height: 72px; color: #333;font-size: 18px;line-height: 36px;text-align: center;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.liststyle3 .items .news-con .news-title span{display: inline-block;height: 1px;background: #000; width: 0;vertical-align: middle;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.screen-phone .liststyle3 .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle3 .items:hover .news-con .news-title span{width: 8%;background: #0E86A9;}
.liststyle3 .items .news-con .news-desc{color: #999;font-size: 14px;line-height:20px;min-height: 60px;max-height:60px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.screen-phone .liststyle3 .items .news-con .news-desc,.screen-tablet .liststyle3 .items .news-con .news-desc{min-height: 0;}
.liststyle3 .items .news-con .news-detailtime { width: 100%; display: block; font-size: 18px; color: #000; float: left; line-height: 30px; text-align: center; position: relative;padding-bottom: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.liststyle3 .items .news-con .news-detailtime span{display: block;width: 100%;text-align: center; font-size: 14px; line-height: 20px;min-height: 20px; margin:10px auto;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.liststyle3 .items:hover .news-con .news-title,.liststyle3 .items:hover .news-con .news-desc,.liststyle3 .items:hover .news-con .news-detailtime,.liststyle3 .items:hover .news-con .news-detailtime span{color: #fff;}
.liststyle3 .items:hover>a{background: #0E86A9;border-color: #0E86A9;}
.liststyle3 .items .news-con a:hover{color: #0E86A9;}
.liststyle3 .items .news-con a{display: block; width: 100px;line-height: 40px;text-align: center; border-radius: 40px;background: #fff;border:1px solid #0E86A9;margin:30px auto 10px;}

.expert_detail{width: 75%;float: left;background: #fff;padding:50px;padding-top: 0;}
.screen-phone .expert_detail{width: 100%;padding:10px;margin-left: 0;}
.screen-tablet .expert_detail{width: 100%;padding:20px;}
.expert_detail .detail{position: relative;overflow: hidden;padding-bottom:40px;border-bottom: 1px solid #e6e5e5;}
.expert_detail .detail .img{display: block;width: 28%; padding-top: 35%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.expert_detail .detail .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.expert_detail .detail .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-radius:48%;border: 10px solid #eeeeee; }
.expert_detail .detail .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.expert_detail .detail .title{width: 70%;position: absolute;top: 0;right: 0;}
.expert_detail .detail .title h3{margin:0;color: #0E86A9;font-weight: 400;font-size:18px;line-height: 40px;}
.expert_detail .detail .title>span{font-size:14px;color: #999;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.expert_detail .detail .title>i{background: #e6e5e5;width: 50px;height: 1px;display: block;margin:15px 0 10px;}
.expert_detail .detail .title>p{color: #848484;font-size:16px;line-height: 30px;margin:0;}
.expert_detail .detail .title>p.skill{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.expert_detail .detail .title>p.edu{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.expert_detail .detail .title>p span{color: #000;}
.expert_detail .detail .title>p .e-btn{display: inline-block; background: #0E86A9;line-height: 30px;text-align: center;font-size: 14px;padding:0 20px;border-radius:15px;color: #fff;border:1px solid #fff;}
.expert_detail .detail .title>p .e-btn:hover{background: #fff;border:1px solid #0E86A9;color: #0E86A9;}
.screen-phone .expert_detail .detail{padding-bottom:20px;}
.screen-phone .expert_detail .detail .img{width: 75%;padding-top:100%;margin:0 auto 20px;}
.screen-phone .expert_detail .detail .title{position: relative;width: 100%;}

.expert_iframe{display: block; width:100%;height: 100%;padding:30px; position: fixed;top: 0;left: 0;background: #fff;z-index: 99999;}
.expert_iframe iframe{width:100%;height: 100%;}

/* 科室介绍样式 */
.liststyle31{padding-top:40px;}
.screen-phone .liststyle31{padding:20px 10px;}
.liststyle31 ul { padding: 0; margin: 0; }
.screen-phone .liststyle31 ul li{padding-bottom:20px;}
.liststyle31 ul li { display: block; width: 100%;overflow: hidden;position: relative;padding-bottom: 40px; }
.screen-phone .liststyle31 ul li>a{width: 100%;}
.liststyle31 ul li>a { display: block; width: 20%; float: left; background-color: #fff; font-size: 26px; color: #666; line-height: 80px; font-weight: 400; padding: 0px 10px; position: relative;background-color: #0E86A9; color: #fff; border-radius: 10px;overflow: hidden;white-space: nowrap;}
.liststyle31 ul li:last-child>a{border-bottom: none;}
.liststyle31 ul li.active>a, .liststyle31 ul li:hover>a { color: #fff; background-color: #0E86A9; }
.liststyle31 ul li>a>.iconfont { display: inline-block;font-size: 40px;vertical-align: middle; margin-right: 8px; line-height: 48px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.liststyle31 ul li.active>a>.icon { transform: rotate(180deg); }
.liststyle31 ul li +li { }
.screen-phone .liststyle31 ul li .navplus{width: 100%;padding-left: 0;text-align: center;font-size: 0;padding-top:10px;}
.liststyle31 ul li .navplus { display: block; width: 80%;float: left;padding-left:50px;}
.liststyle31 ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.liststyle31 ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.liststyle31 ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.liststyle31 ul li.left-contact div p { }
.screen-phone .liststyle31 ul li .navplus a{width: 140px;margin-right: 10px;}
.screen-phone .liststyle31 ul li .navplus a:after{width: 140px;left: -140px;}
.liststyle31 ul li .navplus a { display: inline-block;width: 160px;margin-right:15px;margin-bottom: 10px; height: 45px;line-height: 45px; border-radius: 8px;color: #0E86A9; border: 1px solid #0E86A9; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px 0 20px;position: relative;z-index: 0;transition: all 0.5s;}
.liststyle31 ul li .navplus a:after{ content: " "; width: 160px; height: 45px; background: #0E86A9; left: -160px; top: 0px; z-index: -1; position: absolute;transition: all 0.5s;}
.liststyle31 ul li .navplus a .icon{float: right;font-size: 18px;line-height: 45px;}
.liststyle31 ul li .navplus a:hover:after{left: 0;}
.liststyle31 ul li .navplus a:hover,.liststyle31 ul li .navplus a.active{color: #fff;}

/* 科室详情 */
.b_introduction{font-size:0;overflow: hidden;position: relative;padding-top:30px;padding-bottom:10px;}
.b_introduction h3{font-weight:400;margin:0;border-bottom: 4px solid #0E86A9;font-size: 20px; line-height: 40px;width: 4em;margin-bottom: 20px;}
.screen-phone .b_introduction .img{width: 100%;}
.screen-phone .b_introduction .img .img1{width: 100%;padding-top: 60%;}
.b_introduction .img{display: inline-block;width: 50%;float: left;}
.b_introduction .img .img1{display: block;width: 90%; padding-top: 58%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.b_introduction .img .img1>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; border: 10px solid #0e86a96e;border-radius: 10px;}
.b_introduction .img .img1>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; }
.b_introduction .img .img1>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.b_introduction .img .noimg{background: #0E86A9;}
.b_introduction .img .noimg h2{display: block;width: 100%;text-align: center; margin: 0;font-size: 52px; color: #fff;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.screen-phone .b_introduction .img .noimg h2{font-size: 26px;}

.b_introduction .right{display: inline-block;width: 50%;}
.screen-phone .b_introduction .right{width: 100%;padding-top:20px;}
.screen-phone .b_introduction .right>p{font-size:18px;line-height: 24px;margin-bottom: 10px;}
.screen-phone .b_introduction .right>div{font-size:14px;line-height: 24px;}
.b_introduction .right>p{font-size:20px;line-height: 30px;color: #0E86A9;margin-bottom: 20px;}
.b_introduction .right>div{font-size:16px; line-height: 30px;color: #393939;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;}
.b_introduction .right>div p{margin:0;}
.b_introduction .right>button{font-size: 16px;line-height: 30px;padding:0 20px;border-radius:20px;background: #fff;color: #0E86A9;border:1px solid #0E86A9;margin-top: 20px;transition: all .5s;outline: none;}
.b_introduction .right>button:hover{background: #0E86A9;color: #fff;}

#b_introduction{display: block;width: 100%;height: 100%; position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .6);z-index: 99999;}
#b_introduction .container{position: relative;width: 100%;height: 100%;}
#b_introduction .b_text{width: 100%;height: 100%; padding: 50px; background: #fff;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);overflow-y: auto;}
#b_introduction .iconfont{font-size: 30px;position: absolute;top: 0;right: 10px;color: #f00;z-index: 1;}
#b_introduction .iconfont:hover{cursor: pointer;}
.screen-phone #b_introduction .b_text{padding:20px;}

.b_expert{overflow: hidden;position: relative;padding-top:30px;padding-bottom:10px;}
.b_expert h3{font-weight:400;margin:0;border-bottom: 4px solid #0E86A9;font-size: 20px; line-height: 40px;width: 4em;margin-bottom: 20px;}
.b_expert .line{display: block; width: 100%;height: 1px;background: #eee;position: absolute;top: 74px;left: 0;}
.b_feature .line{display: block; width: 100%;height: 1px;background: #eee;position: absolute;top: 74px;left: 0;}

.b_feature{overflow: hidden;position: relative;padding-top:30px;padding-bottom:30px;}
.b_feature h3{font-weight:400;margin:0;border-bottom: 4px solid #0E86A9;font-size: 20px; line-height: 40px;width: 4em;margin-bottom: 50px;}
.b_feature div{font-size:16px;line-height: 30px;color: #393939;}

/* 特色科室 */
.liststyle34{padding-top:15px;padding-bottom: 50px;}
.liststyle34 .col{padding-top: 15px;}
.liststyle34 .col>a{display: block; border:6px solid #fff;border-radius: 12px;}
.liststyle34 .col>a>div{border:1px solid #e8cffc;padding:10px 20px; background: #f1f1f1;border-radius: 6px;}
.liststyle34 .col>a>div h3{font-size: 28px;font-weight:400;line-height: 52px;padding:0;margin:0;color: #461c88;border-bottom: 1px solid #c5c5c5;}
.liststyle34 .col>a>div>div{overflow: hidden;padding:15px 0;}
.liststyle34 .col>a>div>div>p{display: block;float: left;width: 60%; font-size: 16px;line-height: 30px;height:150px;color: #0e0e0e;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;padding-right:15px;margin:0;}
.liststyle34 .col>a>div>div>.img{display: block;float: left;width: 40%; padding-top: 45%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.liststyle34 .col>a>div>div>.img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.liststyle34 .col>a>div>div>.img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; }
.liststyle34 .col>a>div>div>.img>div>div>img { width: 100%;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.liststyle34 .col>a object a{display: inline-block;background: #0E86A9;border:1px solid #f1f1f1; color: #fff;padding:10px 20px;font-size: 16px;line-height:20px;border-radius: 8px;margin-bottom: 10px;}
.liststyle34 .col>a object a:hover{border:1px solid #0E86A9;color: #0E86A9;background: #f1f1f1;}
.liststyle34 .col>a:hover{border:6px solid #7c3faa;}


/* 门诊排班 */
.liststyle32{width: 75%;float: left;background: #fff;padding-top:20px;}
.screen-phone .liststyle32,.screen-tablet .liststyle32{padding:20px 10px;width: 100%;margin:0;float: none;}
.liststyle32>ul { padding: 0; margin: 0;padding-left: 30px;padding-right: 30px; }
.screen-phone .liststyle32>ul{padding-left: 0px;padding-right: 0px;}
.screen-phone .liststyle32>ul li{padding-bottom:20px;}
.liststyle32>ul li { display: block; width: 100%;overflow: hidden;position: relative;padding-bottom: 40px; }
.liststyle32>ul li>a { display: block; width: 100%;font-size: 24px; color: #0E86A9; line-height: 50px; font-weight: 400; padding: 0px 10px; position: relative; overflow: hidden;white-space: nowrap;border-bottom: 1px dashed #ccc;margin-bottom: 20px;}
.liststyle32>ul li>a>.iconfont { display: inline-block;font-size: 30px;vertical-align: middle; margin-right: 10px; line-height: 48px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.liststyle32>ul li.active>a>.icon { transform: rotate(180deg); }
.liststyle32>ul li +li { }
.screen-phone .liststyle32>ul li .navplus{width: 100%;padding-left: 0;text-align: center;font-size: 0;padding-top:10px;}
.liststyle32>ul li .navplus { display: block;font-size: 0; width: 100%;}
.liststyle32>ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.liststyle32>ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.liststyle32>ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.liststyle32>ul li.left-contact div p { }
.screen-phone .liststyle32>ul li .navplus a{min-width: 130px;width: 48%; margin-right: 2%;}
.liststyle32>ul li .navplus a { display: inline-block;min-width: 160px; width: 24%;margin-right:1%;margin-bottom: 10px; height: 45px;line-height: 45px;text-align: center; border-radius: 8px;color: #666; border: 1px solid #666; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;  -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
.liststyle32>ul li .navplus a .icon{float: right;font-size: 18px;line-height: 45px;}
.liststyle32>ul li .navplus a:hover,.liststyle32>ul li .navplus a.active{color: #fff;background: #0E86A9;}

/* 排班列表 */
.liststyle33{width: 75%;float: left;background: #fff;padding-top:20px;padding-bottom:20px;}
.screen-phone .liststyle33,.screen-tablet .liststyle33{padding:20px 10px;width: 100%;margin:0;float: none;}
.liststyle33>ul { padding: 0; margin: 0;padding-left: 30px;padding-right: 30px; }
.screen-phone .liststyle33>ul{padding-left: 0px;padding-right: 0px;}
.liststyle33>ul li { display: block; width: 100%;overflow: hidden;position: relative; }
.liststyle33>ul li>a { display: block; width: 100%;font-size: 0; padding: 0px 10px; position: relative; overflow: hidden;white-space: nowrap;border-bottom: 1px dashed #ccc;margin-bottom: 0px;}
.liststyle33>ul li>a>.title{display: inline-block;width: 100%;font-size: 16px; color: #333; line-height: 50px; font-weight: 400; padding-right: 150px;  position: relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;}
.liststyle33>ul li>a>.iconfont { display: inline-block;font-size: 14px;vertical-align: top; margin-right: 10px; line-height: 50px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.liststyle33>ul li>a>span{display: block; font-size: 14px;line-height: 50px;color: #999;position: absolute;top: 0;right: 0;}
.screen-phone .liststyle33>ul li>a>span{display: none;}
.screen-phone .liststyle33>ul li>a>.title{padding-right:10px;}
.liststyle33>ul li>a:hover>.title {color: #0E86A9;}
.liststyle33>ul li.active>a>.icon { transform: rotate(180deg); }
.liststyle33>ul li +li { }
.liststyle33>ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.liststyle33>ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.liststyle33>ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.liststyle33>ul li.left-contact div p { }

/*  */
.leftnav1{display: block;width: 90%;background-color: #fff;margin-bottom: 20px;}
.screen-phone .leftnav1,.screen-tablet .leftnav1{margin-left: auto;margin-right: auto;display: block;width: 100%; }
.leftnav1 a { color: #666; }
.leftnav1 ul { padding: 0; margin: 0; }
.leftnav1 ul li { display: block; width: 100%; }
.leftnav1 ul li>a { display: block; width: 100%; background-color: #fff; font-size: 18px; color: #666; line-height: 48px; font-weight: 800; padding: 0px 22px; position: relative;background-color: #0E86A9; color: #fff; border-bottom: 2px solid #fff;}
.leftnav1 ul li:last-child>a{border-bottom: none;}
.leftnav1 ul li.active>a, .leftnav1 ul li:hover>a { color: #fff; background-color: #0E86A9; }
.leftnav1 ul li>a>.icon { display: inline-block;font-size: 24px;vertical-align: middle; margin-right: 10px; line-height: 48px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.leftnav1 ul li.active>a>.icon { transform: rotate(180deg); }
.leftnav1 ul li +li { }
.leftnav1 ul li .navplus { display: none; width: 100%;}
.leftnav1 ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.leftnav1 ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.leftnav1 ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.leftnav1 ul li.left-contact div p { }
.leftnav1 ul li .navplus a { display: block;border-bottom: 1px solid #d4d2d2; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 17px 10px 17px 20px;margin: 0 auto; line-height: 16px;width: 90%; height: 50px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
.leftnav1 ul li .navplus a:last-child{border-bottom: none;}
.leftnav1 ul li .navplus a .icon{float: right;font-size: 18px;}
.leftnav1 ul li .navplus a:hover,.leftnav1 ul li .navplus a.active{color: #0E86A9;}
/*  */
.leftnav2{display: block;width: 90%;background-color: #fff;margin-bottom: 20px;}
.screen-phone .leftnav2,.screen-tablet .leftnav2{margin-left: auto;margin-right: auto;display: block;width: 100%; }
.leftnav2 a { color: #666; }
.leftnav2 ul { padding: 0; margin: 0; }
.leftnav2 ul li { display: block; width: 100%; }
.leftnav2 ul li>a { display: block; width: 100%; background-color: #fff; font-size: 18px; color: #666; line-height: 48px; font-weight: 800; padding: 0px 22px; position: relative;background-color: #0E86A9; color: #fff; border-bottom: 2px solid #fff;}
.leftnav2 ul li:last-child>a{border-bottom: none;}
.leftnav2 ul li.active>a, .leftnav2 ul li:hover>a { color: #fff; background-color: #0E86A9; }
.leftnav2 ul li>a>.icon { display: inline-block;font-size: 24px;vertical-align: middle; margin-right: 10px; line-height: 48px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.leftnav2 ul li.active>a>.icon { transform: rotate(180deg); }
.leftnav2 ul li +li { }
.leftnav2 ul li .navplus { display: none; width: 100%;}
.leftnav2 ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.leftnav2 ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.leftnav2 ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.leftnav2 ul li.left-contact div p { }
.leftnav2 ul li .navplus a { display: block;border-bottom: 1px solid #d4d2d2; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 17px 10px 17px 20px;margin: 0 auto; line-height: 16px;width: 90%; height: 50px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
.leftnav2 ul li .navplus a:last-child{border-bottom: none;}
.leftnav2 ul li .navplus a .icon{float: right;font-size: 18px;}
.leftnav2 ul li .navplus a:hover,.leftnav2 ul li .navplus a.active{color: #0E86A9;}




/* contact 联系我们列表样式 */
.liststyle4 { }
.screen-phone .liststyle4 .item{margin-top: 20px;}
.screen-phone .liststyle4 .item .item-main{padding-bottom: 20px;}
.liststyle4 .item { display: block; margin-top: 50px; }
.liststyle4 .item .item-main { display: block; width: 100%; padding-bottom: 50px;}
.liststyle4 .item .item-main .title { font-size: 20px; color: #000; }
.liststyle4 .item .item-main .col{padding-bottom:20px;}
.liststyle4 .item .item-main .col>span{line-height: 30px;flex: 1;}
.liststyle4 .item .item-main .col>span.icon{font-size:90px;color: #fff;border-radius:50%;background: #0E86A9;text-align: center;width: 120px;height: 120px; line-height: 120px;vertical-align: middle;float: left;margin-right: 15px;}
.liststyle4 .item .item-main .col>span.icon.icon1{font-size:70px;}
.liststyle4 .item .item-main .col>span.icon:hover{background: #f00;cursor: pointer;}
/* .liststyle4 .item .item-main .col>span.icon:hover{background: #fff;border:2px solid #0E86A9;color: #0E86A9;} */
.liststyle4 .item .item-main .col>span>span{display: block;color: #515151;}

.screen-desktop-wide .liststyle4 .item .item-main .col>span>span{padding-right: 50px;}
.liststyle4 .item .item-map { width: 100%; position: relative; padding-top: 56%; overflow: hidden; min-height: 320px; }
.lte-ie-8 .liststyle4 .item .item-map { padding-top: 15%; }
.liststyle4 .item .item-map>div { width: 100%; height: 100%; top: 0; position: absolute; }

/* 留言 */
.leave_message{display: block;width: 100%;margin:30px auto;padding:30px 50px;border:1px solid #dfc8f1;}
.screen-tablet .leave_message{padding:30px;width: 100%;}
.screen-desktop .leave_message{padding:30px;width: 100%;}
.screen-phone .leave_message{width: 95%; padding:10px;}
.leave_message label{display: block;width: 100%;font-weight:400;font-size: 0;padding:10px 0;}
.leave_message label span{display: inline-block;font-size: 14px; line-height: 30px;width: 40%;text-align: right;padding:0 20px;}
.screen-phone .leave_message label{text-align: center;padding:0;}
.screen-phone .leave_message label span{width: 100%;text-align: left;}
.leave_message label span i{color: #f00;line-height: 28px;}
.leave_message label input{display: inline-block;font-size: 14px; line-height: 30px;height: 28px; width: 40%;outline: none;}
.screen-phone .leave_message label input{width: 80%;}
.screen-phone .leave_message label textarea{width: 80%;}
.leave_message label textarea{display: inline-block;font-size: 14px; width: 40%;outline: none;resize:none;}
.leave_message .msg-btn{text-align: center;padding-top: 30px;}
.leave_message .msg-btn .button_su{border:1px solid #fff;}
.leave_message .msg-btn .button_su:hover{border:1px solid #0E86A9;}
.leave_message .msg-btn .button_su_inner{border:1px solid #fff;}
.leave_message .msg-btn .button_su_inner:hover{color: #0E86A9;border:1px solid #0E86A9;}
.leave_message .msg-btn .button_su_inner:active,.leave_message .msg-btn .button_su_inner:visited{color: #fff;border:1px solid #fff;background: #0E86A9;}
.screen-phone .leave_message .msg-btn{padding-top:10px;}
.screen-phone .leave_message .msg-btn .button_su{margin-bottom: 10px;}

.leave_message .q-a{}
.leave_message .q-a h3{}
.leave_message .q-a h3 span{color: #0E86A9;}
.leave_message .q-a h3{}
.leave_message .q-a p span{color: #0E86A9;}



/* developmentlist 发展历程时间轴列表样式 */
.liststyle5 { width: 100%; height: 510px; overflow: hidden; position: relative; font-size: 0px; }
.liststyle5 .group-main { width: auto; height: 510px; white-space: nowrap; position: absolute; }
.liststyle5 .group-main .item { display: inline-block; width: 180px; height: 500px; margin: 5px; position: relative; vertical-align: top; }
.liststyle5 .group-main .item .maintitle { position: absolute; display: block; width: 100px; height: 100px; color: #fff; border-radius: 50%; background: #c8cac9; font-size: 18px; white-space: normal; padding: 12px; line-height: 1.2; text-align: center; top: 91px; left: 50%; margin-left: -50px; z-index: 3; behavior: url(style/PIE/PIE.htc); }
.liststyle5 .group-main .item .items-line { position: absolute; display: block; width: 4px; height: 50px; background: #c8cac9; top: 191px; left: 50%; margin-left: -2px; z-index: 2; }
.liststyle5 .group-main .item .items-arrow { position: absolute; display: block; width: 100%; height: 18px; top: 241px; overflow: visible; z-index: 1; }
.liststyle5 .group-main .item .items-arrow .arrowtop { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); }
.liststyle5 .group-main .item .items-arrow .arrowbottom { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); -ms-transform: skew(-40deg); transform: skew(-40deg); }
.liststyle5 .group-main .item .items-circle { position: absolute; display: block; width: 10px; height: 10px; background: #fff; top: 245px; left: 50%; margin-left: -5px; border-radius: 50%; z-index: 2; behavior: url(style/PIE/PIE.htc); }
.liststyle5 .group-main .item .subtitle { position: absolute; display: block; width: 100%; height: 50px; text-align: center; top: 258px; left: 0; color: #c8cac9; z-index: 3; font-size: 40px; line-height: 50px; }
.liststyle5 .group-main .item .items-main { position: absolute; display: block; width: 100%; height: 180px; overflow: hidden; top: 308px; left: 0; z-index: 3; font-size: 14px; line-height: 18px; white-space: normal; }
.liststyle5 .group-main .item .items-main p { margin: 0; }
.liststyle5 .group-main .item.style .maintitle { top: 308px; }
.liststyle5 .group-main .item.style .items-line { top: 258px; }
.liststyle5 .group-main .item.style .subtitle { top: 191px; }
.liststyle5 .group-main .item.style .items-main { top: 12px; }

/* lightgallery 灯箱画廊样式 */
#lightGallery { }
#lightGallery>a.col { padding: 10px; font-size: 0; text-align: center; position: relative; }
#lightGallery>a.col .grouphd { position: relative; }
#lightGallery>a.col .grouphd .grouphd-img{display: block; padding-top: 66%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
#lightGallery>a.col .grouphd .grouphd-img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
#lightGallery>a.col .grouphd .grouphd-img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; }
#lightGallery>a.col .grouphd .grouphd-img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
#lightGallery>a.col .grouposter { display: none; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .5); top: 0; left: 0;z-index: 5; }
#lightGallery>a.col:hover .grouposter { display: block; }
#lightGallery>a.col .grouposter>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouptitle { width: 100%; height: 36px; font-size: 14px; line-height: 36px; background-color: #fff; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#lightGallery>a.col:hover .grouptitle { background-color: #0E86A9; color: #fff; }

/* casenav 选项卡导航 */
.casenav { width: 100%; background: #f1f1f1; font-size: 16px; text-align: center; line-height: 28px; border-bottom: 1px solid #dedede; }
.casenav .casenav-nav { width: 100%; text-align: center; }
.casenav .casenav-nav>li { display: inline-block; position: relative; float: none; }
.casenav .casenav-nav>li.active { background: #0E86A9; }
.casenav .casenav-nav>li.active a { color: #fff; }
.casenav .casenav-nav>li:hover a { color: #0E86A9; }

/* pagectrl 翻页按钮 */
.pagectrl { display: block; width: 100%; padding-top: 20px; }
.pagectrl>a,.pagectrl li { display: inline-block; padding: 0 12px; height: 40px; line-height: 40px; border: 1px solid #ccc; color: #333; border-radius: 20px;}
.screen-phone .pagectrl>a{margin-bottom: 10px;}
.pagectrl>a i{vertical-align: middle;line-height: 40px;display: inline-block;margin-top: -4px;}
.pagectrl>a.active, .pagectrl>a:hover,.pagectrl li.thisclass { background-color: #0E86A9; border: 1px solid #0E86A9; color: #fff; }
.pagectrl li.thisclass a{color:#fff;}
.pagectrl>.pagectrlform { display: inline-block; height: 30px; line-height: 28px; padding: 0px 20px; margin-bottom: 10px; }
.pagectrl>.pagectrlform .pageinput { width: 30px; height: 30px; border: 1px solid #ccc; margin-bottom: 10px; text-align: center;border-radius: 8px; outline-color: #0E86A9;}
.pagectrl>.pagectrlform .pagesubmit { padding: 0 8px; height: 30px; background-color: #0E86A9; border: 1px solid #0E86A9; color: #fff; margin-bottom: 10px; }

/* detail 详情页 */
.maincontent { font-size: 16px; width: 100%;  padding: 0 10px; margin: 0 auto; margin-top: 20px}

.maincontent1 { font-size: 16px; width: 100%;  padding: 0; margin: 0 auto;}
.maincontent1 .e_content{padding:10px 10px 20px;border-bottom: 1px solid #e6e5e5;}
.maincontent1 .e_content:last-child{border-bottom: none;}
.maincontent1 .e_content h3{font-size:18px;line-height: 50px; font-weight: 400;margin:0;}
.maincontent1 .e_content>div{font-size:16px;line-height: 30px;color: #848484;}
.maincontent1 .e_content>div p{margin:0;}

.maincontent1 .e_content>span{font-size:14px;color: #999;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.maincontent1 .e_content>i{background: #e6e5e5;width: 50px;height: 1px;display: block;margin:15px 0 10px;}
.maincontent1 .e_content>p{color: #848484;font-size:16px;line-height: 30px;margin:0;}
.maincontent1 .e_content>p.skill{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.maincontent1 .e_content>p.edu{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.maincontent1 .e_content>p span{color: #000;}

.title-desc{font-size: 14px;color: #848484;overflow: hidden;margin:0 10px;}
.title-desc p{display: block;line-height: 1.5;text-align: center;}
.title-desc p+p{float: right;}
.title-desc p i{margin:0 8px;font-size: 20px;}
.title-desc p i:nth-child(4){margin-left: 5px;font-size: 24px;}
.title-desc p a{color: #848484;line-height: 1.5;display: inline-block;}
.title-desc p span{padding: 0;margin-left: 5px;}
.title-desc p a.sharebtn{float: none;background: none;padding: 0;margin: 0; font-size:14px;}
.title-desc p a:hover{color: #0E86A9;}
.newstitle{font-size:30px;font-weight:400; line-height: 50px;color: #0E86A9; text-align: center;margin-top: 20px;margin-bottom: 10px;}
.screen-phone .newstitle{font-size:20px;margin-top: 10px;line-height: 36px;}
.news-line{display: block;width: 80px;height: 1px;background: #e8e8e8;margin:0 auto;}

.content { font-size: 16px; width: 100%; margin: 0 auto; margin-top: 20px; }

.bdshare{width: 100%;}
.bdshare>div{display: inline-block;vertical-align: middle;}
.bdshare .bdshare-button-style0-16 a{display: inline-block;position: relative;}
.bdshare .bdshare-button-style0-16 a i{display: none; background: #fff;width: 100%;height: 100%;}

.return-btn{display: block;width: 100%;text-align: center;padding:40px;}
.return-btn a{display: inline-block; color: #fff;line-height: 38px;font-size: 16px;width: 150px;background: #0E86A9;border-radius: 24px;margin-right: 20px;border:1px solid #0E86A9;}
.return-btn a:hover{color: #0E86A9;background: #fff;border:1px solid #0E86A9;}
.return-btn a .icon{margin-right: 10px;font-size: 20px;}
.screen-phone .return-btn{padding:10px;}
.screen-phone .return-btn a{margin-top: 10px;}

/* prevnext 前一篇-后一篇 */
.prevnext { width: 100%;margin-top: 20px; padding: 20px 0; font-size: 14px; }
.prevnext a {display: block; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prevnext a:hover { text-decoration: underline; color: #0E86A9; }
.prevnext .prev, .prevnext .next { width: 50%; display: block; float: left;}
.prevnext .next {text-align: right;}
.prevnext .historygo { display: inline-block; padding: 0px 20px;line-height: 36px;border-radius: 18px; background: #0E86A9; color: #fff; }
.prevnext .historygo:hover { color: #fff; text-decoration: none; background: #3f3b3a; }
.screen-phone .prevnext{margin-top: 0;}

/* casedetail 案例详情卡片图片展示 */
.casedetail { padding-top: 54%; position: relative; margin-left: -10px; margin-right: -10px; }
.casedetail .items-images { position: absolute; top: 0; height: 100%; width: 100%; }
.casedetail .items-images .mainimgbox, .casedetail .items-images .mainimgctrl { height: 100%; overflow: hidden; }
.casedetail .items-images .mainimgbox { text-align: center; }
.casedetail .items-images .mainimgbox img { width: 100%; max-height: 100%; }
.casedetail .items-images .mainimgctrl { padding-top: 40px; padding-bottom: 40px; }
.casedetail .items-images .mainimgctrl .upctrl, .casedetail .items-images .mainimgctrl .downctrl { width: 88%; position: absolute; left: 6%; height: 25px; line-height: 20px; text-align: center; color: #fff; background: #0E86A9; cursor: pointer; border: 1px solid #999; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.casedetail .items-images .mainimgctrl .upctrl:hover, .casedetail .items-images .mainimgctrl .downctrl:hover { background: #3f3b3a; }
.casedetail .items-images .mainimgctrl .upctrl { top: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.casedetail .items-images .mainimgctrl .downctrl { bottom: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.casedetail .items-images .mainimgctrl .imagesbox { width: 100%; height: 100%; overflow: hidden; position: relative; }
.casedetail .items-images .mainimgctrl .imagesbox .images { width: 100%; height: auto; position: absolute; top: 0px; -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; transition: all .5s linear 0s; }
.casedetail .items-images .mainimgctrl .imagesbox .images>img { width: 100%; height: auto; margin: 4px 0; cursor: pointer; }
.casedetailmorebtn { display: inline-block; background-color: #0E86A9; color: #fff; width: 120px; font-size: 16px; line-height: 36px; text-align: center; margin-top: 15px; }
.screen-phone .casedetailmorebtn { width: 80px; font-size: 14px; line-height: 28px; margin-top: 5px; }
.casedetailmorebtn:hover { background-color: #3f3b3a; color: #fff; }
.casedetailbox-title { display: block; width: 140px; background-color: #0E86A9; color: #fff; text-align: center; font-size: 16px; line-height: 36px; font-weight: 700; }
.screen-phone .casedetailbox-title { display: block; width: 120px; background-color: #0E86A9; color: #fff; text-align: center; font-size: 14px; line-height: 28px; font-weight: 700; }
.casedetailbox { border-top: 2px solid #0E86A9; }
.screen-phone .casedetailbox { border-top: 1px solid #0E86A9; }

/* other 其它 */

/* leftnav 左侧小导航栏 */

.leftnav { display: block; width: 100%;  margin-bottom: 20px; }
.screen-phone .leftnav, .screen-tablet .leftnav { margin-left: auto; margin-right: auto; }
.leftnav .leftnav-m-ctrl{line-height: 54px;font-size: 18px;text-align: center;background: #0E86A9;color: #fff;border-bottom:1px solid #d1d1d1;}
.leftnav a { color: #666; }
.leftnav ul { padding: 0; margin: 0;overflow: hidden;text-align: center; }
.leftnav ul li { display: inline-block;margin-bottom: 10px;}
.leftnav ul li>a { display: block; background-color: #e8e8e8; font-size: 18px; color: #000; line-height: 50px; padding: 0px 30px; position: relative; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.leftnav ul li.active>a, .leftnav ul li:hover>a { color: #fff; background-color: #0E86A9; }


/* rightnav 右侧悬浮导航 */
.rightnav { width: 52px; border: 1px solid #ccc; font-size: 0px; display: block; position: fixed; top: 50%; right: 0px;z-index: 999; }
.rightnav ul { margin: 0px; padding: 0px; }
.rightnav ul li { width: 52px; display: block; height: 52px; overflow: hidden; list-style: none; background-position: 0 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.rightnav ul li:hover { background-position: 0px -62px; }
.rightnav ul li+li { margin-top: 5px; }
.rightnav ul li a { display: block; width: 100%; height: 100%; }
.qq { background: url(images/QQ.png) no-repeat; }
.weixin { background: url(images/weixin.png) no-repeat; }
.weixin-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; right: 127px; transform: rotate(720deg); -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -ms-transition: ease-out .5s; -o-transition: ease-out .5s; }
.weixin-logo>img { width: 100%; }
.weixin:hover .weixin-logo { width: 130px; height: auto; top: 0px; right: 52px; text-align: center; color: #000; transform: rotate(0deg); }

.rightnav  .yiyuan {background: url(images/yiyuan.png) no-repeat;}
 .yiyuan-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; right: 127px; transform: rotate(720deg); -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -ms-transition: ease-out .5s; -o-transition: ease-out .5s; }
.yiyuan-logo>img { width: 100%; }
.yiyuan:hover .yiyuan-logo { width: 130px; height: auto; top: 0px; right: 52px; text-align: center; color: #000; transform: rotate(0deg); }



.rightnav .liuyan { background: url(images/liuyan.png) no-repeat; }
.rightnav .gotop { background: url(images/gotop.png) no-repeat; }

/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
.wenhua-imgbox { width: 100%; -moz-column-count: 2;    /* Firefox */ -webkit-column-count: 2;    /* Safari 和 Chrome */ column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px }
.wenhua-imgbox img { display: inline-block; width: 100%; height: auto; padding: 1px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }