@charset "utf-8";
* { margin:0; padding:0; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; }
body { font-family:Arial, "Microsoft Yahei"; font-size:1rem; line-height: 1.2em; background-color: #fff; min-width:1280px;}
form, img, table, td { border:0; margin:0;}
ul, ol, li { list-style-type:none; display: block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0;}
input, textarea, img { vertical-align:middle; font-family: "微软雅黑"，Arial; }
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {body {-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {body {-webkit-text-size-adjust:none}}
a { color:#000000; text-decoration:none; }
a:link { text-decoration:none; }
a:visited { color:#000000; }
a:active { color:#f60; }
a:hover { color:#039; }
.clear{clear:both;}
.wtbg{ background-color:#fff;}
.wtbg_transp{background:rgba(255,255,255,.8);}
.greybg{ background-color:#dcdddd;}
.imgw{ width:100%;}
.imgw img{width:100%;}
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.fgray { color:gray; }
.fgray2 { color:#5B5B5B; }
.fbla { color:#282828; }
.fora { color:#FF6600; }
.fred { color:#FF0000; }
.fblu { color:#039; }
.fblu2 { color:#0088E7;} 
.fwhite {color: #ffffff}
.green{color:#090;}
.red {color:#FF0000; }
.lin{ font-size:1.7rem; color:#333;}
.zoom{width:1.7rem; height:1.7rem; background:url(../images/zoom.png) center no-repeat; background-size:1.7rem 1.7rem; display:block;}
a.pink{color:#fb005f;}
.flex-col{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.flex-row{display:flex;flex-wrap:wrap; flex-direction:column; justify-content:space-between;}

.contain{ margin:0 auto; }
.pad{ margin:0 auto; width:1200px; }
.head{ width:100%; min-height:31.3rem; position:relative; background-color:#fff;}
.head .logo{ width:11rem; height:4.3rem; border-bottom-left-radius:.5rem; border-bottom-right-radius:.5rem; text-align:center;}
.head .logo img{width:9rem; height:3.2rem; margin:.8rem 0 0 0;}
.head .btns{ z-index:9998; position:absolute; top:15rem; font-size:2rem;left:0;width:100%;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:center;}
.head .btns .a1{width:15rem; height:8rem; display:block; background:url(../images/btn-bg1.png); background-size:15rem 8rem; text-align:center; line-height:8rem; margin:0 2rem 0 0; color:#fff; border-radius:.2rem;transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.head .btns .a2{width:15rem; height:8rem; display:block; background:url(../images/btn-bg2.png); background-size:15rem 8rem; text-align:center; line-height:8rem; margin:0 2rem 0 0; color:#fff; border-radius:.2rem;transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.head .btns a:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.head .btns2{ z-index:9998; position:absolute; top:24rem;font-size:2rem; left:0;width:100%;display:flex;flex-wrap:wrap; flex-direction:row; justify-content:center;}
.head .btns2 .a1{width:15rem; height:8rem; display:block; background:url(../images/btn-bg1.png); background-size:15rem 8rem; text-align:center; line-height:8rem; margin:0 2rem 0 0; color:#fff; border-radius:.2rem;transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.head .btns2 .a2{width:15rem; height:8rem; display:block; background:url(../images/btn-bg2.png); background-size:15rem 8rem; text-align:center; line-height:8rem; margin:0 2rem 0 0; color:#fff; border-radius:.2rem;transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.head .btns2 .a3{width:15rem; height:8rem; display:block; background:url(../images/btn-bg3.png); background-size:15rem 8rem; text-align:center; line-height:8rem; margin:0 2rem 0 0; color:#fff; border-radius:.2rem;transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.head .btns2 a:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.head-top{position:fixed; left:0; top:0; z-index:9999; width:100%;}
.headerbg { width: 100%;height: 100%; position: fixed; background-color: rgba(0,0,0,0.7);top: 0; left: 0;z-index: 5;display: none;}
#head-img{margin:5rem 0 0 0; height:15rem;}
#head-img img{width:100%; height:15rem;}
#menu-ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; height:1.5rem; position:relative; margin:0 0 0 1rem;}
#menu-ul li{ padding:0; width:14%; box-sizing:border-box; display:block;}
#menu-ul li a{font-size:.7rem; font-weight:600; display:block;color:#333; line-height:1.5rem; text-align:center; width:88%;}
#menu-ul li a i{background: url(../images/arrow-down.png); background-size:.2rem .2rem}
#menu-ul li a.hover{color:#fff; background-color:#055b49; }
#menu-ul li a.hover i{}
#menu-ul li .tit{ position:relative;color:#212121; background-color:#fff;}
#menu-ul li .tit i{position: absolute;right:.6rem;top:.6rem; width:.2rem;height:.2rem;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
#menu-ul li.cur a i{}
#menu-ul li.cur .tit{color:#fff; background-color:#055b49;}
#menu-ul li.on .tit{ }
#menu-ul li .box{display:none;padding:.5rem .2rem;margin-right: .7rem;background:rgba(255,255,255,.6);}
#menu-ul li .box a{display:block;color:#222222;font-size:.6rem; line-height:1.4rem; font-weight:100;width:100%;font-weight: bold;}
#menu-ul li .box a:hover{background:rgba(5,91,73,.5); color:#fff;}
#menu-ul li:last-child{border-bottom:0}

.head .searchHide {width:6.4rem; height:1.2rem; margin:-.3rem 0 0 0;}
.head .searchHide .inp { background:url(../images/zoom.png) .3rem .4rem no-repeat; background-size:.6rem .6rem; padding-left:1rem; border-radius:1.5rem; height:1.5rem; border:0 solid #fff; width:100%; box-sizing:border-box; background-color:#f5f5f5; outline:none; font-size:.6rem;}

@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
.index-slide{ min-height:31.3rem; width:100%; position:absolute; left:0; top:0;}
.index-slide img{width:100%;}
.index-slide .swiper-slide-active img{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.wimg img{width:100%;}

.topic{ margin:1.5rem 0 0 0;}
.topic .l1{ width:4.3rem; height:2.3rem; background:url(../images/kg.png) center no-repeat;background-size:4.3rem 2.3rem; }
.topic .l2{ font-size:1.5rem; line-height:1.6rem; margin:1rem 0 1rem 0; font-weight:700;}
.topic .l3{ background-color:#055b49; color:#fff; font-size:1rem; line-height:1.8rem; display:inline-block; height:1.8rem; padding:0 1rem; text-align:center; border-radius:1.8rem;}
.listso{line-height:1.8rem;margin:1.5rem 0 0 0; height:1.8rem;}
.listso .listkey{ border:1px solid #ddd; border-radius:.2rem; height:1.8rem; line-height:1.8rem; height:1.8rem; padding:0 .5rem;}
.listso .listbtn{ border:1px solid #055b49; border-radius:.2rem; height:1.8rem; line-height:1.8rem; height:1.8rem; text-align:center; background-color:#055b49; color:#fff;padding:0 .5rem; cursor:pointer;}

.about_cnt{ line-height:1.8rem; font-size:.8rem; color:#737171; border-bottom:1px solid #ddd; padding:0 0 1.5rem 0; margin:1rem 0 1.5rem 0;}
.about_cnt img{max-width:100%;}
.ab_txt{ color:#727171; font-size:.8rem; line-height:1.8rem;}
.cnt_more{}
.cnt_more a{ width:6rem; height:1.6rem; text-align:center; border:1px solid #bdbdbd; font-size:.8rem; line-height:1.6rem; display:block; border-radius:1.6rem; color:#5f5d5d;}
.about_slide{height:25rem;}
.about_slide img{width:100%;}
.about_slide{ line-height:2rem; font-size:1.1rem; color:#595757;}

.pro_txts{ position:relative;}
.pro_con{padding:1.5rem 0 0 0; box-sizing:border-box;}
.pro_con table{width:100%;}
.pro_con img{width:100%;}
.pro_desc{padding:1.5rem 2.6rem; box-sizing:border-box; height:15rem; display:flex;flex-wrap:wrap; flex-direction:column ; justify-content:space-between;}
.pro_desc .icon img{width:2.2rem; height:2.2rem; border-radius:2.2rem;}
.pro_desc .t1{font-size:1.2rem; font-weight:700;}
.pro_desc .t2{ font-size:.8rem; color:#979797;}
.pro_desc .t3{}
.pro_desc .t3 a{ display:inline-block;border:1px solid #4bb7ab; color:#fff; font-size:.8rem; height:1.6rem; padding:0 .8rem; line-height:1.6rem; border-radius:1.5rem; background-color:#4bb7ab;}

.pro_txts i{ font-size:10rem; font-family: Arial; color:#e8e8e8; font-weight: bold; position:absolute; right:0; top:3rem; z-index:1}

.pro_slide{ margin:1.2rem 0 0 0; width:100%;}
.pro_dots{ position:absolute; right:10px; z-index:999;}

#news_slide{ margin:0 0 1.2rem 0;width:100%;}
#news_slide img{width:100%; height:16rem;}
.newstab-itms{width:0; flex-grow:1;line-height:2rem;}
.newstab-itms a{border-bottom:2px solid #FFF; font-size:.9rem; height:2rem; line-height:2rem; display:inline-block; margin:0 1rem 0 0;}
.newstab-itms a.on{ border-bottom:2px solid #F63;}
.newstab-itms a.off{ border-bottom:2px solid #FFF;}
.newstab-cnt{margin:.5rem 0 0 0;}

.newstab-cnt li{display:flex;flex-wrap:wrap; flex-direction:column; justify-content:space-between; border-bottom:1px solid #ddd; padding:.5rem 0;}
.newstab-cnt li:last-child{ border-bottom:none;}
.newstab-cnt li a{font-size:.7rem; display:block;}
.newstab-cnt li h4{font-size:.7rem; color:#8d8d8d;}

.aboutimg{ position:relative;}
.aboutimg img{width:100%;}
.aboutimg .paw{ position:absolute; bottom:0; width:100%; height:1.2rem;}
.aboutimg .paw h2{margin:0 1.2rem;height:1.2rem; display:block; background:rgba(255,255,255,.8);}
.about-info{ background-color:#fff;}
.about-icon{ color:#4bb7ab; font-size:.6rem; padding:.5rem 0;}
.about-icon img{width:2.3rem; height:2.3rem;}
.about-txt{ font-size:.8rem; color:#fff;}
.about-li li{ line-height:1.7rem; font-size:.8rem; color:#fff;}

/*科室*/
.depts{}
.depts ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:left; margin:.5rem 0 0 0;}
.depts ul li{width:19%; border:1px solid #ddd; border-radius:.2rem; background-color:#f5f5f5; text-align:center; box-sizing:border-box; margin:0 1% .5rem 0;}
.depts ul li a{font-size:.7rem; line-height:2rem; height:2rem; display:block; width:100%; text-align:center;}
.depts ul li a:hover{ background-color:#055b49; color:#fff; border-radius:.2rem;}
.depts ul li a img{ margin:0 5px 0 0;}
.depts ul li.lastchild{}
.corp-con{ margin:1rem 0 0 0;}
.cop_par{ position:relative;}
.coop_slide{ padding:2rem 0 0 0; width:85%; text-align:center;}
.coop_slide li img{width:4.7rem; height:4.7rem; border-radius:4.7rem;}

.position{ font-size:.7rem;}
.position a{ font-size:.7rem; margin:0 .3rem;}
.title{ color:#444; font-size:1.5rem; padding:1rem 0 1rem 0; line-height:2.5rem;}
.dates{ display:block; font-size:.8rem; line-height:2rem; text-align:left; color:#9b9a9a; padding:0 0 1rem 0;}

.ke-content{ font-size:1rem; line-height:2rem; color:#5c5a5a;}
.ke-content img{ max-width:100%;}
.ke-content h1{ font-size:1.4rem; font-weight:800; margin:0; padding:0; line-height:40px;}
.ke-content h2{ font-size:1rem; font-weight:500; margin:0; padding:0; line-height:36px;}

.news-list{}
.news-list li{ border-bottom:1px solid #92d4cc; margin:0 0 2rem 0; padding:0 0 2rem 0; }
.news-list a{ display:block;}
.news-list img{ width:100%; height:22rem;}
.news-list h1{ font-size:1.1rem; line-height:2.2rem; padding:.8rem 0; color:#666; font-weight:700;}
.news-list h1 a{ font-size:1.1rem; color:#666; font-weight:700;}
.news-list h2{ font-size:1rem;color:#8d8d8d; font-weight:700; margin:.3rem 0 .5rem 0;}
.news-list p{ font-size:.8rem;line-height:2rem; color:#8d8d8d;}
.news-list h3{margin:1rem 0 0 0;}
.news-list h3 a{ display:inline-block; font-size:.8rem; height:2rem; line-height:2rem; padding:0 1rem; border:1px solid #8c8c8c; border-radius:2rem;}

.team_list{}
.team_list ul{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.team_list li{ width:32%; padding:.5rem; box-sizing:border-box; border:1px solid #ddd; border-radius:.2rem; margin:0 0 .5rem 0;}
.team_list li dl{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.team_list li dt{ width:5rem; height:7rem; margin:0 1rem 0 0;}
.team_list li dt img{ width:100%; height:7rem;}
.team_list li dd{ width:0; flex-grow:1; height:9rem; overflow:hidden;}
.team_list li dd h2{ font-size:.8rem;}
.team_list li dd h2 a{ font-size:.8rem; font-weight:700;}
.team_list li dd h3{ font-size:.7rem; color:#055b49;margin:.2rem 0 0 0;}
.team_list li dd .demons{ font-size:.7rem; line-height:1.2rem; color:#8d8d8d; margin:.4rem 0 0 0;}

.doc_info{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin:1rem 0; border-bottom:1px solid #ddd; padding:1rem 0;}
.doc_info .c1{width:7rem; height:10rem;}
.doc_info .c1 img{ width:100%; height:10rem;}
.doc_info .c2{ width:0; flex-grow:1; margin:0 1.5rem;}
.doc_info .c2 h1{ font-size:1.5rem; font-weight:700; line-height:3rem;}
.doc_info .c2 h2{ font-size:.8rem; color:#8d8d8d; margin:.5rem 0;}
.doc_info .c3{ width:14rem; height:10rem; }
.doc_info .c3 img{ width:6.4rem;}
.doc_info .c3 p{ font-size:.7rem; line-height:1.4rem; text-align:center; color:#8d8d8d;}

.page { margin:1rem 0; text-align:center;font-size:.7rem;}
.page a { display:inline-block; font-size:.7rem; padding:.5rem 1rem; border-radius:.2rem;}
.page .number {
	 border:1px solid #dddddd;
}
.page A.hover {
	border:1px solid #dddddd; background-color:#4bb7ab; color:#FFF;
}

.contact-bg{ background:url(../images/contact-bg2.jpg); height:38.5rem; background-size:100% 38.5rem;}

.roots{ text-align:center; padding:10px 0; background-color:#dcdddd;}
.root-info{ margin:0 10rem; text-align:left; color:#353535; line-height:1.8rem; font-size:.9rem; line-height:2rem; padding:1rem 0;}
.root-info a{color:#353535; line-height:1.8rem; font-size:.9rem;}
.root-info .icon{ width:1.1rem; height:1.1rem; margin:0 .5rem 0 0 ;}
.qrcon{ background:url(../images/qr.jpg) bottom right no-repeat; background-size:5.1rem 5.1rem;}
.root-txt{ background-color:#b5b5b5; text-align:center; line-height:2.6rem; font-size:.7rem; height:2.6rem; margin:0;}

a.pic img{transition: -webkit-transform 0.3s linear;transition: -moz-transform 0.3s linear;transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
a.pic:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

/**合作伙伴**/
.flinks{ text-align:left;}
.flinks a{font-size:.7rem; height:2rem; line-height:2rem; margin:0 .5rem 0 0;}
.picMarquee-left{ position:relative; }
.picMarquee-left .prev,.picMarquee-left .next{ display:block;  width:22px; height:47px; overflow:hidden;cursor:pointer; background:url(../images/arrows.png) 0 0 no-repeat; position:absolute}
.picMarquee-left .prev{ left:-11px; top:50%; margin-top:-24px}
.picMarquee-left .next{ background-position:-24px 0;right:-11px; top:50%; margin-top:-24px}
.picMarquee-left a.prev:hover{background-position:0 -49px;}
.picMarquee-left a.next:hover{background-position:-24px -49px;}
.picMarquee-left .bd{ margin:32px 17px 21px; overflow:hidden}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  margin:0 19px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li a{width:4.7rem; height:4.7rem; display:block; position:relative}
.picMarquee-left .bd ul li img{ display:block; width:100%; height:100%}
.picMarquee-left .bd ul li a .pic1{ left: 0;top: 0; z-index: 3;}
.picMarquee-left .bd ul li a .pic2 {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.picMarquee-left .bd ul li a:hover .pic2 {position: absolute;width: 100%;height: 100%;z-index: 4;top: 0;left: 0;background-size: 100% auto;transform: rotate3d(0, 0, 1, -90deg);transform-origin: -100% -100% 0px;transition: transform 1s ease-in 0s;}
.picMarquee-left .bd ul li a .pic2 {position: absolute;width: 100%;height: 100%;z-index: 4;top: 0;left: 0;background-size: 100% auto;transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-webkit-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-moz-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-o-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);-ms-transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);}
.picMarquee-left .bd ul li a .pic2{-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.picMarquee-left .bd ul li a:hover .pic2 {transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-webkit-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-moz-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-o-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);-ms-transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);}
 .schedule { width:1198px;  margin: 20px auto; }
.schedule .ksbox{width:100%; height:auto; display: inline-block;}
.schedule .ksbox table{width:100%; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.schedule .ksbox table td{ border-bottom:1px solid #c6c6c6; word-break: break-all; word-wrap:break-word; border-right:1px solid #c6c6c6;}

.czzj{width:100%; height:auto; display: inline-block;}
.czzj table{ width:100%; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}
.czzj table td{ height:40px;font-size:.7rem; background-color:#5F929D; line-height:.8rem; text-align:center; color:#fff;}
.czzjinfo{width:1198px; background:#FFFFFF ;border-bottom:1px solid #c6c6c6;} 
.zjdetail{font-size:14px; text-align:center;}
.zjname{font-size:14px;}
.zjload{ float:left; padding-left:12px; position: relative; cursor: pointer;width: 100%; text-align: left;line-height:25px;  }
.zjload a{color:#000;}

.rightNav {
    position: fixed;
    right: 28px;
    top: 50%;
    height: 520px;
    margin-top: -181px;
    /* z-index: 1001; */
    z-index: 999999;
  }
  .rightNav .box {
    width: 56px;
    height: 56px;
    margin-top: 10px;
    border-radius: 3px;
    /* box-shadow: 0 2px 14px 0 rgba(23, 71, 113, 0.1); */
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .rightNav .box .w_text {
    display: none;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
  }
  .rightNav .box .icon_img{
    /* width: 45px;
    height: 45px; */
  }
  .rightNav .box .icon_img img{
    width: 100%;
    height: 100%;
  }
  .rightNav .box:hover .icon_img{
    display: none;
  }
  .rightNav .box:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
    background: #614130;
  }
  .rightNav .box:hover .w_text {
    display: block;
  }
  .rightNav .box:first-child {
    margin-top: 30px;
  }
  .rightNav .box:hover .qrCode{
    transition: .5s all ease-in;
    display: block;
  }
  .rightNav .box .qrCode{
    width: 135px;
    /* height: 135px; */
    margin-top: -95px;
    padding: 0;
    position: absolute;
    top: 75%;
    right: 78px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    padding: 10px;
    box-sizing: border-box;
    /* opacity: 0; */
    display: none;
  }
  .rightNav .box .qrCode.maxCode{
    /* margin-top: -168px!important; */
  }
  .rightNav .box .qrCode i{
    height: 100%;
    right: -8px;
    position: absolute;
    width: 8px;
    top: 0;
    background: url('../images/arr2.png') no-repeat center;
  }
  .rightNav .box .qrCode .imgs{
    width: 100%;
    height: 100%;
    /* background: #ccc; */
    object-fit: cover;
  }
  .rightNav .box .qrCode .imgs img{
    width: 100%;
    object-fit: cover;
  }