.content{ position:relative; z-index:99; background:#fff;}
.about_con.about-content{background: #fff;}
.content .con_text {position: relative; background-size: cover; background:#f1f1f1;}
.content .con_text.join-us-con {background:#fff;}
.content .con_text {position: relative; background-size: cover; background:#f1f1f1;}
.content .con_text .welcome_con{    padding: 3% 11% 3% 11%;}
.content .con_text .welcome_con h1{ text-align:center; font-size:44px; color:#333; line-height:62px;font-weight: 400;letter-spacing: 0.5px; margin-bottom:20px;}
.content .con_text .welcome_con p{ font-size:17px; line-height:26px; text-align:center;font-weight: 400;}
.about_con li .text a { padding: 9px 25px; border: 2px solid #009f46; color: #ffffff; background-color: #009f46; text-align: center; font-size: 16px; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; }
.about_con li .text a:hover { color: #009f46; background: #fff; }

.content .con_con3{position: static; padding: 0; z-index:999999;background-color: transparent;background-attachment: fixed;overflow: hidden;height: 750px;/*background-image: url(../images/skinconcern-2.jpg);*/background-position: 50% -28px;background-repeat: no-repeat;}
.content .con_con3 .text{margin-bottom: 150px !important;padding-top: 250px !important;}
.content .con_con3 .text h2{ text-align:center; color:#fff;font-size: 50px;line-height: 62px;font-weight: 400;letter-spacing: 0.5px;}
.content .con_con3 .btn{ padding-top:50px; text-align:center;}
.content .con_con3 .btn a{ padding-left:25px; padding-right:25px; height:44px; line-height:44px;    font-weight: 500;display: inline-block;
    background-color: #ffffff;border-radius: 45px;-moz-border-radius: 45px; -webkit-border-radius: 45px; color:#888b8d; font-size:16px;}
.content .con_con3 .btn a:hover{ padding:0 30px; background:#888b8d; color:#fff;}
.content .con_con1{background-image: url(../images/swiss.jpg);background-position:center; }

.content .con_con2{background-color: #f1f1f1; padding-bottom:20px; padding-top:6px; clear:both; overflow:hidden;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;z-index: 1;overflow: hidden;}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;padding: 0;}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width:52px;height: 52px; border-radius:3px; z-index:999;margin-top: -26px;cursor: pointer;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;left: auto}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background:#707173;margin: 0 4px;cursor: pointer;}
.swiper-slide:hover {}
.banner-box {width: 100%;float: left;position: relative;}
.swiper-container {width: 100%;    margin-bottom: -40px;}
.swiper-container-index .swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; background:#fff;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transform: scale(.8);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.8);-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;}
.swiper-container-index .swiper-slide-active, .swiper-slide-duplicate-active {-webkit-transform: scale(0.8);transform: scale(0.8);}
.swiper-container-index .swiper-slide img {width: 96%;height: 240px;object-fit: cover;display: block; margin:0 2%;}
.swiper-pagination {position: relative;margin-bottom: 50px; margin-top:-50px;}
.banner-box .swiper-pagination {margin-bottom: 30px; margin-top:10px;}
.swiper-pagination-bullet-active {opacity: 1;background:#333;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
 @media screen and (max-width: 768px) {
.sj_banner .swiper-pagination {position: relative;margin-bottom: 50px;margin-top:-34px;}
.swiper-pagination-bullet-active {opacity: 1;background: rgba(0,0,0,.8);}
}
.banner-arrow div:hover {}
.swiper-button-prev {left: -80px; background:#fff url(../images/left_sjx.svg) no-repeat center;transition: background 0.3s, opacity 0.4s;}
.swiper-button-prev:hover{ background:#7c7c7c url(../images/left_sjx2.svg) no-repeat center;}
.swiper-button-next { right:-80px;background:#fff url(../images/right_sjx.svg) no-repeat center;transition: background 0.3s, opacity 0.4s;}
.swiper-button-next:hover{ background:#7c7c7c url(../images/right_sjx2.svg) no-repeat center;}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
.content .con_con2 p{ background:#fff; width:100%; padding-top:20px;font-weight: 400; font-size:25px; text-align:center; line-height:30px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.content .con_con2 p.yanse4{ white-space: nowrap; width: 95%; margin: 0 auto;}
.content .con_con2 p.yanse4{ color:#81898d;}
.content .con_con2 p.yanse5{ color:#f60424;}
.content .con_con2 p.yanse1{ color:#82c285;font-size: 18px;padding-top: 10px;}
.content .con_con2 p.yanse2{ color:#68afb5;}
.content .con_con2 p.yanse3{ color:#e7ce93;}
.content .con_con2 .btn{ width:100%; background:#fff; padding:45px 0 26px 0; text-align:center;}
.content .con_con2 .btn span{padding: 15px 14px 15px 14px; width:100%; max-width:145px; margin:0 auto; border-radius:50px; display:block; font-size:24px; color:#fff;} 
.content .con_con2 .btn span.bg4{ background:#009f46; border:2px solid #009f46;}
.content .con_con2 .btn span.bg4:hover{background:#fff; color:#009f46;}
.content .con_con2 .btn span.bg5{ background:#f60424; border:2px solid #f60424;}
.content .con_con2 .btn span.bg5:hover{background:#fff; color:#f60424;}
.content .con_con2 .btn span.bg1{ background:#82c285; border:2px solid #82c285;}
.content .con_con2 .btn span.bg1:hover{background:#fff; color:#82c285;}
.content .con_con2 .btn span.bg2{ background:#68afb5; border:2px solid #68afb5;}
.content .con_con2 .btn span.bg2:hover{background:#fff; color:#68afb5;}
.content .con_con2 .btn span.bg3{ background:#e7ce93; border:2px solid #e7ce93;}
.content .con_con2 .btn span.bg3:hover{background:#fff; color:#e7ce93;}

.con_text .news-list { text-align: center; clear: both; padding-bottom: 30px; overflow: hidden; }
.con_text .news-list ul { width: 96%; padding: 20px 2%; }
.con_text .news-list ul li { width: calc(33.33333% - 80px); position: relative; float: left; margin: 0 20px 20px 20px; padding: 20px 20px 0 20px; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity 0.5s ease;text-align: left;background: #fff;}
.con_text .news-list ul li img { width: 100%; margin-bottom: 10px; height: 240px; object-fit: cover;}
.con_text .news-list ul li:hover { box-shadow: 0px 0px 17px #c1c0c0; opacity: 0.8; }
.con_text .news-list ul li .btn { display: none; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -ms-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; }
/*.con_text .news-list ul li:hover .btn { display: block; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -ms-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; }*/
.con_text .news-list ul li .nokucun { display: block; position: absolute; left: 3%; top: 20px; background: #FC3; color: #fff; font-size: 14px; max-width: 80px; padding: 10px 12px; border-radius: 30px; line-height: 20px; }
.con_text .news-list ul li p { padding-bottom: 20px; font-size: 13px; color: #808080;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.con_text .news-list ul li h6 { font-size: 14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #303030; font-weight: bold;}
.con_text .news-list ul li:hover .btn { display: block; position: absolute; top: 40%; width: 80%; margin: 0 5% 0 5%; height: 50px; background: #E1251B; line-height: 50px; color: #fff; font-size: 14px; text-align: center; }
.con_text .news-list ul li:hover .btn:hover { background: #B93D3D; }
.con_text .news-list p.btn{vertical-align: middle; padding:10px 0;}
.con_text .news-list p.btn a { padding: 9px 25px; border: 2px solid #009f46; color: #ffffff; background-color: #009f46; text-align: center; font-size: 16px; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; }
.con_text .news-list p.btn a:hover { color: #009f46; background: #fff; }

 @media (max-width: 768px) {
.content .con_text .welcome_con {padding: 5% 6% 3% 6%;}
.content .con_text .welcome_con h1{ font-size:27px; line-height:36px;}
.content .con_text .welcome_con h1 span{display: block;}
.content .con_text .welcome_con p{ font-size:15px; line-height:21px;}
.content .con_con3{ padding: 0; z-index:999999;height: auto !important;
    min-height: 300px;
    background-position: center top !important;
    background-attachment: scroll;
    background-size: cover;}
.content .con_con1{height: auto !important;
    min-height: 300px;
    background-position: center top !important;
    background-attachment: scroll;
    background-size: cover; }

.content .con_con3 .text h2{ font-size:27px; line-height:36px;}
.content .con_con3 .text{margin-bottom: 150px !important;padding-top: 150px !important;}

.content .con_con3{}
.swiper-container{}
.pc_banner{ display:none;}
.sj_banner{ display:block;}
.sj_banner img{ display:block; width:100%;}

.con_text .news-list ul li { padding: 0; width: calc(100% - 40px); }
.con_text .news-list ul li img{height: 260px;}
.con_text .news-list ul li h6 { font-size: 13px; line-height: 18px; padding-left: 10px;}
.con_text .news-list ul li p {padding-left: 10px;}
.con_text .news-list ul li:hover .btn { width: 90%; height: 29px; line-height: 29px; top: 90px; }
}