.bg-img{
    background: url(../images/pc-home-bg.jpg?v=6);
    background-attachment: fixed;
}

.fadeUp{
    animation: fadeInUp 1 0.8s;
}

.nav_top0{position: relative;z-index:10;}

@-webkit-keyframes fadeInUp {
        0% {
            transform: translateY(10px);
			opacity:0.7;
			}
		
		100% {
			transform: translateY(0px);
            opacity:1;
			 }
    }
    
    
    @keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    animation: fadeInRight 1 0.8s;
}


.fadeInLeft {
    animation: fadeInLeft 1 0.8s;
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
	
.lignt-gray-bg{
    background: #F4F7F7;
}

.white-text{color:#fff!important;}

.white-bg-wrap{
    background-color: rgba(255, 255, 255, 0.96);
}

.gray-bg{
    background-color: rgba(245, 245, 245, 0.92);
}
.white-bg{
    background: #fff;
}


.sy_ban .swiper-slide .right-img{position: absolute;right:0;width:100%;display:block;top:0;
    
  transform: translateX(150px);
  transition: all 1s ease-out 0.3s;
  opacity: 0;
    
}

.sy_ban  .swiper-slide-active .right-img{
  transform: translateX(0);
  opacity: 1;
}

.link-col{position: absolute;right:50px;white-space:nowrap;top:-10px;}
.link-col .link{display: inline-block;padding:20px 10px;cursor:pointer;font-size:15px;margin:0 5px;color:#666;
    position: relative;
}
.link-col .link:hover{
    color:#4392e3;
}
.link-col .link i{position: relative;top:-6px;z-index:1;}

.link-col .link dd a {
    display: block;
    padding: 5px 10px;
    line-height: 24px;
    text-align: center;
}


.link-col .link-list:hover dl{display:block;opacity:0.9;}


.link-col dl:before {
    content: "";
    width: 100%;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 0%;
    background: url(../images/arr.png) no-repeat center;
}

.link-col .link-list dl{
    width: 130px;
    font-size: 15px;
    margin-left: -65px;
    display: none;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    left: 50%;
    top: 60px;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
}

.aside {
  position: fixed;
  width: 70px;
  text-align: center;
  right: 0;
  top: 50%;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -100px;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  background-color: #fff;
  -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.09);
  box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.09);
}
.aside > .icon-box {
  padding-left: 10px;
  padding-right: 10px;
}
.aside a {
  display: block;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.aside .aside-service {
  margin-bottom: 14px;
}
.aside .aside-service li {
  position: relative;
}
.aside .aside-service li a {
  padding-top: 5px;
  color: #999;
}
.aside .aside-service li a:hover {
  color: #0096d7;
}
.aside .aside-service li a:hover i {
  color: #0096d7;
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.aside .aside-service li a i {
  font-size: 28px;
}
.aside .aside-service li a span {
  display: block;
  font-size: 12px;
  padding:4px 0;
}
.aside .aside-follow {
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
}
.aside .aside-follow a {
  color: #0c6;
  line-height: 40px;
  position: relative;
}
.aside .aside-follow a:first-child {
  color: #0096d7;
}
.aside .aside-follow a:last-child {
  color: #ff3300;
}
.aside .aside-follow a:hover .img-wp {
  -webkit-animation: popFadeIn 0.5s;
  animation: popFadeIn 0.5s;
  display: block;
}
.aside .aside-follow a i {
  font-size: 32px;
}
.aside .aside-follow a .img-wp {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: -100px;
  border-radius: 5px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 5px 20px rgba(174, 174, 174, 0.5);
  box-shadow: 0 5px 20px rgba(174, 174, 174, 0.5);
}
.aside .aside-follow a .img-wp:after {
  content: "";
  border: 8px solid transparent;
  border-left-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -16px;
}
.aside .aside-follow a .img-wp img {
  width: 76px;
  height: 76px;
  display: block;
}
.aside .gotop {
  background: linear-gradient(135deg, #38b2f0 0%, #075a97 100%);
  background-size: contain;
  height: 38px;
  line-height: 38px;
  color: #fff;
  border-bottom: none;
  cursor: pointer;
}
.aside .gotop:hover {
  background: linear-gradient(135deg, #4392e3 0%, #075a97 100%);
}
.aside .gotop a {
  padding-top: 0;
}
.aside .gotop a i {
  color: #fff;
}

.pagetitle {
	width:1200px;
	height:50px; line-height:50px;
	margin:auto auto 10px auto;
	color:#878787; font-size:15px;
	padding-left:40px;
	background:url(../img/title_img.fw.png) no-repeat 20px center #fff;
	}

@media only screen and (max-width: 640px)
{
    .mixture-box2{display: none;}
    #animate4{display: none;}
    #animate5{display: none;}
    #animate2{display: none;}
    .sy_kyjx{display: none;}
    .home-doctor-wrap{display: none;}
    .home-notice-wrap{display: none;}
    .mixture-box{display: none;}
    .aside{display: none;}
    .share-col{display: none;}
    .link-col{display: none;}
    .nav_ksfl a{padding:0 8px!important;border-radius:0!important;margin-right:6px!important;font-size:14px!important;height:30px!important;line-height:30px!important;}
    .sy_kyjx .item{border-radius: 0!important;}
    #navk .drop-menu{display: block;position:static;float:none;}
    #navk .drop-menu a span{color:#333;font-size:14px;}
}

.pagebanner {
	width:1200px;
	height:200px;
	margin:10px auto;
	background-size:cover;
	background-position: center center;
	}


@media only screen and (max-width: 1200px) {
    .pagebanner{height:20vw;}
    .pagebanner,.inout,.pagetitle{width:100%;}
    .pagetitle{padding-left:15px;}
    .home-doctor-wrap{padding:10px 15px;}
    .fadeInRight{margin-top:20px;}
    .menu a img{display: none;}
    .menu a p{display: none;}
    .menu .dd{display: inline-block;width:24%;}
    .menu .drop-middle{font-size:0;}
    .menu .drop-middle .dd{background:#f2f2f2;width:48.5%;text-align:center;
        border-radius: 5px;
    font-size: 14px;
    margin-right:3%;margin-top:10px;
    height:40px;line-height:40px;overflow: hidden;padding:0;
    }
    .menu .drop-middle .dd:nth-child(2n){
        margin-right:0;
    }
    
    .foot {
        width: 100%;
        padding: 15px;
        color: #333;
        font-size:12px;
        background: #fff;
        background-size: auto 100%;
        box-sizing: border-box;
    }

    .foot .d0 {
        width: 100%;
        float: left;
        padding: 10px 0;
        border-bottom: solid 1px rgba(255, 255, 255, .15);
        margin-bottom: 15px;
        display: none;

    }

    .foot .d1 {
        display: none;
    }

    .foot .d2 {
        width: 100%;
        float: left;
    }

    .foot .d2 p {
        margin-top: 10px;
        text-align: center;
    }

    .foot .d2 .p_1 img {
        max-height: 64px;
        margin-right: 10px;
    }
    
    .foot .cd_f{text-align: center;}
    .foot .cd_f a{color:#333!important;}

    .ewm {
        float: left;
        width: 226px;
        display: none;
    }

    .ewm li {
        width: 50%;
        float: left;
        text-align: center;
        padding: 0 5px;
    }

    .ewm img {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .search-col{position: relative;width:1200px;margin:0 auto;}
    .foot {
        width: 100%;
        padding: 0px 0 25px 0;
        color: #fff;
        background: rgb(0 0 0 / 58%);
    }

    .foot .d0 {
        width: 100%;
        float: left;
        padding: 15px 0;
        border-bottom: solid 1px rgba(255, 255, 255, .15);
        margin-bottom: 30px;

    }

    .foot .d1 {
        width: 520px;
        height: 127px;
        float: left;
        margin-right: 20px;
    }

    .foot .d1 img{
        width:140px;
        float:left;
        margin-right:40px;
    }

    .foot .d1 .list-unstyled{margin-top:1px;}

    .foot .d2 {
        width: 400px;
        float: left;
        min-height: 127px;
        border-left: solid 1px rgba(255, 255, 255, .15);
        border-right: solid 1px rgba(255, 255, 255, .15);
        padding: 0px 30px;
        box-sizing:border-box;
    }

    .foot .d2 p {
        margin-top: 10px;
    }

    .foot .d2 .p_1 img {
        max-height: 64px;
        margin-right: 10px;
    }

    .ewm {
        float: right;
        width: 226px;
        box-sizing:border-box;
    }

    .ewm li {
        width: 50%;
        float: left;
        text-align: center;
        padding: 0 5px;
        box-sizing:border-box;
    }

    .ewm img {
        width: 100%;
        margin-bottom: 10px;
    }
}

.fadeInUp{transition: all 1s ease 0.03s;transform:translate(0, 20px);opacity:0;}
#animate1{transition: all 1s ease 0.06s;}
#animate2{transition: all 1s ease 0.09s;}
#animate3{transition: all 1s ease 0.12s;}
#animate4{transition: all 1s ease 0.15s;}

.animated{transform:translate(0,0);opacity:1;}

.cd_f {
    color: rgba(255, 255, 255, .2);
}

.foot a {
    color: #fff!important;
}

.foot a:hover {
    text-decoration: underline;
}