/*
* prefixed by https://autoprefixer.github.io
* postcss: v7.0.29,
* autoprefixer: v9.7.6
* browsers: last 4 version
*/

@charset "utf-8";

@font-face {
    font-family: ultralight;
    src: ;
}

@import ;

/*
create: 2013-12-30
updated: 2014-01-03
*/
/*reset*/
* {
    font-family: 'poppins', sans-serif;
}
:root{
    --theme-color-left:#03994b;
    --theme-color-right:#07c160;
}
html,
body {
    margin: 0px;
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

input,
textarea,
select,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: middle;
}

input {
    *font-size: 100%;
    border: 0 none;
}

strong {
    font-weight: bold;
}

/*base*/
html {
    -webkit-text-size-adjust: none;
}

body {
    background-color: #fdfdfd;
}

a {
    text-decoration: none;
    color: #666;
    outline: none;
}

a:hover {
    text-decoration: none;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

.fix,
#container,
.icontainer,
.pr-cate-d .s1,
.nav-con ul {
    clear: both;
    _zoom: 1;
}

.fix:after,
.pr-list ul:after,
.formarea li:after,
.a-list li:after,
.icontainer:after,
#container:after,
.pr-cate-d .s1:after,
.nav-con ul:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: "";
    overflow: hidden;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.posr {
    position: relative;
}

.f14 {
    font-size: 14px;
}

.theme_color_1 {
    color: rgb(0,170,95);
}

.theme_color_2 {
    color: #d45501;
}

/* 首页全屏背景图 */
#foucsbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1;
    position: relative;
    opacity: 1;
    background: #fff;
}

#foucsbox .imgcon {
    width: 100%;
    height: 100%;
    position: fixed;
    list-style: none;
}

#foucsbox .imgcon li {
    float: left;
    position: absolute;
    width: 101%;
}

#foucsbox .imgcon li img {
    width: 100%;
    height: 100%;
}

#foucsbox .foucs {
    height: 15px;
    position: absolute;
    bottom: 100px;
    left: 47%;
    z-index: 3;
    display: none;
}

#foucsbox .foucsbutton {
    width: 50px;
    height: 90px;
    position: absolute;
    z-index: 4;
}

#foucsbox .foucsbutton span {
    display: inline;
    width: 50px;
    height: 90px;
    cursor: pointer;
    overflow: hidden;
}

#foucsbox .lbtn {
    left: 0px;
    top: 45%;
}

#foucsbox .lbtn span {
    float: left;
    background: url(/uploads/image/toimages/arrow-left.png) no-repeat;
}

#foucsbox .rbtn {
    right: 0px;
    top: 45%;
}

#foucsbox .rbtn span {
    float: right;
    background: url(/uploads/image/toimages/arrow-right.png) no-repeat;
}

.imgtitle {
    width: 50%;
    color: #fff;
    font-family: "microsoft yahei";
    font-size: 50px;
    zoom: 1;
    position: absolute;
    top: 170px;
    left: 15%;
    z-index: 101;
    line-height: 64px;
    text-shadow: 0 0 10px #000;
}

#imgtitle1,
#imgtitle2,
#imgtitle3 {
    display: none;
}

/* 导航部分 */
.header {
    position: fixed;
    top: 12px;
    left: 15%;
    width: 574px;
    height: 75px;
    padding: 25px 0 0 406px;
    background:  no-repeat;
    font-size: 17px;
    z-index: 1000;
}

.header li {
    float: left;
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-bottom: 25px;
}

.header a {
    display: block;
    padding: 0 18px 0 20px;
    color: #fff;
    background:  no-repeat right;
}

.header .no_triangle a {
    display: block;
    padding: 0 18px 0 20px;
    color: #fff;
    background: none;
}

/* .header .no_link {
    display: block;
    padding: 0 18px 0 20px;
    color: #fff;
    background:  no-repeat right;
} */

.header ul ul {
    display: none;
    position: absolute;
    left: 3px;
    top: 75px;
    background: #fff;
    width: 242px;
    padding: 10px 0px;
}

.header ul ul li {
    clear: both;
    text-align: left;
    height: 24px;
    line-height: 24px;
    padding-bottom: 0px;
    background:  no-repeat 10px 9px;
}

.header ul ul li a {
    color: #616161;
    display: block;
    width: 204px;
    height: 24px;
    line-height: 24px;
    background: none;
    font-size: 12px;
}

.header ul ul li a:hover {
    color: #fff;
    background: #cb8756  no-repeat 10px 9px;
}

.corner1,
.corner2,
.corner3 {
    width: 12px;
    height: 5px;
    position: absolute;
    top: -5px;
}

.corner1 {
    left: 58px;
    background:  no-repeat;
}

.corner2 {
    left: 110px;
    background:  no-repeat;
}

.corner3 {
    left: 93px;
    background:  no-repeat;
}

.main-corner1,
.main-corner2,
.main-corner3 {
    width: 12px;
    height: 5px;
    position: absolute;
    top: -5px;
}

.main-corner1 {
    left: 58px;
    background:  no-repeat;
}

.main-corner2 {
    left: 95px;
    background:  no-repeat;
}

.main-corner3 {
    left: 93px;
    background:  no-repeat;
}

/* 首页内容部分 */
.code {
    margin-top: 20px;
}

.code_qq {
    margin-left: 20px;
}

.more {
    margin-top: 150px;
}

.mainpic {
    position: absolute;
    top: 940px;
    left: 15%;
    z-index: 999;
}

.mainpic li {
    float: left;
    margin-right: 20px;
    position: relative;
}

.my_title {
    position: absolute;
    z-index: 100;
    top: calc(50% - 60px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: 2px;
    font-family: 'simhei';
    font-weight: 300;
    color: #fff;
    text-shadow: 1px -1px 0px rgb(68, 137, 216),2px -2px 0px rgb(66, 139, 221),3px -3px 0px rgb(67, 147, 238),4px -4px 0px rgb(64,153,255);
}

.index_mask {
    position: absolute;
    bottom: 1px;
    left: 0px;
    width: 212px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    opacity: 0.8;
    color: #000;
    font-size: 18px;
    padding-left: 18px;
}

.category_link li h3.introduction{
    font-weight: 100;
    font-size: 0.8rem;
}
/* 页脚部分 */
.footer {
    text-align: center;
    z-index: 999;
    width: 100%;
    height: 170px;
    background: #fff;
    position: absolute;
    top: 1180px;
    border-top: 1px solid #f7f7f7;
}

.p-main-footer-language {
    color: #252f47;
    margin: 20px 0 30px 0;
}

.p-main-footer-language a {
    color: #007832;
    margin-left: 15px;
}

.p-main-footer-about p {
    color: #a79999;
}

.p-main-footer-about a {
    color: #a79999;
    font-size: 1rem;
}

.p-main-footer-about li {
    color: #ffffff;
    display: inline-block;
}

section {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

section video {
    width: 75%;
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}

/* 关于橄榄树 */
.inner_wrap {
    font-size: 100%
}

.inner_header {
    position: absolute;
    left: 30px;
    z-index: 101;
}

.nav_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.inner_logo {
    width: 200px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.inner_logo a {
    line-height: 0;
}

.inner_logo img {
    width: 175px;
}

.inner_menu {
    padding: 46px 20px 0 0;
}

.inner_menu li {
    float: left;
    color: #999;
    position: relative;
    height: 24px;
    line-height: 24px;
}

.inner_menu li a {
    padding: 0 9px 0 20px;
    color: #2c9a00;
}

.inner_menu ul ul {
    display: none;
    position: absolute;
    left: -36px;
    top: 24px;
    background: #fff;
    width: 242px;
    padding: 10px 0px;
}

.inner_menu ul ul li {
    clear: both;
    text-align: left;
    height: 24px;
    line-height: 24px;
    padding-bottom: 0px;
    background:  no-repeat 10px 9px;
}

.inner_menu ul ul li a {
    color: #616161;
    display: block;
    width: 204px;
    height: 24px;
    line-height: 24px;
    background: none;
    font-size: 12px;
}

.inner_menu ul ul li a:hover {
    color: #fff;
    background: #cb8756  no-repeat 10px 9px;
}

.inner_search {
    padding: 46px 0 0 0;
}

/* .nav{
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:rgb(234,170,0);
} */


.menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    height: 60px;
    line-height: 60px;
}

.p-bar-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.nav {
    z-index: 999;
    position: fixed !important;
    top: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    height: 60px;
    line-height: 60px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    background: -o-linear-gradient(205deg,var(--theme-color-left),var(--theme-color-right));
    background: linear-gradient(245deg,var(--theme-color-left),var(--theme-color-right));
    
}

.nav.sticky{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
}
.nav li {
    position: relative;
}

.nav li a {
    color: #fff;
    padding: 0 20px;
    display: block;
    font-size: 1rem;
    outline: none;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.nav li a:hover {
    color: #fff;
    background: var(--theme-color-right);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav ul ul {
    display: none;
    position: absolute;
    left: -14px;
    top: 60px;
    background: #fff;
    width: 242px;
    padding: 10px 0px;
    z-index: 100;
}

.nav ul ul li a {
    color: #616161;
    display: block;
    width: 204px;
    line-height:3rem;
    background: none;
    font-size:1rem;
}

.nav ul ul li a:hover {
    color: #fff;
    background: #a7a7a7;
}

.nav-corner1,
.nav-corner2,
.nav-corner3,
.nav-corner4,
.nav-corner5 {
    width: 12px;
    height: 5px;
    position: absolute;
    top: -5px;
}

.nav-corner1 {
    left: 58px;
    background:  no-repeat;
}

.nav-corner2 {
    left: 95px;
    background:  no-repeat;
}

.nav-corner3 {
    left: 93px;
    background:  no-repeat;
}

.nav-corner4 {
    left: 65px;
    background:  no-repeat;
}

.nav-corner5 {
    left: 93px;
    background:  no-repeat;
}

.main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
}

.main-col-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.main-col-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.about_main {
    background: url(/uploads/image/toimages/about_mainbg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.company-overview_main .theme_desc{
    background: url(/uploads/image/toimages/about_mainbg.png) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 99;
}

.company-activity_main {
    position: relative;
    z-index: 99;
}

.company-news_main .theme_content_desc{
    background: url(/uploads/image/toimages/news_bg.png) no-repeat center center;
    background-size: 100%;
}

.service-cdus_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-andrology_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-gynecology_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-laboratory_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-physicaltherapy_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-ct_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-x-ray_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-surgery_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-anorectal_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-ent_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-endoscopy_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-orthopedics_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-pediatrics_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-dermatology_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-cosmetology_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-complex_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service-dentistry_main {
    background: url(/uploads/image/toimages/serve_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}
#scroll-view{
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    border: 1px solid #eee;   
    font-size:1rem;
    font-weight: 200;
    text-align: center;
    line-height: 50px;
}
#scroll-column,#scroll-column-co{
    /* height: 300px;
    overflow-y: scroll; */
    position: fixed;
    right: 10px;
    top: 50%;
    -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
            transform: translatey(-50%);
    /* box-shadow: 1px 1px 5px rgba(0,0,0,0.1); */
    z-index: 101;
    /* background-color: #fff; */
}
/* #scroll-column::-webkit-scrollbar-track
{
    width: 10px;
    background-color: rgb(199, 199, 199);
}
#scroll-column a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100px;
    height: 30px;
    padding-left: 10px;
    margin: 3px 0px;
    color: #000;
    font-size:0.9rem;
    font-weight: bold;
    white-space: nowrap;
    border-left: 5px solid #ffffff00;
    transition: border-left 0.3s ease-in-out 0.1s;
}
#scroll-column a:hover{
    border-left: 5px solid #07c160;
    transition: border-left 0.3s ease-in-out;
} */

.about_link ul {
    margin-left: 107px;
}

.about_link li {
    padding: 1px;
    float: left;
    margin: 0 30px 20px 0;
    border: 1px solid #ccc;
    background: url(/uploads/image/toimages/about_link_bg.png) repeat-x top center;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px #ccc;
            box-shadow: 0px 0px 5px #ccc;
}

.about_link li h3 {
    height: 46px;
    font: 18px/46px "微软雅黑";
    color: #bf5a00;
    padding-left: 10px;
}

.about_link li img {
    width: 240px;
}

.cols_3 ul {
    margin-left: 107px;
}

.cols_3 li {
    padding: 1px;
    float: left;
    margin: 0 30px 20px 0;
    border: 1px solid #ccc;
    background: url(/uploads/image/toimages/about_link_bg.png) repeat-x top center;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px #ccc;
            box-shadow: 0px 0px 5px #ccc;
}

.cols_3 li h3 {
    height: 46px;
    font: 18px/46px "微软雅黑";
    color: #bf5a00;
    padding-left: 10px;
}

.about_info {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    color: #616161;
}
.about_info.fix{
    padding: 60px 0px;
}
.about_info.fix img{
    width: 100%;
    padding-top: 32px;
}
.about_info h3 {
    margin: 20px 0 10px 0;
    font-family: "微软雅黑";
    font-size: 20px;
}

.about_info h4 {
    margin-bottom: 20px;
    font-family: "微软雅黑";
    font-size: 16px;
}

.about_info p {
    line-height: 28px;
}

/* 服务 */
.service_main {
    position: relative;
    z-index: 99;
}

.service_link ul {
    margin-left: 0px;
}

.service_link li {
    padding: 1px;
    float: left;
    margin: 0 30px 20px 0;
    border: 1px solid #ccc;
    background: url(/uploads/image/toimages/about_link_bg.png) repeat-x top center;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px #ccc;
            box-shadow: 0px 0px 5px #ccc;
}

.service_link li h3 {
    height: 46px;
    font: 18px/46px "微软雅黑";
    color: #bf5a00;
    padding-left: 10px;
}

.manufacturer_main {
    background: url(/uploads/image/toimages/manufacturer_bg.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

/* 产品列表页主题背景 */
.cdus_main {
    background: url(/uploads/image/toimages/product_bg01.png) no-repeat top center;
}

.andrology_main .theme_desc{
    background: url(/uploads/image/toimages/product_bg02.png) no-repeat top center;
}

.gynecology_main {
    background: url(/uploads/image/toimages/product_bg03.png) no-repeat top center;
}

.laboratory_main {
    background: url(/uploads/image/toimages/product_bg04.png) no-repeat top center;
}

.physicaltherapy_main {
    background: url(/uploads/image/toimages/product_bg05.png) no-repeat top center;
}

.ct_main {
    background: url(/uploads/image/toimages/product_bg06.png) no-repeat top center;
}

.x-ray_main {
    background: url(/uploads/image/toimages/product_bg07.png) no-repeat top center;
}

.surgery_main {
    background: url(/uploads/image/toimages/product_bg08.png) no-repeat top center;
}

.anorectal_main {
    background: url(/uploads/image/toimages/product_bg09.png) no-repeat top center;
}

.ent_main {
    background: url(/uploads/image/toimages/product_bg10.png) no-repeat top center;
}

.endoscopy_main {
    background: url(/uploads/image/toimages/product_bg11.png) no-repeat top center;
}

.orthopedics_main {
    background: url(/uploads/image/toimages/product_bg12.png) no-repeat top center;
}

.pediatrics_main {
    background: url(/uploads/image/toimages/product_bg13.png) no-repeat top center;
}

.dermatology_main {
    background: url(/uploads/image/toimages/product_bg14.png) no-repeat top center;
}

.cosmetology_main {
    background: url(/uploads/image/toimages/product_bg15.png) no-repeat top center;
}

.complex_main {
    background: url(/uploads/image/toimages/product_bg16.png) no-repeat top center;
}

.dentistry_main {
    background: url(/uploads/image/toimages/product_bg17.png) no-repeat top center;
}

.cdus_main,
.andrology_main,
.gynecology_main,
.laboratory_main,
.physicaltherapy_main,
.ct_main,
.x-ray_main,
.surgery_main,
.anorectal_main,
.ent_main,
.endoscopy_main,
.orthopedics_main,
.pediatrics_main,
.dermatology_main,
.cosmetology_main,
.complex_main,
.dentistry_main {
    margin-top: 60px;
    position: relative;
    z-index: 99;
}

.theme_desc {
    font-size: 46px;
    font-family: microsoft yahei;
    position: absolute;
    line-height: 56px;
    background: url(/uploads/image/toimages/service_mainbg.png) no-repeat center center;
}

.theme_content_desc,.theme_desc {
    background-size: cover;
    height: 400px;
    position: relative;
    z-index: 99;
}
.theme_content_desc::before,.theme_desc::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0,0.5);
    
}
.theme_content_desc h1,.theme_desc h1{
    position: absolute;
    bottom: 10px;
    left: 100px;
    font-size: 3rem;
    line-height: 6rem;
    color: #fff;
}

.category_link.fix ul {
    padding: 0px 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.category_link ul {
    margin-left: 0px;
}

.category_link li {
    width: 220px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fff;
    padding: 25px 20px;
    float: left;
    margin: 0 30px 50px 0;
    border-radius: 1px;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
            box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}
/* 
.category_link li:after {
    z-index: -1; 
    position: absolute; 
    content: "";
    bottom: 10px;
    right: 4px;
    width: 80%; 
    top: 80%; 
    -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);   
    -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
    -webkit-transform: rotate(3deg);    
    -moz-transform: rotate(3deg);   
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);	
  } */

.category_link li h3 {
    margin-top: 30px;
    font-size: 1.2rem;
    color: #2b2b2b;
    font-weight: 600;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
}

.category_link li img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.category_link li a {
    background-color:rgb(0,170,95);
    font-size: 0.8rem;
    padding: 8px 15px;
    margin-top: 30px;
    color: #fff;
    -ms-flex-item-align:start;
        -ms-grid-row-align:start;
        align-self:start;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 5px 5px rgb(80 182 116 / 0.6));
            filter: drop-shadow(0 5px 5px rgb(80 182 116 / 0.6));
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    opacity: .9;  
}
.category_link li a:hover {
    opacity: 1;  
    /* text-decoration: underline; */
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.category_link li a:active {
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;       
}	

.plus_f14 li h3 {
    font-size: 14px;
}

.cols_4 ul {
    margin-left: 0px;
}

.cols_4 li {
    padding: 1px;
    float: left;
    margin: 0 30px 20px 0;
    border: 1px solid #ccc;
    background: url(/uploads/image/toimages/about_link_bg.png) repeat-x top center;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px #ccc;
            box-shadow: 0px 0px 5px #ccc;
}

.cols_4 li h3 {
    height: 46px;
    font: 12px/46px "微软雅黑";
    color: #bf5a00;
    padding-left: 10px;
}

/* 页脚(非首页) */
.inner_footer {
    border-top: 1px solid rgba(136, 136, 136, 0.1);
    background: #f6f6f6;
    color: #8d898c;
    padding: 100px 0 0 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.quick_link {
    padding-left: 30px;
}

.quick_link dl {
    float: left;
    margin: 20px;
    width: 190px;
}

.quick_link dt {
    margin-bottom: 4px;
    color: #2c9a00;
    font-weight: bold;
}

.quick_link dd a {
    color: #999;
}

.quick_link h3 {
    margin-top: 20px;
    font: 16px/30px "微软雅黑";
    color: #999;
}

.ifooter {
    text-align: center;
    margin: 40px 0;
}
.foot_img{
    height:80px;
    padding-bottom:100px;
}


.interview{
    width: 100%;
    background-color: rgb(66,189,132);
    padding: 100px 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.interview p{
    letter-spacing: 2px;
    line-height: 2.5rem;
    width: 750px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}
/* 特惠页面 */
.tehui_main {
    background: url(/uploads/image/toimages/tehui_mainbg.png) no-repeat top center;
    padding-top: 310px;
    position: relative;
    z-index: 99;
}

.sale-cdus_main {
    background: url(/uploads/image/toimages/tehui_mainbg.png) no-repeat top center;
    padding-top: 310px;
    position: relative;
    z-index: 99;
}

.tehui_main li,
.sale-cdus_main li {
    position: relative;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
            box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    border-radius: 5px;
    width: 850px;
    margin: 30px auto 30px auto;
    padding: 20px 36px;
    background-color: #fff;
}
.tehui_main ul li h1,
.tehui_main ul li h2,
.tehui_main ul li h3,
.tehui_main ul li h4,
.tehui_main ul li h5,
.tehui_main ul li h6{
    font-size: 1.2rem;
    font-weight: bold;
    color:rgb(157,157,157);
    line-height: 3rem;
}

.tehui_main ul li p,
.tehui_main ul li span,
.tehui_main ul li a{
    font-size: 1.2rem;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    line-height: 3rem;
    color: #000;
}

.tehui_img {
    width: 320px;
    overflow: hidden;
}

.tehui_info {
    width: 480px;
    margin: 0 30px 0 20px;
    overflow: hidden;
    color: #616161;
}

.tehui_info b {
    font-size: 14px;
    color: #f00;
}

.tehui_main .tehui_icon,
.sale-cdus_main .tehui_icon {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/uploads/image/toimages/tehui_icon.png) no-repeat top left;
    width: 58px;
    height: 58px;
}


/* 产品详情页 新闻页 */
.pro_main .theme_content_desc{
    background: url(/uploads/image/toimages/pro_detail_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-news_pro .theme_content_desc{
    background: url(/uploads/image/toimages/news_content_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-service_pro .theme_content_desc{
    background: url(/uploads/image/toimages/serve_content_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-recruitment_pro .theme_content_desc{
    margin-top: 60px;
    background: url(/uploads/image/toimages/job_content_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-qualification_pro .theme_content_desc{
    background: url(/uploads/image/toimages/pro_detail_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-cooperation_pro .theme_content_desc{
    background: url(/uploads/image/toimages/pro_detail_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-activity_pro .theme_content_desc{
    background: url(/uploads/image/toimages/activity_content_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.company-overview_pro .theme_content_desc{
    background: url(/uploads/image/toimages/company_content_bg.png) no-repeat top center;
    position: relative;
    z-index: 99;
}

.contact_pro .theme_content_desc{
    background: url(/uploads/image/toimages/contact_content_bg.png) no-repeat center center;
    position: relative;
    z-index: 99;
}

.company-news_pro .pro_detail img{
    max-width: 70%;
}
.company-news_pro .pro_detail p{
    text-align: center;
}

/* 各科室产品详情页主题背景 */
.cdus_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg01.png) no-repeat top center;
}

.andrology_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg02.png) no-repeat top center;
}

.gynecology_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg03.png) no-repeat top center;
}

.laboratory_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg04.png) no-repeat top center;
}

.physicaltherapy_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg05.png) no-repeat top center;
}

.ct_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg06.png) no-repeat top center;
}

.x-ray_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg07.png) no-repeat top center;
}

.surgery_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg08.png) no-repeat top center;
}

.anorectal_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg09.png) no-repeat top center;
}

.ent_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg10.png) no-repeat top center;
}

.endoscopy_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg11.png) no-repeat top center;
}

.orthopedics_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg12.png) no-repeat top center;
}

.pediatrics_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg13.png) no-repeat top center;
}

.dermatology_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg14.png) no-repeat top center;
}

.cosmetology_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg15.png) no-repeat top center;
}

.complex_pro .theme_content_desc{
    margin-top: 60px;
    background: url(/uploads/image/toimages/product_content_bg16.png) no-repeat top center;
}

.dentistry_pro .theme_content_desc{
    background: url(/uploads/image/toimages/product_content_bg17.png) no-repeat top center;
}

.cdus_pro,
.andrology_pro,
.gynecology_pro,
.laboratory_pro,
.physicaltherapy_pro,
.ct_pro,
.x-ray_pro,
.surgery_pro,
.anorectal_pro,
.ent_pro,
.endoscopy_pro,
.orthopedics_pro,
.pediatrics_pro,
.dermatology_pro,
.cosmetology_pro,
.complex_pro,
.dentistry_pro {
    position: relative;
    z-index: 99;
}
.products_detail .products_sort{
    line-height: 42px;
    padding-top: 67px;
    background: #0aa879;
    color: #fff;
    -webkit-box-shadow: 0px 2px 3px #888888;
            box-shadow: 0px 2px 3px #888888;
    padding-left: 17.5%;
}
.products_detail .products_font{
    width: 65%;
    margin: 0 auto;
    padding: 48px 24px 72px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.products_detail .products_font img{
    height: 320px;
    min-width: 420px;
    -o-object-fit: contain;
       object-fit: contain;
}
.products_detail .products_feature{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 24px;
}
.products_detail .products_feature :first-child{
    color: #323232;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding-bottom: 15px;
}
.products_detail .products_feature :last-child{
    font-size: 1rem;
    color: #3c3c3c;
    font-weight: 400;
    padding-top: 64px;
}
.products_cut{
    background: #91d395;
    padding-left: 17.5%;
    line-height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.products_cut span,
.products_cut a{
    padding-left: 10px;
    letter-spacing: 2px;
    color: #242121bd;
    font-size: 1.3rem;
}
.products_body{
    width: 65%;
    margin: 0 auto;
}
.products_body .products_show{
    padding: 64px 0;
    font-weight: 700;    
    letter-spacing: -0.5px;
    font-size: 2.1rem;
    color: #000;
    line-height: 40px;
}
.products_body .products_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
}
.products_body img{
    width: 100%;
}
.pro_title {
    width: 100%;
    margin: 0 auto;
    padding: 112px 0 24px 0;
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    color: #464444;
    font-weight: bold;
}

.pro_date {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 0.8rem;
    line-height: 25px;
    font-weight: 700;
    color:#c2a661;
    letter-spacing: 1px;
    line-height: 32px;
}

.pro_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding:50px;
    background: rgb(247,247,247);
}
/* 服务2图 活动速递页*/
.activity-cdus_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-andrology_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-gynecology_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-laboratory_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-physicaltherapy_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-ct_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-x-ray_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-surgery_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-anorectal_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-ent_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-endoscopy_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-orthopedics_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-pediatrics_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-dermatology_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-cosmetology_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-complex_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.activity-dentistry_main {
    background: url(/uploads/image/toimages/activity.png) no-repeat top center;
    padding-top: 320px;
    position: relative;
    z-index: 99;
}

.service2_link ul {
    margin-left: 85px;
}

.service2_link li {
    padding: 10px 20px;
    float: left;
    margin: 0 30px 20px 0;
    border: 1px solid #ccc;
    background: url(/uploads/image/toimages/about_link_bg2.png) repeat-x top center;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px #ccc;
            box-shadow: 0px 0px 5px #ccc;
}

.service2_link li h3 {
    height: 46px;
    font: 18px/46px "微软雅黑";
    color: #bf5a00;
    padding-left: 10px;
}

.cols_2 ul {
    margin-left: 85px;
}

.cols_2 li {
    padding: 10px 20px;
    float: left;
    margin: 0 30px 20px 0;
    border: 1px solid #ccc;
    background: url(/uploads/image/toimages/about_link_bg2.png) repeat-x top center;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px #ccc;
            box-shadow: 0px 0px 5px #ccc;
}

.cols_2 li h3 {
    height: 46px;
    font: 18px/46px "微软雅黑";
    color: #bf5a00;
    padding-left: 10px;
}

.products_link {
    position: relative;
    width: 877px;
}

.products_link>p {
    position: absolute;
    color: rgb(64, 153, 255);
    top: -50px;
    left: -200px;
    font-size: 40px;
    font-family: 'simhei' !important;
}

.products_link ul {
    width: 100%;
    /* height: 50vh; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.products_link li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 150px;
    height: 150px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.products_link li:last-child {
    margin-right: 0px;
    margin-left: -1px;
}

.products_link li h3 {
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #000000;
    font-size: 1rem;
    font-weight: 300;
}

.products_link li img {
    width: 50px;
    height: 50px;
}

/* 首页产品展示动效 */
.products_link li:hover {
    -webkit-transform: translatey(-10px);
        -ms-transform: translatey(-10px);
            transform: translatey(-10px);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.products_tedian{
    padding-bottom: 60px;
}
.search {
    margin: 0 auto;
    width: 90%;
    height: 100%;
}

.search-bar {
    position: absolute;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    width: 555px;
    background-color: rgba(255, 255, 255, 0.1);
}

.search-bar-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
}

.search-bar-btn:hover i {
    cursor: pointer;
}

.search-bar-btn i {
    color: #fff;
}

.search-bar form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.search-bar input {
    border: none !important;
    width: 100% !important;
    outline: none !important;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
}

.search-bar input::-webkit-input-placeholder {
    color: #fff;
}

.search-bar input::-moz-placeholder {
    color: #fff;
}

.search-bar input:-ms-input-placeholder {
    color: #fff;
}

.search-bar input::-ms-input-placeholder {
    color: #fff;
}

.search-bar input::placeholder {
    color: #fff;
}

.search-bar button {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 0;
    position: relative;
    background: url(/uploads/image/toimages/search.png);
    background-size: cover;
    background-color: rgba(255, 255, 255, 0);
}

.p-search {
    width: 161px;
    height: 24px;
}

.service_title {
    width: 173px;
    height: 73px;
    margin: 0 auto;
    background-color: #6fbe8f;
}

.service_title div {
    font: bold 20px/22px "微软雅黑";
    color: #fff;
    padding: 20px 0 0 10px;
}

.service_bar {
    /* border: 1px solid; */
    /* width: 186px; */
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 5px;
}

.service_qq,
.service_400,
.service_wechat,
.mazu {
    width: 184px;
    margin: 5px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.mazu {
    width: 187px;
    height: 328px;
    background: url(/uploads/image/toimages/mazu.jpg);
    display: inline-block;
}

.service_wechat {
    font: 18px/30px "微软雅黑";
    text-indent: 8px;
}

.service_desc {
    width: 174px;
    margin: 15px auto;
}



.partner {
    position: relative;
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



.qualification {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.partner_container,
.qualification_container {
    position: relative;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-direction: column;
}

.qualification_container {
    margin-bottom: 5rem;
}

.partner_header {
    /* width: 374px; */
    height: 36px;
    background-color: #2ecc71;
    display: block;
}

.partner_title {
    color: var(--theme-color-left);
    font-size: 2.2rem;
    padding-bottom: 3rem;
    z-index: 1;
}

.partner_desc
    {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 100px 200px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.qualification_desc {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 100px 200px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.partner_desc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-image: ;
    background-attachment: fixed;
    background-size: cover;

}

.qualification_desc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-image: ;
    background-attachment: fixed;
    background-size: cover;
}


.partner_desc a,
.qualification_desc a {
    display: block;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color-left)),color-stop(var(--theme-color-right)), to(var(--theme-color-left)));
    background-image: -o-linear-gradient(left, var(--theme-color-left),var(--theme-color-right), var(--theme-color-left));
    background-image: linear-gradient(90deg, var(--theme-color-left),var(--theme-color-right), var(--theme-color-left));
    background-size: 300%;
    padding: 10px 30px;
    margin-top: 3rem;
    font-size: 1rem;
    text-align: center;
    text-indent: 0;
    -webkit-transition: background-position 0.5s;
    -o-transition: background-position 0.5s;
    transition: background-position 0.5s;
    z-index: 1;
}

.partner_desc a:hover,
.qualification_desc a:hover {
    background-position: right;
    -webkit-transition: background-position 0.5s;
    -o-transition: background-position 0.5s;
    transition: background-position 0.5s;
}

.partner_desc p,
.qualification_desc p {
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.6rem;
    font-weight: 300;
    z-index: 1;
}

.qualification_header {
    /* width: 374px; */
    height: 36px;
    background-color: #2ecc71;
    display: block;
}

.qualification_title {
    color: var(--theme-color-left);
    font-size: 2.2rem;
    padding-bottom: 3rem;
    z-index: 1;
}


.qualification_pic {
    padding-top: 10px;
}

.qualification_pic li {
    float: left;
    padding-right: 7px;
}

.qualification_pic li:last-child {
    padding-right: 0px;
}

.partner2{
    display: table;
    width: 100%;
    height: 70vh;
    margin: 50px 0 200px 0;
}

.partner2 hr{
    border-bottom: 1px solid rgb(151, 151, 151);
    width: 146px;
    text-align: left;
    margin-left: 0px;
}

.partner2_left{
    float: left;
    width: 100%;
    height: 100%;
    background-color: rgb(247,247,247);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    padding: 0 100px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.partner2_title{
    color: rgb(64, 153, 255);
    font-size: 2.2rem;
    padding-bottom: 2rem;
    z-index: 1;
}


.partner2 p{
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.6rem;
    font-weight: 300;
    z-index: 1;
    max-width: 400px;
}

.partner2 a{
    display: block;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--theme-color-left)),color-stop(var(--theme-color-right)),to(var(--theme-color-left)));
    background-image: -o-linear-gradient(left, var(--theme-color-left),var(--theme-color-right),var(--theme-color-left));
    background-image: linear-gradient(90deg, var(--theme-color-left),var(--theme-color-right),var(--theme-color-left));
    background-size: 300%;
    padding: 10px 30px;
    margin-top: 3rem;
    font-size: 1rem;
    text-align: center;
    text-indent: 0;
    -webkit-transition: background-position 0.5s;
    -o-transition: background-position 0.5s;
    transition: background-position 0.5s;
    z-index: 1;
}

.partner2_right{
    display: table-cell;
    *display: inline-block;
    *zoom: 1;
    width: 60%;
    background: url(/uploads/image/toimages/friends.jpg) no-repeat;
    opacity: 0.8;
    padding: 10px;
    margin-right: 10px;
    vertical-align: top;
}
.join_us:nth-child(2){
    background-image: url(/uploads/image/toimages/join-us1.jpg);
    background-size: cover;
}
.join_us:nth-child(3){
    background-image: url(/uploads/image/toimages/join-us2.jpg);
    background-size: cover;
}
.join_us:nth-child(4){
    background-image: url(/uploads/image/toimages/join-us3.jpg);
    background-size: cover;
}


.join_us{
    width: 100%;
    height: 70vh;
    margin: 100px 0;
    opacity: 0.95;
}
.join_us .join_content{
    height: 70vh;
    width: 30%;
    float: left;
    margin-left: 15%;
    background-color:rgba(25,70,129, 0.85);
    padding: 10px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.join_us .join_content_2{
    height: 70vh;
    width: 30%;
    float: right;
    margin-right: 15%;
    background-color:rgba(25,70,129, 0.85);
    padding: 10px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.join_content h1,.join_content_2 h1{
    font-size: 2rem;
    margin-bottom: 40px;
    color: #fff;
    font-weight: 700;
}
.join_content span,.join_content_2 span{
    color: rgb(247, 247, 247);
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
}
.join_content_2 ul{
    padding-left: 20px;
}
.join_content_2 li{
    list-style-type:circle
}

.news-center {
    margin-top: 100px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.news-center .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    /* height: 386px; */
    background-image: -o-linear-gradient(205deg, var(--theme-color-left), var(--theme-color-right));
    background-image: linear-gradient(245deg, var(--theme-color-left), var(--theme-color-right));
    /* float: left; */
}

.news-center .title div {
    /* width: 40px; */
    font-size: 18px;
    color: rgb(255, 255, 255);
    padding: 10px 0px 10px 0px;
    font-weight: bold;
}

.news-center .container {
    margin-top: 100px;
    height: 386px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.news-center .container .news_desc {
    border-bottom: 1px #c7e9db solid;
    width: 560px;
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
    padding-bottom: 10px;
}

.news-center .container .news_desc .pic {
    width: 100px;
    height: 75px;
    display: inline-block;
    float: left;
}

.news-center .container .news_desc .pic img {
    width: 100px;
    height: 75px;
}

.news-center .container .news_desc .text,
.news-center .container .news_list {
    width: 450px;
    float: left;
    display: inline-block;
    margin-left: 8px;
    color: #7b8881;
    font-size: 1rem;
}

.news-center .container .news_desc .text .news_title,
.news-center .container .news_list .news_title {
    margin-left: 12px;
    font: bold 1rem;
}

.news-center .container .news_list {
    width: 560px;
    margin-top: 20px;
    margin-left: 10px;
}

.news-center .container .news_list ul li {
    clear: both;
    height: 30px;
    display: block;
}

.activity_container {
    width: 970px;
    margin: 0 auto;
    display: block;
}

.activity_container .title {
    font: 18px/18px "微软雅黑";
    color: #d45704;
    padding-bottom: 18px;
    margin-left: 5px;
}

.activity_container .left_col {
    width: 186px;
    float: left;
    display: inline-block;
}

.activity_container .right_col {
    float: left;
    display: inline-block;
}

.activity_container .right_col .products {
    margin-left: 16px;
    width: 768px;
}

.activity_container .right_col .sale_product {
    float: left;
    display: inline-block;
    width: 231px;
    height: 308px;
    border: 1px #cfd2dc solid;
    margin: 0 12px 20px 10px;
    background: url(/uploads/image/toimages/sale.jpg) no-repeat #fff;
}

.activity_container .right_col .sale_product .pic {
    width: 200px;
    margin: 58px auto -2px auto;
}

.activity_container .right_col .sale_product .desc {
    width: 200px;
    margin: 0 auto;
}

.activity_container .right_col .sale_product .desc .brand {
    color: #84c8a2;
    font-size: 16px;
}

.activity_container .right_col .sale_product .desc .name {
    color: #7a7a7a;
    font-size: 14px;
}

.activity_container .right_col .sale_product .desc .categroy {
    color: #e45f23;
    font-size: 12px;
}

.pages .pagination-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pages ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pages li {
    width: 28px;
    height: 28px;
    margin-left: 1px;
    border: 1px #cfd2dc solid;
    padding: 0 4px;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.pages .active {
    width: 28px;
    height: 28px;
    background-color: #07c160;
    color: #fff;
}

.pages .active a {
    color: #fff;
}

.news_center {
    width: 100%;
    margin: 0 auto;
    padding: 18px 0 54px 0;
    background: rgb(247,247,247);
}

.news_center ul {
    padding: 30px 0;
    width: 60%;
    margin: 0 auto;
    letter-spacing: 1px;
}

.news_center .news_item {
    width: 100%;
    height: 269px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    margin-bottom: 24px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news_center .news_item:hover {
    position: relative;
    margin-left: 10px;
    -webkit-box-shadow: 
      0 -8px 8px -8px rgba(0, 0, 0, 0.5),
      0 8px 8px -8px rgba(0, 0, 0, 0.5);
            box-shadow: 
      0 -8px 8px -8px rgba(0, 0, 0, 0.5),
      0 8px 8px -8px rgba(0, 0, 0, 0.5);
  }

.news_item .news_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 18px 24px 0;
}
.news_center .news_item img{
    width: 224px;
    height: 100%;
}
.news_center .news_item .news_title {
    margin: 0 0 12px;
    color: #000;
    font-size: 22px;
    font-weight: 400;
    font-family: "gotham", helvetica, arial, pingfangsc-regular, "microsoft yahei", "wenquanyi micro hei", sans-serif;
}
.news_center .news_item .news_date {
    font-size: 16px;
    color: inherit;
    letter-spacing: 0.4px;
    margin: 12px 24px 24px 12px;
}
.video {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.video video {
    outline: none;
    object-fit: fill;
    -o-object-fit: fill;
}


.pagewrap{
    height: 100vh;
}


.pageblock{
	width: 100%;
}

.pagewrap .fb-like{
	position: fixed;
	left: 30px;
	top: 75px;
	z-index: 100;
}

.pagewrap .githubbuttons{
	position: fixed;
	left: 220px;
	top: 75px;
	z-index: 100;
}

.pagewrap .copy{
	font-size: 10px;
	bottom: 20px;
	left: 30px;
	z-index: 100;
	position: absolute;
	color: white;
}

.pagewrap .copy a,.pagewrap .copy a:hover{
	color: white;
} 

.pageblock#fullscreen{
	height: 100%;
	background: none;
	color: white;
}

.pageblock#fullscreen h1{
	color: white;
	font-size: 72px;
	margin: 0;
	padding: 0;
	font-family: 'sxehwcmaax-blackblack', helvetica, arial, verdana;
	font-weight:normal;
}

.pageblock#fullscreen .slider{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.pageblock#fullscreen .slider .slide{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	float: left;
    position: absolute;
    -webkit-perspective: 800px;
            perspective: 800px;
    -webkit-perspective-origin: center center;
            perspective-origin: center center;
}

.pageblock#fullscreen .slider .slide .slidecontent{
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -150px;
	text-align: center;
}

.pageblock#fullscreen .slider .slide .slidecontent h1{
	text-shadow: 0 0 15px rgba(0,0,0,0.5);
	font-weight: bold;
	font-size: 120px;
	margin: 20px 0 30px 0;
	padding: 0;
    line-height: 115px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    
    -webkit-transition: -webkit-transform 0.5s;
    
    transition: -webkit-transform 0.5s;
    
    -o-transition: transform 0.5s;
    
    transition: transform 0.5s;
    
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.pageblock#fullscreen .slider .slide .slidecontent h1:hover{
    -webkit-transform: rotate3d(1,1,0,5deg);
            transform: rotate3d(1,1,0,5deg);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.pageblock#fullscreen .slider .slide .slidecontent .headersur{
	font-size: 30px;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	color: #f0f0f0;
	display: block;
}

.pageblock#fullscreen .slider .slide .slidecontent .button{
	padding: 10px 25px;
	text-transform: uppercase;
	background: transparent;
	background: rgba(0,0,0,.2);
	color: white;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	letter-spacing: 1px;
	margin: 20px 0;
	line-height: 20px;
}

.pageblock#fullscreen .slider .slide .slidecontent .button a,.pageblock#fullscreen .slider .slide .slidecontent .button a:hover{
	text-decoration: none !important;
	color: white;
}

.pageblock#fullscreen .slider .slide .slidecontent .button:hover{
	background: rgba(0,0,0,.3);
}

.pageblock#fullscreen .slider .slide .slidecontent .text{
	width: 900px;
	margin: 0 auto;
	line-height: 28px;
}

.pageblock#fullscreen .slider .slide .slidecontent .text a{
	color: white;
	text-decoration: none;
}

.pageblock#fullscreen .slider .slide .slidecontent .text a:hover{
	text-decoration: none;
}

.pageblock#fullscreen .slider .slide .slidecontent .text xmp{
	font-size: 13px;
	text-align: left;
	border: 1px solid white;
	background: rgba(0,0,0,0.1);
	padding: 10px 15px;
}

.pageblock#fullscreen #slideposition{
	position: absolute;
	bottom: 50px;
    left: 50%;
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
}

.pageblock#fullscreen #slideposition ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pageblock#fullscreen #slideposition ul li.indicator{
	display: inline-block;
	height: 10px;
	width: 10px;
	background: #222;
	margin: 0px 7px;
	padding: 0;
	border-radius: 999px;
	overflow: hidden;
	cursor: pointer;
}

.pageblock#fullscreen #slideposition ul li.indicator.active{
	background: white;
}

.nav_bar{
    height: 30vh;
    width: 100%;
    background: #f8f9fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

nav a {
    padding: 0 5px;
    border-left: 1.5px dotted rgb(158, 144, 144);
    border-right: 1.5px dotted rgb(158, 144, 144);
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

nav a:hover,
nav a:focus {
	outline: none;
}

.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	    transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: top 0.3s, opacity 0.3s, transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

.logo_wall{
    width: 100%;
    padding: 60px 0px 60px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.logo_wall .logo_wall-head{
    width: 90%;
    height: 80px;
}
.logo_wall .logo_wall-head h1{
    color: var(--theme-color-left);
    border-left: 5px solid var(--theme-color-left);
    padding-left: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}
.logo_wall .logo_wall-head h1 span{
    color: #aaa;
    font-weight: bold;
    font-size: 1rem;
    padding-left: 5px;
}
.logo_wall-body{
    /* width: 80%; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color:  #fcfcfc;
}
.logo_wall-body img{
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.logo_wall-body .logo_container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    width: 160px;
    height: 80px;
    margin: 5px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 20px -10px rgba(0,0,0,0.1);
}