.about[data-v-186a3aa2]{width:100%}
.about .about-content[data-v-186a3aa2]{width:100%;height:8.75rem;background-image:url(../img/img19.0bf16f37.jpg);background-size:cover;position:relative}
.about .about-content[data-v-186a3aa2]:after{content:"";width:100%;height:8.75rem;background-color:rgba(0,0,0,.6);position:absolute;left:0;top:0}
.about .about-content .about-digest[data-v-186a3aa2]{position:absolute;z-index:1999;color:#fff;width:13.84rem;left:50%;top:2.6rem;transform:translateX(-50%);text-align:center;max-width: 100%;}
.about .about-content .about-digest h3[data-v-186a3aa2]{margin-bottom:.2rem}
.about .about-content .about-digest p[data-v-186a3aa2]{font-size:.21rem;width:10rem;margin:0 auto}
.about .about-content .about-btn[data-v-186a3aa2]{position:absolute;z-index:1999;color:#fff;top:55%;left:50%;transform:translateX(-50%);width:2.1rem;line-height:.6rem;border:.01rem solid #fff;border-radius:.06rem;text-align:center;font-size:.24rem}
.about .about-content .about-expect[data-v-186a3aa2]{position:absolute;z-index:1999;color:#fff;width:13.84rem;left:50%;transform:translateX(-50%);bottom:1.3rem;display:flex;justify-content:space-between; max-width: 100%;}
.about .about-content .about-expect .about-expect-item[data-v-186a3aa2]{width:4.44rem;height:1.66rem;background-color:rgba(27,234,174,.5);text-align:center;padding:.2rem;box-sizing:border-box}
.about .about-content .about-expect .about-expect-item h3[data-v-186a3aa2]{font-size:.24rem;margin-bottom:.1rem}
.about .about-content .about-expect .about-expect-item p[data-v-186a3aa2]{font-size:.19rem}

.banner-about {
  width: 100%;
  height: 663px;
  background: url(../img/about_banner.jpg) top center no-repeat;
}

.wrap {
  width: 1200px;
  margin: auto;
}
.wrap {
  width: 1280px !important;max-width:100%;
}
.pr {
  position: relative;
}
  .about-kr h2, .kr-ry h2,.kr-history h2, .kr-wenhua h2 {
            font-size: 30px;
            font-weight: bold;
            color: #333!important;
        }
        .kr-history-scroll {
            overflow: hidden;
        }
        .kr-history .scroll-item li p {
            padding-left: 30px;
            font-size: 17px;
            color: #666;
            line-height: 24px;
            position: absolute;
            left: 101px;
            top: 84px;
            font-weight: bold;
        }
        .about_p2 {
            width: 284px;
            height: 194px;
        }
        .kr-wenhua{
           /* height: 460px!important;*/
            color: #333;
            background: none!important;margin-bottom: 100px;
        }
        .icon_1:before {
            content: none!important;
        }
        .kr-wenhua-ico {
            width: 1200px!important;
            height: 300px;
            margin: auto;
            display: flex;
            justify-content: space-around; max-width: 100%;
        }
        .kr-wenhua-ico-top {
            position: absolute;
            top: 96px;
            width: 220px;
            left: 50%;
            margin-left: -110px;
            animation:myScale 3s forwards;
            -webkit-animation:myScale 3s forwards;
        }
	.animation {
		animation:myScale 1.5s forwards;
            -webkit-animation:myScale 1.5s forwards;
	}
       @keyframes myRate
        {
            from {transform: rotate(0deg)}
            to {transform: rotate(360deg)}
        }
        @keyframes myScale
        {
            from {transform: scale(0)}
            to {transform: scale(1);animation-fill-mode: forwards}
        }
        .kr-wenhua-ico li{
            margin-right: 0!important;
            color: #666!important;
            width: 33%!important;
            display: flex!important;
            flex-direction: column;
             justify-content: center;
            align-items: center;position: relative;
        }
        .kr-wenhua .kr-wenhua-ico li h3 {
            padding-bottom: 0!important;
            margin-bottom: 10px!important;
            font-weight: bold;
        }
        .icon_1 .desc {
            font-size: 15px;
        }
        .kr-wenhua-ico img {
            z-index: -1;
            width: 320px;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -160px;
            animation:myRate 10s linear infinite;
            -webkit-animation:myRate 10s linear infinite;
        }
	.kr-wenhua-ico-top span{
            font-size: 15px;
        }
        .kr-wenhua .kr-wenhua-ico li.icon_1:before {
            background: none;
        }

        .kr-wenhua-ico h3{
            text-align: center;
            padding-left: 0!important; 
        }
        .kr-wenhua-ico span {
            text-align: center;
            width: 230px;
            box-sizing: border-box;display: inline-block;
        }
        .kr-wenhua-ico .icon_2_content{
            text-align: center;
	    line-height: 24px;
        }
        
        .kr-ry-wrap {
            width: 100%;
            display: flex;
	    justify-content: center;

        }
        .kr-ry-wrap-left {
            display: flex;
            flex-direction: column;
            flex: 0 0 330px;
            box-sizing: border-box;
            padding-left: 74px;
        }
        .kr-ry-wrap-left-title {
            position: relative;
            box-sizing: border-box;
            padding: 0 0 0 20px;
            color: #333;
            font-size: 32px;
            font-weight: bold;
        }
        .kr-ry-wrap-left-title:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 6px;
            bottom: 0;
            background-color: rgb(18, 101, 219);
        }
        .kr-ry-wrap-left-item {
            margin-top: 15px;

        }
        .kr-ry-wrap-left-item .num {
            color: rgb(18, 101, 219);
            font-size: 46px;
            font-weight: bold;
            padding-left: 14px;
        }
        .kr-ry-wrap-left-item .desc {
            color: #333;
            font-size: 22px;
            padding: 0;
            width: 100%;
            padding-left: 14px;
        }
        .kr-ry-wrap-right {
            height: 400px;
            flex: 0 0 830px;
            max-width: 830px;
        }
        .sw {
            box-sizing: border-box;
            padding: 10px 20px!important;
        }
        .kr-ry-wrap-right .itemWrap {
            /*display: flex;*/
            /*flex-wrap: wrap;*/
        }
        .kr-ry-wrap-right .itemWrap .item {
            box-sizing: border-box;;
            height: 165px;
            background-color: #fff;
            border: 0px solid #000;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
            text-align: center;  display: flex; align-items: center; transition: all .2s;   }
.kr-ry-wrap-right .itemWrap .item:hover {   transform: scale(1.05); }
 .kr-ry-wrap-right .itemWrap .item img {
            width: 216px;
            height: 145px;  }
.banner-about h2 {
  top: 200px;
}
.banner-drug h2 {
  font-size: 36px;
  top: 170px;
  left: 150px;
}
.banner-drug h2, .banner-drug p, .banner-jpt h2, .banner-jpt p {
  color: #fff;
  font-weight: 100;
  position: absolute;
}
.banner-about p {  top: 259px;}
.banner-drug p {  font-size: 18px;  top: 280px;  left: 150px;}
.imglist img{ padding:20px; max-width:250px;}
.imglist h3{ padding-top:20px;}

@media (max-width: 979px){
.banner-about {
    width: 100%;
    height: 463px;
    background: url(../img/about_banner.jpg) center center no-repeat;}
.banner-drug h2 {left:20px; top:120px;font-size: 24px;}
.banner-drug p {left:20px; top: 180px; font-size: 16px; line-height: 30px; padding-right: 20px}
.kr-wenhua-ico{display: inline-block;}
.about-kr h2, .kr-ry h2, .kr-history h2, .kr-wenhua h2 { font-size:0.32rem; padding-left:0.2rem; }
.kr-wenhua-ico li{ width:100% !important;height: 300px; margin-bottom: 20px; }
.kr-wenhua-ico img{z-index: 1 }
.kr-wenhua{margin-bottom:50px;padding: 20px; }
.kr-wenhua h3{font-size:16px;}
.about .about-content .about-digest[data-v-186a3aa2]{ top:1.3rem;padding: 0.2rem;position: relative;}
.font28{ font-size:16px;}
.about .about-content .about-expect[data-v-186a3aa2]{width:100%; display:block; bottom: -4.5rem;}
.about .about-content[data-v-186a3aa2]{height:auto;margin-bottom: 5rem; padding-bottom:2rem}
.about .about-content[data-v-186a3aa2]::after{height:auto;}
.about .about-content .about-expect .about-expect-item[data-v-186a3aa2]{width: 90%;
background: #b4cae1;
color: #0b4f98;
margin: 0 auto;}
.about .about-content .about-expect .about-expect-item h3[data-v-186a3aa2]{font-size:0.3rem;}
.about .about-content .about-expect .about-expect-item p[data-v-186a3aa2]{ font-size:0.24rem;}
}