* {padding: 0;margin: 0;}
img {border: 0;position:relative;max-width: 100%;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,td,tr,table,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;}
textarea { resize:none;font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.c0,a.c0 { color:#000;}
.c1,a.c1 { color:#111;}
.c2,a.c2 { color:#222;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}

.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fs26 { font-size:26px;}
.fs28 { font-size:28px;}
.fs40 { font-size:40px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h80 { height:80px;}
.h90 { height:90px;}
.h100 { height:100%;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb1 {margin-bottom:1px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt60{padding-top: 60px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb35{padding-bottom: 35px;}
.pb60{padding-bottom: 60px;}
.mga { margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}

/* cartoon */
.cartoon {
    transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;}

/* flex布局 */
.d-flex{ display: flex; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }

.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }
.a-stretch{ align-items: stretch; }
.a-self-start{ align-self: flex-start; }
.a-self-auto{ align-self: auto; }
.a-self-end{ align-self: flex-end; }
.a-self-stretch{ align-self:stretch; }
.a-self-baseline{ align-self:baseline; }

body {
    margin: 0px;
    padding: 0px;
    color: #333;
    font-family: "思源黑体", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    position: relative;
    line-height: 20px;
    background: #F8F9F8;
    min-width: 1200px;
}

a {
    color: #333;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

a:hover {
    color: #2DC061;
}

input {
    font-family: "思源黑体";
    font-size: 14px;
}

.white, a.white {
    color: #fff;
}

.mian-col, a.mian-col {
    color: #2DC061;
}

.whitebg, input.whitebg {
    background: #fff;
}

.eeebg, input.eeebg {
    background: #eee;
}

.main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.textover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.comheader {
    height: 80px;
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    right: auto;
    bottom: auto;
    width: 100%;
    background-color: #F8F9F8;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.comheader .main {
    position: static;
}

.comheader .logo {
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.comheader .logo img {
    height: 41px;
    display: block;
}

.comheader .logo:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.comheader .combtn {
    width: 92px;
    height: 30px;
    line-height: 30px;
    background: #2DC061;
    box-shadow: 0px 4px 20px 0px rgba(45, 192, 97, 0.4);
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
}

.main-bg {
    background-color: #2DC061;
    color: #fff;
}

.main-bg .logo {
    filter: grayscale(100%) brightness(200%);
}

.main-bg .comnav li .a1 {
    color: #fff;
}

.main-bg .comnav li:hover .a1 {
    color: #fff;
    font-weight: bold;
}

.main-bg .comnav li.sel .a1 {
    color: #fff;
    font-weight: bold;
}

.main-bg .combtn {
    border: 1px solid #FFFFFF;
}

.comheader-shadow {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
}

.comheader-h {
    height: 80px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.comnav {
    display: flex;
    align-items: center;
    margin-left: auto;
    position: static;
}

.comnav li {
    position: static;
}

.comnav li .a1 {
    display: block;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    padding: 0 20px;
}

.comnav li:hover .a1 {
    color: #2DC061;
}

.comnav li.sel .a1 {
    color: #2DC061;
}

.nobox {
    text-align: center;
    padding-top: 90px;
    padding-bottom: 100px;
}

.nobox p {
    margin-top: 30px;
}

.page_frame {
    width: 100%;
    height: auto;
    min-height: 730px;
}

.page_frame .error {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 50px 0;
    top: 103px;
}

.page_frame .error p {
    color: #999;
    font-size: 14px;
    line-height: 40px;
}

.page_frame .error .a1 {
    display: block;
    width: 380px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    margin: 20px auto;
    border-radius: 6px;
    background: #2DC061;
}

.bannerbox {
    padding-top: 15px;
    margin-bottom: -65px;
}

.bannerbox .main:first-child::after {
    content: '';
    position: absolute;
    right: -68px;
    top: -14px;
    background: url(../images/photos/banner-bg.png) no-repeat center;
    width: 845px;
    height: 532px;
}

.bannerbox .img {
    position: relative;
    z-index: 1;
}

.bannerbox .p1 {
    font-size: 40px;
    font-weight: 600;
    color: #26303C;
    line-height: 56px;
    white-space: nowrap;
    z-index: 1;
}

.bannerbox .p2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
    opacity: 0.8;
    z-index: 1;
}

.bannerbox .p3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
    opacity: 0.8;
    background: url(../images/icon/ic01.png) no-repeat left;
    padding-left: 33px;
    z-index: 1;
}

.bannerbox .p4 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.8);
    line-height: 30px;
}

.bannerbox .btnbox {
    margin-top: 60px;
}

.bannerbox .btnbox .btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.bannerbox .btnbox .btn1 {
    background: linear-gradient(270deg, #59E19A 0%, #2DC061 100%);
    color: #fff;
    margin-right: 10px;
}

.bannerbox .btnbox .btn2 {
    border: 1px solid #333333;
    line-height: 48px;
}

.mb0 {
    margin-bottom: 0;
}

.main-bannerbg {
    padding-top: 15px;
    background-color: #2DC061;
    padding-bottom: 15px;
}

.main-bannerbg .img {
    max-width: 445px;
}

.main-bannerbg .p1 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    line-height: 56px;
}

.main-bannerbg .p2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

.banner-txt {
    height: 130px;
    margin-top: 30px;
    z-index: 1;
    background: linear-gradient(180deg, #EEF3F1 0%, #fff 100%);
    box-shadow: 20px 20px 40px 0px #E5EDE8, -20px -20px 40px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 2px solid #fff;
}

.banner-txt .li {
    width: 33.3%;
}

.banner-txt .li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 1px;
    height: 48px;
    background: #DFE1E5;
    margin-top: -24px;
}

.banner-txt .li:first-child::after {
    display: none;
}

.banner-txt .tit {
    font-size: 16px;
    color: #26303C;
    line-height: 22px;
}

.banner-txt .des {
    color: #777788;
    margin-top: 8px;
}

.banner-txt .txt-ic {
    width: 60px;
}

.banner-txt .txt-ic img {
    width: 50px;
}

.banner-txt .txt {
    width: 260px;
}

.index-tit {
    font-size: 32px;
    font-weight: bold;
    color: #26303C;
    line-height: 48px;
    margin-bottom: 60px;
    text-align: center;
}

.index-box01 {
    border-top: 10px solid #fff;
    padding-top: 165px;
    padding-bottom: 60px;
}

.index-box01 li {
    width: 248px;
    height: 230px;
    padding: 30px 20px;
    background: linear-gradient(180deg, #EEF3F1 0%, #FFFFFF 100%);
    box-shadow: 20px 20px 40px 0px #DADFDC, -20px -20px 40px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    border: 2px solid #FFFFFF;
    margin-right: 16px;
}

.index-box01 li .ic {
    width: 65px;
}

.index-box01 li .tit {
    font-size: 20px;
    font-weight: 600;
    color: #26303C;
    line-height: 28px;
    margin-top: 10px;
}

.index-box01 li .hr {
    width: 32px;
    height: 2px;
    background: #2DC061;
    margin-top: 15px;
}

.index-box01 li .con {
    line-height: 24px;
    margin-top: 15px;
}

.index-box01 li .con p::after {
    content: '';
    width: 4px;
    height: 4px;
    background: #DFE1E5;
    position: absolute;
    left: 0;
    top: 8px;
    right: auto;
    bottom: auto;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.index-box01 li .con p {
    padding-left: 14px;
    margin-bottom: 3px;
}

.index-box01 li .btn {
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #2DC061;
    color: #2DC061;
    text-align: center;
    margin-top: 20px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.index-box01 li .btn:hover {
    background-color: #2DC061;
    color: #fff;
}

.index-box02 {
    padding-top: 60px;
}

.index-box02 .img {
    width: 100%;
    margin-top: 40px;
    display: block;
}

.innumlist li {
    width: 33.3%;
    text-align: center;
}

.innumlist .numbox {
    font-size: 40px;
    font-weight: 600;
    color: #2DC061;
    line-height: 56px;
}

.innumlist .tit {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 10px;
}

.index-news-tit {
    font-size: 32px;
    font-weight: 600;
    color: #26303C;
    line-height: 45px;
}

.index-nuews-list {
    display: flex;
    margin-bottom: 30px;
}

.index-nuews-list .img {
    width: 80px;
    height: 60px;
    border-radius: 2px;
    background-size: cover;
    transition: all 0.3s ease-in-out 0.01s;
    -webkit-transition: all 0.3s ease-in-out 0.01s;
    left: 0;
}

.index-nuews-list .tit {
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #26303C;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-nuews-list .txt {
    flex: 1;
    width: 490px;
    margin-left: 20px;
    transition: all 0.3s ease-in-out 0.01s;
    -webkit-transition: all 0.3s ease-in-out 0.01s;
    left: 0;
}

.index-nuews-list .date {
    margin-top: 5px;
    font-size: 12px;
    opacity: 0.8;
    color: #333;
}

.index-nuews-list:hover .tit {
    color: #2DC061;
}

.index-nuews-list:hover .img {
    left: -5px;
}

.index-nuews-list:hover .txt {
    left: 5px;
}

.index-newsbox {
    width: 590px;
}

.index-box03 {
    background: url(../images/bg/index-bg.png) no-repeat center;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

.index-box03 ul {
    width: 1350px;
}

.index-box03 li {
    width: 300px;
    height: 310px;
    padding-top: 30px;
    text-align: center;
    margin-right: 150px;
    background: linear-gradient(180deg, #EEF3F1 0%, #FFFFFF 100%);
    box-shadow: 20px 20px 40px 0px #DADFDC, -20px -20px 40px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
}

.index-box03 li::after {
    background: url(../images/bg/index-box3-bg.png) no-repeat center;
    width: 72px;
    height: 75px;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
}

.index-box03 li .ic {
    width: 100px;
    display: block;
    left: 50%;
    margin-left: -50px;
}

.index-box03 li .tit {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    color: #26303C;
    line-height: 37px;
    margin-top: 35px;
}

.index-box03 li .tit::after {
    content: '';
    height: 6px;
    background: linear-gradient(270deg, rgba(89, 225, 154, 0.4) 0%, #2DC061 100%);
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
}

.index-box03 li .des {
    font-size: 16px;
    line-height: 22px;
    margin-top: 30px;
    z-index: 1;
}

.index-box03 li:hover .ic {
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.4s ease-in-out 0.01s;
    -moz-transition: all 0.4s ease-in-out 0.01s;
    -o-transition: all 0.4s ease-in-out 0.01s;
    -ms-transition: all 0.4s ease-in-out 0.01s;
    transition: all 0.4s ease-in-out 0.01s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.usfoot {
    background: url(../images/bg/ft-bg.png) no-repeat center;
    width: 100%;
    height: 175px;
    text-align: center;
    color: #fff;
    padding-top: 35px;
}

.usfoot .btnbox {
    margin-top: 20px;
}

.usfoot .btnbox .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    color: #fff;
}

.usfoot .btnbox .btn1 {
    background: linear-gradient(270deg, #59E19A 0%, #2DC061 100%);
    margin-right: 20px;
}

.usfoot .btnbox .btn2 {
    border: 1px solid #fff;
}

.usfoot .p1 {
    font-size: 30px;
    line-height: 42px;
    padding-top: 5px;
}

.usfoot .p2 {
    margin-top: 2px;
}

.comfoot {
    padding-top: 60px;
    padding-bottom: 30px;
}

.comfoot dl {
    width: 240px;
}

.comfoot a {
    display: block;
}

.comfoot a:hover {
    color: #2DC061;
}

.comfoot dt {
    font-size: 16px;
    color: #262F3D;
    line-height: 24px;
    margin-bottom: 20px;
}

.comfoot dd a {
    margin-bottom: 5px;
    color: #777788;
}

.comfoot .logotxt {
    font-size: 12px;
    margin-left: 50px;
}

.comfoot .logotxt p {
    opacity: 0.5;
    margin-bottom: 5px;
}

.comfoot .logo {
    width: 134px;
    margin-bottom: 10px;
}

.comfoot .botom {
    font-size: 12px;
    text-align: center;
    opacity: 0.5;
    margin-top: 50px;
}

.floatbox {
    position: fixed;
    right: 60px;
    top: 50%;
    z-index: 101;
    width: 188px;
}

.floatbox .codebox {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#eff3f1), color-stop(0.33, #eff3f1), to(#fdfdfd));
    background: -webkit-linear-gradient(top, #eff3f1, #fdfdfd);
    background: -moz-linear-gradient(top, #eff3f1, #fdfdfd);
    background: -o-linear-gradient(top, #eff3f1, #fdfdfd);
    background: linear-gradient(top, #eff3f1, #fdfdfd);
    border: 2px solid #fff;
    padding: 18px;
    border-radius: 4px;
    margin: 0 8px;
    z-index: 2;
}

.floatbox .codebox .bg {
    width: 132px;
    height: 132px;
    background: url(../images/icon/float-bg01.png) no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floatbox .codebox .img {
    width: 115px;
    height: 115px;
}

.floatbox .btmbg {
    height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
    background-color: #7edd9f;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    top: -62px;
}

.floatbox .btmbg .btn {
    width: 95px;
    height: 27px;
    line-height: 27px;
    background: #FFFFFF;
    border-radius: 2px;
    font-size: 12px;
    color: #2DC061;
    text-align: center;
    z-index: 1;
}

.floatbox .btmbg .tel {
    font-size: 12px;
    color: #FFFFFF;
    z-index: 1;
    background: url(../images/icon/tel01.png) no-repeat left;
    padding-left: 17px;
    margin-top: 3px;
}

.floatbox .btmbg::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 78px;
    background: url(../images/icon/float-bg.png) no-repeat bottom;
}

.floatbox .closebtn {
    position: absolute;
    right: -6px;
    top: -12px;
    z-index: 3;
    cursor: pointer;
}

.banner-item {
    z-index: 1;
    margin-top: 50px;
}

.banner-item .li {
    width: 260px;
    height: 120px;
    background: linear-gradient(180deg, #EEF3F1 0%, #FFFFFF 100%);
    box-shadow: 20px 20px 40px 0px #E5EDE8, -20px -20px 40px 0px rgba(255, 255, 255, 0.5);
    padding-top: 10px;
    border-radius: 4px;
    border: 2px solid #FFFFFF;
    margin-right: 53px;
    text-align: center;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    top: 0;
}

.banner-item .li:hover {
    top: -5px;
}

.buyerbox {
    padding-top: 150px;
    padding-bottom: 40px;
}

.buyerbox ul {
    padding-bottom: 61px;
}

.buyerbox ul::after {
    content: '';
    width: 136px;
    height: 136px;
    background: url(../images/icon/buyer-bg-left.png) no-repeat center;
    position: absolute;
    left: -38px;
    top: -32px;
}

.buyerbox ul::before {
    content: '';
    width: 142px;
    height: 142px;
    background: url(../images/icon/buyer-bg-right.png) no-repeat center;
    position: absolute;
    right: -67px;
    bottom: 0;
}

.buyerbox li {
    width: 320px;
    height: 350px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    border: 1px solid #CCEDD8;
    z-index: 1;
    margin-right: 120px;
}

.buyerbox li:last-child {
    margin-right: 0;
}

.buyerbox .tit {
    background: url(../images/icon/buyer-bg-tit.png) no-repeat center;
    padding-left: 30px;
    height: 80px;
    border-radius: 4px 4px 0px 0px;
    line-height: 80px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
}

.buyerbox .tit i {
    width: 15px;
    height: 15px;
    border: 3px solid #FFFFFF;
    margin-right: 20px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.buyerbox .p1 {
    margin-top: 20px;
    font-size: 16px;
    color: #777788;
    background: url(../images/icon/ic02.png) no-repeat left;
    padding-left: 21px;
}

.txtlist .txt {
    float: left;
    width: 530px;
    padding-top: 50px;
}

.txtlist .imgbox {
    float: right;
    width: 50%;
    text-align: right;
}

.txtlist .p3 {
    color: #26303C;
    margin-bottom: 15px;
    font-size: 16px;
}

.txtlist .p1 {
    background: url(../images/icon/ic03.png) no-repeat 0 0;
    padding-left: 30px;
    margin-bottom: 15px;
    color: rgba(51, 51, 51, 0.8);
}

.txtlist .p2 {
    width: 560px;
    font-size: 16px;
    line-height: 30px;
    color: rgba(51, 51, 51, 0.8);
}

.txtlist .tit {
    font-size: 28px;
    font-weight: 600;
    color: #26303C;
    line-height: 40px;
    margin-bottom: 20px;
}

.txtlist li {
    margin-top: 15px;
}

.txtlist li:nth-child(even) .txt {
    float: right;
}

.txtlist li:nth-child(even) .imgbox {
    float: left;
    text-align: left;
}

.casebox {
    width: 1240;
    padding-top: 60px;
    padding-bottom: 30px;
}

.casebox .li {
    width: 260px;
    height: 276px;
    background: #FFFFFF;
    box-shadow: 6px 6px 16px 0px rgba(229, 237, 232, 0.8), -6px -6px 16px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    padding: 20px;
    margin-right: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.casebox .li:hover .imgbox {
    top: -5px;
}

.casebox .imgbox {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid #E9F0EB;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    top: 0;
}

.casebox .des {
    color: #26303C;
    margin-top: 15px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.casebox .btn {
    font-size: 12px;
    color: #2DC061;
    background: rgba(45, 192, 97, 0.1);
    border-radius: 2px;
    display: block;
    text-align: center;
    margin-top: 20px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    display: inline-block;
    padding: 5px 5px;
}

.casebox .btn:hover {
    background-color: #2DC061;
    color: #fff;
}

.meetingbox {
    padding-top: 150px;
    padding-bottom: 45px;
}

.meetingbox ul {
    width: 1350px;
}

.meetingbox li {
    width: 450px;
    background: url(../images/icon/arr01.png) no-repeat 346px;
    margin-bottom: 40px;
}

.meetingbox .txt {
    width: 258px;
    height: 200px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #CCEDD8;
    padding-top: 30px;
    padding-left: 40px;
}

.meetingbox .tit {
    font-size: 20px;
    color: #26303C;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 25px;
}

.meetingbox .tit::after {
    content: '';
    background: linear-gradient(270deg, rgba(89, 225, 154, 0.4) 0%, #2DC061 100%);
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 4px;
}

.meetingbox .p1 {
    font-size: 16px;
    color: #777788;
    line-height: 22px;
    background: url(../images/icon/ic02.png) no-repeat left;
    padding-left: 21px;
    margin-bottom: 20px;
}

.meetingbox .num {
    font-size: 100px;
    color: #EAF7EE;
    line-height: 120px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Helvetica;
    font-style: italic;
}

.solutionbox {
    padding-top: 150px;
    padding-bottom: 40px;
}

.solutionbox .box {
    padding-bottom: 61px;
}

.solutionbox .box::after {
    content: '';
    width: 136px;
    height: 136px;
    background: url(../images/icon/buyer-bg-left.png) no-repeat center;
    position: absolute;
    left: -38px;
    top: -32px;
}

.solutionbox .box::before {
    content: '';
    width: 142px;
    height: 142px;
    background: url(../images/icon/buyer-bg-right.png) no-repeat center;
    position: absolute;
    right: -67px;
    bottom: 0;
}

.solutionbox ul {
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 6px 6px 16px 0px rgba(229, 237, 232, 0.8), -6px -6px 16px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
    z-index: 1;
    position: relative;
}

.solutionbox li {
    width: 358px;
    height: 145px;
    border-right: 1px solid #E9F0EB;
    border-top: 1px solid #E9F0EB;
    padding-left: 40px;
    padding-top: 40px;
    top: -1px;
}

.solutionbox li:nth-child(3) {
    border-right: 0;
}

.solutionbox li:nth-child(6) {
    border-right: 0;
}

.solutionbox .ic {
    width: 30px;
    margin-right: 8px;
}

.solutionbox .tit {
    font-size: 24px;
    color: #26303C;
    line-height: 36px;
}

.solutionbox .p1 {
    font-size: 16px;
    color: rgba(38, 48, 60, 0.8);
    line-height: 22px;
    padding-left: 38px;
    margin-bottom: 10px;
}

.menubox a {
    font-size: 18px;
    color: #26303C;
    padding-bottom: 15px;
    display: inline-block;
    margin-right: 40px;
}

.menubox a.sel {
    color: #2DC061;
}

.menubox a:hover {
    color: #2DC061;
}

.menubox .sel::after {
    content: '';
    height: 2px;
    background: #2DC061;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.pageGro {
    display: flex;
    margin-top: 30px;
    border-radius: 4px 0px 0px 4px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    color: #2DC061;
}

.pageGro a, .pageGro span {
    color: #26303C;
    padding: 0 14px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.pageGro .last {
    border-radius: 0px 4px 4px 0px;
}

.pageGro .on, .pageGro a:hover {
    color: #2DC061;
}

.case-list {
    width: 1240;
}

.case-list li {
    width: 260px;
    height: 276px;
    background: #FFFFFF;
    box-shadow: 6px 6px 16px 0px rgba(229, 237, 232, 0.8), -6px -6px 16px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    padding: 20px;
    margin-right: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.case-list li:hover .imgbox {
    top: -5px;
}

.case-list .imgbox {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid #E9F0EB;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    top: 0;
}

.case-list .des {
    color: #26303C;
    margin-top: 15px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}

.case-list .btn {
    font-size: 12px;
    color: #2DC061;
    background: rgba(45, 192, 97, 0.1);
    border-radius: 2px;
    display: block;
    text-align: center;
    margin-top: 20px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
    display: inline-block;
    padding: 5px 5px;
}

.case-list .btn:hover {
    background-color: #2DC061;
    color: #fff;
}

.bgicbox {
    padding-top: 150px;
    padding-bottom: 40px;
}

.bgicbox ul {
    padding-bottom: 61px;
    width: 1220px;
}

.bgicbox ul::after {
    content: '';
    width: 136px;
    height: 136px;
    background: url(../images/icon/buyer-bg-left.png) no-repeat center;
    position: absolute;
    left: -38px;
    top: -32px;
}

.bgicbox ul::before {
    content: '';
    width: 142px;
    height: 142px;
    background: url(../images/icon/buyer-bg-right.png) no-repeat center;
    position: absolute;
    right: -67px;
    bottom: 0;
}

.bgicbox li {
    z-index: 1;
    position: relative;
}

.lecturerbox {
    padding-top: 60px;
    padding-bottom: 40px;
}

.lecturerbox li {
    width: 285px;
    text-align: center;
    margin-right: 20px;
    height: 400px;
    background: #FFFFFF;
    box-shadow: 6px 6px 16px 0px rgba(229, 237, 232, 0.8), -6px -6px 16px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    top: 0;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.lecturerbox li .imgbox {
    height: 285px;
    background-repeat: no-repeat;
    background-size: cover;
}

.lecturerbox li .name {
    font-size: 20px;
    color: #26303C;
    line-height: 28px;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lecturerbox li .con {
    color: rgba(38, 48, 60, 0.8);
    margin-top: 8px;
    line-height: 22px;
}

.lecturerbox li:hover {
    top: -5px;
}

.lecturerbox li:hover .name {
    color: #2DC061;
}

.trainlist {
    width: 1220px;
    padding-bottom: 65px;
    text-align: center;
}

.trainlist li {
    width: 285px;
    height: 230px;
    background: #FFFFFF;
    box-shadow: 6px 6px 16px 0px rgba(229, 237, 232, 0.8), -6px -6px 16px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    margin-right: 20px;
}

.trainlist li:hover .tit {
    color: #2DC061;
}

.trainlist li:hover .imgbox p {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.trainlist .imgbox {
    height: 170px;
    overflow: hidden;
}

.trainlist .imgbox p {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.trainlist .tit {
    font-size: 16px;
    color: #26303C;
    line-height: 22px;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.certification-list {
    width: 1220px;
    text-align: center;
    padding-bottom: 60px;
}

.certification-list li {
    width: 184px;
    width: 286px;
    height: 388px;
    border-radius: 4px;
    margin-right: 19px;
    box-sizing: border-box;
}

.certification-list .imgbox {
    width: 150px;
    width: 286px;
    height: 206px;
    height: 388px;
}

.certification-list .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
}

.certification-list .tit {
    font-size: 20px;
    color: #26303C;
    line-height: 30px;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.officebox {
    padding-top: 60px;
}

.officebox li {
    width: 568px;
    text-align: center;
}

.officebox li .imgbox {
    width: 568px;
    height: 338px;
    background-repeat: no-repeat;
    background-size: cover;
}

.officebox li .tit {
    font-size: 16px;
    color: #26303C;
    line-height: 22px;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.uslist {
    padding-bottom: 30px;
    width: 1290px;
}

.uslist li {
    width: 340px;
    height: 360px;
    margin-right: 90px;
    background: #FFFFFF;
    box-shadow: 6px 6px 16px 0px rgba(229, 237, 232, 0.8), -6px -6px 16px 0px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 30px;
}

.uslist .tit {
    display: inline-block;
    font-size: 28px;
    font-weight: 500;
    color: #26303C;
    line-height: 40px;
}

.uslist .tit::after {
    content: '';
    height: 6px;
    background: linear-gradient(270deg, rgba(89, 225, 154, 0.4) 0%, #2DC061 100%);
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
}

.uslist .des {
    font-size: 20px;
    font-weight: 400;
    color: rgba(38, 48, 60, 0.8);
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 225px;
}

.uslist .p1 {
    font-size: 20px;
    color: rgba(38, 48, 60, 0.8);
    line-height: 30px;
    margin-left: 10px;
}

.uslist .bg {
    position: absolute;
    left: 70px;
    bottom: 33px;
}

.crumbbox {
    padding-top: 30px;
    margin-bottom: 10px;
}

.crumbbox a, .crumbbox span {
    font-size: 20px;
    font-weight: bold;
}

.crumbbox a {
    color: #26303C;
}

.crumbbox .on, .crumbbox .pageGro a:hover, .pageGro .crumbbox a:hover {
    color: #2DC061;
}

.news-left {
    width: 870px;
    padding-bottom: 50px;
}

.news-right {
    width: 300px;
    padding-top: 30px;
}

.news-list {
    padding: 20px 0;
    border-bottom: 1px solid #DBDBDB;
}

.news-list:last-child {
    border-bottom: none;
}

.news-list .imgbox {
    width: 220px;
    height: 130px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 20px;
}

.news-list .tit {
    font-size: 16px;
    font-weight: bold;
    color: #26303C;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.news-list .des {
    color: rgba(38, 48, 60, 0.8);
    margin-top: 10px;
    width: 630px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-list .info {
    color: rgba(38, 48, 60, 0.8);
    margin-top: 20px;
}

.news-list:hover .tit {
    color: #2DC061;
}

.classify {
    margin-top: 20px;
}

.classify a {
    height: 34px;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 0 23px;
    color: #777788;
    line-height: 34px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.classify a:hover {
    background-color: #2DC061;
    color: #fff;
}

.dtl-left {
    width: 730px;
    padding-top: 30px;
}

.dtl-left .tit {
    font-size: 24px;
    font-weight: 500;
    color: #26303C;
    line-height: 36px;
}

.dtl-left .date {
    font-weight: 400;
    color: #777788;
    margin-top: 15px;
}

.dtl-left .dtl-con {
    font-size: 16px;
    font-weight: 400;
    color: #777788;
    line-height: 30px;
    padding-top: 25px;
    padding-bottom: 30px;
}

.dtl-right {
    margin-top: 30px;
    padding: 20px;
    min-height: 360px;
    width: 310px;
    background: #F8F9F8;
}

.dtl-right-list {
    font-size: 16px;
    width: 270px;
    font-weight: 400;
    color: #777788;
    line-height: 22px;
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 0;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dtl-right-list:last-child {
    border-bottom: none;
}

.invitation-list {
    padding-bottom: 100px;
    width: 1250px;
}

.invitation-list li {
    width: 260px;
    height: 400px;
    background: #F5F5F5;
    border-radius: 4px;
    margin-right: 50px;
}

.invitation-list li img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 260px;
    max-height: 400px;
    border-radius: 4px;
}

.yqchange-f {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 101;
    background-color: #FFFFFF;
}

.yqchange-h {
    height: 101px;
    display: none;
}

.yqchange {
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 40px;
    padding-top: 20px;
}

.yqchange li {
    width: 50%;
    cursor: pointer;
}

.yqchange .txt {
    margin-left: 89px;
    padding-bottom: 20px;
    display: inline-block;
}

.yqchange .ic {
    margin-right: 12px;
    display: none;
}

.yqchange .ic-h {
    margin-right: 12px;
}

.yqchange .tit {
    font-size: 18px;
    font-weight: bold;
    color: #26303C;
    line-height: 27px;
}

.yqchange .des {
    font-weight: 400;
    color: #26303C;
    line-height: 21px;
}

.yqchange .sel .txt::after {
    content: '';
    height: 3px;
    background: #2DC061;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
}

.yqchange .sel .ic {
    display: block;
}

.yqchange .sel .ic-h {
    display: none;
}

.navmenu {
    display: none;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    padding: 32px 0 40px 0;
}

.navmenu .navmenu_flex {
    display: flex;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
}

.navmenu .navmenu_flex menu {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left;
    line-height: 24px;
    position: relative;
    overflow: hidden;
}

.navmenu .navmenu_flex menu span {
    color: #8c8d9e;
    font-size: 14px;
    display: block;
}

.navmenu .navmenu_flex menu a {
    display: block;
    font-size: 16px;
    color: #333;
    margin-top: 16px;
    transition: all 0.5s ease-in-out 0.01s;
    -webkit-transition: all 0.5s ease-in-out 0.01s;
}

.navmenu .navmenu_flex menu a i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 12px;
    top: 6px;
    position: relative;
}

.navmenu .navmenu_flex menu a .ic1 {
    background-image: url(../images/ic1.png);
}

.navmenu .navmenu_flex menu a .ic2 {
    background-image: url(../images/ic2.png);
}

.navmenu .navmenu_flex menu a .ic3 {
    background-image: url(../images/ic3.png);
}

.navmenu .navmenu_flex menu a .ic4 {
    background-image: url(../images/ic4.png);
}

.navmenu .navmenu_flex menu a .ic5 {
    background-image: url(../images/ic5.png);
}

.navmenu .navmenu_flex menu a .ic6 {
    background-image: url(../images/ic6.png);
}

.navmenu .navmenu_flex menu a .ic7 {
    background-image: url(../images/ic7.png);
}

.navmenu .navmenu_flex menu a .ic8 {
    background-image: url(../images/ic8.png);
}

.navmenu .navmenu_flex menu a .ic9 {
    background-image: url(../images/ic9.png);
}

.navmenu .navmenu_flex menu a .ic10 {
    background-image: url(../images/ic10.png);
}

.navmenu .navmenu_flex menu a .ic11 {
    background-image: url(../images/ic11.png);
}

.navmenu .navmenu_flex menu a .ic12 {
    background-image: url(../images/ic12.png);
}

.navmenu .navmenu_flex menu a .ic13 {
    background-image: url(../images/ic13.png);
}

.navmenu .navmenu_flex menu a .ic14 {
    background-image: url(../images/ic14.png);
}

.navmenu .navmenu_flex menu a .ic15 {
    background-image: url(../images/ic15.png);
}

.navmenu .navmenu_flex menu a:hover {
    color: #2DC061;
}

.navmenu .navmenu_flex menu:after {
    position: absolute;
    content: "";
    top: 45px;
    right: 28px;
    width: 1px;
    height: 100%;
    background-color: #e5eaf1;
}

.navmenu .navmenu_flex menu:last-child:after {
    display: none;
}

.contact-up {
    display: none;
}

.contact-up .contact-upbg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 200;
}

.contact-up .box {
    width: 735px;
    height: 430px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -367.5px;
    margin-top: -215px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 201;
    background-color: #fff;
}

.contact-up .codebox .bg {
    width: 132px;
    height: 132px;
    background: url(../images/icon/float-bg01.png) no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-up .codebox .img {
    width: 115px;
    height: 115px;
}

.contact-up .closebtn {
    cursor: pointer;
}

.contact-up .info {
    border-bottom: 1px solid #eee;
    padding-left: 23px;
    padding-bottom: 8px;
}

.contact-up .info .t-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

.contact-up .p1 {
    font-size: 18px;
}

.contact-up .p2 {
    color: #666666;
    margin-top: 5px;
}

.contact-up .p3 {
    margin-top: 20px;
    color: #2DC061;
    text-align: center;
    font-weight: bold;
}

.contact-up .btmbg {
    display: inline-block;
}

.contact-up .btn {
    background: linear-gradient(270deg, #59E19A 0%, #2DC061 100%);
    color: #fff;
    width: 220px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    margin-top: 28px;
    border-radius: 4px;
}

.contact-up .tel {
    font-size: 16px;
    margin-top: 13px;
    z-index: 1;
    background: url(../images/icon/tel02.png) no-repeat left;
    padding-left: 26px;
}


body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #2DC061;
}

body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.comnav01 li {
    animation: _anLeftRightOp 0.7s linear 0s 1;
    -webkit-animation: _anLeftRightOp 0.7s linear 0s 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}

.comnav01 li:nth-child(2) {
    animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
}

.comnav01 li:nth-child(3) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.comnav01 li:nth-child(4) {
    animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
}

.comnav01 li:nth-child(5) {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.comnav01 li:nth-child(6) {
    animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
}

.comnav01 li:nth-child(7) {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}

.comnav01 li:nth-child(8) {
    animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
}

.comnav01 li:nth-child(9) {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.comnav01 .combtn {
    animation: _anLeftRightOp 0.3s linear 1s 1;
    -webkit-animation: _anLeftRightOp 0.3s linear 1s 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}

.comhead01 .search {
    animation: _anLeftRightOp 0.7s linear 0s 1;
    -webkit-animation: _anLeftRightOp 0.7s linear 0s 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}



@keyframes _anDownUpOp {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes _anDownUpOp {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _anDownUpOp01 {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes _anDownUpOp01 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _anLeftRightOp {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes _anLeftRightOp {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(0.33, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
        background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(0.33, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
        background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        opacity: 0;
    }
}

@-webkit-keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(0.33, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
        background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), color-stop(0.33, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
        background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
        opacity: 0;
    }
}

@keyframes liMove {
    0% {
        transform: translateY(-110%);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes liHIde {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(110%);
        opacity: 0;
    }
}